:root{--bg: #0b0c0e;--panel: #14161b;--line: #2a2e38;--txt: #e8e4d8;--dim: #8a8680;--gold: #e6c35c;--red: #c43c2c;--accent: #d45520}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:var(--bg);color:var(--txt)}body{font-family:Segoe UI,Trebuchet MS,sans-serif;overflow:hidden}.hidden{display:none!important}.screen{height:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0c10;border-radius:6px;box-shadow:inset 0 0 0 1px #1c2028}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e6c35c,#9c7a24);border:2px solid #0a0c10;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f6d97a,#b8912c)}::-webkit-scrollbar-corner{background:#0a0c10}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#c8a545 #0a0c10}}#menu{position:relative;overflow:auto;background-color:#000}.menu-bg{--hero-w: 2027.52px ;--hero-h: 1351.68px ;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}.menu-bg-shot{position:absolute;left:50%;top:0;width:var(--hero-w);height:var(--hero-h);transform:translate(-50%)}.menu-bg-shot img{display:block;width:100%;height:100%}.menu-bg-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#000 0%,transparent 9%,transparent 91%,#000 100%),linear-gradient(to bottom,#000 0%,transparent 10%,transparent 90%,#000 100%)}.menu-veil{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 18%,#3a180888 0%,transparent 42%),linear-gradient(180deg,#08060ad0,#08060a55 38%,#08060aee);pointer-events:none}.menu-inner{position:relative;z-index:1;padding:16px 28px 24px;max-width:980px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.menu-head{text-align:center;margin-bottom:10px}#title-logo{display:none;width:min(520px,86vw);height:auto;margin:0 auto 4px;filter:drop-shadow(0 18px 28px #000c)}.menu-head.logo-on #title-logo{display:block}.menu-head.logo-on h1,.menu-head.logo-on .tagline{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}html.play-gated #app{filter:blur(48px) brightness(.36) saturate(.3);-webkit-filter:blur(48px) brightness(.36) saturate(.3);transform:scale(1.06);transform-origin:center center;pointer-events:none;user-select:none}html.play-gated #title-logo{visibility:hidden}.play-gate{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;padding:16px 28px 24px;cursor:pointer;touch-action:manipulation;background:transparent}.play-gate-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;filter:blur(.7px)}.play-gate-logo{position:relative;z-index:2;width:min(520px,86vw);height:auto;margin:0 auto 4px;filter:drop-shadow(0 18px 28px #000c);pointer-events:none;user-select:none}.play-gate-btn{position:relative;z-index:2;margin:auto 0;font:800 clamp(20px,3.2vw,32px) "Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1a0e04;background:linear-gradient(180deg,#f6d97a,#c8a545);border:0;padding:16px 56px;cursor:pointer;box-shadow:0 2px #5a2808,0 10px #2a1206,0 12px 28px #000,0 0 42px #e6a02066}.play-gate-btn:hover,.play-gate-btn:focus-visible{filter:brightness(1.08);outline:none}.menu-head h1{font-size:clamp(42px,8vw,78px);letter-spacing:.02em;font-weight:800;color:#f3d56a;text-shadow:0 2px 0 #5a2808,0 10px 0 #2a1206,0 12px 28px #000,0 0 42px #e6a02099}.tagline{font-size:clamp(16px,2.4vw,22px);font-style:italic;color:#f0ead8;margin:10px 0 0;text-shadow:0 2px 10px #000}.menu-panel{background:#101218d8;border:1px solid #e6c35c44;box-shadow:0 16px 48px #0008,inset 0 1px #fff1;padding:18px 20px 22px;max-width:680px;margin:0 auto;backdrop-filter:blur(10px)}.menu-panel h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:4px 0 8px}.steam-bar{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;border:0;background:transparent;min-width:0;flex:0 6 auto}.btn-steam{display:inline-flex;align-items:center;gap:8px;background:#1b2838;color:#fff;text-decoration:none;padding:8px 12px;font:600 13px Segoe UI,sans-serif;border:0;white-space:nowrap;min-width:0}.btn-steam-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.btn-steam svg{width:22px;height:22px;color:#66c0f4;flex-shrink:0}.btn-steam:hover{background:#2a475e}.steam-user{display:flex;align-items:center;gap:8px;min-width:0;width:auto;margin-left:auto}.steam-user img{width:32px;height:32px;object-fit:cover;border:1px solid var(--line);background:#1b2838;flex-shrink:0}.steam-user b{display:block;font-size:14px}.steam-user small{color:var(--dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.steam-out{margin-left:auto;color:var(--dim);font-size:12px;text-decoration:none}.steam-out:hover{color:var(--gold)}.steam-inline{color:#66c0f4}.menu-panel .hs-modes{justify-content:flex-start}.panel-top{position:relative;height:0;width:100%;max-width:680px;margin:0 auto;flex:none}.panel-top .site-badge{position:absolute;left:0;bottom:12px}.panel-top .game-ver{position:absolute;right:0;bottom:12px}.game-ver{font:600 12px Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.menu-bottom{margin:auto auto 0;padding:20px 0 4px;max-width:680px;font:600 12px Consolas,monospace;letter-spacing:.14em;color:var(--dim);text-align:center}.site-badge{flex:0 0 auto;font:600 12px Consolas,monospace;letter-spacing:.14em;color:#f0ead8;opacity:.42;text-decoration:none;text-shadow:0 1px 5px #000;transition:opacity .16s,color .16s}.site-badge:hover{opacity:.95;color:var(--gold)}#start{display:block;width:100%}#dev-btn{display:block;width:fit-content;margin:0 0 16px auto;padding:6px 14px;font-size:12px;letter-spacing:.14em}#dev-btn.hidden{display:none!important}#dev-filter{display:block;width:100%;margin:8px 0 6px;background:var(--panel);color:var(--txt);border:1px solid var(--line);padding:6px 8px}#dev-steam{width:100%;background:var(--panel);color:var(--txt);border:1px solid var(--line);font:12px Consolas,monospace}.dev-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050308d4;padding:24px}.dev-modal.hidden{display:none!important}.lb-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050308d4;padding:24px}.lb-modal.hidden{display:none!important}.lb-modal-card{width:min(720px,100%);max-height:min(86vh,760px);background:#0c0e14;border:1px solid var(--gold);padding:18px 16px 16px;box-shadow:0 18px 48px #000c;display:flex;flex-direction:column;min-height:0}.lb-modal-card h2{margin:0 0 10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--gold);flex-shrink:0}.lb-modal-card>.hint{margin:0 0 12px;flex-shrink:0}.lb-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:12px;flex-shrink:0}.lb-filters .hs-modes{margin:0}.lb-picks{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.lb-pick{display:flex;align-items:center;gap:8px;color:var(--txt);font-size:13px}.lb-pick select{background:var(--panel);color:var(--txt);border:1px solid var(--line);padding:6px 10px;max-width:180px}.lb-guests{margin:10px 0 0;color:var(--dim);text-align:center}.lb-table-wrap{overflow:auto;min-height:0;flex:1}.lb-modal .board-lb{width:100%}.lb-modal .board-lb th,.lb-modal .board-lb td{font-size:13px;padding:5px 8px}#end-lb-btn{margin:12px 0 8px;width:min(640px,94vw)}.fastflow{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;margin:18px 0 0;padding:14px 16px;background:#0d1020cc;border:1px solid #2b3170;border-left:3px solid #5865f2;border-radius:10px}.fastflow-text{flex:1 1 280px;margin:0;min-width:0;color:var(--txt);font-size:13px;line-height:1.5}.fastflow-text b{color:#8f9bff;letter-spacing:.04em}.fastflow-warn{display:block;margin-top:4px;color:#ff8a5c;font-size:12px;font-style:italic}.btn-discord{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 18px;border:1px solid #5865f2;border-radius:8px;background:linear-gradient(180deg,#5865f2,#4450d8);color:#fff;font:700 13px/1 Segoe UI,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px #5865f240;transition:transform .12s,box-shadow .15s,background .15s}.btn-discord svg{width:20px;height:20px;flex:0 0 auto}.btn-discord:hover{background:linear-gradient(180deg,#6b77ff,#5260ea);box-shadow:0 0 20px #5865f299,0 6px 18px #5865f240;transform:translateY(-1px)}@media(max-width:560px){.fastflow{flex-direction:column;align-items:stretch;gap:12px}.fastflow-text{flex:0 0 auto}.btn-discord{justify-content:center}}.btn-lb{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:10px 0 0;padding:12px 20px;border:1px solid #e6c35c;background:linear-gradient(105deg,#1a1408,#3d2a0c 38%,#6a4e16,#3d2a0c 62%,#1a1408);background-size:220% 100%;color:#f3d56a;font:700 15px/1 Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 10px #e6c35c88,0 1px 0 #3a2208;animation:lb-gold 11s cubic-bezier(.45,0,.55,1) infinite}.btn-lb:hover{color:#fff4c8;border-color:#ffe08a}.lb-crown{width:22px;height:22px;flex:0 0 auto;color:#f6d36a;filter:drop-shadow(0 0 5px #e6c35c) drop-shadow(0 0 12px #c9a22788);animation:lb-crown 9s cubic-bezier(.45,0,.55,1) infinite}@keyframes lb-gold{0%,to{background-position:0% 50%;box-shadow:0 0 10px #e6c35c3a,0 0 24px #c9a22700,inset 0 1px #ffe08a2b}50%{background-position:100% 50%;box-shadow:0 0 18px #e6c35c7a,0 0 32px #c9a2273a,inset 0 1px #fff6c838}}@keyframes lb-crown{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-1px) rotate(2.5deg)}}.dev-modal-card{width:min(560px,100%);max-height:min(82vh,720px);background:#0c0e14;border:1px solid var(--gold);padding:18px 16px 16px;box-shadow:0 18px 48px #000c;display:flex;flex-direction:column;min-height:0}.dev-modal-card h2{margin:0 0 10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--gold);flex-shrink:0}.join-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:7;pointer-events:none;padding:6px 16px;color:#f5e6a3;font:700 18px Segoe UI,sans-serif;text-align:center;text-shadow:0 1px 3px #000c;white-space:nowrap}.join-toast.hidden{display:none!important}.count-in{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#0a0c10aa;gap:4px}.count-in.hidden{display:none!important}.count-in.phrase b{display:none}.count-k{font:700 28px Segoe UI,sans-serif;letter-spacing:.14em;color:#f0ead8;text-transform:uppercase;text-shadow:0 2px 8px #000c}.count-in b{font:800 128px Consolas,monospace;color:#e6c35c;line-height:.9;text-shadow:0 4px 18px #000c}.attention{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1408008c;border:4px solid #e6c35c;pointer-events:none;text-align:center;gap:10px}.attention.hidden{display:none!important}.attn-k{font:700 42px Segoe UI,sans-serif;letter-spacing:.28em;color:#e6c35c;text-shadow:0 0 18px #e6c35c88}.attention p{font-size:22px;color:#fff}.raid{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;pointer-events:none;gap:12px}.raid.hidden{display:none!important}.raid.warn,.raid.result{justify-content:center;background:#4a080855}.raid.maze,.raid.strike{justify-content:flex-start;padding-top:78px;background:transparent}.raid-msg{font:800 36px Segoe UI,sans-serif;color:#ffe08a;text-align:center;text-shadow:0 0 22px #c43020,0 3px 0 #3a0808;background:#180808dd;padding:16px 28px;border:4px solid #e6c35c;max-width:92%;letter-spacing:.02em;line-height:1.2}.raid.result .raid-msg{font-size:28px}.raid-msg.ok{color:#e8ffe8;border-color:#7dff9a;background:#081808dd;text-shadow:0 0 22px #1a8040,0 3px 0 #082010}.raid-msg.fail{color:#ffe08a;border-color:#e65c3c}.raid-clock{font:800 48px Consolas,monospace;color:#ffef9a;text-shadow:0 0 18px #c43020,0 4px 0 #2a0808;background:#140808aa;padding:2px 14px;border:2px solid #e6c35c88}.sq img,.sq{width:20px;height:20px;object-fit:cover;flex-shrink:0;display:block}.menu-head p{color:#f0ead8}.menu-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin-bottom:12px}.menu-row>.pick-row{display:flex;align-items:center;flex-wrap:nowrap;gap:6px 0;min-width:0}.row-label{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.menu-row>.menu-end{justify-content:flex-end;margin-left:auto}.pick-btn{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:6px 10px;min-width:0;background:var(--panel);color:var(--txt);border:1px solid var(--line);cursor:pointer;font:inherit;text-align:left;white-space:nowrap;overflow:hidden}.pick-btn:hover{border-color:#e6c35c88}#round-btn{flex:0 0 auto}#who-btn-text{min-width:6ch}.pick-btn:after{content:"";flex:0 0 auto;width:0;height:0;border:4px solid transparent;border-top-color:var(--gold);transform:translateY(2px)}.pick-btn[aria-expanded=true]:after{border-top-color:transparent;border-bottom-color:var(--gold);transform:translateY(-2px)}.pick-btn-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-btn .diff-skull-mini{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #e8dcc888);flex:0 0 auto}.pick-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050308d4;padding:24px}.pick-modal.hidden{display:none!important}.pick-modal-card{width:min(460px,100%);max-height:min(82vh,720px);background:#0c0e14;border:1px solid var(--gold);padding:18px 16px 16px;box-shadow:0 18px 48px #000c;display:flex;flex-direction:column;min-height:0}.pick-modal-card h2{margin:0 0 14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--gold);flex-shrink:0}.pick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.pick-opt{position:relative;width:100%;border:1px solid var(--line);background:#0d0f14;color:#f0ead8;cursor:pointer;font:inherit;text-align:center;padding:14px 12px}.pick-opt:hover,.pick-opt[aria-selected=true]{border-color:var(--gold);color:#f0ead8}.pick-list-diff .pick-opt{color:#c43c2c}.pick-opt-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;pointer-events:none}.pick-opt-title{font-size:20px;font-weight:700;letter-spacing:.04em;text-shadow:0 0 8px #000,0 1px 2px #000}.pick-opt-sub{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a8680;text-shadow:0 1px 2px #000}.pick-opt[aria-selected=true] .pick-opt-sub{color:var(--gold)}.diff-opt-nightmare{isolation:isolate;overflow:hidden}.diff-opt-skull{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;pointer-events:none;z-index:2;mix-blend-mode:screen;mix-blend-mode:plus-lighter;opacity:.46;image-rendering:pixelated}.bot-pick{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:10px 12px;border:2px solid var(--line);background:var(--panel);cursor:pointer}.bot-pick-info{flex:1;min-width:0}.pick-link{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;padding:6px 4px;border:0;background:transparent;color:#f3d56a;font:700 12px/1 Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.pick-link svg{width:16px;height:16px;flex:0 0 auto}.pick-link span{border-bottom:1px solid #e6c35c55}.bot-pick:hover .pick-link,.map-preview:hover .pick-link{color:#fff4c8}.bot-pick:hover .pick-link span,.map-preview:hover .pick-link span{border-bottom-color:#ffe08a}@media(max-width:430px){.bot-pick .pick-link span{display:none}.bot-pick .pick-link{padding:8px 6px}.bot-pick .pick-link svg{width:22px;height:22px}}.bot-faces{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}.bot-faces.hidden{display:none}.bot-faces img{width:28px;height:28px;object-fit:cover;border:1px solid #e6c35c4d;background:#0d0f14;box-shadow:0 2px 6px #0008}#bot-hint{margin:0}.bot-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#050308d4;padding:24px}.bot-modal.hidden{display:none!important}.bot-modal-card{width:min(680px,100%);max-height:min(82vh,720px);background:#0c0e14;border:1px solid var(--gold);padding:18px 16px 16px;box-shadow:0 18px 48px #000c;display:flex;flex-direction:column;min-height:0}.bot-modal-card h2{margin:0 0 14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--gold);flex-shrink:0}.bot-setup{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px;flex-shrink:0}.bot-count-pick{display:flex;align-items:center;gap:10px;color:var(--txt);font-size:14px}.bot-stepper{display:flex;align-items:stretch;height:36px;border:1px solid var(--line);background:#10141c;box-shadow:inset 0 1px #ffffff0d}.bot-step{width:36px;margin:0;padding:0;border:0;background:transparent;color:var(--gold);font:700 18px/1 Segoe UI,sans-serif;cursor:pointer}.bot-step:hover:not(:disabled){background:#e0702018;color:#e07020}.bot-step:disabled{opacity:.35;cursor:default}.bot-count-val{width:2.6em;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#0a0c12;color:var(--txt);text-align:center;font:700 16px Consolas,monospace;appearance:textfield;-moz-appearance:textfield}.bot-count-val::-webkit-outer-spin-button,.bot-count-val::-webkit-inner-spin-button{appearance:none;margin:0}.bot-count-val:focus{outline:none;color:var(--gold)}.bot-setup .btn{margin:0;padding:6px 12px;font-size:13px}.bot-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.bot-chips .chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:108px;margin:0;padding:10px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 18%,#141820),#0d0f14 48%);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff10;cursor:pointer;font-size:13px;text-align:center;color:var(--txt)}.bot-chips .chip:hover{border-color:#e0702088}.bot-chips .chip:has(input:checked){border-color:#e07020;box-shadow:inset 0 0 0 1px #e07020,0 0 18px #e070203d}.bot-chips .chip img{width:48px;height:48px;object-fit:cover;border:1px solid #0008;box-shadow:0 4px 12px #0008;flex-shrink:0}.bot-chips .chip span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.bot-chips .chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.bot-chips .chip:has(input:disabled){opacity:.42;cursor:not-allowed}.bot-chips .chip:has(input:disabled):hover{border-color:var(--line)}@media(max-width:560px){.bot-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-shrink:0}.modal-actions .btn{margin:0;padding:8px 22px;font-size:14px}.hint{color:var(--gold);font-size:13px}.hint a{color:var(--gold)}.maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:8px 0 16px}.map-pick{margin:8px 0 16px}.map-preview{position:relative;width:100%;aspect-ratio:1280 / 420;min-height:148px;border:2px solid var(--line);background:var(--panel) center / cover no-repeat;overflow:hidden;cursor:pointer}.map-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#000c);pointer-events:none}.map-preview b{position:absolute;left:12px;bottom:10px;z-index:1;max-width:calc(100% - 148px);font-size:18px;text-shadow:0 1px 6px #000}.map-choose{position:absolute;right:12px;bottom:10px;z-index:2;text-shadow:0 1px 4px #000,0 0 10px #000}.map-choose svg{filter:drop-shadow(0 1px 3px #000)}@media(max-width:560px){.map-choose{top:10px;bottom:auto}.map-preview b{max-width:calc(100% - 24px)}}.nope-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#14080ae0;padding:24px}.nope-modal.hidden{display:none!important}.nope-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(520px,100%);max-height:min(88vh,860px);padding:16px 16px 12px;background:#12100c;border:4px solid var(--gold);box-shadow:0 0 0 6px #e6c35c22,0 18px 48px #000c;animation:nope-pop .34s cubic-bezier(.2,1.5,.5,1)}.nope-card h2{margin:0;font:800 clamp(18px,4.6vw,26px) "Segoe UI",sans-serif;line-height:1.1;text-align:center;color:#ffe08a;text-shadow:0 0 22px #c43020,0 3px 0 #3a0808}.nope-card img{min-height:0;width:100%;max-width:420px;height:auto;object-fit:contain;border:2px solid #e6c35c66}.nope-card .modal-actions{margin:0;justify-content:center}@keyframes nope-pop{0%{transform:scale(.72) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.map-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#08060acc;padding:24px}.map-modal.hidden{display:none!important}.map-modal-card{width:min(760px,100%);max-height:min(78vh,680px);overflow:hidden;background:#101218;border:1px solid var(--gold);padding:16px 14px 12px;box-shadow:0 18px 48px #000c;display:flex;flex-direction:column}.map-modal-card h2{margin:0 0 10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);flex-shrink:0}.map-modal-body{display:flex;gap:14px;min-height:0;flex:1;height:min(56vh,480px)}.map-modal-shot{position:relative;flex:0 0 48%;min-height:220px;border:2px solid var(--line);background:var(--panel) center / cover no-repeat;overflow:hidden}.map-modal-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#000c);pointer-events:none}.map-modal-shot b{position:absolute;left:12px;bottom:10px;z-index:1;font-size:16px;text-shadow:0 1px 6px #000}.map-list{list-style:none;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;margin:0;padding:0 4px 0 0}.map-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:var(--panel);color:var(--txt);border:1px solid var(--line);padding:6px 8px;cursor:pointer;font:inherit}.map-list button img{width:72px;height:44px;object-fit:cover;flex-shrink:0;border:1px solid #0008;background:#08080c}.map-list button:hover,.map-list button.sel{border-color:var(--gold);color:var(--gold)}@media(max-width:640px){.map-modal-body{flex-direction:column}.map-modal-shot{flex:0 0 auto;min-height:140px;aspect-ratio:16 / 7}.map-list{max-height:42vh}}.map-card{border:2px solid var(--line);background:var(--panel) center / cover no-repeat;cursor:pointer;min-height:92px;padding:8px;text-align:left;color:var(--txt);font:inherit;position:relative;overflow:hidden}.map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 20%,#000a);pointer-events:none}.map-card:hover,.map-card.sel{border-color:var(--gold)}.map-card b{display:block;margin-top:28px;font-size:13px;position:relative;z-index:1;text-shadow:0 1px 4px #000}.btn{background:var(--accent);color:#fff;border:0;padding:12px 28px;font-size:16px;cursor:pointer;letter-spacing:.06em}.btn:disabled{opacity:.4;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}.btn-hud{background:#1a1e28;color:var(--txt);border:1px solid var(--line);padding:8px 14px;cursor:pointer;font:600 13px Segoe UI,sans-serif;letter-spacing:.08em;text-transform:uppercase}.btn-hud:hover{border-color:var(--gold);color:var(--gold)}.hud-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.aud-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:0;background:transparent;color:#f3d56a;font:700 12px/1 Segoe UI,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.aud-btn:hover{color:#fff4c8}.aud-btn[aria-pressed=false]{color:var(--dim)}.aud-ico{position:relative;display:inline-flex;flex:0 0 auto}.aud-ico svg{display:block;width:18px;height:18px}.aud-btn[aria-pressed=false] .aud-ico:after{content:"";position:absolute;left:-3px;right:-3px;top:calc(50% - 1px);height:2px;background:currentColor;transform:rotate(-45deg)}.btn-hud.aud-btn{padding:6px 9px;border:1px solid var(--line);background:#1a1e28;color:var(--txt)}.btn-hud.aud-btn:hover{border-color:var(--gold);color:var(--gold)}.btn-hud.aud-btn[aria-pressed=false]{color:var(--dim)}.btn-hud.aud-btn .aud-ico svg{width:20px;height:20px}.menu-top{position:relative;height:0;width:100%;max-width:680px;margin:0 auto;flex:none;z-index:3}.aud-bar{position:absolute;top:0;right:0;display:flex;align-items:flex-start;gap:2px}.aud-bar .aud-btn{padding:8px}.aud-bar .aud-ico svg{width:36px;height:36px}.aud-bar .aud-btn[aria-pressed=false] .aud-ico:after{height:3px}.aud-ctl{position:relative;flex:0 0 auto}.aud-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0c0e14f2;border:1px solid #e6c35c66;box-shadow:0 12px 28px #000a}.aud-pop.hidden{display:none!important}.aud-pop input[type=range]{width:120px;accent-color:var(--gold);cursor:pointer}.aud-bar .aud-pop{flex-direction:column;top:calc(100% + 4px);left:50%;right:auto;transform:translate(calc(-50% - 3px));padding:10px 6px 8px;gap:8px}.aud-bar .aud-vslide{display:block;position:relative;width:22px;height:110px;flex:0 0 auto}.aud-bar .aud-pop input[type=range]{position:absolute;left:50%;top:50%;width:110px;height:22px;margin:0;padding:0;transform:translate(-50%,-50%) rotate(-90deg);writing-mode:horizontal-tb;direction:ltr;appearance:none;background:transparent;cursor:pointer}.aud-bar .aud-pop input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:#e6c35c66}.aud-bar .aud-pop input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:var(--gold);box-shadow:0 1px 4px #000a}.aud-bar .aud-pop input[type=range]::-moz-range-track{height:3px;border:0;border-radius:99px;background:#e6c35c66}.aud-bar .aud-pop input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--gold)}.aud-bar .aud-foot{display:grid;place-items:center;width:28px;height:14px;flex:0 0 auto}.aud-bar .aud-foot>*{grid-area:1 / 1}.aud-bar .aud-val{display:block;min-width:0;font:600 10px/1 Consolas,monospace;letter-spacing:0;text-align:center}.aud-bar .aud-mute{display:block;width:14px;height:14px;color:var(--gold);opacity:0}.aud-bar .aud-mute svg{display:block;width:100%;height:100%}.aud-bar .aud-ctl.is-off .aud-mute{opacity:1}.aud-bar .aud-ctl.is-off .aud-val{opacity:0}.hud-actions .aud-pop{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.aud-val{min-width:68px;font:600 11px Consolas,monospace;letter-spacing:.06em;color:var(--gold);text-align:right;white-space:nowrap}#hud:has(.score-yours.burn){z-index:14}#match{display:grid;place-items:center}#match.hidden{display:none!important}#match,#match *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#match img,#match canvas{-webkit-user-drag:none}.timer{display:flex;flex-direction:column;min-width:128px;line-height:1.05}.timer span{font-size:11px;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.timer b{font:800 36px Consolas,monospace;color:var(--gold);text-shadow:0 0 12px #e6c35c55}.scores{display:grid;grid-template-columns:minmax(140px,220px);gap:10px;flex:1}.scores>div{position:relative;background:var(--panel);border:1px solid var(--line);padding:4px 10px}.score-yours{overflow:visible}.score-num{position:relative;display:inline-block;vertical-align:top}.score-yours.burn{border-color:#e6c35c;box-shadow:0 0 18px #ff6a2088}.score-yours.burn .score-num b{display:inline-block;color:#ffe08a;text-shadow:0 0 14px #ff7a28;animation:yours-digits 1.45s ease-out}.score-boom{position:absolute;left:0;top:50%;width:140px;height:140px;object-fit:contain;pointer-events:none;z-index:8;opacity:0;transform:translate(-50%,-50%)}.score-boom.pop{animation:yours-boom 1.45s ease-out forwards}@keyframes yours-boom{0%{opacity:1;transform:translate(-50%,-50%) scale(.28) rotate(-8deg)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(6deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(12deg)}}@keyframes yours-digits{0%{transform:scale(1)}22%{transform:scale(1.4) rotate(-8deg);filter:brightness(2.2)}to{transform:scale(1)}}.scores span{display:block;font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}.scores b{font:700 20px Consolas,monospace}.stage{width:100%;height:100%;min-height:0;display:grid;place-items:center;container-type:size;background:#07080c}.match-shell{--hud-h: 62px;--dock-h: 148px;display:flex;flex-direction:column;width:min(1280px,100cqw,calc((100cqh - var(--hud-h) - var(--dock-h)) * 1280 / 1024));max-height:100%}#hud{position:relative;top:auto;left:auto;right:auto;z-index:2;flex:0 0 var(--hud-h);display:flex;align-items:center;gap:16px;padding:6px 12px;background:#0e1014;border:1px solid var(--line);border-bottom:0;backdrop-filter:none}.field-frame{position:relative;flex:0 0 auto;width:100%;aspect-ratio:1280 / 1024;height:auto;box-shadow:0 0 0 1px var(--line),0 14px 40px #000a;overflow:hidden}.dock{flex:0 0 var(--dock-h);display:grid;grid-template-columns:1fr minmax(200px,28%);min-height:0;border:1px solid var(--line);border-top:0;background:#0a0c10}#specs{position:relative;top:auto;right:auto;width:auto;max-height:none;height:100%;min-height:0;display:flex;flex-direction:column;background:#101218;border:0;border-left:1px solid var(--line);padding:8px 10px 8px 8px;overflow:hidden;z-index:1;pointer-events:auto;box-shadow:none;backdrop-filter:none}#chat{position:relative;left:auto;right:auto;bottom:auto;z-index:1;height:100%;background:#0a0c10;border:0;padding:6px 10px;font:12px Consolas,monospace;color:#b8c0a8;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;backdrop-filter:none}#field{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none;-webkit-user-drag:none}#specs h3{font-size:11px;letter-spacing:.18em;color:var(--gold);margin-bottom:8px;text-transform:uppercase}#spec-list{list-style:none;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#spec-list li{display:flex;gap:8px;align-items:center;padding:3px 0;border-bottom:1px solid #1c2028;font-size:12px}#spec-list .sq{width:16px;height:16px;object-fit:cover;flex-shrink:0;display:block;background:#151820}.num{color:var(--gold);width:22px;font-family:Consolas,monospace}#chat div{white-space:normal;word-break:break-word;padding:1px 0}#chat .ts{display:inline-block;min-width:5.6em;margin-right:6px;color:#6e6a62;font-variant-numeric:tabular-nums}.bubble{position:absolute;left:8px;top:80px;transform:none;min-width:180px;max-width:min(380px,72%);background:#0e1018ee;border:2px solid var(--gold);padding:8px 10px 10px;pointer-events:none;z-index:7}.bubble .who{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:12px;color:var(--gold)}.bubble p{font-size:16px}.bubble.ult{min-width:240px;max-width:min(460px,82%);border-width:3px;box-shadow:0 0 0 4px #e6c35c33,0 12px 32px #000c;padding:12px 14px 14px}.bubble.ult p{font-size:22px;font-weight:700}.pause-menu{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;background:#07080cee}.pause-menu.hidden{display:none!important}.pause-card{display:flex;flex-direction:column;gap:12px;min-width:260px;padding:22px 24px;background:#14161b;border:2px solid var(--gold);box-shadow:0 16px 40px #000a}.pause-card h2{text-align:center;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:18px;margin-bottom:4px}#end{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;overflow-y:auto;padding:24px 12px 32px}#end.hidden{display:none!important}.board{border-collapse:collapse;width:min(560px,94vw)}.board-ca{width:min(640px,94vw)}.board th,.board td{border:1px solid var(--line);padding:12px 20px;text-align:center;font:700 22px Consolas,monospace}.board th:first-child,.board td:first-child{text-align:left;font-size:12px;letter-spacing:.08em;color:var(--dim);font-weight:600;text-transform:uppercase}.board-ca th,.board-ca td{padding:7px 12px;font-size:16px}.board-ca th:first-child,.board-ca td:nth-child(1){width:2.4em;text-align:center;letter-spacing:0;font:700 15px Consolas,monospace;color:var(--gold);text-transform:none}.board-ca td:nth-child(2){text-align:left;font:600 15px Segoe UI,sans-serif;text-transform:none;letter-spacing:0;color:var(--txt)}.board-ca .who{display:flex;align-items:center;gap:8px}.board-ca .who img,.board-ca .who i{width:22px;height:22px;object-fit:cover;flex-shrink:0;display:block}.board-ca tr.me td{color:var(--gold);background:#e6c35c14}.hs-you{color:var(--dim);font-size:14px}.hs-you.hidden{display:none}.hs-modes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hs-modes button{background:var(--panel);color:var(--txt);border:1px solid var(--line);padding:8px 14px;cursor:pointer;font:600 13px Segoe UI,sans-serif}.hs-modes button.sel,.hs-modes button:hover{border-color:var(--gold);color:var(--gold)}.hs-meta,.hs-who{color:var(--dim);font-size:14px}.match-shell.unique-cinema{--hud-h: 0px;--dock-h: 0px}.match-shell.unique-cinema #hud,.match-shell.unique-cinema .dock{display:none}.field-frame.unique-cinema #bubble,.field-frame.raid-strike #bubble{opacity:0;pointer-events:none}@media(max-height:740px){.match-shell{--hud-h: 52px;--dock-h: 120px}.timer b{font-size:26px}#hud{padding:4px 10px;gap:12px}}@media(max-width:560px){#hud{gap:8px;padding:4px 8px}.timer{min-width:0}.timer b{font-size:26px}.scores{grid-template-columns:minmax(72px,1fr)}.hud-actions{gap:5px}.btn-hud{padding:6px 9px;font-size:11px}.btn-hud.aud-btn{padding:5px 6px}.btn-hud.aud-btn .aud-ico svg{width:18px;height:18px}}