*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--bg: #0c101a;--bg2: #161d2c;--bg3: #222c44;--panel: rgba(20, 26, 42, .88);--border: #2c3854;--fg: #eaeef6;--fg-dim: #93a0ba;--accent: #ffb300;--accent-hi: #ffd54f;--accent2: #4fc3f7;--danger: #ef5350;--ok: #66bb6a;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .55)}@font-face{font-family:EmojiFix;src:url(/fonts/emoji-fix.woff2) format("woff2");font-display:swap;unicode-range:U+1F9CC,U+1FA70-1FAFF}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,EmojiFix,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{height:100%}.bg-decor{position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 600px at 15% -10%,rgba(79,111,195,.16),transparent 60%),radial-gradient(800px 500px at 90% 15%,rgba(255,179,0,.08),transparent 60%),radial-gradient(700px 700px at 50% 110%,rgba(124,77,255,.1),transparent 65%)}.screen{position:fixed;inset:0;overflow-y:auto}.hint{color:var(--fg-dim);font-size:.85rem}.error{color:var(--danger);font-weight:600;margin-top:8px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn{border:1px solid transparent;border-radius:var(--radius);background:var(--bg3);color:var(--fg);padding:10px 18px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .06s,filter .15s,box-shadow .15s;touch-action:manipulation}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:#221800;box-shadow:0 4px 16px #ffb30040}.btn.big{width:100%;padding:14px;font-size:1.1rem;margin-top:14px}.btn.small{padding:7px 12px;font-size:.9rem}.blabel{margin-left:6px;font-size:.82rem;font-weight:600}.btn.ghost{background:#222c4499;border-color:var(--border)}.btn.danger{background:#ef535024;border-color:#ef53508c;color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.field{display:flex;flex-direction:column;gap:5px;margin:10px 0}.field span,.field-label{font-size:.72rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.09em;font-weight:700}.field-label{display:block;margin:14px 0 6px}.field input,.field select{background:#0a0e18b3;border:1px solid var(--border);border-radius:10px;color:var(--fg);padding:12px;font-size:1rem;outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--accent2)}.code-input{text-transform:uppercase;letter-spacing:.4em;font-weight:800;text-align:center;font-size:1.3rem!important}.row{display:flex;gap:12px}.grow{flex:1}.seg{display:flex;gap:6px}.seg button{flex:1;background:#0a0e1899;border:1px solid var(--border);border-radius:10px;color:var(--fg-dim);padding:9px 4px;font-weight:700;font-size:.92rem;cursor:pointer;transition:border-color .12s,color .12s,background .12s;display:flex;flex-direction:column;align-items:center;gap:1px}.seg button small{font-size:.66rem;font-weight:600;opacity:.75}.seg button.active{background:#ffb3001f;color:var(--fg);border-color:var(--accent)}.seg button:disabled{opacity:.55;cursor:default}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.map-card{background:var(--h-card-2, rgba(10, 14, 24, .6));border:1px solid var(--h-border, var(--border));border-radius:var(--h-radius, 10px);padding:5px;cursor:pointer;text-align:center;color:var(--h-fg, var(--fg));transition:border-color .12s ease,background .12s ease,transform .08s ease}.map-card:hover{border-color:var(--h-border-hover, var(--border));transform:translateY(-2px)}.map-card.selected{border-color:var(--h-accent, var(--accent));background:#f2b10014}.map-card:disabled{cursor:default;opacity:.7}.map-card canvas{width:100%;height:58px;object-fit:cover;border-radius:7px;display:block}.map-card .map-name{display:block;font-size:.74rem;font-weight:600;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-card .map-meta{display:block;font-size:.62rem;color:var(--h-muted-2, var(--fg-dim));font-family:var(--h-mono, inherit)}.map-desc{min-height:2.4em;margin-top:6px;font-size:.78rem;line-height:1.3;color:var(--h-muted, var(--fg-dim))}#screen-home,#screen-lobby{--h-bg: #09090b;--h-card: rgba(19, 19, 21, .92);--h-card-2: rgba(255, 255, 255, .03);--h-border: rgba(255, 255, 255, .09);--h-border-hover: rgba(255, 255, 255, .18);--h-fg: #fafafa;--h-muted: #a1a1aa;--h-muted-2: #88888f;--h-accent: #f2b100;--h-accent-hi: #ffcd45;--h-accent-fg: #201700;--h-ring: rgba(244, 244, 245, .55);--h-radius-sm: 8px;--h-radius: 10px;--h-radius-lg: 12px;--h-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;display:flex;flex-direction:column;align-items:center;padding:40px 20px 28px;background:radial-gradient(900px 420px at 50% -8%,rgba(242,177,0,.06),transparent 60%),var(--h-bg);color:var(--h-fg)}#screen-home *:focus-visible,#screen-lobby *:focus-visible{outline:none;box-shadow:0 0 0 2px var(--h-bg),0 0 0 4px var(--h-ring);border-radius:var(--h-radius-sm)}.home-wrap{width:min(1080px,100%)}.home-hero{text-align:center;margin:0 0 40px}.home-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border:1px solid var(--h-border);border-radius:999px;background:var(--h-card-2);color:var(--h-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0 0 20px}.home-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--h-accent);box-shadow:0 0 6px #f2b100b3}.logo{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;text-align:center;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--h-fg)}.logo-icon{display:grid;place-items:center;width:46px;height:46px;font-size:1.5rem;line-height:1;border-radius:var(--h-radius-lg);background:linear-gradient(160deg,#1c1c20,#101012);border:1px solid var(--h-border);box-shadow:0 1px #ffffff0f inset,0 10px 24px #00000073}.logo-text{font-weight:700}.tagline{text-align:center;color:var(--h-muted);margin:12px 0 0;font-size:1rem}.hero-meta{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 10px;margin:22px 0 0;padding:0}.hero-meta li{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--h-border);border-radius:999px;background:var(--h-card-2);color:var(--h-muted);font-size:.78rem;font-weight:500}.hero-meta .i{color:var(--h-muted-2)}.home-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:stretch}@media(max-width:900px){.home-cols{grid-template-columns:1fr}}#screen-home .panel,#screen-lobby .panel{background:var(--h-card);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);box-shadow:0 1px 2px #0006,0 16px 40px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-card{padding:24px;margin:0}.home-side{padding:22px;display:flex;flex-direction:column}.card-head{margin-bottom:20px}.card-title{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.card-desc{color:var(--h-muted);font-size:.84rem;margin-top:3px;line-height:1.4}#screen-home .i,#screen-lobby .i{width:15px;height:15px;flex-shrink:0}#screen-home .field{margin:0 0 18px;gap:6px}#screen-home .field span,#screen-home .field-label{color:var(--h-muted);font-size:.72rem;text-transform:none;letter-spacing:.01em;font-weight:500}#screen-home .field-label{margin:0 0 8px;display:block}#screen-home .field input{height:38px;padding:0 12px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-fg);font-size:.875rem;transition:border-color .15s ease,background .15s ease}#screen-home .field input::placeholder{color:var(--h-muted-2)}#screen-home .field input:focus{border-color:var(--h-border-hover);background:#18181be6}#screen-home .code-input{font-family:var(--h-mono);text-transform:uppercase;letter-spacing:.35em;font-weight:600;text-align:center;font-size:1.1rem!important}.home-tabs{display:flex;gap:2px;padding:3px;margin:0 0 18px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm)}#screen-home .tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--h-muted);padding:7px 10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease}#screen-home .tab:hover{color:var(--h-fg)}#screen-home .tab.active{background:#232326;color:var(--h-fg);border-color:var(--h-border-hover);box-shadow:0 1px 2px #00000059}.home-tabpanel{padding-top:2px}.tab-count{min-width:16px;height:16px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--h-card-2);border:1px solid var(--h-border);color:var(--h-muted-2);font-family:var(--h-mono);font-size:.66rem;font-weight:600;line-height:1}#screen-home .tab.active .tab-count{background:#0003;border-color:var(--h-border-hover);color:var(--h-fg)}#screen-home .seg{display:flex;gap:8px}#screen-home .seg button{flex:1;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-muted);padding:10px 8px;font-weight:500;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px}#screen-home .seg button .i{color:var(--h-muted-2);transition:color .15s ease}#screen-home .seg button small{font-size:.68rem;font-weight:400;color:var(--h-muted-2);opacity:1}#screen-home .seg button:hover{border-color:var(--h-border-hover);color:var(--h-fg)}#screen-home .seg button.active{background:#202023;color:var(--h-fg);border-color:var(--h-border-hover);box-shadow:0 1px 2px #00000059}#screen-home .seg button.active .i{color:var(--h-fg)}#screen-home .seg button:disabled{opacity:.5;cursor:default}#screen-home .btn,#screen-lobby .btn{height:38px;padding:0 16px;border-radius:var(--h-radius-sm);font-size:.86rem;font-weight:500;letter-spacing:-.005em;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#1c1c1f;color:var(--h-fg);border:1px solid var(--h-border);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease}#screen-home .btn:hover,#screen-lobby .btn:hover{background:#232326;border-color:var(--h-border-hover);filter:none}#screen-home .btn:active,#screen-lobby .btn:active{transform:scale(.98)}#screen-home .btn.primary,#screen-lobby .btn.primary{background:linear-gradient(180deg,var(--h-accent-hi),var(--h-accent));color:var(--h-accent-fg);border-color:#00000026;font-weight:600;box-shadow:0 1px 2px #0000004d,0 8px 20px #f2b1002e}#screen-home .btn.primary:hover,#screen-lobby .btn.primary:hover{filter:brightness(1.06)}#screen-home .btn.big,#screen-lobby .btn.big{width:100%;height:44px;font-size:.92rem;margin-top:18px}#screen-home .btn.ghost,#screen-lobby .btn.ghost{background:transparent;border-color:var(--h-border);color:var(--h-muted)}#screen-home .btn.ghost:hover,#screen-lobby .btn.ghost:hover{background:var(--h-card-2);color:var(--h-fg);border-color:var(--h-border-hover)}#screen-home .btn.small,#screen-lobby .btn.small{height:32px;padding:0 12px;font-size:.78rem}#screen-home .btn:disabled,#screen-lobby .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.create-hint{margin:12px 0 0;line-height:1.45;color:var(--h-muted-2)}.create-hint.blocked{color:var(--h-accent-hi)}#screen-home .error{color:#f87171;font-size:.82rem;font-weight:500;margin-top:10px}.home-side-actions{display:flex;gap:8px;margin-top:auto;padding-top:16px}.home-side-actions .btn{flex:1}.home-legal{margin-top:20px;text-align:center;font-size:11px;color:var(--h-muted-2)}.home-legal a{color:var(--h-muted);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}.home-legal a:hover{color:var(--h-fg);border-color:var(--h-border-hover)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 7px #34d399bf;animation:pulse 1.6s infinite;vertical-align:1px;margin-right:6px}.side-panel-meta{margin:0 0 10px;color:var(--h-muted-2);font-size:.72rem}.rooms,.scores,.replays{margin-top:0}.room-list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:min(44vh,400px);overflow-y:auto;padding-right:2px;margin:0}.room-row{display:flex;align-items:center;gap:10px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius);padding:8px 10px;transition:border-color .15s ease}.room-row:hover{border-color:var(--h-border-hover)}.room-thumb{width:56px;height:36px;object-fit:cover;border-radius:6px;border:1px solid var(--h-border);background:#000;flex-shrink:0}.room-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.room-top{display:flex;align-items:baseline;gap:8px;min-width:0}.room-host{font-size:.86rem;font-weight:500;color:var(--h-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-state{font-size:.66rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.room-state.lobby{color:#34d399}.room-state.ingame{color:var(--h-muted)}.room-tags{display:flex;flex-wrap:wrap;gap:4px}.room-tag{font-family:var(--h-mono);font-size:.64rem;color:var(--h-muted);background:#ffffff0a;border:1px solid var(--h-border);border-radius:5px;padding:1px 6px;white-space:nowrap}.room-row .btn{flex-shrink:0}.side-empty{border:1px dashed var(--h-border);border-radius:var(--h-radius);padding:20px 16px;text-align:center;line-height:1.55;color:var(--h-muted);font-size:.82rem}@media(max-width:700px){.room-row{flex-wrap:wrap}.room-thumb{width:48px;height:32px}}.scores ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.scores li{font-size:.82rem;color:var(--h-muted);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.scores b{color:var(--h-accent);font-family:var(--h-mono);font-weight:600}.scores .hint{color:var(--h-muted-2);font-size:.76rem}#screen-lobby{display:grid;place-items:center;padding:12px 16px;background:radial-gradient(900px 420px at 50% -8%,rgba(242,177,0,.05),transparent 60%),var(--h-bg);color:var(--h-fg)}.lobby-card{width:min(1150px,100%);padding:18px 22px 20px;margin:0}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.lobby-head-text{display:flex;flex-direction:column;gap:2px}.lobby-head h2{font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.lobby-head .hint{color:var(--h-muted);font-size:.8rem}.code-chip-wrap{position:relative;display:inline-flex;flex-shrink:0}.code-chip{font-family:var(--h-mono);font-size:1.05rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--h-accent-hi);background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius);padding:9px 34px 9px 16px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.code-chip:hover{border-color:var(--h-border-hover);background:#1c1c1f}.code-chip-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--h-muted-2);pointer-events:none}.saved-banner{margin:10px 0 0;padding:10px 14px;border-radius:var(--h-radius);background:var(--h-card-2);border:1px solid var(--h-border);border-left:3px solid var(--h-accent);color:var(--h-fg);font-size:.86rem;line-height:1.5}.saved-banner b{color:var(--h-accent-hi)}.lobby-cols{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.24fr) minmax(0,.92fr);grid-template-rows:auto 1fr;grid-template-areas:"players maps settings" "chat    maps settings";gap:14px 22px;margin-top:14px}.lobby-players-box{grid-area:players}.lobby-maps-box{grid-area:maps}.lobby-settings-box{grid-area:settings}.lobby-chat-box{grid-area:chat;display:flex;flex-direction:column;min-height:0}.lobby-card h3{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--h-muted-2);margin:14px 0 7px;letter-spacing:.09em}.lobby-box>h3:first-child{margin-top:0}#screen-lobby .hint{color:var(--h-muted)}#screen-lobby .lobby-settings-box .btn.big{margin-top:10px}#screen-lobby .lobby-settings-box .btn.ghost{width:100%;margin-top:8px}#screen-lobby .lobby-settings-box .hint{margin-top:6px;text-align:center}.lobby-chat-box .chat-log{flex:1;height:auto;min-height:140px;max-height:340px}.player-list{list-style:none}.player-list li{display:flex;align-items:center;gap:9px;padding:7px 10px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius);margin:4px 0;transition:border-color .15s ease}.player-list li:hover{border-color:var(--h-border-hover)}.player-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.player-list .player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--h-fg);font-size:.86rem}.player-list .host-tag{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--h-accent-hi);white-space:nowrap}.player-list .offline{opacity:.4}.ready-tag{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.ready-tag.on{color:#06281c;background:#34d399}.ready-tag.off{color:var(--h-muted-2);border:1px solid var(--h-border)}.lobby-doors-title{margin:12px 0 6px;font-size:.82rem;color:var(--h-fg)}.door-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.door-list li{margin:0}.door-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:999px;cursor:pointer;font-size:.76rem;color:var(--h-fg);transition:border-color .15s ease,background .15s ease}.door-chip .door-num{font-weight:600;white-space:nowrap}.door-chip .door-owner{color:var(--h-muted-2, var(--fg-dim));white-space:nowrap}.door-chip.free:hover{border-color:var(--h-border-hover)}.door-chip.mine{border-color:#34d399;background:#34d3991f}.door-chip.mine .door-owner{color:#34d399}.door-chip.taken{opacity:.7}.door-chip[disabled]{cursor:not-allowed}.door-list li{display:inline-flex;align-items:center;gap:3px}.door-chip.closed{opacity:.55;background:transparent;border-style:dashed}.door-chip.closed .door-num{text-decoration:line-through}.door-chip.closed .door-owner{color:#ef5350}.door-toggle{flex-shrink:0;width:24px;height:24px;border-radius:999px;border:1px solid var(--h-border);background:var(--h-card-2);color:var(--h-fg);font-size:.72rem;line-height:1;cursor:pointer;transition:border-color .15s ease}.door-toggle:hover{border-color:#ef5350}.kick-btn,.cede-btn,.spectate-btn,.ban-btn{flex-shrink:0;width:24px;height:24px;border-radius:6px;border:1px solid var(--h-border);font-size:.75rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.kick-btn{background:#f871711f;color:#f87171;font-size:.85rem}.kick-btn:hover{background:#f87171;color:#1a0000}.cede-btn{background:var(--h-card-2);color:var(--h-accent-hi)}.cede-btn:hover{background:var(--h-accent);color:var(--h-accent-fg);border-color:transparent}.spectate-btn{background:var(--h-card-2);color:var(--h-muted)}.spectate-btn:hover{background:var(--h-muted);color:#0c0c0e}.ban-btn{border-color:#f871718c;background:#f8717133;color:#f87171}.ban-btn:hover{background:#f87171;color:#1a0000}#screen-lobby #btn-ready.active{background:#1c1c1f;color:var(--h-fg);border-color:var(--h-border-hover);box-shadow:none}#screen-lobby .seg{display:flex;gap:6px}#screen-lobby .seg button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-muted);padding:7px 4px;font-weight:500;font-size:.78rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}#screen-lobby .seg .seg-row{display:inline-flex;align-items:center;gap:5px}#screen-lobby .seg button .i{color:var(--h-muted-2);transition:color .15s ease}#screen-lobby .seg button small{font-size:.62rem;font-weight:400;color:var(--h-muted-2)}#screen-lobby .seg button:hover{border-color:var(--h-border-hover);color:var(--h-fg)}#screen-lobby .seg button.active{background:#202023;color:var(--h-fg);border-color:var(--h-border-hover);box-shadow:0 1px 2px #00000059}#screen-lobby .seg button.active .i{color:var(--h-fg)}#screen-lobby .seg button:disabled{opacity:.5;cursor:default}.chat-log{background:#080b13b3;border:1px solid var(--border);border-radius:10px;padding:10px;height:300px;overflow-y:auto;font-size:.92rem;display:flex;flex-direction:column;gap:4px}.chat-log .msg b{margin-right:6px}.chat-log .msg.sys{color:var(--fg-dim);font-style:italic}.chat-form{display:flex;gap:8px;margin-top:8px}.chat-form input{flex:1;background:#080b13cc;border:1px solid var(--border);border-radius:8px;color:var(--fg);padding:9px 12px;outline:none}#screen-lobby .chat-log{background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius);color:var(--h-fg)}#screen-lobby .msg.sys{color:var(--h-muted-2)}#screen-lobby .chat-form input{background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-fg)}#screen-lobby .chat-form input::placeholder{color:var(--h-muted-2)}#screen-lobby .chat-form input:focus{border-color:var(--h-border-hover)}@media(max-width:1080px){.lobby-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"players settings" "maps    maps" "chat    chat"}.lobby-chat-box .chat-log{flex:none;height:180px;min-height:0}}#screen-game{overflow:hidden;background:#0b0e14}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#screen-game{--h-bg: #09090b;--h-card-2: rgba(255, 255, 255, .03);--h-border: rgba(255, 255, 255, .09);--h-border-hover: rgba(255, 255, 255, .18);--h-fg: #fafafa;--h-muted: #a1a1aa;--h-muted-2: #88888f;--h-accent: #f2b100;--h-accent-hi: #ffcd45;--h-accent-fg: #201700;--h-radius-sm: 8px;--h-radius: 10px;--h-radius-lg: 12px;--hud-glass: rgba(10, 11, 15, .8);--hud-glass-strong: rgba(8, 9, 13, .88);--hud-glass-border: rgba(255, 255, 255, .1)}#screen-game .i{width:15px;height:15px;flex-shrink:0;display:block}.hud-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 min(16vw,170px) #02030766}#hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:7px 10px;padding-top:max(7px,env(safe-area-inset-top));pointer-events:none}#hud-top .btn{pointer-events:auto}.hud-group{display:flex;align-items:center;gap:1px;flex-wrap:wrap;background:var(--hud-glass);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);padding:3px;box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff0a;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.stat{display:inline-flex;align-items:center;min-height:30px;background:transparent;border:none;border-radius:var(--h-radius-sm);padding:0 9px;font-weight:700;font-size:.86rem;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;color:var(--h-fg)}#hud-top .btn.small{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:var(--h-radius-sm);background:transparent;border:1px solid transparent;color:var(--h-fg);opacity:.78;font-size:.82rem}#hud-top .btn.small:hover{background:var(--h-card-2);opacity:1;filter:none}#hud-top .btn.small[aria-expanded=true]{background:var(--h-card-2);border-color:var(--hud-glass-border);opacity:1}#hud-top .btn.small.primary{background:linear-gradient(180deg,var(--h-accent-hi),var(--h-accent));color:var(--h-accent-fg);border-color:transparent;opacity:1}.stat.gold{color:var(--h-accent-hi)}#hud-wave .wv-icon{display:none}.stat.wood{min-height:40px;color:#d7b7a6;pointer-events:auto;cursor:pointer;font-family:inherit;line-height:inherit;font-weight:700}.stat.wood:hover{background:var(--h-card-2)}.stat.wood:active{transform:scale(.96)}.stat.wood:after{content:"▾";margin-left:4px;color:var(--h-muted);font-size:.8em}.stat.wood.attn{animation:wood-attn 1.8s infinite}@keyframes wood-attn{50%{box-shadow:0 0 12px #ffd54f80}}.stat.turbo{gap:4px;color:var(--h-accent-fg);background:linear-gradient(180deg,#ffd54f,#ffb300);font-weight:800;letter-spacing:.02em}.room-tag.turbo{color:#1b1205;background:linear-gradient(180deg,#ffd54f,#ffb300);border-color:#ffb300d9;font-weight:800}#market-panel{position:absolute;top:56px;left:12px;z-index:30;width:280px;max-width:calc(100vw - 24px);background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);padding:12px 14px;pointer-events:auto}#market-panel h4{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--h-fg)}#market-panel .mkt-tag{color:var(--h-muted-2);font-size:.72rem;font-weight:500}#market-panel .mkt-price{font-size:.95rem;margin-bottom:8px;color:var(--h-fg);font-variant-numeric:tabular-nums}#market-panel .mkt-price b{color:var(--h-accent-hi)}#market-panel .mkt-row{display:flex;gap:8px}#market-panel .mkt-row .btn{flex:1;font-size:.8rem;padding:8px 4px}#market-panel .mkt-orc{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--hud-glass-border)}#market-panel .mkt-orc-info{font-size:.85rem;color:var(--h-fg)}#market-panel .mkt-orc-info b{color:var(--h-accent-hi)}#market-panel .mkt-orc .btn{flex-shrink:0;font-size:.78rem;padding:7px 10px}@media(max-height:500px){#market-panel{top:42px;padding:8px 10px}}.stat.danger{color:#ff8a80;background:#ef535029;animation:pulse .8s infinite}.stat.warn{color:var(--h-accent-hi);background:#ffd54f1f}@keyframes pulse{50%{opacity:.55}}#scoreboard-panel{position:absolute;top:56px;left:12px;z-index:31;width:340px;max-width:calc(100vw - 24px);background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);padding:10px 12px;pointer-events:auto}.sb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sb-head h4{margin:0;font-size:.95rem;font-weight:600;color:var(--h-fg)}.sb-head .btn{padding:2px 9px}#scoreboard-body table{width:100%;border-collapse:collapse;font-size:.82rem;font-variant-numeric:tabular-nums}#scoreboard-body th{color:var(--h-muted-2);font-weight:600;font-size:.7rem;text-align:right;padding:2px 5px}#scoreboard-body th.sb-name{text-align:left}#scoreboard-body td{padding:4px 5px;text-align:right;white-space:nowrap;color:var(--h-fg)}#scoreboard-body td.sb-name{text-align:left;max-width:100px;overflow:hidden;text-overflow:ellipsis}#scoreboard-body tr.sb-me td{background:#f2b10014}#scoreboard-body tr.offline td{opacity:.45}#scoreboard-body .sb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;box-shadow:0 0 5px currentColor;vertical-align:middle}#scoreboard-body .sb-dmg{color:var(--h-accent-hi)}#scoreboard-body .sb-kills{color:#f9a8d4}#scoreboard-body .btn.sb-give{padding:1px 8px;font-size:.9rem;line-height:1.4}.sb-live{margin-top:7px;padding-top:7px;border-top:1px solid var(--hud-glass-border);color:var(--h-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.sb-live .live-bad{color:var(--h-danger);font-weight:700}#scoreboard-give:not(:empty){margin-top:10px;padding-top:10px;border-top:1px solid var(--hud-glass-border)}.sb-give-title{font-size:.85rem;margin-bottom:7px;color:var(--h-fg)}.sb-give-title b{color:var(--h-accent-hi)}.sb-give-row{display:flex;align-items:center;gap:5px;margin-bottom:6px}.sb-give-row .sb-give-lbl{width:20px;text-align:center;flex-shrink:0}.sb-give-row input{width:64px;flex-shrink:0;padding:6px;background:#0a0b0fb3;border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-fg);font-size:.85rem;font-variant-numeric:tabular-nums;outline:none}.sb-give-row input:focus{border-color:var(--h-border-hover)}.sb-give-row .btn.sb-quick{padding:5px 7px;font-size:.72rem;flex:1;min-width:0}.sb-give-actions{display:flex;gap:6px;margin-top:8px}.sb-give-actions .btn{flex:1;font-size:.82rem;padding:8px 4px}@media(max-height:500px){#scoreboard-panel{top:42px;padding:8px 10px}}#shop-panel{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:31;width:320px;max-width:calc(100vw - 24px);background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);padding:10px 12px;pointer-events:auto}#shop-grid{display:flex;flex-direction:column;gap:8px}.shop-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius);color:var(--h-fg);cursor:pointer;transition:border-color .15s ease,background .15s ease}.shop-item:hover{border-color:var(--h-border-hover);background:#ffffff0d}.shop-item.selected{border-color:var(--h-accent);box-shadow:0 0 0 1px var(--h-accent) inset}.shop-item.poor{opacity:.5}.shop-item .shop-icon{font-size:1.5rem;flex-shrink:0}.shop-item .shop-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.shop-item .shop-info b{font-size:.92rem;font-weight:600}.shop-item .shop-desc{font-size:.74rem;color:var(--h-muted);line-height:1.3}.shop-item .shop-cost{flex-shrink:0;color:var(--h-accent-hi);font-weight:700;font-variant-numeric:tabular-nums}@media(max-height:500px){#shop-panel{top:42px;padding:8px 10px}}#settings-panel{position:absolute;top:56px;right:12px;z-index:30;width:250px;max-width:calc(100vw - 24px);background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);padding:12px 14px;pointer-events:auto}#settings-panel h4{margin:0 0 10px;font-size:.95rem;font-weight:600;color:var(--h-fg)}.set-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;margin-bottom:10px}.set-row>span:first-child{font-size:.85rem;grid-column:1;color:var(--h-fg)}.set-row .set-val{grid-column:2;font-size:.8rem;color:var(--h-muted);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.set-row input[type=range]{grid-column:1 / 3;width:100%;margin:2px 0 0;accent-color:var(--h-accent);height:22px;cursor:pointer}.set-hint{margin:4px 0 0;font-size:.75rem;color:var(--h-muted)}@media(max-width:560px){#settings-panel{width:220px;top:48px}}@media(max-height:500px){#settings-panel{top:42px;padding:8px 10px}#settings-panel h4,.set-row{margin-bottom:6px}.set-hint{display:none}}.set-quality{grid-column:1 / 3;display:flex;gap:6px;margin-top:4px}.set-quality button{flex:1;background:#ffffff08;border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-muted);padding:7px 4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.set-quality button:hover{border-color:var(--h-border-hover);color:var(--h-fg)}.set-quality button.active{background:#f2b10024;border-color:var(--h-accent);color:var(--h-fg)}.set-q-active{font-size:.72rem;font-weight:600;color:var(--h-muted-2)}body.q-lite *,body.q-lite *:before,body.q-lite *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#hud-preview{position:absolute;top:60px;left:50%;right:auto;transform:translate(-50%);text-align:center;background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);padding:7px 14px;max-width:min(420px,60vw);font-size:.85rem;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.preview-label{display:block;color:var(--fg-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.preview-chip{display:inline-block;margin:2px 6px 2px 0;font-weight:600}#hud-preview-tags{display:block;margin-bottom:4px}#hud-preview-tags:empty{display:none}.wave-tag{display:inline-block;margin:0 4px 3px 0;padding:1px 7px;border-radius:8px;font-size:.72rem;font-weight:700;border:1px solid transparent}.wave-tag.immune{background:#60a5fa38;border-color:#60a5fa99;color:#bfdbfe}.wave-tag.blessed{background:#ffd54f38;border-color:#ffd54f99;color:#ffe082}.wave-tag.flying{background:#ec407a33;border-color:#ec407a8c;color:#f8bbd0}.wave-tag.boss{background:#ef535038;border-color:#ef535099;color:#ffcdd2}.wave-tag.invisible{background:#29b6f633;border-color:#29b6f699;color:#b3e5fc}#hud-placing{position:absolute;bottom:80px;left:50%;transform:translate(-50%);max-width:min(92vw,560px);background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);padding:7px 14px;font-size:.85rem;text-align:center;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#hud-placing b{color:var(--h-accent-hi)}#hud-placing .sep{color:var(--h-muted);margin:0 6px}#spectator-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:6;max-width:calc(100% - 24px);text-align:center;font-size:.82rem;font-weight:700;color:var(--h-fg);background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:999px;padding:6px 16px;box-shadow:0 8px 24px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.tcard.suggesting{border-color:#4fc3f7;box-shadow:0 0 14px #4fc3f773;transform:translateY(-3px)}#hud-towers{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100vw - 20px);padding:5px 9px;padding-bottom:max(5px,env(safe-area-inset-bottom));border-radius:17px;background:var(--hud-glass);border:1px solid var(--hud-glass-border);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0d;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);overflow-x:auto;pointer-events:none;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}#hud-towers::-webkit-scrollbar{display:none}.tcard:first-child{margin-left:auto}.tcard:last-child{margin-right:auto}.tcard{pointer-events:auto;position:relative;flex-shrink:0;width:52px;background:#ffffff08;border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-sm);padding:5px 3px 4px;text-align:center;cursor:pointer;color:var(--h-fg);transition:border-color .1s,transform .06s,box-shadow .12s,background .12s}.tcard:hover{background:#ffffff0f}.tcard:active{transform:scale(.94)}.tcard.group-start{margin-left:13px}.tcard.group-start:before{content:"";position:absolute;left:-8px;top:15%;width:1px;height:70%;background:var(--hud-glass-border)}.tcard.selected{border-color:var(--h-accent);box-shadow:0 0 12px #f2b10066;transform:translateY(-3px)}.tcard.poor{opacity:.42}.tcard .ticon{font-size:1.25rem;display:block;line-height:1.4rem}.tcard .tsprite{display:none;width:100%;height:1.85rem;object-fit:contain;object-position:center bottom;margin:0 auto}.tcard .tname{display:none}.tcard .tcost{font-size:.66rem;font-weight:800;color:var(--h-accent-hi)}.tcard .thk{position:absolute;top:2px;right:3px;font-size:.52rem;line-height:1.3;color:var(--h-muted);background:#0009;border-radius:3px;padding:0 2.5px}.tcard .tbadge{position:absolute;top:2px;left:3px;font-size:.62rem;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}#hud-panel{position:absolute;right:12px;bottom:80px;width:250px;background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);padding:10px 12px;box-shadow:0 18px 50px #00000073;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}#hud-panel h3{display:flex;align-items:center;gap:8px;font-size:.98rem;font-weight:600;color:var(--h-fg)}#hud-panel .lvl{color:var(--h-accent-hi);margin-left:auto;white-space:nowrap;font-size:.85rem;font-variant-numeric:tabular-nums}#panel-close{flex-shrink:0;width:30px;height:30px;border-radius:var(--h-radius-sm);border:1px solid var(--h-border);background:var(--h-card-2);color:var(--h-muted);font-size:.9rem;font-weight:600;cursor:pointer;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease}#panel-close:hover{background:#ffffff14;color:var(--h-fg);border-color:var(--h-border-hover)}#panel-close:active{transform:scale(.94)}#hud-panel .fuse-req{color:var(--h-muted-2);font-size:.72rem}#hud-panel .pstats{font-size:.8rem;color:var(--h-muted);margin:6px 0;line-height:1.38;font-variant-numeric:tabular-nums}#hud-panel .pstats b{color:var(--h-fg)}#hud-panel .pstats .up{color:var(--h-ok);font-weight:700}#hud-panel .pstats .aura,#hud-panel .pstats .pcd{color:var(--h-accent-hi);font-weight:700}#hud-panel .pstats .pmatrix{display:block;color:var(--h-fg);background:#60a5fa1a;border:1px solid rgba(96,165,250,.22);border-radius:var(--h-radius-sm);padding:3px 7px;margin-bottom:4px;font-size:.78rem;line-height:1.35}#hud-panel .prow{display:flex;gap:6px;margin-top:6px}#hud-panel .prow .btn{flex:1;font-size:.82rem;padding:7px 6px}#hud-panel .prow #panel-sell{color:#e5a3a3}#hud-panel .prow #panel-sell:hover{color:var(--h-danger);border-color:#f8717166;background:#f8717114}.tmodes{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.tmode{flex:1;font-size:.7rem;padding:5px 2px;border-radius:6px;background:var(--h-card-2);border:1px solid var(--h-border);color:var(--h-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.tmode:hover{border-color:var(--h-border-hover);color:var(--h-fg)}.tmode.active{border-color:var(--h-border-hover);color:var(--h-fg);background:#202023}.spec-title{margin-top:10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--h-accent-hi);font-weight:700}.spec-choices{display:flex;flex-direction:column;gap:6px;margin-top:6px}.spec-btn{position:relative;text-align:left;background:linear-gradient(180deg,#f2b10024,#ffffff05);border:1px solid rgba(242,177,0,.7);border-radius:var(--h-radius);color:var(--h-fg);padding:8px 58px 8px 10px;cursor:pointer;transition:transform .06s ease,filter .15s ease,border-color .15s ease}.spec-btn:hover{filter:brightness(1.1);border-color:var(--h-accent)}.spec-btn:active{transform:scale(.98)}.spec-btn:disabled{opacity:.55;cursor:not-allowed;filter:none;background:var(--h-card-2);border-color:var(--h-border)}.spec-btn .spec-name{display:block;font-weight:700;font-size:.9rem}.spec-btn .spec-desc{display:block;font-size:.72rem;color:var(--h-muted);line-height:1.3;margin-top:2px}.spec-btn .spec-cost{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-weight:700;color:var(--h-accent-hi);text-align:right;font-size:.8rem;line-height:1.25;font-variant-numeric:tabular-nums}.spec-title .spec-woodreq{color:var(--h-muted);font-weight:500;text-transform:none;letter-spacing:0}#btn-ping.armed{background:var(--h-accent);color:var(--h-accent-fg);border-color:transparent;opacity:1;animation:pulse .8s infinite}#hud-panel .btn.armed{background:var(--h-accent);color:var(--h-accent-fg);border-color:transparent;animation:pulse .8s infinite}#hud-panel .focus-line{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.8rem;color:var(--h-muted)}#hud-panel .focus-line .btn{flex:0 0 auto;font-size:.72rem;padding:4px 8px}#hud-panel .khint{font-size:.68rem;color:var(--h-muted-2);font-weight:600}#hud-panel .btn.armed .khint{color:inherit}#btn-minimap.off{opacity:.4}#hud-chat{position:absolute;left:12px;bottom:80px;width:min(300px,60vw);pointer-events:none}#hud-chat .chat-log.compact{height:auto;max-height:150px;background:transparent;border:none;font-size:.82rem;text-shadow:0 1px 3px #000;overflow:hidden;justify-content:flex-end}#hud-chat .chat-log.compact .msg{background:#080b13ad;border-radius:9px;padding:2px 9px;width:fit-content;max-width:100%;opacity:1;transition:opacity 1s}#hud-chat .chat-log.compact .msg.faded{opacity:0}#hud-chat.open .chat-log.compact .msg{opacity:1}#hud-chat form{pointer-events:auto}#hud-chat form input{background:#0e121ce6}#btn-chat-toggle{pointer-events:auto;margin-top:6px}.paused #hud-chat{z-index:60}#btn-towers-toggle{position:absolute;right:62px;bottom:14px;z-index:21;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--h-radius-sm);background:var(--hud-glass);border:1px solid var(--hud-glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}@media(min-width:701px){#btn-towers-toggle{display:none!important}}#place-confirm{position:absolute;transform:translate(-50%,-100%);display:flex;gap:10px;z-index:20}.place-btn{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.25);font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #00000080}.place-btn.yes{background:var(--ok);color:#0c2010}.place-btn.no{background:#1e2434f2;color:var(--fg)}.place-btn:active{transform:scale(.92)}#toasts{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;max-width:min(480px,92vw);z-index:40}.toast{background:var(--hud-glass-strong);border:1px solid rgba(248,113,113,.7);color:var(--h-fg);border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600;text-align:center;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:toast-in .2s ease-out,toast-out .4s ease-in 1.8s forwards}.toast.info{border-color:#60a5fab3}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.95)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)}}#overlay-bestiary,#overlay-countdown,#overlay-reconnect,.dialog-overlay{--h-card: rgba(19, 19, 21, .94);--h-card-2: rgba(255, 255, 255, .03);--h-border: rgba(255, 255, 255, .09);--h-border-hover: rgba(255, 255, 255, .18);--h-fg: #fafafa;--h-muted: #a1a1aa;--h-muted-2: #88888f;--h-accent: #f2b100;--h-accent-hi: #ffcd45;--h-accent-fg: #201700;--h-ok: #34d399;--h-danger: #f87171;--h-radius-sm: 8px;--h-radius: 10px;--h-radius-lg: 12px;--h-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.overlay{position:fixed;inset:0;background:#060608d6;display:grid;place-items:center;z-index:50;padding:16px;overflow:hidden}.overlay-card{padding:28px;text-align:center;max-width:92vw;position:relative;background:var(--h-card, rgba(19, 19, 21, .94));border:1px solid var(--h-border, rgba(255, 255, 255, .09));border-radius:var(--h-radius-lg, 12px);box-shadow:0 1px 2px #00000080,0 24px 60px #0000008c;color:var(--h-fg, #fafafa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#pause-by{color:var(--h-muted, #a1a1aa);font-size:.9rem;margin-top:2px}.overlay-card.wide{width:min(680px,94vw);max-height:92vh;overflow-y:auto}.overlay-card h2{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;color:var(--h-fg, #fafafa)}.overlay-card .btn{margin-top:16px}#hud-panel .btn,#market-panel .btn,#scoreboard-panel .btn,#shop-panel .btn,#settings-panel .btn,#overlay-pause .btn,#overlay-end .btn,#replay-bar .btn,#overlay-bestiary .btn,#overlay-countdown .btn,.dialog-card .btn{background:#1c1c1f;color:var(--h-fg);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);box-shadow:none;transition:background .15s ease,border-color .15s ease,transform .06s ease}#hud-panel .btn:hover,#market-panel .btn:hover,#scoreboard-panel .btn:hover,#shop-panel .btn:hover,#settings-panel .btn:hover,#overlay-pause .btn:hover,#overlay-end .btn:hover,#replay-bar .btn:hover,#overlay-bestiary .btn:hover,#overlay-countdown .btn:hover,.dialog-card .btn:hover{background:#232326;border-color:var(--h-border-hover);filter:none}#hud-panel .btn.primary,#market-panel .btn.primary,#scoreboard-panel .btn.primary,#shop-panel .btn.primary,#settings-panel .btn.primary,#overlay-pause .btn.primary,#overlay-end .btn.primary,#replay-bar .btn.primary,.dialog-card .btn.primary{background:linear-gradient(180deg,var(--h-accent-hi),var(--h-accent));color:var(--h-accent-fg);border-color:#00000026;font-weight:600;box-shadow:0 1px 2px #0000004d,0 8px 20px #f2b10029}#hud-panel .btn.primary:hover,#market-panel .btn.primary:hover,#scoreboard-panel .btn.primary:hover,#shop-panel .btn.primary:hover,#settings-panel .btn.primary:hover,#overlay-pause .btn.primary:hover,#overlay-end .btn.primary:hover,#replay-bar .btn.primary:hover,.dialog-card .btn.primary:hover{filter:brightness(1.06);background:linear-gradient(180deg,var(--h-accent-hi),var(--h-accent))}#hud-panel .btn.ghost,#market-panel .btn.ghost,#scoreboard-panel .btn.ghost,#shop-panel .btn.ghost,#settings-panel .btn.ghost,#overlay-pause .btn.ghost,#overlay-end .btn.ghost,#replay-bar .btn.ghost,#overlay-bestiary .btn.ghost,#overlay-countdown .btn.ghost,.dialog-card .btn.ghost{background:transparent;border-color:var(--h-border);color:var(--h-muted)}#hud-panel .btn.ghost:hover,#market-panel .btn.ghost:hover,#scoreboard-panel .btn.ghost:hover,#shop-panel .btn.ghost:hover,#settings-panel .btn.ghost:hover,#overlay-pause .btn.ghost:hover,#overlay-end .btn.ghost:hover,#replay-bar .btn.ghost:hover,#overlay-bestiary .btn.ghost:hover,#overlay-countdown .btn.ghost:hover,.dialog-card .btn.ghost:hover{background:var(--h-card-2);color:var(--h-fg);border-color:var(--h-border-hover)}#btn-continue-device,#btn-abandon-settings{display:flex;width:100%;justify-content:center;margin-top:8px}#hud-panel .btn.danger,#settings-panel .btn.danger,#overlay-pause .btn.danger,.dialog-card .btn.danger{background:#f871711f;border:1px solid rgba(248,113,113,.5);color:var(--h-danger)}#hud-panel .btn.danger:hover,#settings-panel .btn.danger:hover,#overlay-pause .btn.danger:hover,.dialog-card .btn.danger:hover{background:#f8717133;border-color:#f87171b3}#hud-panel .hint,#market-panel .hint,#scoreboard-panel .hint,#shop-panel .hint,#settings-panel .hint,#overlay-pause .hint,#overlay-end .hint,#replay-bar .hint{color:var(--h-muted)}#overlay-countdown{background:#0606088c;z-index:60}.countdown-box{text-align:center}#countdown-label{color:var(--h-accent-hi);font-size:1.15rem;font-weight:600;letter-spacing:.02em;margin-bottom:10px;text-shadow:0 2px 12px rgba(0,0,0,.7)}#countdown-num{font-size:clamp(6rem,26vw,13rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--h-fg);font-variant-numeric:tabular-nums;text-shadow:0 0 48px rgba(242,177,0,.28),0 6px 24px rgba(0,0,0,.75)}#countdown-num.pop{animation:countdown-pop .9s ease-out}#countdown-cancel{margin-top:18px}@keyframes countdown-pop{0%{transform:scale(.4);opacity:.2}30%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:.85}}.btn.premove{background:#60a5fa24;color:#93c5fd;border:1px solid rgba(96,165,250,.5);box-shadow:none}.btn.premove.active{background:#f2b10029;color:var(--h-accent-hi);border-color:var(--h-accent)}.overlay-close{position:absolute;top:12px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--h-radius-sm);color:var(--h-muted);font-size:1.15rem;line-height:1;cursor:pointer;padding:0;margin:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.overlay-close:hover{color:var(--h-fg);background:var(--h-card-2);border-color:var(--h-border)}.overlay-card.bestiary-card{width:min(900px,95vw);max-height:90vh;overflow-y:auto;text-align:left;padding:24px}.bestiary-card>h2{text-align:left;font-size:1.4rem}.bestiary-grid{display:grid;gap:10px;margin-top:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.enemy-card{background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);padding:11px 13px;transition:border-color .15s ease}.enemy-card:hover{border-color:var(--h-border-hover)}.enemy-card.boss{border-color:#f8717180;background:#f871710f}.ecard-head{display:flex;align-items:center;gap:8px}.ecard-head .eicon{font-size:1.6rem;line-height:1}.ecard-head .ename{font-weight:600;font-size:.98rem;color:var(--h-fg)}.etraits{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 6px}.etrait{font-size:.68rem;padding:2px 8px;border-radius:999px;background:var(--h-card-2);border:1px solid var(--h-border);color:var(--h-muted);white-space:nowrap}.etrait.boss{background:#f8717129;color:#fca5a5;border-color:transparent}.etrait.air{background:#818cf82e;color:#a5b4fc;border-color:transparent}.etrait.immune{background:#60a5fa29;color:#93c5fd;border-color:transparent}.edesc{font-size:.8rem;line-height:1.4;margin:4px 0 8px;color:var(--h-fg)}.estats{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--h-muted);font-variant-numeric:tabular-nums}.estats span{white-space:nowrap}.guide-tabs{display:flex;gap:2px;margin-top:14px;padding:3px;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm)}.guide-tabs .tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--h-muted);padding:8px 6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.guide-tabs .tab:hover{color:var(--h-fg)}.guide-tabs .tab.active{background:#232326;color:var(--h-fg);border-color:var(--h-border-hover);box-shadow:0 1px 2px #00000059}.guide-intro{margin-top:16px}.guide-intro h3{font-size:1.02rem;margin-bottom:4px;color:var(--h-fg)}.guide-intro .edesc{margin:4px 0}#guide-elites .bestiary-grid{margin-top:10px}.fusion-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.fusion-card{background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-lg);padding:11px 13px;transition:border-color .15s ease}.fusion-card:hover{border-color:var(--h-border-hover)}.fusion-recipe{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;font-size:.92rem;color:var(--h-fg)}.fusion-recipe .fplus{color:var(--h-muted-2);font-weight:700}.fusion-recipe .fresult{font-size:1rem}.key-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.shortcut-msg{font-size:.82rem;color:var(--h-muted);min-height:1.1em}.key-group{margin-top:16px}.key-group-title{font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--h-muted-2);padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--h-border)}.key-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border-bottom:1px solid var(--h-border)}.key-row:last-child{border-bottom:none}.key-name{font-size:.86rem;color:var(--h-fg)}.key-row.info .key-name{color:var(--h-muted);min-width:42%}.key-static{font-size:.78rem;color:var(--h-muted);text-align:right}.key-btn{min-width:2.6rem;padding:5px 10px;font-size:.82rem;font-weight:700;font-family:var(--h-mono);color:var(--h-fg);background:#202023;border:1px solid var(--h-border);border-bottom-width:3px;border-radius:var(--h-radius-sm);cursor:pointer;white-space:nowrap;transition:transform .05s ease,border-color .12s ease,background .12s ease}.key-btn:hover{border-color:var(--h-border-hover);background:#26262a}.key-btn:active{transform:translateY(1px);border-bottom-width:1px}.key-btn.capturing{color:var(--h-accent-hi);border-color:var(--h-accent);background:#f2b10024;min-width:9.5rem}.tower-card .ticon-wrap{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}.tower-card .ticon-wrap .tsprite2{display:none;width:1.8rem;height:1.8rem;object-fit:contain}.tower-card .ticon-wrap .eicon{font-size:1.6rem;line-height:1}.tcosts{font-size:.76rem;color:var(--h-muted);margin:2px 0 6px;font-variant-numeric:tabular-nums}.tcosts .tdim,.tfuse.tdim,.edesc.tdim{color:var(--h-muted-2);opacity:.85}.tspec-list{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}.tspec{background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);padding:7px 9px}.tspec-head{font-size:.82rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;color:var(--h-fg)}.tspec .edesc{margin:3px 0;font-size:.76rem}.tspec-cost{font-size:.72rem;font-weight:700;color:var(--h-accent-hi);white-space:nowrap;font-variant-numeric:tabular-nums}.tspec-r2{font-size:.74rem;color:var(--h-muted);border-top:1px dashed var(--h-border);padding-top:4px;margin-top:2px}.tfuse{font-size:.76rem;line-height:1.4;margin-top:6px;color:var(--h-fg)}.earmor{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 2px}.earmor-badge{font-size:.74rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--h-card-2);border:1px solid var(--h-border);color:var(--h-fg)}.earmor-badge.armor-ligera{background:#a3e63529;border-color:transparent;color:#bef264}.earmor-badge.armor-media{background:#ffffff14;border-color:transparent;color:var(--h-fg)}.earmor-badge.armor-blindada{background:#94a3b83d;border-color:transparent;color:#cbd5e1}.earmor-badge.armor-colosal{background:#f871712e;border-color:transparent;color:#fca5a5}.earmor-id{font-size:.72rem;color:var(--h-muted);line-height:1.3}.tmatch{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:2px 0 4px}.etrait.atk{background:#60a5fa2e;color:#93c5fd;border-color:transparent;font-weight:600}.tmatch-vs{font-size:.74rem;color:var(--h-muted);line-height:1.3}.twarn{font-size:.76rem;line-height:1.4;color:var(--h-accent-hi);background:#f2b1001a;border:1px solid rgba(242,177,0,.35);border-radius:var(--h-radius-sm);padding:5px 8px;margin:2px 0 6px}.matrix-wrap{overflow-x:auto;margin:10px 0 4px;-webkit-overflow-scrolling:touch}.matrix-table{border-collapse:collapse;width:100%;min-width:360px;font-size:.8rem}.matrix-table th,.matrix-table td{border:1px solid var(--h-border);padding:6px 8px;text-align:center;white-space:nowrap}.matrix-table thead th{background:var(--h-card-2);color:var(--h-muted);font-weight:600}.matrix-table th.m-corner{text-align:left;font-size:.68rem;color:var(--h-muted-2);font-weight:600}.matrix-table th.m-row{text-align:left;background:var(--h-card-2);color:var(--h-fg)}.matrix-table .m-ico{margin-right:4px}.matrix-table td{font-weight:700;color:var(--h-fg)}.m-strong{background:#34d39933;color:#6ee7b7!important}.m-weak{background:#f8717133;color:#fca5a5!important}.m-neutral{color:var(--h-muted)!important}.matrix-legend{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.matrix-legend .m-chip{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.cal-table th,.cal-table td{text-align:left;font-weight:500}.cal-table td.cal-w{text-align:right;font-weight:700;color:var(--h-muted);width:2ch}.cal-table td.cal-tags{white-space:nowrap}.cal-table td.cal-theme{color:var(--h-muted);font-size:.74rem;white-space:normal}.cal-table tr.cal-special td{background:#f2b10012}.cal-table tr.cal-special td.cal-species{color:var(--h-accent-hi)}@media(max-width:700px){.overlay-card.bestiary-card{padding:18px 14px}.bestiary-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.enemy-card{padding:8px 10px}.guide-tabs .tab{font-size:.76rem;padding:8px 4px}.guide-tabs{flex-wrap:wrap}.key-static{max-width:52%}.matrix-table{font-size:.74rem}.matrix-table th,.matrix-table td{padding:5px 6px}}#end-title{font-size:clamp(1.9rem,6vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:6px;color:var(--h-fg)}#end-sub{color:var(--h-muted);font-size:.92rem;line-height:1.45}#overlay-end:has(.confetti) #end-title{color:var(--h-accent-hi);text-shadow:0 0 32px rgba(242,177,0,.45)}#end-podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin:18px 0 6px}.podium-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:110px}.podium-col .pname{font-weight:600;font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--h-fg)}.podium-col .pdmg{font-size:.7rem;color:var(--h-muted);font-variant-numeric:tabular-nums}.podium-col .pblock{width:100%;border-radius:var(--h-radius-sm) var(--h-radius-sm) 0 0;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--h-border);border-bottom:none}.podium-col.p1 .pblock{height:76px;background:linear-gradient(180deg,#ffcd454d,#f2b10014);border-color:#ffcd4573}.podium-col.p2 .pblock{height:56px}.podium-col.p3 .pblock{height:42px}#end-stats{margin-top:14px}#end-stats table{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}#end-stats th{color:var(--h-muted-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:6px;text-align:right}#end-stats th:first-child,#end-stats td:first-child{text-align:left}#end-stats td{padding:8px 6px;text-align:right;border-top:1px solid var(--h-border);color:var(--h-fg)}#end-stats .mvp{color:var(--h-accent-hi);font-weight:700}#end-stats .mvp td{background:#f2b1000f}.confetti{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:confetti-fall linear forwards;pointer-events:none}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.6}}@media(max-width:700px){.lobby-cols{grid-template-columns:1fr;grid-template-areas:"players" "maps" "settings" "chat";gap:12px}.lobby-chat-box .chat-log{height:150px}.home-card,.lobby-card,.home-side{padding:16px}#screen-home{padding:28px 16px 20px}.side-tabs .tab{padding:7px 4px;font-size:.72rem;gap:4px}.side-tabs .tab-count{min-width:14px;height:14px;font-size:.6rem}.home-hero{margin-bottom:28px}.logo{font-size:2rem;gap:10px}.logo-icon{width:38px;height:38px;font-size:1.25rem}.tagline{font-size:.9rem}.hero-meta{font-size:.74rem;gap:6px 8px;margin-top:16px}.hero-meta li{padding:5px 10px}.map-grid{gap:6px}.map-card canvas{height:44px}#hud-panel{left:0;right:0;bottom:0;width:auto;border-radius:18px 18px 0 0;border-bottom:none;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));max-height:45vh;overflow-y:auto;z-index:25}#hud-panel h3{font-size:.98rem}#hud-panel .pstats{font-size:.76rem;margin:6px 0;line-height:1.4}#hud-panel .prow{margin-top:6px}#hud-panel .prow .btn{font-size:.85rem;padding:10px 6px}#hud-panel .spec-title{margin-top:6px}#hud-panel .spec-desc{font-size:.74rem}#hud-panel .spec-btn{padding:8px 9px}#hud-panel .tmodes{margin-top:6px}#hud-panel .tmode{font-size:.7rem;padding:8px 2px}.panel-open #hud-towers,.panel-open #hud-placing,.panel-open #hud-preview,.panel-open #hud-chat{display:none}#hud-chat{bottom:66px;width:min(260px,64vw)}#hud-chat .chat-log.compact{max-height:96px;font-size:.76rem}#hud-preview{inset:auto 8px 86px auto;transform:none;text-align:left;max-width:46vw;font-size:.75rem}#hud-placing{bottom:66px;font-size:.75rem;padding:6px 10px}#toasts{bottom:100px;gap:4px}.toast{font-size:.78rem;padding:6px 12px}.panel-open #toasts{bottom:auto;top:64px}#hud-towers{bottom:8px;gap:4px;padding:4px 8px;padding-bottom:max(4px,env(safe-area-inset-bottom));scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tcard{width:46px;padding:4px 2px 3px;scroll-snap-align:center}.tcard.group-start{margin-left:10px}.tcard.group-start:before{left:-6px}.tcard.selected{transform:translateY(-2px)}.tcard .ticon{font-size:1.1rem;line-height:1.25rem}.tcard .tsprite{height:1.55rem}.tcard .thk{display:none}.tcard .tcost{font-size:.62rem}#screen-game.spectating #hud-towers{display:none}#screen-game.spectating.spec-towers-open #hud-towers{display:flex}#screen-game.spectating.spec-towers-open #btn-towers-toggle{bottom:78px}.place-btn{width:52px;height:52px;font-size:1.45rem}#hud-top{padding:6px 8px;align-items:flex-start;gap:6px}.hud-group{gap:0}.hud-group:first-child{flex-wrap:nowrap;max-width:64vw;overflow-x:auto;pointer-events:auto;touch-action:pan-x;padding-right:10px;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 10px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 10px),transparent 100%)}.hud-group:first-child::-webkit-scrollbar{display:none}.stat{font-size:.74rem;padding:0 6px;min-height:28px}#hud-wave .wv-word{display:none}#hud-wave .wv-icon{display:inline}#hud-alive{order:5}#hud-wave{order:6}#callwave-timer .cw-bonus{display:none}.btn.small{padding:6px 9px;font-size:.82rem}#hud-top .btn.small{padding:0 8px;font-size:.82rem;min-height:40px}.blabel{display:none}#scoreboard-panel{top:46px}}@media(max-height:500px){#hud-top{padding:4px 8px}.stat{font-size:.75rem;padding:0 7px;min-height:26px}#hud-towers{bottom:6px;padding:4px 7px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.tcard{width:46px;padding:3px 2px}.tcard .ticon{font-size:1.05rem;line-height:1.2rem}.tcard .tname{display:none}#hud-panel{bottom:62px;width:240px;left:auto;right:8px;padding:10px;font-size:.9rem;border-radius:var(--h-radius);max-height:calc(100vh - 108px);overflow-y:auto}#hud-placing{bottom:58px}#hud-preview{display:none}#toasts{bottom:90px}}.end-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}#replay-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(680px,calc(100% - 24px));background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-lg);box-shadow:0 18px 50px #00000073;padding:10px 12px;z-index:30;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}#replay-warn{color:var(--h-accent-hi);font-size:.82rem;margin-bottom:8px;text-align:center}.replay-controls{display:flex;align-items:center;gap:10px}.replay-controls #replay-seek{flex:1;accent-color:var(--h-accent);cursor:pointer}.replay-time{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--h-muted);white-space:nowrap}.replays{margin-top:0}.replay-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;max-height:min(44vh,400px);overflow-y:auto;padding-right:2px;scrollbar-width:thin}.replay-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--h-card-2, var(--bg2));border:1px solid var(--h-border, var(--border));border-radius:var(--h-radius, 10px);padding:8px 12px;transition:border-color .15s ease}.replay-list li:hover{border-color:var(--h-border-hover, var(--border))}.replay-info{display:flex;flex-direction:column;gap:2px;font-size:.86rem;color:var(--h-fg, var(--fg))}.replay-info .hint{font-size:.76rem;color:var(--h-muted-2, var(--fg-dim))}.replay-actions{display:flex;gap:6px;flex-shrink:0}@media(max-width:700px){#replay-bar{bottom:10px;padding:8px 10px}.replay-controls{gap:7px}.replay-time{font-size:.72rem}.replay-list li{flex-wrap:wrap}}#hud-top #btn-shop,#hud-top #btn-guide,#hud-top #btn-minimap,#hud-top #btn-mute,#hud-top #btn-settings{display:none}.hamburger-dropdown{position:absolute;top:56px;right:12px;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:190px;max-width:calc(100vw - 24px);max-height:calc(100vh - 66px);overflow-y:auto;padding:6px;background:var(--hud-glass-strong);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);pointer-events:auto}.hamburger-dropdown .btn{display:flex;width:100%;text-align:left;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:.88rem;font-weight:600;border:none;border-radius:var(--h-radius-sm);background:transparent;color:var(--h-fg)}.hamburger-dropdown .btn:hover,.hamburger-dropdown .btn:active{background:var(--h-card-2)}.btn-fullscreen{position:absolute;right:14px;bottom:14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--h-muted);background:var(--hud-glass);border:1px solid var(--hud-glass-border);border-radius:var(--h-radius-sm);cursor:pointer;z-index:22;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s,color .15s,border-color .15s,transform .1s}.btn-fullscreen:hover{background:var(--h-card-2);color:var(--h-fg)}.btn-fullscreen:active{transform:scale(.93)}.btn-fullscreen.fs-active{background:var(--h-card-2);border-color:var(--h-accent);color:var(--h-accent-hi)}.hud-version{position:absolute;left:24px;bottom:6px;font-size:9px;color:var(--h-muted);opacity:.28;pointer-events:none;z-index:22}.home-version{display:block;text-align:right;font-size:9px;color:var(--h-muted);opacity:.3;margin-top:6px;padding-right:2px}@media(max-width:1000px)and (max-height:500px){#btn-ping,#btn-scoreboard{display:none}}.dialog-overlay{z-index:500;background:#04060cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:dialog-bg-in .15s ease-out}.dialog-card{width:min(420px,94vw);text-align:left;animation:dialog-card-in .18s cubic-bezier(.2,.9,.3,1.2)}.dialog-msg{font-size:1rem;line-height:1.45;white-space:pre-line;color:var(--h-fg)}.dialog-linkrow{display:flex;gap:8px;margin-top:16px}.dialog-link-input{flex:1;min-width:0;background:var(--h-card-2);border:1px solid var(--h-border);border-radius:var(--h-radius-sm);color:var(--h-fg);padding:10px 12px;font-size:.85rem;outline:none;transition:border-color .15s ease}.dialog-link-input:focus{border-color:var(--h-border-hover)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-actions .btn{margin-top:0}@keyframes dialog-bg-in{0%{opacity:0}}@keyframes dialog-card-in{0%{opacity:0;transform:scale(.94) translateY(6px)}}@media(max-width:480px){.dialog-overlay{padding:12px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}.dialog-linkrow{flex-direction:column}}