:root{--bg:#070b1a;--panel:#0f1b2d;--lime:#d4ff4f;--cyan:#4ff5e0;--violet:#b388ff;--danger:#ff6b81;--text:#f4f7ff;--muted:#93a0b8;--glass:#0a12229e;--glass-strong:#0b1426db;--line:#93a0b82e;--line-cyan:#4ff5e06b;--line-lime:#d4ff4f73;--lime-ink:#0b1400;--font-ui:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-tech:"Chakra Petch", "Inter", ui-sans-serif, system-ui, sans-serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--gap:16px;--edge:clamp(12px, 2.2vw, 28px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}button,input{font:inherit;color:inherit}[hidden]{display:none!important}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}#game{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--lime);margin-bottom:12px;font-size:11px;font-weight:700}.pill-label{letter-spacing:.18em;color:var(--cyan);background:#4ff5e01a;border:1px solid #4ff5e02e;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:700;display:inline-block}.card{background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px)saturate(120%);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0a}.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px)}.chip{background:var(--glass);border:1px solid var(--line);letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.row{flex-wrap:wrap;gap:10px;display:flex}.btn{appearance:none;cursor:pointer;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;height:46px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .12s,background-color .16s,border-color .16s,opacity .16s,box-shadow .16s}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:focus-visible,input:focus-visible,.swatch:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn-primary{background:var(--lime);color:var(--lime-ink);letter-spacing:.06em;font-size:15px;box-shadow:0 0 0 1px #d4ff4f99,0 10px 30px #d4ff4f2e}.btn-primary:hover:not(:disabled){background:#e2ff7d;box-shadow:0 0 0 1px #d4ff4fe6,0 12px 36px #d4ff4f47}.btn-ghost{border:1px solid var(--line);color:var(--text);background:#93a0b81a}.btn-ghost:hover:not(:disabled){background:#93a0b82e}.btn-outline{border:1px solid var(--line-cyan);color:var(--cyan);background:0 0}.btn-outline:hover:not(:disabled){background:#4ff5e014}.btn-link{color:var(--muted);background:0 0;height:auto;padding:6px 4px;font-weight:600}.btn-link:hover{color:var(--text)}.btn-danger{background:var(--danger);color:#1a0308}.btn-danger-outline{color:var(--danger);background:0 0;border:1px solid #ff6b8173}.btn-danger-outline:hover{background:#ff6b8114}.screen{z-index:20;position:absolute;inset:0}.lobby{touch-action:pan-y;flex-direction:column;display:flex;overflow:hidden auto}.lobby-scrim{pointer-events:none;-webkit-backdrop-filter:blur(3px)saturate(110%);background:radial-gradient(120% 90% at 20% 30%,#070b1a4d,#070b1adb 70%),linear-gradient(#070b1a59,#070b1abf);position:fixed;inset:0}.lobby-inner{width:100%;max-width:1240px;padding:calc(var(--edge) + 24px + var(--safe-t)) calc(var(--edge) + 16px + var(--safe-r)) 24px calc(var(--edge) + 16px + var(--safe-l));flex:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);align-items:center;gap:clamp(24px,5vw,72px);margin:0 auto;display:grid;position:relative}.logo{letter-spacing:-.035em;flex-direction:column;margin:26px 0 0;font-size:clamp(54px,8.2vw,116px);font-weight:800;line-height:.92;display:flex}.logo-a{color:var(--text)}.logo-b{color:var(--lime)}.tagline{letter-spacing:-.01em;margin:22px 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:700}.lede{color:#c7d0e2;max-width:520px;margin:12px 0 0;font-size:16px;line-height:1.55}.lobby-hero .section-label{margin-top:36px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);border-radius:var(--r-md);background:#0f1b2db8;flex-direction:column;gap:6px;padding:14px 14px 16px;display:flex}.step-n{border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:4px;font-size:12px;font-weight:700;display:grid}.step-k{letter-spacing:.18em;font-size:11px;font-weight:700}.step-t{color:var(--muted);font-size:13px;line-height:1.4}.s-cyan .step-n{color:var(--cyan);background:#4ff5e029}.s-cyan .step-k{color:var(--cyan)}.s-lime .step-n{color:var(--lime);background:#d4ff4f29}.s-lime .step-k{color:var(--lime)}.s-violet .step-n{color:var(--violet);background:#b388ff2e}.s-violet .step-k{color:var(--violet)}.rules{gap:8px;max-width:640px;margin:14px 0 0;padding:0;list-style:none;display:grid}.rules li{color:#c7d0e2;padding-left:18px;font-size:14px;position:relative}.rules li:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:2px}.rules b{color:var(--text);font-weight:600}.lobby-card{flex-direction:column;padding:26px;display:flex}.field{margin-bottom:16px;display:block}.field-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.skin-name{color:var(--text);text-transform:none;letter-spacing:0}#nick{border:1px solid var(--line);background:#04081499;border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:16px;font-weight:600;transition:border-color .16s}#nick:focus{border-color:var(--line-cyan);outline:none}#nick::placeholder{color:#93a0b88c}.skins{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;background:var(--sw);-webkit-tap-highlight-color:transparent;border:1px solid #ffffff14;border-radius:10px;padding:0;transition:transform .12s,box-shadow .16s;box-shadow:inset 0 0 0 3px #070b1a8c}.swatch:hover{transform:translateY(-1px)}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 3px #070b1a8c, 0 0 0 2px var(--bg), 0 0 0 4px var(--sw), 0 0 18px var(--sw)}.skin-preview{border:1px solid var(--line);background:#04081480;border-radius:12px;width:100%;height:64px;margin:2px 0 18px}#play{width:100%;height:56px}.inline-error{color:#ffd7dd;background:#ff6b811a;border:1px solid #ff6b8159;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.4}.balance-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:18px;display:flex}.balance-row .field-label{margin-bottom:4px}.balance{letter-spacing:-.01em;font-size:26px;font-weight:800}.balance-row .btn{height:40px;font-size:13px}.divider{background:var(--line);height:1px;margin:20px 0}.wallet-area{flex-direction:column;gap:10px;display:flex}.wallet-area>.btn{width:100%}.wallet-connected{justify-content:space-between;align-items:center;display:flex}.wallet-connected .chip{border-color:var(--line-cyan);color:var(--cyan)}.dot-ok{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.wallet-picker{gap:8px;display:grid}.wallet-picker button{border:1px solid var(--line);cursor:pointer;background:#04081480;border-radius:10px;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;font-weight:600;display:flex}.wallet-picker button:hover{border-color:var(--line-cyan)}.wallet-picker img{border-radius:5px;width:22px;height:22px}.wallet-status{color:var(--muted);font-size:13px}.wallet-status.err{color:var(--danger)}.note{color:var(--muted);margin:14px 0 0;font-size:12.5px;line-height:1.45}.note:before{content:"";background:var(--violet);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.lobby-foot{width:100%;max-width:1240px;padding:16px calc(var(--edge) + 16px + var(--safe-r)) calc(18px + var(--safe-b)) calc(var(--edge) + 16px + var(--safe-l));border-top:1px solid var(--line);letter-spacing:.18em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;font-size:11px;font-weight:700;display:flex;position:relative}.foot-flow{color:var(--cyan)}.foot-right{letter-spacing:.08em;align-items:center;gap:8px;display:inline-flex}.foot-sep{opacity:.5}.conn-dot{background:#f5b84f;border-radius:50%;width:8px;height:8px}.conn-dot.ok{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.conn-dot.bad{background:var(--danger)}.menu,.result{-webkit-backdrop-filter:blur(6px);background:#0508148c;place-items:center;padding:20px;display:grid}.menu-card{flex-direction:column;gap:12px;width:min(440px,100%);padding:26px;display:flex}.menu-card .btn{width:100%}.menu-confirm{background:#ff6b8114;border:1px solid #ff6b814d;border-radius:12px;padding:14px}.menu-confirm p{color:#ffdbe1;margin:0 0 12px;font-size:14px;line-height:1.5}.menu-confirm .row .btn{flex:1;width:auto}.keys{color:var(--muted);text-align:center;margin:6px 0 0;font-size:12px}.result-card{text-align:left;width:min(480px,100%);padding:30px}.res-amount{letter-spacing:-.03em;color:var(--lime);font-size:clamp(48px,9vw,72px);font-weight:800;line-height:1}.res-sub{color:#c7d0e2;margin:10px 0 0;font-size:15px;line-height:1.5}.res-stats{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0;display:grid}.res-stats div{border:1px solid var(--line);background:#04081473;border-radius:12px;padding:12px 14px}.res-stats dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.res-stats dd{margin:4px 0 0;font-size:20px;font-weight:700}.res-balance{color:var(--muted);margin-top:18px;font-size:14px}.res-balance b{color:var(--text);margin-left:6px;font-size:16px}.res-actions{margin-top:22px}.res-actions .btn{flex:1}.result-card.win{border-color:var(--line-lime);box-shadow:0 0 0 1px #d4ff4f33,0 0 80px #d4ff4f1f,0 30px 80px #00000080}.result-card.neutral .res-amount{color:var(--text)}.hud{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-tl{top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));align-items:flex-start;gap:18px;display:flex;position:absolute}.mass-block{padding-left:18px;position:relative}.mass-block:before{content:"";background:var(--cyan);border-radius:2px;width:4px;position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 0 14px #4ff5e0b3}.mass-label{letter-spacing:.06em;color:var(--text);text-shadow:0 1px 8px #0009;font-size:15px;font-weight:700}.mass-value{letter-spacing:-.02em;text-shadow:0 2px 18px #0000008c;font-size:clamp(34px,4vw,50px);font-weight:800;line-height:1.02}.mass-rank{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:clamp(16px,1.6vw,21px);font-weight:600}.mass-rank .num{color:#c3cde0}.arena-chip{font-family:var(--font-tech);letter-spacing:.12em;color:#dfe6f5;margin-top:6px;font-size:12.5px}.hud-tc{top:calc(var(--edge) + var(--safe-t));flex-direction:column;align-items:center;gap:10px;width:min(560px,60vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.value-chip{border:1px solid var(--line-lime);-webkit-backdrop-filter:blur(10px);background:#101a08b8;border-radius:12px;align-items:baseline;gap:12px;padding:9px 18px 10px;display:inline-flex;box-shadow:0 0 0 1px #d4ff4f14,0 0 28px #d4ff4f29}.vc-label{letter-spacing:.16em;color:var(--lime);font-size:13px;font-weight:800}.vc-amount{letter-spacing:-.01em;color:var(--lime);text-shadow:0 0 18px #d4ff4f59;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1}.value-chip.down .vc-amount{color:var(--danger);text-shadow:0 0 18px #ff6b8166}.value-float-layer{width:0;height:0;position:absolute;top:0;left:50%}.value-float{white-space:nowrap;color:var(--lime);text-shadow:0 0 16px #d4ff4f99;font-size:22px;font-weight:800;position:absolute;top:6px;left:70px}.value-float.neg{color:var(--danger);text-shadow:0 0 16px #ff6b8199}.portal-banner{font-family:var(--font-tech);letter-spacing:.12em;background:var(--glass);border:1px solid var(--line);color:#cdd6e8;-webkit-backdrop-filter:blur(10px);border-radius:10px;align-items:baseline;gap:10px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.pb-time{color:var(--text);letter-spacing:.04em;min-width:3.2ch;font-size:18px}.pb-sub{font-size:13px}.portal-banner.pending{border-color:var(--line-lime);color:var(--lime);animation:1s ease-in-out infinite pulse-border}.portal-banner.pending .pb-time{color:var(--lime)}.portal-banner.open{background:var(--lime);color:var(--lime-ink);border-color:var(--lime);font-size:15px;box-shadow:0 0 34px #d4ff4f59}.portal-banner.open .pb-time{color:var(--lime-ink);font-size:20px}.portal-banner.closing{animation:.6s ease-in-out infinite pulse-bg}@keyframes pulse-border{50%{background:#1e2c0abf;box-shadow:0 0 22px #d4ff4f59}}@keyframes pulse-bg{50%{filter:brightness(1.18)}}.toasts{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.toast{letter-spacing:.06em;white-space:nowrap;background:var(--glass-strong);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:800}.toast.danger{color:#ffe1e6;background:#3c0a16db;border-color:#ff6b8199;box-shadow:0 0 30px #ff6b8140}.toast.lime{color:var(--lime);border-color:var(--line-lime);box-shadow:0 0 30px #d4ff4f2e}.toast.info{color:var(--text)}.hud-tr{top:calc(var(--edge) + var(--safe-t));right:calc(var(--edge) + var(--safe-r));flex-direction:column;align-items:flex-end;gap:12px;width:262px;display:flex;position:absolute}.wallet-chip{border-color:var(--line-cyan);letter-spacing:.03em;height:40px;padding:0 16px 0 12px;font-size:15px}.wallet-chip .wallet-ico{width:22px;height:22px;color:var(--cyan)}.lb-panel{width:100%;padding:14px 16px 12px}.panel-title{letter-spacing:.04em;margin-bottom:8px;font-size:15px;font-weight:800}.lb-list{margin:0;padding:0;list-style:none}.lb-row{color:#dfe6f5;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;height:26px;font-size:14px;font-weight:500;display:grid}.lb-row .lb-rank{color:var(--text);font-weight:700}.lb-row .lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-row .lb-val{font-weight:600}.lb-row.me,.lb-row.me .lb-rank{color:var(--lime)}.lb-self{border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}.feed{flex-direction:column;align-items:flex-end;gap:6px;width:100%;display:flex}.feed-line{border:1px solid var(--line);color:#d8e0f0;text-overflow:ellipsis;white-space:nowrap;background:#070c1a99;border-radius:8px;max-width:100%;padding:6px 10px;font-size:12.5px;font-weight:600;overflow:hidden}.feed-line b{color:var(--lime);font-weight:700}.feed-line .bad{color:var(--danger);font-weight:700}.hud-bl{left:calc(var(--edge) + var(--safe-l));bottom:calc(var(--edge) + var(--safe-b));position:absolute}.minimap{width:168px;height:168px;display:block}.hud-bc{left:50%;bottom:calc(var(--edge) + 8px + var(--safe-b));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%)}.boost{align-items:center;gap:16px;display:flex}.boost-label{letter-spacing:.02em;font-size:19px;font-weight:700}.boost-track{background:#070c1a8c;border:1.5px solid #4ff5e08c;border-radius:12px;width:clamp(200px,26vw,428px);height:22px;padding:3px;position:relative;overflow:hidden}.boost-fill{transform-origin:0;background:linear-gradient(90deg, #22d8cf, var(--cyan) 70%, #a8fff4);will-change:transform;border-radius:8px;width:100%;height:100%;box-shadow:0 0 14px #4ff5e0bf}.boost.active .boost-fill{filter:brightness(1.15);box-shadow:0 0 22px #4ff5e0}.boost.low .boost-fill{box-shadow:none;background:linear-gradient(90deg,#6b7891,#93a0b8)}.keycap{letter-spacing:.06em;background:#070c1a99;border:1.5px solid #93a0b8b3;border-radius:7px;place-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:800;display:inline-grid;box-shadow:inset 0 -2px #93a0b840}.boost.active .keycap{border-color:var(--cyan);color:var(--cyan)}.ghost-chip{height:32px;font-family:var(--font-tech);letter-spacing:.14em;color:#e9e0ff;background:#281848b3;border:1px solid #b388ff8c;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 22px #b388ff40}.ghost-dot{background:var(--violet);width:8px;height:8px;box-shadow:0 0 10px var(--violet);border-radius:50%;animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.hud-menu-btn{top:calc(var(--edge) + var(--safe-t) + 120px);left:calc(var(--edge) + var(--safe-l));pointer-events:auto;cursor:pointer;background:var(--glass);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:space-between;width:40px;height:40px;padding:11px 10px;display:none;position:absolute}.hud-menu-btn span{background:var(--text);border-radius:1px;height:2px;display:block}.is-touch .hud-menu-btn{display:flex}.portal-arrow{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.pa-head{background:var(--lime);clip-path:polygon(100% 50%,0 0,22% 50%,0 100%);filter:drop-shadow(0 0 8px #d4ff4fcc);width:32px;height:32px;position:absolute;top:-16px;left:-16px}.portal-arrow.pending .pa-head{opacity:.7}.pa-dist{font-family:var(--font-tech);letter-spacing:.08em;color:var(--lime);white-space:nowrap;background:#070c1ab3;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:700;position:absolute;top:22px;left:0;transform:translate(-50%)}.extract-ring{width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,34%)}.extract-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.er-track{fill:#070c1a59;stroke:#d4ff4f2e;stroke-width:8px}.er-fill{fill:none;stroke:var(--lime);stroke-width:8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 8px #d4ff4fd9)}.er-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.er-label{font-family:var(--font-tech);letter-spacing:.22em;color:var(--lime);font-size:14px;font-weight:700}.er-time{letter-spacing:-.02em;color:var(--text);text-shadow:0 0 20px #d4ff4f66;font-size:46px;font-weight:800;line-height:1.05}.er-sub{font-family:var(--font-tech);letter-spacing:.2em;color:#dfe6f5;font-size:12px;font-weight:700}.extract-ring.interrupted .er-fill{stroke:var(--danger);filter:none}.extract-ring.interrupted .er-label,.extract-ring.interrupted .er-time{color:var(--danger);text-shadow:none}.vignette{opacity:0;background:radial-gradient(#ff6b8100 45%,#ff3c5a8c 100%);position:absolute;inset:0}.joystick{opacity:0;z-index:11;pointer-events:none;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.joystick:before{content:"";background:#4ff5e00d;border:1.5px solid #4ff5e073;border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;left:-60px}.joystick.on{opacity:1}.joystick-knob{border:1.5px solid var(--cyan);background:#4ff5e059;border-radius:50%;width:48px;height:48px;margin:0;position:absolute;top:-24px;left:-24px;transform:translate(0)}.touch-boost{right:calc(var(--edge) + var(--safe-r) + 8px);bottom:calc(var(--edge) + var(--safe-b) + 90px);z-index:11;pointer-events:auto;touch-action:none;letter-spacing:.1em;width:92px;height:92px;color:var(--cyan);-webkit-tap-highlight-color:transparent;background:#070c1a8c;border:2px solid #4ff5e099;border-radius:50%;font-size:13px;font-weight:800;display:none;position:absolute}.touch-boost.active{background:#4ff5e040;box-shadow:0 0 26px #4ff5e080}.is-touch #app.playing .touch-boost{display:block}.reconnect{z-index:40;-webkit-backdrop-filter:blur(4px);background:#05081499;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.reconnect-title{font-family:var(--font-tech);letter-spacing:.24em;font-size:16px;font-weight:700}.reconnect-sub{color:var(--muted);font-size:13px}.spinner{border:3px solid #4ff5e033;border-top-color:var(--cyan);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats{z-index:50;left:50%;top:calc(4px + var(--safe-t));color:var(--muted);border:1px solid var(--line);white-space:pre;pointer-events:none;background:#070c1abf;border-radius:6px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:absolute;transform:translate(-50%)}@media (max-width:1100px){.hud-tr{width:230px}.lb-row{height:24px;font-size:13px}}@media (max-width:900px){.lobby-inner{grid-template-columns:1fr;align-items:start;gap:28px}.lobby-card{width:100%;max-width:520px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-tl{flex-direction:column;gap:8px}.hud-tc{width:46vw}}@media (max-width:640px),(max-height:520px){.mass-label{font-size:11px}.mass-value{font-size:26px}.mass-rank{font-size:13px}.mass-block{padding-left:12px}.mass-block:before{width:3px}.arena-chip{height:26px;padding:0 9px;font-size:10.5px}.value-chip{gap:8px;padding:6px 12px 7px}.vc-label{font-size:10.5px}.vc-amount{font-size:21px}.portal-banner{gap:6px;padding:6px 10px;font-size:11px}.pb-time{font-size:14px}.portal-banner.open .pb-time{font-size:15px}.pb-sub{display:none}.hud-tr{gap:8px;width:170px}.wallet-chip{height:30px;padding:0 10px 0 8px;font-size:12px}.wallet-chip .wallet-ico{width:17px;height:17px}.lb-panel{padding:8px 10px}.panel-title{margin-bottom:4px;font-size:11px}.lb-row{grid-template-columns:18px minmax(0,1fr) auto;height:19px;font-size:11px}.lb-row:nth-child(n+6){display:none}.feed-line{font-size:11px}.minimap{width:112px;height:112px}.boost{gap:8px}.boost-label{font-size:13px}.boost-track{width:34vw;height:16px;padding:2px}.keycap{display:none}.extract-ring{width:140px;height:140px;transform:translate(-50%,30%)}.er-time{font-size:32px}.toast{padding:8px 12px;font-size:12px}.hud-menu-btn{top:auto;bottom:calc(var(--edge) + var(--safe-b) + 128px)}}@media (max-width:480px){.lobby-inner{padding-top:calc(16px + var(--safe-t))}.lobby-card{padding:18px}.skins{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.hud-tc{top:calc(var(--edge) + var(--safe-t) + 168px);gap:8px;width:90vw}.hud-tl{gap:6px}.hud-tr{width:140px}.hud-tr .feed{display:none}.hud-bc{left:auto;right:calc(var(--edge) + var(--safe-r));align-items:flex-end;transform:none}.boost-label{display:none}.boost-track{width:42vw}.lb-row:nth-child(n+4){display:none}.res-stats dd{font-size:17px}}@media (max-height:520px) and (orientation:landscape){.lobby-inner{grid-template-columns:1fr minmax(300px,380px);align-items:start;padding-top:16px}.logo{margin-top:14px;font-size:46px}.lede,.rules{display:none}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step{padding:8px 10px}.step-t{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}