.iti__flag-container{align-items:center;width:120px;display:flex;left:10px;padding:1px 10px 1px 8px!important;position:absolute!important;top:0!important;bottom:8px!important;right:auto!important}.iti input,.iti input[type=text],.iti input[type=tel]{z-index:0;padding-left:84px;position:relative;width:256px!important;margin-top:0!important;margin-bottom:8px!important}.iti__selected-flag{z-index:1;align-items:center;gap:6px;height:100%;margin-left:0;padding:0;display:inline-flex;position:relative}.iti__selected-flag .iti__selected-dial-code{display:none!important}.iti__auto-dial-code{color:#ffffff8c;white-space:nowrap;pointer-events:none;font-size:1rem}.iti__auto-dial-code.is-hidden{visibility:hidden}.iti__selected-flag .iti__selected-dial-code{color:#fff9;white-space:nowrap;margin-left:2px;font-size:1rem}.iti__selected-flag .iti__arrow{margin-left:auto}.phone-dial-code-hint{color:#fff9;margin:-6px 0 8px 10px;font-size:.95rem;display:none}#preloader{color:#e9f0ff;z-index:12000;opacity:1;background:radial-gradient(circle at 20% 20%,#5f9fff33,#0000 40%),radial-gradient(circle at 80% 30%,#69ffda2e,#0000 38%),linear-gradient(#0b1324 0%,#0a0f1a 60%,#05070d 100%);justify-content:center;align-items:center;gap:10px;width:100%;height:100%;transition:transform .8s ease-in-out,opacity .8s ease-in-out;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(0)}.preloader-card{text-align:center;background:#080c14a6;border:1px solid #ffffff1a;border-radius:16px;gap:12px;min-width:280px;max-width:360px;padding:26px 30px;display:grid;box-shadow:0 12px 40px #00000059}.preloader-title{letter-spacing:.5px;color:#f7fbff;font-size:1.2rem;font-weight:800}.preloader-text{color:#e9f0ffcc;margin:0;font-size:.95rem;line-height:1.5}.preloader-dots{justify-content:center;align-items:center;gap:12px;display:inline-flex}.dot{background:linear-gradient(145deg,#6aa2ff,#4cb6ff);border-radius:50%;width:18px;height:18px;animation:1.4s ease-in-out infinite both bounce;display:inline-block;box-shadow:0 8px 18px #4ca5ff4d}@keyframes bounce{0%,80%,to{opacity:.55;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes scaleDecrease{0%{transform:scale(1)}to{transform:scale(0)}}#tick{content:"";border-style:solid;border-color:#fff;border-image:initial;z-index:300;border-width:0 3px 3px 0;width:12px;height:6px;animation:2s forwards fadeIn;display:none;position:absolute;top:50%;left:50%;transform:scale(4)translate(10%,-400%)rotate(315deg)scaleX(-1)}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}#preloader.preloader--exit{opacity:0;pointer-events:none;transform:translateY(100%)}.scrux-sms-disclaimer{text-align:center}#landscape-message{text-align:center;color:#fff;z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1.5rem;display:none;position:fixed;top:0;left:0}.message-content{flex-direction:column;align-items:center;gap:20px;display:flex}.rotate-icon{background:linear-gradient(45deg,#fff3,#ffffff1a);border:5px solid #fff;border-radius:15px;width:90px;height:160px;animation:3s ease-in-out infinite rotatePhone;position:relative}.rotate-icon:before{content:"";background:#fff;border-radius:10px;width:80%;height:80%;position:absolute;top:10%;left:10%}@keyframes rotatePhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@keyframes tapEffect{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}:root{--chat-surface:#0c101899;--chat-border:#ffffff42;--chat-border-hover:#ffffff6b;--chat-accent:#ffffff47;--chat-accent-hover:#ffffff73;--chat-text:#fff;--chat-placeholder:#ffffffa6;--ui-scale:1}@media (width>=3840px) and (width<=4095px){:root{--ui-scale:1.29}.landing-layout{margin-top:4vh}}@media (width>=3400px) and (width<=3499px){:root{--ui-scale:1.04}.landing-layout{margin-top:4vh}}@media (width>=2560px) and (width<=3399px){:root{--ui-scale:1.04}.landing-layout{margin-top:4vh}}@media (width>=1920px) and (width<=2559px){:root{--ui-scale:.91}.landing-layout{margin-top:3vh}}@media (width>=1680px) and (width<=1919px){:root{--ui-scale:.95}}@media (width>=1440px) and (width<=1679px){:root{--ui-scale:.82}.landing-layout{margin-top:4vh}}@media (width:1512px) and (height:982px){:root{--ui-scale:.86}}@media (width>=1366px) and (width<=1439px){:root{--ui-scale:.75}.landing-layout{margin-top:4vh}}@media (width>=1280px) and (width<=1365px){:root{--ui-scale:.76}.landing-layout{margin-top:4vh}}@media (width:1536px) and (height:664px){:root{--ui-scale:.83}#centerContainer{margin-top:4vh}}@media (width>=1024px) and (width<=1279px){:root{--ui-scale:.85}}@media (width>=900px) and (width<=1023px){:root{--ui-scale:.75}}@media (width>=768px) and (width<=899px){:root{--ui-scale:.62}#centerContainer{margin-top:4vh}}@media (width>=600px) and (width<=767px){:root{--ui-scale:.62}#centerContainer{margin-top:4vh}}@media (width>=1720px) and (width<=1735px) and (height>=1100px) and (height<=1130px){:root{--ui-scale:.92}.landing-layout{margin-top:4vh}}#landscape-message p{color:#fff;text-align:center;max-width:80%;margin:0;font-size:18px;line-height:1.5}html,body{text-size-adjust:none;user-select:none;width:100%;height:100%;margin:0;padding:0;font-family:Roboto,sans-serif;position:fixed;overflow:hidden}body,button,input,select,textarea{font-family:Roboto,sans-serif}.select{cursor:pointer!important}@media (orientation:landscape){#landscape-message{display:none}#canvas,#overlays,#minimap,#text-gl{display:block}}@media (orientation:portrait){#landscape-message{text-align:center;color:#fff;z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1.5rem;display:flex;position:fixed;top:0;left:0}#canvas,#overlays,#minimap,#text-gl{display:none}}#text-gl{pointer-events:none;z-index:2;position:fixed;inset:0}#minimap{pointer-events:none;z-index:10;image-rendering:pixelated;display:block;position:fixed;bottom:16px;right:16px}input[type=checkbox]{cursor:pointer}.overlay{opacity:0;background-color:#00000080;position:absolute;inset:0}#alert-container{color:#fff;text-align:center;text-shadow:0 0 10px #000;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0}#alert-panel{width:fit-content;min-width:36vw;max-width:46vw;height:fit-content;transform:scale(var(--ui-scale));transform-origin:top;will-change:transform;pointer-events:auto;background:linear-gradient(160deg,#181818f2 0%,#0c0c0ce6 55%,#202020f2 100%);border:4px solid #183269bf;border-radius:28px;flex-flow:column;place-content:center flex-start;align-items:center;gap:12px;padding:24px 32px 28px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 22px 40px #00000073,inset 0 0 40px #0037ff1f}.alert-header{text-align:center;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.alert-icon{filter:drop-shadow(0 0 8px #ff4c4c99);font-size:2.5rem;line-height:1}#alert-title{letter-spacing:.05em;color:#ff0000db;text-transform:uppercase;text-shadow:0 0 12px #000000a6;margin:0;font-size:2.4rem}#alert-message{text-align:left;margin:0;padding:0;font-size:1.4rem;line-height:1.4}#helloDialog{text-align:center;z-index:100;opacity:1;transform-origin:top;transform:scale(var(--ui-scale));max-width:100%;box-shadow:none;will-change:transform;background:0 0;border-style:none;border-color:#d3d3d3;border-radius:15px;flex-direction:column;place-items:center;width:auto;height:auto;padding:5px 15px;transition:transform .25s;display:flex;position:relative}#worldSelection{text-align:center;transform-origin:50%;transition:opacity .5s ease-in-out}.server-card-disabled{cursor:not-allowed;filter:grayscale(.4);position:relative;overflow:hidden}.server-dev-overlay{backdrop-filter:blur(5px);pointer-events:none;background:#0a1024a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.server-dev-text{letter-spacing:.1em;text-transform:uppercase;color:#c8dcffe6;text-shadow:0 2px 10px #3264ff80;font-size:1.1rem;font-weight:700;animation:3s ease-in-out infinite serverPulse}@keyframes serverPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}:root{--holiday-red:#e55264;--holiday-green:#3ac57a;--holiday-forest:#0f1f1a;--holiday-gold:#f7d58b}body{color:#d7deff;background:#0d1719;position:relative}body.menu-visible{background:radial-gradient(circle at 18% 20%,#ea545c24,#0000 32%),radial-gradient(circle at 80% 8%,#469c6e29,#0000 30%),radial-gradient(circle at 0 0,#1b2f28,#0d1719 55%,#090e15 100%)}body.menu-visible:before{content:"";opacity:.55;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 10% 10%,#ffffff29 1px,#0000 10px),radial-gradient(circle at 25% 60%,#ffffff24 1.5px,#0000 10px),radial-gradient(circle at 75% 30%,#ffffff1f 1.25px,#0000 10px);background-size:240px 240px,200px 200px,260px 260px;animation:16s linear infinite alternate snowfall;position:fixed;inset:0}@keyframes snowfall{0%{transform:translateY(-14px)}to{transform:translateY(14px)}}#centerContainer{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:1rem 0;display:flex;position:relative}#overlays{z-index:450;position:fixed;inset:0}.landing-backdrop{pointer-events:none;z-index:6;opacity:0;visibility:hidden;transition:opacity .25s;position:fixed;inset:0;overflow:hidden}body.menu-visible .landing-backdrop{opacity:1;visibility:visible}.backdrop-grid{opacity:.8;background:radial-gradient(circle at 20% 20%,#e5526438 0%,#0000 48%),radial-gradient(circle at 75% 35%,#3ac57a33 0%,#0000 45%),radial-gradient(circle at 50% 80%,#f7d58b24 0%,#0000 50%);display:block;position:absolute;inset:0}.holiday-snow,.holiday-snow:before,.holiday-snow:after{content:"";opacity:.5;background-image:radial-gradient(circle,#fffc 1.2px,#0000 2px);background-size:160px 160px;animation:12s linear infinite alternate snow-float;position:absolute;inset:-40px}.holiday-snow:before{opacity:.35;background-size:220px 220px;animation-duration:16s}.holiday-snow:after{opacity:.6;background-size:180px 180px;animation-duration:14s;animation-direction:alternate-reverse}@keyframes snow-float{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}.holiday-lights{filter:drop-shadow(0 2px 6px #00000059);opacity:.9;background-image:radial-gradient(circle at 16px 20px,#e55264f2 6px,#0000 8px),radial-gradient(circle at 72px 22px,#3ac57af2 6px,#0000 8px),radial-gradient(circle at 128px 18px,#f7d58bf2 6px,#0000 8px),radial-gradient(circle at 184px 24px,#6cc2ffe6 6px,#0000 8px);background-repeat:repeat-x;background-size:200px 50px;width:120%;height:52px;animation:3.5s ease-in-out infinite twinkle;position:absolute;top:4px;left:-10%}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}@keyframes float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(18px)scale(1.05)}}.landing-layout{max-width:1100px;transform:scale(var(--ui-scale));transform-origin:top;will-change:transform;z-index:1;background:linear-gradient(155deg,#131c20f0,#121019f5);border:1px solid #ffffff1f;border-radius:24px 24px 20px 20px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);place-items:start stretch;gap:2.5rem;padding:2.75rem;transition:transform .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px #00000073}.landing-layout:before{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(140deg,#e552641f,#3ac57a1a 45%,#0000 70%);position:absolute;inset:0}.landing-showcase{color:#f4f7ff;backdrop-filter:blur(16px);background:linear-gradient(150deg,#e5526438 0%,#3ac57a2e 100%);border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2rem;height:-webkit-fill-available;padding:2.25rem;display:flex;box-shadow:inset 0 0 0 1px #7892ff26}.landing-brand{align-items:center;gap:1.5rem;display:flex}.holiday-banner{color:#1b161e;text-align:center;background:linear-gradient(120deg,#e55264e6,#f7d58be6,#3ac57ae6);border:1px solid #ffffff52;border-radius:999px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem 1rem;display:flex;box-shadow:0 12px 32px #00000040}.holiday-message{letter-spacing:.01em;margin:0;font-weight:700}.holiday-icon{font-size:1.3rem}.landing-brand #logo{object-fit:contain;width:auto;height:300px;margin:-40px auto}.landing-copy{flex-direction:column;gap:.5rem;display:flex}.landing-title{letter-spacing:.02em;background:linear-gradient(120deg,var(--holiday-gold),#fff,var(--holiday-red));color:#0000;-webkit-background-clip:text;margin:0;font-size:2.4rem;font-weight:700}.landing-subtitle{color:#e4e9ffd1;margin:0;font-size:1.2rem;line-height:1.5}.landing-feature-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;display:grid}.landing-feature{backdrop-filter:blur(8px);background:linear-gradient(160deg,#121a1dcc,#16121ac2);border:1px solid #f7d58b24;border-radius:16px;padding:1.1rem 1.25rem;position:relative;overflow:hidden}.landing-feature:before{content:"";opacity:.85;background:linear-gradient(135deg,#e5526438,#f7d58b00);height:60%;position:absolute;inset:-30% -10% auto;transform:rotate(4deg)}.landing-feature h3{color:#f9fbff;margin:0 0 .35rem;font-size:1.3rem;font-weight:600}.landing-feature p{color:#dfe6ffc7;margin:0;font-size:1.08rem;line-height:1.5}.landing-video{aspect-ratio:16/9;background:#000c;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:100%;height:auto;display:block;box-shadow:0 18px 36px #090e2059}.landing-help{backdrop-filter:blur(12px);background:#070e1d85;border:1px solid #ffffff14;border-radius:18px;padding:1.25rem 1.5rem;box-shadow:inset 0 1px #ffffff0f}.landing-help h4{text-transform:uppercase;letter-spacing:.08em;color:#ffffffdb;margin:0 0 .75rem;font-size:1.6rem}.landing-help ul{gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.landing-help li{color:#e1e9ffd1;align-items:center;gap:.65rem;font-size:1.1rem;line-height:1.55;display:flex}.landing-help li:before{content:"";background:linear-gradient(135deg,#6c8bff 0%,#26e3ff 100%);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #4990ff80}.landing-support{color:#d4dcffbf;margin:0;font-size:1.05rem}.landing-main{flex-direction:column;align-content:flex-end;gap:1rem;height:-webkit-fill-available;display:flex}.player-card{backdrop-filter:blur(14px);background:linear-gradient(170deg,#0c1218d9,#12141cdb);border:1px solid #f7d58b29;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 24px 50px #040a1873,0 0 0 1px #e5526414}.player-card-header h2{color:#f4f7ff;margin:0;font-size:2.2rem}.player-card-header p{color:#d8dfffbf;margin:.35rem 0 0;font-size:1.25rem}.player-inputs{flex-direction:column;align-items:center;gap:.9rem;display:flex}.player-experience{background:radial-gradient(circle at 10% 10%,#3ac57a33,#0e161ecc);border:1px solid #f7d58b2e;border-radius:14px;flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex;box-shadow:inset 0 0 0 1px #e552643d}.player-experience-header{color:#d6deffe6;justify-content:space-between;align-items:center;gap:.75rem;font-weight:500;display:flex}.player-experience-level{letter-spacing:.08em;text-transform:uppercase;color:#e55264f2;font-size:1.1rem}.player-experience-level span{letter-spacing:normal;text-transform:none;color:#f4f7ff;font-size:1.35rem;font-weight:600}.player-experience-xp{color:#d0d9ffd9;font-size:1.05rem}.player-experience-bar{background:#202e58d9;border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #667eea40}.player-experience-fill{border-radius:inherit;background:linear-gradient(90deg,#5e7bff,#7ce8ff);width:0%;transition:width .45s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px #7ce8ff8c}.player-experience-fill.life-xp-fill-animating{transition:none!important}.player-experience.life-xp-level-up{box-shadow:0 0 18px #7ce8ff59,inset 0 0 0 1px #425ebe66}.player-experience.life-xp-level-up .player-experience-level span{animation:.8s lifeXpLevelTextPop}.player-experience.life-xp-level-up .player-experience-fill{animation:.8s lifeXpLevelUpGlow}@keyframes lifeXpLevelUpGlow{0%{filter:drop-shadow(0 0 #7ce8ff00);opacity:1}45%{filter:drop-shadow(0 0 18px #7ce8ffd9);opacity:1}to{filter:drop-shadow(0 0 #7ce8ff00);opacity:1}}@keyframes lifeXpLevelTextPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@media (width<=640px){.player-experience-header{flex-direction:column;align-items:flex-start}.player-experience-xp{font-size:1rem}}.cosmetics-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.cosmetics-actions .skin-button{flex:220px}.player-inputs .form-control{color:#f4f7ff;background:#050912d9;border:1px solid #667eea80;border-radius:12px;height:48px;padding:0 1rem;box-shadow:inset 0 0 0 1px #5d80ff1f}.player-inputs .form-control::placeholder{color:#d0d9ff80}.skin-button{color:#d4dcff;background:#15203acc;border:1px solid #667eea66;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:1.2rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.skin-button:hover{background:#3756b2bf;border-color:#7a98ffcc;transform:translateY(-1px)}.skin-button span{font-weight:500}.skin-button-icon{width:18px;height:18px}.player-actions{flex-wrap:wrap;gap:.75rem;display:flex}#helloDialog .btn{border:none;border-radius:12px;padding:.75rem 1.4rem;font-size:1.22rem;font-weight:600;transition:transform .2s,box-shadow .2s}.player-card-footnote{color:#d6deffdb;background:#0e1628c7;border:1px solid #7892ff40;border-radius:14px;flex-direction:column;gap:.45rem;padding:.9rem 1rem;display:flex;box-shadow:inset 0 0 0 1px #425ebe40}.footnote-label{letter-spacing:.18em;text-transform:uppercase;color:#8aaaffe6;font-size:.95rem}.player-card-footnote p{color:#d9e0ffc7;margin:0;font-size:1.15rem;line-height:1.45;transition:opacity .4s}.player-card-footnote p.is-fading{opacity:0}#helloDialog .btn.btn-primary{background:linear-gradient(135deg,var(--holiday-red)0%,var(--holiday-green)100%);box-shadow:0 12px 24px #e5526459,inset 0 0 0 1px #3ac57a40}#helloDialog .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px #e5526466,inset 0 0 0 1px #3ac57a52}#helloDialog .btn.btn-outline{color:#f7d58be6;background:#12161cb3;border:1px solid #f7d58b66;padding:.75rem 1rem}#helloDialog .btn.btn-outline:hover{background:#e552642e}#helloDialog .btn.btn-ghost{color:#c8d2ffd9;background:#121b2ecc;border:1px solid #0000;padding:.75rem}#helloDialog .btn.btn-ghost:hover{background:#2e416bbf}.landing-panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.landing-panel{backdrop-filter:blur(12px);background:linear-gradient(160deg,#0d121ac7,#121016d1);border:1px solid #f7d58b1f;border-radius:20px;flex-direction:column;gap:1.25rem;min-height:100%;padding:1.75rem;display:flex;box-shadow:0 16px 32px #050a1859}.panel-header h3{color:#f1f4ff;margin:0;font-size:1.45rem}.panel-header p{color:#d0d9ffb3;margin:.4rem 0 0;font-size:1.12rem}.server-region{flex-direction:column;gap:1.35rem;display:flex}.server-region-toggle{background:#1c2e2cb3;border:1px solid #f7d58b40;border-radius:999px;align-self:center;gap:30px;padding:.35rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #08123059,inset 0 0 0 1px #e552641f}.server-region-pill{z-index:1;color:#cdd7ffbf;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1.5rem;font-size:1.08rem;font-weight:600;transition:color .3s,transform .35s;display:inline-flex;position:relative}.server-region-pill.is-active{color:#fff;transform:translateY(-1px)}.server-region-toggle-highlight{background:linear-gradient(135deg,#668fffb3,#2c57c4cc);border-radius:999px;width:calc(50% - 4px);transition:transform .5s cubic-bezier(.23,.82,.25,1.08);position:absolute;inset:4px;transform:translate(0%);box-shadow:0 12px 30px #0c164073}.server-region-toggle[data-active-region=na] .server-region-toggle-highlight{transform:translate(100%)scaleX(1.02)}.server-region-panel{opacity:0;filter:blur(6px);pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;transition:opacity .55s cubic-bezier(.22,.8,.22,1),transform .55s cubic-bezier(.22,.8,.22,1),filter .55s cubic-bezier(.22,.8,.22,1);display:grid;position:absolute;inset:0;transform:translateY(16px)scale(.98)}.server-region-panel.is-active{opacity:1;filter:blur();pointer-events:auto;position:relative;transform:translateY(0)scale(1)}.server-card{--server-card-accent:#e55264d1;--server-card-accent-strong:#f7d58bfa;--server-card-selected-glow:#3ac57a80;--server-card-active-start:#e55264e0;--server-card-active-end:#3ac57adb;text-align:left;color:#fff;backdrop-filter:blur(8px);isolation:isolate;background:radial-gradient(circle at 20% 22%,#ffffff26,#0000 34%) 30% 20%/180% 180%,radial-gradient(circle at 84% -4%,#ffffff1a,#0000 28%) 70% 12%/160% 160%,linear-gradient(140deg,#121c48f2,#0b0e20f0) 50%/100% 100%;border:1px solid #a3baff66;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;width:100%;min-height:60px;padding:1.5rem 1.25rem 1.35rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #060c2280,inset 0 1px #ffffff14}.server-card-visual{opacity:0;pointer-events:none;will-change:transform,opacity;background-position:100%;background-repeat:no-repeat;background-size:contain;width:clamp(140px,45%,220px);transition:transform .45s,opacity .45s;position:absolute;top:0;bottom:0;right:0;transform:translate(120%)}.server-card-selected-indicator{letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;background:linear-gradient(135deg,#121e54e6,var(--server-card-accent-strong));opacity:0;pointer-events:none;z-index:2;border-radius:999px;padding:.35rem .85rem;font-size:.68rem;transition:opacity .35s,transform .35s;position:absolute;bottom:1rem;right:3rem;transform:translateY(8px);box-shadow:0 2px 24px #ffffff73}.server-card.active .server-card-visual,.server-card:focus-visible .server-card-visual{opacity:1;transform:translate(0)}.server-card.active .server-card-selected-indicator,.server-card:focus-visible .server-card-selected-indicator{opacity:1;transform:translateY(0)}.server-card.server-card-disabled .server-card-selected-indicator,#worldSelection .server-card-disabled .server-card-visual{display:none}#worldSelection .server-card:focus-visible{outline-offset:3px;outline:2px solid #97bdffd9}#worldSelection .server-card:focus-visible .server-card-visual{transition-duration:.3s}#worldSelection .server-card:focus:not(:focus-visible){outline:none}#ffa-btn .server-card-visual,#na-ffa-btn .server-card-visual{background-image:url(ffa-bck.9193e5d3.png)}#teams-btn .server-card-visual,#na-teams-btn .server-card-visual{background-image:url(teams-bck.400ee552.png)}#duels-btn .server-card-visual,#na-duels-btn .server-card-visual{background-image:url(duels-bck.423c67cb.png)}#experimental-btn .server-card-visual,#na-experimental-btn .server-card-visual{background-image:url(mega-bck.81ab577e.png)}.server-card:before{content:"";background:radial-gradient(circle at 24% 4%,#ffffff1f,transparent 50%),conic-gradient(from 110deg,transparent 0deg 120deg,var(--server-card-accent)120deg 260deg,transparent 260deg 360deg);opacity:.35;filter:blur(4px);transition:opacity .35s,background .35s;position:absolute;inset:0}.server-card-disabled .server-card-population{display:none}.server-card:after{content:"";background:radial-gradient(circle,var(--server-card-accent-strong)0%,#fff0 60%);opacity:.35;filter:blur(10px);width:140px;height:140px;transition:opacity .35s,transform .35s;position:absolute;inset:12px 12px auto auto;transform:rotate(16deg)scale(1)}.server-card:hover{background-position:10% 30%,60% 6%,50%;border-color:#bfd6ffcc;transform:translateY(-6px)scale(1.01);box-shadow:0 28px 42px #060c22a6,inset 0 0 0 1px #ffffff14}.server-card:hover:before{opacity:1}.server-card.active{box-shadow:#080f2aa6 0px 26px 46px,#ffffff24 0px 0px 0px 1px,var(--server-card-selected-glow)0px 0px 36px;border-color:#e9effff2;transform:translateY(-4px)scale(1.01)}.server-card.active:hover{transform:translateY(-8px)scale(1.015)}.server-card.active:before{opacity:.9;background:radial-gradient(circle at 20% 4%,var(--server-card-accent)0%,transparent 58%),conic-gradient(from 90deg,transparent 0deg 120deg,var(--server-card-accent-strong)120deg 260deg,transparent 260deg 360deg)}.server-card.active:after{opacity:.75;transform:rotate(12deg)scale(1.12)}.server-card.active .server-card-title{text-shadow:0 6px 18px #0000008c}.server-card.active .server-card-population{color:#fffffff2}.server-card-title{letter-spacing:.02em;z-index:1;text-shadow:0 6px 18px #00000080;margin:0;font-size:1.35rem;font-weight:600}.server-card-population{color:#ffffffd9;z-index:1;text-shadow:0 4px 12px #00000073;margin:0;font-size:1.2rem;font-weight:500}#world-status{color:#c6d2ffbf;min-height:24px;margin:0;font-size:1.05rem}#worldSelection{width:auto;box-shadow:none;background:#060b16b3;border:1px solid #ffffff0d;padding:1.75rem;position:static}#play-btn,#spectate-btn,#settings-btn{float:none;width:auto}#button-container{justify-content:center;gap:.75rem;width:100%;margin:0;display:flex}#guestProfilePanel{width:auto;box-shadow:none;background:#060b16b3;border:1px solid #ffffff0d;gap:0;height:-webkit-fill-available;padding:1.75rem;position:static}#guestProfilePanel .panel-body{flex-direction:column;align-items:center;display:flex}#guestProfilePic{border-radius:50%;width:64px;height:64px}#guestProfileText{color:#ced6ffbf;font-size:1.2rem}.panel-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.remember-me{color:#ced6ffb3;place-content:space-around center;align-items:flex-end;gap:.5rem;font-size:1.05rem;display:flex}.landing-footer{min-height:20px}.sr-only{clip:rect(0px,0px,0px,0px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){#centerContainer{justify-content:flex-start;align-items:stretch;padding:1.5rem 1rem 2.5rem}.landing-backdrop{opacity:.4}}@media (width<=520px){.landing-layout{padding:1.25rem}.landing-brand{text-align:center;flex-direction:column}.landing-title{font-size:1.9rem}.landing-subtitle{font-size:1.1rem}.landing-feature-grid{grid-template-columns:1fr}.landing-feature{padding:1rem}.landing-help{padding:.85rem}.landing-help h4{font-size:1.2rem}.landing-help ul{gap:.35rem}.player-card{padding:1.25rem}.player-inputs .form-control{font-size:1.08rem}.player-card-footnote{padding:.9rem 1rem}.landing-panels{gap:.75rem}.landing-panel{padding:1.25rem}.server-region-toggle{width:100%}.server-region-pill{text-align:center;flex:1}}@media (width<=1024px) and (height<=600px){.landing-layout{grid-template-columns:minmax(0,1fr)}.landing-showcase{height:-webkit-fill-available;display:none}.landing-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}#server-btns{position:relative}#ffa-btn,#teams-btn,#duels-btn,#experimental-btn,#na-ffa-btn,#na-teams-btn,#na-duels-btn,#na-experimental-btn{cursor:pointer}#ffa-btn{--server-card-accent:#acc8ffd1;--server-card-accent-strong:#6692fff5;--server-card-selected-glow:#2f5cd08c;--server-card-active-start:#769effd9;--server-card-active-end:#183692e6;background-image:linear-gradient(160deg,#6d98ffb3,#1a3284d9)}#na-ffa-btn{--server-card-accent:#ffcc8fdb;--server-card-accent-strong:#ff9e56fa;--server-card-selected-glow:#c76b2899;--server-card-active-start:#ffbd76e6;--server-card-active-end:#b54928f0;background-image:linear-gradient(160deg,#ffb26bc7,#b63d3feb)}#teams-btn{--server-card-accent:#d6baffd1;--server-card-accent-strong:#af70fff0;--server-card-selected-glow:#6631be99;--server-card-active-start:#b080ffdb;--server-card-active-end:#41229ee6;background-image:linear-gradient(160deg,#906cffb3,#2e2c98e0)}#na-teams-btn{--server-card-accent:#91fff5d1;--server-card-accent-strong:#4fd6fff2;--server-card-selected-glow:#238ab894;--server-card-active-start:#7eeaf5e0;--server-card-active-end:#2985cceb;background-image:linear-gradient(160deg,#68eaf0c7,#2a8fd6eb)}#duels-btn{--server-card-accent:#ffc4dbd1;--server-card-accent-strong:#ff7eb8f0;--server-card-selected-glow:#a1266694;--server-card-active-start:#ff9ed0db;--server-card-active-end:#841f68e0;background-image:linear-gradient(160deg,#f885bab8,#75267ee0)}#na-duels-btn{--server-card-accent:#d1ffb8db;--server-card-accent-strong:#96f272f7;--server-card-selected-glow:#50aa5299;--server-card-active-start:#b6f88ce6;--server-card-active-end:#44945eeb;background-image:linear-gradient(160deg,#aaf685d1,#3c9464f2)}#experimental-btn{--server-card-accent:#a2f6e2d1;--server-card-accent-strong:#66d3b4f0;--server-card-selected-glow:#2894838c;--server-card-active-start:#7aecced1;--server-card-active-end:#207a76e0;background-image:linear-gradient(160deg,#76f8d3ad,#227a84e6)}#na-experimental-btn{--server-card-accent:#bcd6ffd1;--server-card-accent-strong:#879cfff5;--server-card-selected-glow:#445cbe99;--server-card-active-start:#9abcffe0;--server-card-active-end:#4c65c9e6;background-image:linear-gradient(160deg,#9ac5ffbd,#526cd6eb)}#ffa-btn:hover,#teams-btn:hover,#duels-btn:hover,#experimental-btn:hover,#na-ffa-btn:hover,#na-teams-btn:hover,#na-duels-btn:hover,#na-experimental-btn:hover{color:#fff;border-color:#b0cfffd9}.server-card:focus{outline:none;box-shadow:0 0 0 2px #7a98ff59,0 20px 32px #060c228c}.active{background-image:linear-gradient(155deg,#618cffbf,#1d3795d1)}#server-btns .server-card.active{background-image:linear-gradient(155deg,var(--server-card-active-start),var(--server-card-active-end))}.slideUp{animation:2s forwards slideUp}.slideDown{animation:2s forwards slideDown}#profilePanelTop{flex-direction:column;align-items:center;display:flex}#guestProfilePic{border-radius:50%;width:auto;height:76px;margin-bottom:10px}#guestUsername{color:#f1f4ff;font-size:1.3rem;font-weight:600}#guestProfileText{color:#ced6ffbf;text-align:center;margin-bottom:20px;padding:0 10px;font-size:1.05rem}#loginSubmitBtn,#registerSubmitBtn,#showRegisterBtn,#showLoginBtn{border-radius:12px;min-width:160px;padding:.75rem 1.4rem;font-size:1rem;font-weight:600}#loginBtn{border-radius:12px;padding:.75rem 1.4rem;font-size:1rem;font-weight:600}.logout-btn{text-align:center;cursor:pointer;color:#e8eeffe0;background:#080e1ad9;border:1px solid #a2b2ff80;border-radius:50%;flex-wrap:wrap;place-content:center;width:40px;height:40px;padding:0;font-size:16px;line-height:40px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;top:10px;right:10px}.btn-danger,.btn-danger:active{color:#fff;background-color:#c7c7c7;border-color:#979797}.logout-btn .glyphicon{font-size:20px;line-height:40px}.logout-btn:hover{background:#253967cc;transform:translateY(-2px);box-shadow:0 12px 24px #050a1866}#loginForm,#registerForm{opacity:0;transition:opacity .5s ease-in-out;display:none}#legal-footer{color:#dfe5ffd9;background:#060b16c7;border:1px solid #7a98ff40;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:stretch;gap:1rem;width:110rem;margin:.4rem auto -28px -28px;padding:.9rem 1.5rem;font-size:1.05rem;display:flex;box-shadow:inset 0 -8px 24px #040a1859}#legal-footer-text{text-align:center;color:#dfe5ffd9;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;line-height:1.4;display:flex}#legal-footer-title{color:#f4f7ff;margin:0;font-size:1.15rem;font-weight:600}.legal-footer-link{color:#d6deffe6;background:#15203abf;border:1px solid #7a98ff59;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.legal-footer-link:hover,.legal-footer-link:focus-visible{color:#f4f7ff;background:#4c6cff33;border-color:#8ebdffb3;text-decoration:none;transform:translateY(-1px)}.legal-footer-link:focus-visible{outline:none;box-shadow:0 0 0 3px #4ca5ff59}#registerForm{align-items:center}.login-error-message{color:red;text-align:center;margin-top:10px;font-size:1rem}#helloDialog input[type=text],#helloDialog input[type=password],#helloDialog input[type=email],#helloDialog input[type=tel],#helloDialog .form-control{color:#f4f7ff;background:#080c18d9;border:1px solid #5673ff73;border-radius:10px;margin-bottom:10px;padding:10px;font-size:16px;transition:border-color .4s,box-shadow .4s}#helloDialog input:focus,#helloDialog .form-control:focus{border-color:#88adffd9;outline:none;box-shadow:0 0 0 2px #577aff40}#helloDialog input.invalid,#helloDialog .form-control.invalid{border-color:#ff6060e6}#stats-container,#score-container{color:#fff;border-radius:5px;padding:10px;position:absolute;top:60px;left:0}@media (width<=1024px){#stats-container,#score-container{color:#fff;transform-origin:0 0;border-radius:5px;padding:10px;position:absolute;top:60px;left:0;transform:scale(.6)}}#pieChartCanvas{width:220px;height:240px;margin-bottom:-40px}.spectate-indicator{color:#f7f9ff;text-shadow:0 2px 12px #0000008c;pointer-events:none;z-index:15;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.spectate-indicator.is-hidden{opacity:0;transform:translate(-50%,10px)}.spectate-pill{background:linear-gradient(120deg,#5a7dffe6,#62e5ffe6);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex;box-shadow:0 6px 20px #00000059}.spectate-count{letter-spacing:.03em;background:#00000038;border-radius:999px;padding:4px 10px;font-weight:700}.spectate-name{font-weight:600}.spectate-hint{opacity:.85;letter-spacing:.01em;margin:0;font-size:.85rem}.duel-panel{color:#f1f5fb;backdrop-filter:blur(8px);z-index:5;background:#060a10d1;border:1px solid #ffffff1f;border-radius:12px;width:520px;max-width:calc(100% - 32px);padding:16px 20px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #00000059}.duel-panel.hidden{display:none}.duel-panel__header{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.duel-panel__titlewrap{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.duel-panel__title{letter-spacing:.25px;margin:0;font-size:16px;font-weight:700}.duel-panel__status{color:#8fb7ff;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.duel-panel__champion,.duel-panel__challenger,.duel-panel__streak,.duel-panel__countdown,.duel-panel__timer{margin:4px 0;font-size:13px}.duel-panel__streak{text-align:center}.duel-panel__players{justify-content:space-between;gap:16px;margin:6px 0 4px;display:flex}.duel-panel__champion{text-align:left;flex:1}.duel-panel__challenger{text-align:right;flex:1}.duel-label{color:#9eb5d4;font-weight:600}.duel-panel__countdown{color:#ffd580;text-align:center;font-weight:700}.duel-panel__timer{color:#a6f0c6;text-align:center;font-weight:700}.duel-forfeit-btn{color:#f3f6fb;letter-spacing:.02em;cursor:pointer;z-index:6;background:linear-gradient(135deg,#20242de6,#12161eeb);border:1px solid #ffffff3d;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.duel-forfeit-btn:hover{background:linear-gradient(135deg,#2a303cf2,#1a202cf5);transform:translate(-50%)translateY(-2px);box-shadow:0 14px 36px #00000073}.duel-forfeit-btn.is-hidden{display:none}.leaderboard{transform-origin:100% 0;color:#fff;text-align:center;user-select:none;pointer-events:none;background:#0000001f;border-radius:34px 0 0 34px;flex-direction:column;justify-content:center;width:260px;padding:10px;font-size:30px;font-weight:500;display:flex;position:fixed;top:5px;right:0;overflow:hidden;transform:scale(.8)}.leaderboard .positions{text-align:left;font-size:18px}@media (width<=1024px){.leaderboard{transform-origin:100% 0;z-index:1;color:#fff;text-align:center;user-select:none;pointer-events:none;background:#0000004d;border-radius:34px 0 0 34px;flex-direction:column;justify-content:center;width:260px;padding:10px;font-size:30px;font-weight:500;display:flex;position:fixed;top:5px;right:0;overflow:hidden;transform:scale(.6)}}#connecting{z-index:3000;backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;background:#070c17c7;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .32s,visibility 0s linear .32s;display:flex;position:fixed;inset:0}#connecting.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s}#connecting-content{text-align:center;width:min(420px,100%);color:var(--scrux-text);transform:scale(var(--ui-scale))translateY(12px);transform-origin:top;opacity:0;background:linear-gradient(160deg,#19243feb,#0c162beb);border:1px solid #7b92ff59;border-radius:18px;flex-direction:column;gap:.75rem;padding:2.25rem 2rem;transition:transform .32s,opacity .32s;display:flex;box-shadow:0 24px 48px #060c228c}#connecting.is-visible #connecting-content{opacity:1;transform:scale(var(--ui-scale))translateY(0)}.connecting-title{letter-spacing:.01em;margin:0;font-size:1.55rem;font-weight:600}.connecting-message{color:#dee5ffeb;margin:0;font-size:1rem;line-height:1.5}.connecting-details{flex-direction:column;gap:.35rem;display:flex}.connecting-detail{color:#b9caffe0;margin:0;font-size:.95rem}.connecting-detail--text{text-align:center}.connecting-detail--with-action{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.connecting-detail-label{color:#cedafff2;font-weight:600}.connecting-detail-value{color:#dce8fff5;user-select:text;background:#121e37bf;border-radius:6px;padding:.15rem .5rem;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.copy-detail-button{color:#ecf3fff2;cursor:pointer;background:#4359a88c;border:1px solid #7b92ff73;border-radius:6px;padding:.25rem .65rem;font-size:.95rem;transition:background-color .2s,border-color .2s,color .2s}.copy-detail-button:hover,.copy-detail-button:focus{color:#f4f8fffa;background:#5772ccb3;border-color:#9aacff8c;outline:none}.copy-detail-button:disabled{cursor:default;opacity:.85}.copy-detail-button--success{color:#f5fffb;background:#43a86ebf;border-color:#78d2a5bf}.copy-detail-button--error{color:#fff2f2;background:#c74848bf;border-color:#ff8c8cb3}.connecting-metadata{text-align:left;color:#c6d2ffd9;background:#121e37d9;border:1px solid #7b92ff40;border-radius:12px;margin-top:.5rem;padding:.75rem 1rem;font-size:1.05rem}.connecting-metadata p{margin:0}.connecting-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.connecting-button{min-width:120px}@media (prefers-reduced-motion:reduce){.server-card-visual{transition:none}.server-card-selected-indicator{transition:none;transform:none}.server-card.active,.server-card.active:hover{transform:none}#connecting,#connecting.is-visible,#connecting-content,#connecting.is-visible #connecting-content{transition:none}}.loader{box-sizing:border-box;border:4px solid #4ba3ff59;border-color:#4ba3ffe6 #4ba3ff59 #4ba3ff00;border-radius:50%;width:28px;height:28px;margin:.25rem auto;animation:1s linear infinite rotation;display:inline-block}#nick{text-align:center;border-radius:4px;width:70%;min-height:34px}.form-control.input-error{border-color:#dc3545d9;box-shadow:0 0 0 2px #dc354533}@keyframes input-error-flash{0%{box-shadow:0 0 #dc354573}50%{box-shadow:0 0 0 6px #dc35451a}to{box-shadow:0 0 #dc354500}}.form-control.input-error-flash{animation:.6s input-error-flash}.form-error-message{color:#ff6b6b;text-align:center;max-width:70%;margin:.35rem auto 0;font-size:1rem;display:none}.form-error-message.is-visible{display:block}#skin{float:right;width:33%}#gamemode{width:100%;margin-top:5px}.checkbox{text-align:justify;flex-flow:column wrap;align-content:space-evenly;gap:5px 6px;height:170px;padding-top:3px;display:flex;position:relative}#logo{width:60%;margin-left:auto;margin-right:auto;transition:all 2s;display:block}#logo:hover{filter:hue-rotate(139deg)}#chat-wrapper{z-index:20;transform:scale(var(--ui-scale));transform-origin:0 100%;will-change:transform;flex-direction:column;align-items:stretch;gap:.6rem;transition:transform .25s;display:flex;position:absolute;bottom:18px;left:18px}#chat-container{box-sizing:border-box;transform-origin:0 100%;width:600px;height:320px;color:var(--chat-text);backdrop-filter:blur(14px);background:linear-gradient(165deg,#0a0f20eb,#22367aa6);border:1px solid #84a8ff73;border-radius:22px;flex-direction:column;gap:.2rem;min-width:237px;padding:.8rem;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 54px #050b228c}#chat-container:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;background:radial-gradient(circle at 75% 0,#acd3ff38,#0000 62%);position:absolute;inset:0}.chat-button.active{background:linear-gradient(135deg,#68aaffd9,#4c76ffd9);border-color:#afd2ffbf;font-weight:700;box-shadow:0 12px 24px #16367e73}.container{flex-wrap:wrap;gap:8px;display:flex}.container>*{flex:none}#chat-container>*{z-index:1;position:relative}.chat-header{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.chat-header-text{flex-direction:column;gap:.35rem;display:flex}.chat-title{letter-spacing:.02em;color:#f2f6fff2;margin:0;font-size:1.15rem}.chat-subtitle{color:#ced8ffb8;max-width:32ch;margin:0;font-size:1rem}.chat-tabs{background:#070c1cb3;border:1px solid #7698ff59;border-radius:16px 16px 0 0;flex-wrap:wrap;align-items:center;gap:5px;padding:.65rem 55px .65rem .85rem;display:flex;box-shadow:inset 0 1px #ffffff14}#chat-wrapper.chat-hidden{align-self:flex-start}.chat-button{color:var(--chat-text);letter-spacing:.3px;cursor:pointer;white-space:nowrap;background:#253a7a73;border:1px solid #84a8ff40;border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1.1rem;font-size:1rem;font-weight:500;transition:background-color .22s,border-color .22s,box-shadow .22s,color .22s;display:inline-flex}.chat-button:hover,.chat-button:focus-visible{color:var(--chat-text);background:#4c6fc6b3;border-color:#abcdffa6;box-shadow:0 10px 22px #13285e73}.chat-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}#chat-party-input{height:25px;color:var(--chat-text);cursor:text;background:#121a34bf;border:1px solid #7698ff59;border-radius:12px;width:64px;padding:0 .9rem;font-size:1rem;transition:background-color .2s,border-color .2s,box-shadow .2s}#chat-party-input::placeholder{color:var(--chat-placeholder)}#chat-party-input:focus{background:#1f2e60d9;border-color:#afd2ffb3;outline:none;box-shadow:0 0 0 2px #5d84ff59}#chat-party-input:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}#chat-resize-handle{width:44px;height:100%;color:var(--chat-text);cursor:move;touch-action:none;background:#121c3ab3;border:1px solid #7698ff59;border-radius:0 14px 0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.4rem;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;position:absolute;top:0;right:0}#chat-resize-handle:hover,#chat-resize-handle:focus-visible{background:#2d407ecc;border-color:#afd2ffb3;transform:translateY(-2px);box-shadow:0 12px 24px #12245473}#chat-resize-handle:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}#chat-canvas{width:100%;color:var(--chat-text);scrollbar-width:thin;scrollbar-color:#7da4ff8c transparent;box-sizing:border-box;user-select:text;-webkit-user-drag:none;background:#070c1aa6;border:1px solid #6e90ff59;border-radius:0;flex-direction:column;flex:auto;gap:.35rem;padding:.85rem 1rem;font-size:.95rem;line-height:1.45;display:flex;overflow-y:auto}#chat-canvas:before{content:"";flex:1 0 auto}#chat-canvas>svg{flex:none;width:100%;display:block;overflow:visible}#chat-canvas::-webkit-scrollbar{width:8px}#chat-canvas::-webkit-scrollbar-track{background:#0003;border-radius:10px}#chat-canvas::-webkit-scrollbar-thumb{background:#7698ff8c;border-radius:12px}#chat-canvas::-webkit-scrollbar-thumb:hover{background:#afd2ffbf}.chat-input-row{align-items:center;display:flex}#chat_textbox{width:100%;height:28px;color:var(--chat-text);box-sizing:border-box;background:#080d1eb3;border:1px solid #6e90ff59;border-radius:0 0 0 14px;flex:auto;padding:0 1.05rem;font-size:.95rem;transition:border-color .2s,background-color .2s,box-shadow .2s}#chat-scale-container{color:#0ff}#chat_textbox:focus{background:#121b38cc;border-color:#afd2ffbf;outline:none;box-shadow:0 0 0 2px #5d84ff59}#chat_textbox::placeholder{color:var(--chat-placeholder)}.chat-input-hint{color:#ced8ffa6;letter-spacing:.08em;text-transform:uppercase;text-align:center;border:1px solid #6e90ff59;border-bottom-right-radius:14px;outline:#faebd7;height:28px;padding:3px;font-size:.9rem}.chat-party-group{align-items:center;gap:.45rem;margin-left:auto;display:inline-flex}@media (width<=1024px){#chat-container{width:min(520px,100vw - 72px);height:280px;transform:none}}@media (width<=768px){#chat-wrapper{align-items:stretch;bottom:12px;left:12px;right:12px}#chat-container{border-radius:18px;width:100%;max-width:none;height:auto;max-height:45vh;padding:.65rem;transform:none}.chat-header{flex-direction:column;align-items:flex-start;gap:.55rem}.chat-subtitle{max-width:none;font-size:.95rem}.chat-tabs{gap:.4rem;padding:.6rem .65rem .6rem .6rem}.chat-button{flex:calc(50% - .5rem);padding:.45rem .6rem;font-size:.95rem}#chat-party-input{flex:100%;order:4;width:100%;min-width:0;margin-top:.25rem}#chat-resize-handle{display:none}#chat-canvas{border-radius:12px;padding:.75rem;font-size:1rem}.chat-input-row{flex-direction:column;align-items:stretch;gap:.5rem}.chat-input-hint{display:none}#chat_textbox{border-radius:12px;height:32px;font-size:1.05rem}}@media (width<=480px){#chat-wrapper{bottom:10px;left:10px;right:10px}#chat-container{max-height:50vh;padding:.55rem}.chat-button{flex:calc(50% - .4rem);font-size:.95rem}#chat-canvas{font-size:.95rem}#chat_textbox{height:34px;font-size:1rem}}#footer{text-align:center;margin-top:-10px;margin-bottom:10px}#button-container{width:auto;max-width:100%;margin:10px}#play-btn{width:68%}#spectate-btn{float:right;width:12%;top:0}#settings-btn{float:left;width:12%}#gallery-btn{width:100%;display:none}#instructions{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:-webkit-fill-available;margin-top:-9px;animation:2s forwards fadeIn;display:flex}#touchCircle,#splitBtn,#ejectBtn{z-index:2;position:fixed}#touchCircle{opacity:.3;z-index:3;background:red;border-radius:2vw;width:4vw;height:4vw}#splitBtn,#ejectBtn{opacity:.5;background:#777;border-radius:4vw;width:8vw;height:8vw}#splitBtn{bottom:4vh;right:18vw}#ejectBtn{bottom:16vw;right:10px}#playSounds:checked+#soundsVolume{display:inline}#soundsVolume{vertical-align:middle;width:100px;height:18px;padding:0;display:none}#settings{flex-direction:column;gap:20px;display:flex}.settings-modal{opacity:0;pointer-events:none;z-index:2000;justify-content:center;align-items:center;padding:32px;transition:opacity .25s;display:flex;position:fixed;inset:0}.settings-modal.is-active{opacity:1;pointer-events:auto}.settings-modal-backdrop{backdrop-filter:blur(6px);opacity:0;background:#080e1bbf;transition:opacity .25s;position:absolute;inset:0}.settings-modal.is-active .settings-modal-backdrop{opacity:1}.settings-modal-dialog{color:#fff;width:min(960px,100%);max-height:90vh;transform:translateY(12px)scale(var(--ui-scale));transform-origin:top;opacity:0;background:linear-gradient(160deg,#162137f5,#0c1424eb);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;transition:transform .3s,opacity .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073}.settings-modal.is-active .settings-modal-dialog{transform:translateY(0px)scale(var(--ui-scale));opacity:1}.settings-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=720px){.settings-select-grid{grid-template-columns:1fr}}.settings-select-card{background:#0c14248c;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;box-shadow:0 6px 18px #00000040}.settings-select-card label{letter-spacing:.03em;opacity:.92;color:#ffffffd9;font-size:.95rem;font-weight:600}.auth-modal{opacity:0;pointer-events:none;z-index:1050;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.auth-modal.is-active{opacity:1;pointer-events:auto}.auth-modal-backdrop{opacity:0;background:#050912d9;transition:opacity .3s;position:absolute;inset:0}.auth-modal.is-active .auth-modal-backdrop{opacity:1}.auth-modal-dialog{width:min(440px,100%);transform:translateY(24px)scale(var(--ui-scale));transform-origin:top;opacity:0;backdrop-filter:blur(14px);background:#0a1020f2;border:1px solid #7896ff40;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:2rem;transition:transform .3s,opacity .3s;display:flex;position:relative;box-shadow:0 25px 60px #080c1c73}.auth-modal.is-active .auth-modal-dialog{transform:translateY(0px)scale(var(--ui-scale));opacity:1}.auth-modal-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.auth-modal-header-text h2{color:#f1f4ff;margin:0;font-size:1.65rem}.auth-modal-subtitle{color:#ced6ffbf;margin:.35rem 0 0;font-size:.95rem}.auth-modal-close{color:#f1f4ffb3;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s}.auth-modal-close:hover,.auth-modal-close:focus{color:#fff}.auth-modal-body{flex-direction:column;gap:1.5rem;display:flex}.auth-form{opacity:0;flex-direction:column;gap:.85rem;transition:opacity .3s;display:flex}.auth-form h3{color:#f4f7ff;margin:0;font-size:1.2rem}.auth-form .form-control{color:#f4f7ff;background:#050912e6;border:1px solid #5a7aff66;border-radius:10px;height:44px;margin:10px;padding:0 .85rem;box-shadow:inset 0 0 0 1px #5b78ff1a}.auth-form .form-control::placeholder{color:#c4cdf873}.verification-help{text-align:left;background:#0f172aa6;border:1px solid #5b78ff4d;border-radius:10px;flex-direction:column;gap:.5rem;margin:0 10px;padding:.75rem 1rem;display:flex}.verification-help__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.verification-help__title{color:#f4f7fff2;margin:0;font-size:.95rem;font-weight:600}.verification-help__resend-btn{color:#7da0fff2;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:600;text-decoration:underline}.verification-help__resend-btn:focus-visible{border-radius:6px;outline:none;box-shadow:0 0 0 3px #5b78ff66}.verification-help__resend-btn:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.verification-help__status{color:#c4cdf8d9;min-height:1em;margin:0;font-size:1rem}.verification-help__status.is-success{color:#7bf2b8}.verification-help__status.is-error{color:#ff9d9d}.verification-help__support{color:#c4cdf8bf;margin:0;font-size:1rem}.password-reset-prompt{text-align:left;background:#0b1120bf;border:1px solid #7da0ff4d;border-radius:10px;flex-direction:column;gap:.5rem;margin:0 10px;padding:.75rem 1rem;display:flex}.password-reset-prompt__text{color:#d6e0ffe6;margin:0;font-size:1rem}.password-reset-action{align-self:flex-start}.password-reset-status{color:#c4cdf8d9;min-height:1em;margin:0;font-size:1rem}.password-reset-status.is-success{color:#7bf2b8}.password-reset-status.is-error{color:#ff9d9d}.btn-link{color:#7da0fff2;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:600;text-decoration:underline}.btn-link:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.btn-link:focus-visible{border-radius:6px;outline:none;box-shadow:0 0 0 3px #5b78ff66}.password-reset-page{color:#f4f7ff;background:radial-gradient(circle at top,#2e3f78a6,#050912f2);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Roboto,Segoe UI,sans-serif;display:flex}.password-reset-card{background:#070c18eb;border:1px solid #7da0ff40;border-radius:16px;flex-direction:column;gap:1.5rem;width:min(420px,90vw);padding:2.5rem;display:flex;box-shadow:0 20px 45px #00000059}.password-reset-card h1{color:#fff;margin:0;font-size:1.75rem;font-weight:600}.password-reset-description{color:#d6e0ffd9;margin:0;font-size:1rem}.password-reset-field{flex-direction:column;gap:.5rem;display:flex}.password-reset-field label{color:#d6e0ffe6;font-size:.95rem}.password-reset-field input{color:#f4f7ff;background:#050912e6;border:1px solid #5a7aff59;border-radius:8px;height:44px;padding:0 .9rem}.password-reset-field input:focus{border-color:#8eadffe6;outline:none;box-shadow:0 0 0 3px #8eadff33}.password-reset-card .btn{width:100%;height:46px;margin-top:.5rem}.password-reset-feedback{color:#d6e0ffd9;min-height:1.25rem;margin:0;font-size:.95rem}.password-reset-feedback.is-success{color:#7bf2b8}.password-reset-feedback.is-error{color:#ff9d9d}.auth-form-actions{flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem 1rem 1rem;display:flex}.auth-form-actions .btn{border:none;transition:transform .2s,box-shadow .2s}.auth-form-actions .btn:focus-visible{outline:none;box-shadow:0 0 0 3px #5673ff73}.auth-form-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#5a7bff 0%,#2a54f5 100%);box-shadow:0 12px 24px #2d54f559}.auth-form-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px #2d54f566}.auth-form-actions .btn-secondary{color:#c8d2ffe6;background:#121b2ecc;border:1px solid #92a4ff99}.auth-form-actions .btn-secondary:hover{background:#4c6cff26;transform:translateY(-1px)}body.auth-modal-open{overflow:hidden}.settings-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 20px;display:flex}.settings-modal-header-text h2{letter-spacing:.01em;margin:0;font-size:26px;font-weight:600}.settings-modal-subtitle{color:#ffffffb8;margin:6px 0 0;font-size:1rem}.settings-modal-close{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;transition:background .2s,transform .2s;display:flex}.settings-modal-close:hover{background:#ffffff2e;transform:rotate(90deg)}.settings-modal-body{padding:28px 32px 32px;overflow-y:auto}.settings-select-container{background:#0c142499;border:1px solid #ffffff14;border-radius:14px;margin-top:28px;padding:18px 20px 20px;box-shadow:0 12px 28px #00000059}.settings-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;gap:24px;display:grid}.settings-column{flex-direction:column;display:flex}.settings-section-title{letter-spacing:.01em;margin:0 0 16px;font-size:20px;font-weight:600}.settings-option-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 16px;display:grid}.settings-panel label{color:#ffffffe6;background:#1b263ca6;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.settings-panel label:hover{background:#2b3d5cd9;border-color:#ffffff2e}.settings-panel input[type=checkbox]{accent-color:#4ca5ff;flex-shrink:0;width:18px;height:18px}.settings-select-label{text-transform:uppercase;letter-spacing:.08em;color:#fff9;font-size:.95rem}.quality-selector-wrapper{justify-content:flex-start;align-items:center;width:100%;max-width:260px;display:inline-flex;position:relative}.quality-selector-wrapper:after{content:"▾";pointer-events:none;color:#ffffffb3;font-size:.95rem;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.quality-selector-wrapper select{color:#fff;appearance:none;background:#1b263cd1;border:1px solid #ffffff24;border-radius:12px;width:100%;padding:12px 48px 12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.quality-selector-wrapper select:focus{border-color:#4ca5ffbf;outline:none;box-shadow:0 0 0 3px #4ca5ff40}.quality-selector-wrapper:focus-within:after{color:#8ebdfff2}.keybind-settings{background:#1b263c8c;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.keybind-settings h4{margin:0;font-size:18px;font-weight:600}.keybind-help{color:#ffffffa6;margin:0;font-size:1rem;line-height:1.4}#keybind-settings-list{scrollbar-width:thin;scrollbar-color:#4ca5ff99 #0c1424a6;max-height:420px;padding-right:6px;overflow:auto}#keybind-settings-list::-webkit-scrollbar{width:10px}#keybind-settings-list::-webkit-scrollbar-track{background:#0c1424a6;border-radius:12px}#keybind-settings-list::-webkit-scrollbar-thumb{background:linear-gradient(#4ca5ff8c,#4ca5ff59);border:2px solid #121e34bf;border-radius:12px;box-shadow:0 2px 6px #00000040}#keybind-settings-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#77bdffd9,#4ca5ffa6)}.keybind-row{background:#0c142473;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.keybind-row+.keybind-row{margin-top:12px}.keybind-row:hover{background:#121e34a6;border-color:#4ca5ff8c}.keybind-label{color:#ffffffe6;flex-direction:column;flex:220px;gap:4px;font-weight:500;display:flex}.keybind-hint{color:#ffffff8c;font-size:.9rem}.keybind-controls{gap:10px;margin-left:auto;display:flex}.keybind-button,.keybind-reset{color:#fff;cursor:pointer;background:#21304ee6;border:1px solid #ffffff1f;border-radius:10px;padding:8px 14px;font-size:1rem;transition:background .2s,border-color .2s,color .2s}.keybind-button:hover,.keybind-reset:hover{background:#334a78f2;border-color:#4ca5ff73}.keybind-button.listening{background:#4ca5ff2e;border-color:#4ca5ffbf}.keybind-warning{background:#ff63474d!important;border-color:#ff9478d9!important}.keybind-reset{color:#ffffffd9;background:0 0}.keybind-reset:hover{color:#fff;background:#4ca5ff1f}body.settings-modal-open{overflow:hidden}@media (width<=1024px){.settings-modal,.settings-modal-body{padding:24px}.settings-columns{grid-template-columns:1fr}.auth-modal{padding:1.25rem}.auth-modal-dialog{width:min(480px,100%)}}@media (width<=640px){.settings-modal{padding:16px}.settings-modal-dialog{border-radius:14px}.settings-modal-header{padding:20px 24px 16px}.settings-modal-body{padding:20px 24px 24px}.quality-selector-wrapper select{width:100%}.auth-modal{padding:.75rem}.auth-modal-dialog{padding:1.25rem}.auth-form-actions{flex-direction:column}}#select{text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes resizeAndRotate{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.5)rotate(12deg)}to{transform:scale(1)rotate(0)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{top:-150px}to{top:0}}@keyframes slideUp{0%{top:0}to{top:-150px}}
/*# sourceMappingURL=web.3636157b.css.map */