@font-face{font-family:Gabriela;src:url("fonts/Gabriela-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Mukta;src:url("fonts/Mukta/Mukta-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal}*,::after,::before{box-sizing:border-box}*{margin:0;padding:0}html{overflow-x:hidden;max-width:100%}body{height:100vh;height:100dvh;max-width:100%;overflow:hidden;overflow-x:hidden;background:#0e1218;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#fff;display:flex;flex-direction:column}body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 15%,rgba(33,123,104,.45),transparent 60%),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(38,38,80,.4),transparent 55%),url("assets/server_select_screen_bg.png") center/cover no-repeat;z-index:0;pointer-events:none}body>:not(.ritual-backdrop):not(.particle-field):not(.header-particles){position:relative;z-index:2}.ritual-backdrop{--size:min(74vmin, 72vw, 90vh, 44rem);position:fixed;left:50%;top:calc(50% + clamp(1rem,4.5vh,3.25rem));width:var(--size);height:var(--size);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;opacity:.48;animation:10s ease-in-out infinite ritual-breathe,150s linear infinite ritual-spin-slow}.ritual-backdrop__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:plus-lighter;filter:drop-shadow(0 0 28px rgba(18, 195, 165, .55)) drop-shadow(0 0 72px rgba(18, 195, 165, .35))}@keyframes ritual-breathe{0%,100%{opacity:.45}50%{opacity:.62}}@keyframes ritual-spin-slow{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.particle-field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.header-particles{position:fixed;left:0;right:0;top:0;height:min(48vh,26rem);overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.95}.header-particle{position:absolute;border-radius:50%;will-change:transform,opacity}@keyframes header-magic-rise{0%{transform:translate(0,0) scale(.4);opacity:0}12%{opacity:var(--hp-peak)}100%{transform:translate(var(--hp-dx),calc(-1 * var(--hp-rise))) scale(1.1);opacity:0}}@keyframes header-twinkle{0%,100%{opacity:var(--hp-low);transform:scale(1)}50%{opacity:var(--hp-high);transform:scale(1.35)}}.particle{position:absolute;border-radius:50%;will-change:transform,opacity}@keyframes drift{0%,100%{transform:translate(0,0)}25%{transform:translate(var(--dx1),var(--dy1))}50%{transform:translate(var(--dx2),var(--dy2))}75%{transform:translate(var(--dx3),var(--dy3))}}@keyframes pulse{0%,100%{opacity:var(--base-opacity)}50%{opacity:var(--peak-opacity)}}.header{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box;text-align:center;padding:clamp(1rem,3.5vh,2.5rem) max(1rem,env(safe-area-inset-right,0px)) clamp(.25rem,1vh,.75rem) max(1rem,env(safe-area-inset-left,0px));flex-shrink:0;overflow-x:clip;overflow-y:visible}.header__title-wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow-x:clip;overflow-y:visible}.header__title-wrap::before{content:"";position:absolute;left:50%;top:50%;width:140%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 45% at 50% 50%,rgba(130,245,215,.42) 0,rgba(70,170,150,.18) 45%,transparent 72%);filter:blur(24px);pointer-events:none;z-index:-1;animation:4.5s ease-in-out infinite title-aura}@keyframes title-aura{0%,100%{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.header__title{margin:0;width:100%;max-width:100%;font-family:Gabriela,Georgia,serif;font-size:clamp(1.75rem, 5vw, 4.25rem);line-height:1.05;text-align:center;color:#74acb1;text-shadow:-2px 4.9px 4px #050c13de,0 0 9px rgba(80,140,121,.78),0 0 4px #68ccdc,0 -2.6px 0 #8ed2ab,.2px 1px 0 rgba(49,32,73,.9);position:relative;animation:5.5s ease-in-out infinite title-shine}@keyframes title-shine{0%,100%{filter:drop-shadow(0 0 18px rgba(104, 204, 220, .55))}50%{filter:drop-shadow(0 0 36px rgba(142, 210, 171, .85)) drop-shadow(0 0 64px rgba(18, 195, 165, .5))}}.header__subtitle{margin:.35rem 0 0;width:100%;max-width:min(100%,28rem);padding-inline:0.5rem;box-sizing:border-box;font-family:Gabriela,Georgia,serif;font-size:clamp(.9rem, 2vw, 1.65rem);color:#dbd5c7;text-align:center;text-shadow:-.8px 3.9px 0 #10141c,0 0 9px rgba(67,204,206,.78),0 0 4px rgba(67,204,206,.78);animation:3.2s ease-in-out infinite subtitle-shimmer}@keyframes subtitle-shimmer{0%,100%{opacity:.88}50%{opacity:1}}@media (max-width:48rem){.header__title-wrap::before{width:115%;filter:blur(18px)}.header__title{animation:5.5s ease-in-out infinite title-shine-mobile}}@keyframes title-shine-mobile{0%,100%{filter:drop-shadow(0 0 10px rgba(104, 204, 220, .45))}50%{filter:drop-shadow(0 0 18px rgba(142, 210, 171, .55))}}.servers{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(.65rem,2.2vw,1.85rem);padding:0 clamp(.75rem,2vw,2rem);transform:translateY(calc(-1 * clamp(1.25rem,5vh,3.5rem)))}.card{position:relative;display:block;flex:0 1 16rem;max-width:16rem;overflow:visible;text-decoration:none;color:inherit;cursor:pointer;transition:transform .4s cubic-bezier(.34, 1.25, .64, 1)}.card:hover{transform:none}.card__frame{display:block;width:100%;height:auto;pointer-events:none}.card .card__frame{position:relative;z-index:2;transition:filter .4s}.card:hover .card__frame{filter:drop-shadow(0 0 6px rgba(160, 255, 220, .95)) drop-shadow(0 0 18px rgba(90, 230, 190, .75)) drop-shadow(0 0 36px rgba(50, 200, 160, .5)) drop-shadow(0 0 56px rgba(30, 170, 130, .3))}.card__char{position:absolute;left:-16%;bottom:2%;width:113%;height:auto;z-index:3;pointer-events:none;transition:opacity .3s,transform .4s;transform:translateY(0)}.card__char--normal{opacity:1}.card__char--hover{opacity:0}.card:hover .card__char{transform:translateY(-4px)}.card:hover .card__char--hover{opacity:1}.card:hover .card__char--normal{opacity:0}.card__particles{position:absolute;top:18%;left:0;right:0;bottom:0;z-index:2;overflow:hidden;pointer-events:none;mix-blend-mode:plus-lighter;opacity:.7}.btn-particle{position:absolute;border-radius:50%;will-change:transform,opacity}@keyframes float-up{0%{transform:translateY(0);opacity:var(--base-opacity)}50%{opacity:var(--peak-opacity)}100%{transform:translateY(var(--float-dist));opacity:0}}.footer{flex-shrink:0;text-align:center;padding:clamp(.5rem,1.5vh,1rem) 1rem;font-family:Mukta,sans-serif;font-weight:800;font-size:clamp(.65rem, 1.5vw, .8125rem);color:#e5e1ff;white-space:nowrap;text-shadow:-.8px 3.9px 0 #10141c,0 0 9px rgba(67,204,206,.78),0 0 4px rgba(67,204,206,.78)}@media (max-width:56rem){.servers{flex-wrap:wrap;max-width:min(36rem,100%);padding-inline:clamp(0.35rem,2vw,1rem);gap:clamp(.4rem,1.8vw,1.1rem);transform-origin:center center;transform:translateY(calc(-1 * clamp(.75rem,3.5vh,2.5rem))) scale(.9)}.card{flex:0 1 calc(50% - 0.65rem);max-width:min(12.5rem,44vw)}}@media (max-width:28rem){.header__title-wrap::before{width:100%;height:160%}.servers{flex-direction:column;max-width:100%;padding-inline:max(0.25rem,env(safe-area-inset-left,0px)) max(0.25rem,env(safe-area-inset-right,0px));transform:translateY(calc(-1 * clamp(.5rem,2.5vh,1.5rem))) scale(.82)}.card{flex:0 0 auto;width:100%;max-width:min(13rem,86vw)}.card__char{left:-10%;width:108%}.footer{white-space:normal}}@media (max-width:22rem){.servers{transform:translateY(calc(-1 * clamp(.35rem,2vh,1rem))) scale(.76)}}