.gameRoot{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#2f9fe0 0%,#56b3ec 50%,#93d6f6 100%);position:fixed;inset:0;overflow:hidden}.gameLoading{color:#1c2c4a;letter-spacing:1px;background:#2cc0fd;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.playGate{--accent:#3ddc84;--accent2:#4ee6e6;--gold:#f5c542;--panel:#101638;--panel2:#0b1130;--line:#2a356e;--lineHi:#46569f;text-align:center;color:#e7ecff;isolation:isolate;background:radial-gradient(110% 70% at 50% 8%,#4ee6e61f,#0000 60%),radial-gradient(130% 90% at 50% 100%,#141d4a 0%,#0b1026 55%,#070b1c 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.playGate:before{content:"";z-index:-1;transform-origin:50% 100%;background-image:linear-gradient(#4ee6e612 1px,#0000 1px),linear-gradient(90deg,#4ee6e612 1px,#0000 1px);background-size:38px 38px;animation:12s linear infinite gridDrift;position:absolute;inset:-40% -10% -10%;transform:perspective(560px)rotateX(58deg);-webkit-mask-image:radial-gradient(80% 70% at 50% 35%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 35%,#000 30%,#0000 75%)}@keyframes gridDrift{to{background-position:0 38px}}.gateCard{border:3px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#101638eb,#0b1130eb);border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:min(440px,100%);padding:38px 32px 34px;animation:.4s cubic-bezier(.2,.9,.3,1.2) both gateIn;display:flex;position:relative;box-shadow:inset 0 0 0 2px #060a20,0 12px #05081c,0 0 50px #4ee6e61f}@keyframes gateIn{0%{opacity:0;transform:translateY(14px)scale(.97)}}.gateLogo{filter:drop-shadow(0 6px #0000004d);margin:10px 0 26px;transform:scale(1.9)}.gateBrand{filter:drop-shadow(0 6px #0000004d);width:auto;max-width:240px;height:auto;margin:6px 0 22px}.gateTitle{color:#fff;text-shadow:0 4px #0006;margin:0;font-size:clamp(20px,4vw,34px);line-height:1.25}.gateSpinner{color:var(--accent2);letter-spacing:.5px;font-size:clamp(12px,2.4vw,15px);animation:1.1s ease-in-out infinite gateSpinnerPulse}@keyframes gateSpinnerPulse{0%,to{opacity:.55}50%{opacity:1}}.gateSub{color:#aeb9e0;max-width:360px;margin:0;font-size:13px;line-height:1.7}.gateSub code{font-family:var(--font-pixel), monospace;color:var(--accent2);background:#4ee6e61a;border-radius:4px;padding:2px 6px;font-size:10px}.gateBanned{text-align:left;background:#ff5d7a1f;border:2px solid #ff5d7a;max-width:420px;margin:0 auto 4px;padding:12px 14px}.gateBannedTitle{color:#ff8ea3;text-shadow:2px 2px #000000d9;margin:0 0 6px;font-size:10px}.gateBannedBody{color:#ffd0d6;margin:0;font-size:13px;line-height:1.5}.gateError{color:#ffb3b3;background:#ff5c5c1a;border:1px solid #ff5c5c80;border-radius:6px;max-width:360px;margin:0;padding:8px 12px;font-size:13px;line-height:1.6}.gateWallet{font-family:var(--font-pixel), monospace;color:#cfe0ff;border:2px solid var(--line);background:#080c24b3;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:inline-flex}.gateWallet b{color:var(--accent2)}.gateDot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:2px}.gateCta{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;width:100%;margin-top:4px;text-decoration:none;display:inline-flex}@media (max-width:520px){.gateCta.cta{letter-spacing:0;padding:16px 14px;font-size:11px}}.gateCta:disabled{opacity:.6;cursor:not-allowed;animation:none}.gateBack{z-index:1;font-family:var(--font-pixel), monospace;color:#cfe0ff;border:2px solid var(--line);background:#080c2499;border-radius:7px;padding:9px 12px;font-size:10px;text-decoration:none;transition:color .12s,border-color .12s,box-shadow .12s;position:absolute;top:20px;left:20px}.gateBack:hover{color:#fff;border-color:var(--lineHi);box-shadow:0 0 14px #4ee6e62e}.testBadge{font-family:var(--font-pixel), monospace;letter-spacing:1px;color:var(--gold);background:#f5c5421f;border:1px solid #f5c54280;border-radius:999px;padding:5px 11px;font-size:9px}.hud{z-index:5;pointer-events:none;color:#e7ecff;position:absolute}.hudTop{padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));background:linear-gradient(#070b1cb3,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;top:0;left:0;right:0}.hudTitle{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:1px;color:#cdd8f0;max-width:40%;font-size:11px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hudWallet{color:#cdd8f0;align-items:center;gap:8px;font-size:12px;display:inline-flex}.testDot,.hudWallet .testDot{color:#ffd86b;letter-spacing:1px;font-size:10px}.hudBtn{pointer-events:auto;color:#e7ecff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-size:12px;text-decoration:none}.hudBtn:hover{background:#ffffff29}.hudTop .hudBtn,.hudTop .achBtn,.hudTop .musicBtn{color:#e7ecff;min-height:32px;font-family:var(--font-pixel), monospace;letter-spacing:.3px;image-rendering:pixelated;background:#20263a;border:2px solid #0a0e1a;border-color:#525d7e #0a0e1a #0a0e1a #525d7e;border-radius:0;align-items:center;gap:6px;padding:6px 10px;font-size:9px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #00000059}.hudTop .hudBtn:hover,.hudTop .achBtn:hover,.hudTop .musicBtn:hover{background:#2b3350;border-color:#6c77a4 #0a0e1a #0a0e1a #6c77a4}.hudTop .hudBtn:active,.hudTop .achBtn:active,.hudTop .musicBtn:active{border-color:#0a0e1a #525d7e #525d7e #0a0e1a}.zoomCtl{z-index:6;pointer-events:auto;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:absolute}.zoomBtn{width:44px;height:44px;font-family:var(--font-pixel), monospace;color:#e7ecff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#070b1c8c;border:1px solid #ffffff2e;border-radius:10px;place-items:center;font-size:16px;display:grid}.zoomBtn:disabled{opacity:.4;cursor:default}.viewBtn[aria-pressed=true]{color:#0b1130;background:#ffd75e;border-color:#8a6b1f}.crosshair{z-index:7;pointer-events:none;opacity:.45;mix-blend-mode:difference;width:18px;height:18px;margin:-9px 0 0 -9px;position:fixed;top:50%;left:50%}.crosshair.isLive{opacity:1}.crosshair span{background:#fff;position:absolute}.crosshair span:first-child{width:2px;height:100%;margin-left:-1px;top:0;left:50%}.crosshair span:last-child{width:100%;height:2px;margin-top:-1px;top:50%;left:0}.fpHint{z-index:7;color:#e7ecff;pointer-events:none;white-space:nowrap;background:#070b1c99;border:1px solid #ffffff26;border-radius:8px;margin:0;padding:6px 10px;font-size:8px;position:fixed;top:calc(50% + 26px);left:50%;transform:translate(-50%)}@media (max-width:820px){.fpHint{display:none}}.kickOverlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040712db;place-items:center;display:grid;position:fixed;inset:0}.kickCard{text-align:center;color:#cfd6e6;background:#0d1220;border:2px solid #ffffff29;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:min(400px,100vw - 32px);padding:26px 22px;display:flex}.kickCard h2{color:#fff;margin:0;font-size:13px}.kickCard p{font-family:var(--font-silkscreen), monospace;margin:0;font-size:12px;line-height:1.5}.kickBtn{color:#0b0f1c;letter-spacing:1px;cursor:pointer;background:#80ff20;border:0;border-radius:6px;margin-top:4px;padding:10px 18px;font-size:10px}.kickBtn:hover{filter:brightness(1.1)}.onlineHud{top:calc(max(14px, env(safe-area-inset-top)) + 44px);right:max(18px, env(safe-area-inset-right));z-index:7;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed}.onlineBadge{pointer-events:auto;color:#cfd6e6;font-family:var(--font-silkscreen), monospace;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1eb8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;transition:border-color .15s ease-out,color .15s ease-out;display:inline-flex}.onlineBadge:hover,.onlineHud.is-open .onlineBadge{color:#fff;border-color:#80ff208c}.onlineDot{background:#80ff20;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite onlinePulse;box-shadow:0 0 6px #80ff20}@keyframes onlinePulse{50%{opacity:.35}}.onlineCount{color:#fff;font-size:10px}.onlineWord{color:#8f9ab4;letter-spacing:1px}.onlineModal{background:#0d1220;border:2px solid #ffffff24;border-radius:10px;flex-direction:column;width:min(560px,100vw - 24px);max-height:min(78vh,620px);display:flex;overflow:hidden;box-shadow:0 20px 60px #0000008c}.onlineModalHead{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.onlineModalTitle{color:#fff;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.onlineModalCount{color:#80ff20;background:#80ff2029;border:1px solid #80ff2066;border-radius:999px;padding:2px 7px;font-size:10px}.onlineModalHead .mktClose{margin-left:auto}.onlineSearch{color:#7c869c;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;margin:12px 16px 0;padding:8px 10px;display:flex}.onlineSearch input{color:#e7ecf7;min-width:0;font-family:var(--font-silkscreen), monospace;background:0 0;border:0;outline:none;flex:1;font-size:13px}.onlineGrid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:12px 16px 16px;list-style:none;display:grid;overflow-y:auto}.onlineCard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.onlineCard.is-me{background:#80ff2017;border-color:#80ff2059}.onlineCardWho{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.onlineCardName{text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:var(--font-silkscreen), monospace;color:#a7d8ff;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;overflow:hidden}.onlineCardName:hover,.onlineCardName:focus-visible{color:#fff;text-decoration:underline}.onlineCardLevel{letter-spacing:1px;color:#7c869c;font-size:8px}.onlineVisit{color:#80ff20;letter-spacing:1px;cursor:pointer;background:#80ff2024;border:1px solid #80ff2073;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:9px}.onlineVisit:hover,.onlineVisit:focus-visible{color:#0b0f1c;background:#80ff20}.onlineEmpty{text-align:center;color:#7c869c;margin:0;padding:28px 16px;font-size:10px}.onlineFoot{font-family:var(--font-silkscreen), monospace;color:#6f7994;border-top:1px solid #ffffff14;flex-shrink:0;margin:0;padding:10px 16px;font-size:11px}@media (max-width:820px){.onlineHud{top:calc(max(10px, env(safe-area-inset-top)) + 40px);right:max(10px, env(safe-area-inset-right))}.onlineBadge{padding:6px 10px;position:relative}.onlineBadge:after{content:"";position:absolute;inset:-8px}.onlineWord{display:none}.onlineGrid{grid-template-columns:minmax(0,1fr);padding:10px 12px 14px}.onlineCard{padding:10px}.onlineVisit{padding:9px 12px}.onlineModal{max-height:82vh}.zoomCtl{bottom:calc(env(safe-area-inset-bottom) + 172px);flex-direction:row}}.bottomBar{z-index:9;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);pointer-events:auto;background:#0e101af0;border-top:2px solid #ffffff1f;justify-content:space-around;align-items:stretch;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000073}.bbBtn{color:#aeb9e0;min-height:48px;font-family:var(--font-silkscreen), monospace;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:9px;transition:background .15s,color .15s;display:flex;position:relative}.bbBtn:active{background:#ffffff14}.bbBtn.on{color:#fff;background:#4ee6e629}.bbBtn.alert{color:#f5c542}.bbBtn.alert:after{content:"";background:#ff5a7a;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite bbPulse;position:absolute;top:3px;right:calc(50% - 16px);box-shadow:0 0 6px #ff5a7a}@keyframes bbPulse{50%{opacity:.4}}.bbCount{color:#0b0f1c;background:#ff5a7a;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;line-height:1;display:grid;position:absolute;top:2px;right:calc(50% - 24px);box-shadow:0 0 6px #ff5a7a99}.bbBtn.alert:has(.bbCount):after{content:none}@media (max-width:820px){.hudHideMobile{display:none!important}.econHud .econCard{display:none}.hudTop{padding:max(8px, env(safe-area-inset-top)) 8px 6px;gap:6px}.hudBtn{padding:6px;font-size:10px}.hudBtnLabel{display:none}.hudWallet{gap:6px;font-size:10px}.bbBtn{gap:2px;min-height:44px;font-size:8px}}.rpNameWrap{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden}.rpName{pointer-events:auto;cursor:pointer;font-family:var(--font-silkscreen), monospace;white-space:nowrap;color:#fff;text-shadow:1px 1px #000;background:#0609188c;border:1px solid #ffffff24;border-radius:5px;padding:4px 8px;font-size:13px;line-height:1}.rpName:hover{color:#4ee6e6;border-color:#4ee6e680}.rpLevel{color:#80ff20;text-shadow:1px 1px #000;margin-right:5px;display:inline-block}.rpNameSelf{pointer-events:none;cursor:default;opacity:.8}.netBanner{top:max(10px, env(safe-area-inset-top));z-index:60;color:#ffe6b0;pointer-events:none;background:#261a04f0;border:2px solid #ffb020;align-items:center;gap:8px;max-width:min(460px,100vw - 24px);padding:9px 14px;font-size:13px;line-height:1.4;display:flex;position:fixed;left:50%;transform:translate(-50%)}.netBanner svg{flex:none}.netBanner-lost,.netBanner-exhausted{color:#ffd0d6;background:#2e0810f0;border-color:#ff5d7a}