:root{--bg: #080b0f;--panel: rgba(14, 19, 26, .92);--panel-solid: #0e131a;--line: rgba(120, 150, 180, .2);--text: #e6edf5;--muted: #8b9aab;--accent: #37d5ff;--amber: #ffb02e;--ok: #46e08f;--bad: #ff5a4a;--fwd: #37d5ff;--turn: #ffb02e;--back: #c58bff;--radius: 12px;--safe-b: env(safe-area-inset-bottom, 0px);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default;opacity:.45}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}#stage{position:relative;flex:1 1 auto;min-height:0}#c{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:12px;padding:8px 12px;pointer-events:none;background:linear-gradient(180deg,#05080cd9,#05080c00)}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.14em;font-size:13px}.brand b{color:var(--amber)}.logo{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#ff5a36,#ffb02e);color:#1a1208}.logo svg{width:18px;height:18px}.chips{display:flex;gap:8px;margin-left:6px;flex-wrap:wrap}.chip{padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:12px;color:var(--muted);white-space:nowrap}.chip b{color:var(--text)}.chip.phase.programming{color:var(--accent);border-color:#37d5ff66}.chip.phase.resolving{color:var(--amber);border-color:#ffb02e73}.chip.phase.replay_available{color:var(--ok);border-color:#46e08f66}.chip.phase.finished{color:var(--bad);border-color:#ff5a4a66}.short{display:none}.btn{white-space:nowrap}.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line)}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{border-color:var(--accent)}#players{position:absolute;top:52px;left:12px;z-index:4;display:flex;flex-direction:column;gap:8px;pointer-events:none}.pcards{display:flex;flex-direction:column;gap:8px}.pcard{pointer-events:auto;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;text-align:left;padding:8px 12px;min-width:190px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--pc)}.pcard.active{box-shadow:0 0 0 1px var(--pc),0 6px 22px color-mix(in srgb,var(--pc) 30%,transparent)}.pcard.dead{opacity:.55}.pcard .dot{grid-row:1 / 3;width:22px;height:22px;border-radius:50%;background:var(--pc);box-shadow:0 0 12px var(--pc)}.pname{font-weight:650;font-size:14px}.pips{display:flex;gap:3px}.pip{width:14px;height:6px;border-radius:2px;background:#252c34}.pip.on{background:var(--ok);box-shadow:0 0 6px #46e08f99}.pip.mid{background:var(--amber)}.pip.low{background:var(--bad)}.flags{grid-column:2;display:flex;gap:4px}.flag{font-style:normal;font-size:10px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--muted)}.flag.on{background:var(--ok);color:#05150d;border-color:var(--ok)}.pstatus{grid-column:1 / 3;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.pstatus:empty{display:none}.pstatus.ok{color:var(--ok)}.pstatus svg{width:13px;height:13px}#banner{position:absolute;top:56px;left:50%;transform:translate(-50%) translateY(-6px);z-index:4;text-align:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;max-width:min(560px,92vw)}#banner.show{opacity:1;transform:translate(-50%)}#banner .step{display:inline-block;padding:4px 14px;border-radius:999px;background:#080c12e0;border:1px solid rgba(255,176,46,.5);color:var(--amber);font-weight:650;font-size:13px;letter-spacing:.05em}#banner .ev{display:block;margin-top:6px;padding:6px 12px;border-radius:10px;background:#080c12e0;border:1px solid var(--line);font-size:14px}#toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%,20px);z-index:8;opacity:0;pointer-events:none;padding:10px 16px;border-radius:10px;background:#2a1514;border:1px solid var(--bad);font-size:14px;max-width:92vw;transition:all .25s}#toast.show{opacity:1;transform:translate(-50%)}#dock{flex:0 0 auto;z-index:6;background:var(--panel-solid);border-top:1px solid var(--line);padding-bottom:var(--safe-b);max-height:54vh;overflow-y:auto;box-shadow:0 -10px 30px #0006}.dock-msg{padding:24px;text-align:center;color:var(--muted)}.dock-inner{max-width:980px;margin:0 auto;padding:10px 14px 12px;display:flex;flex-direction:column;gap:10px}.dock-head{display:flex;align-items:center;gap:10px;justify-content:space-between}.tabs{display:flex;gap:6px}.tab{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#151b23;border:1px solid var(--line);font-weight:600;font-size:14px}.tab .dot{width:12px;height:12px;border-radius:50%;background:var(--pc);box-shadow:0 0 8px var(--pc)}.tab.active{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 16%,#151b23)}.tab .tick{display:inline-grid;color:var(--ok)}.tab .tick svg{width:15px;height:15px}.link{color:var(--muted);text-decoration:underline;font-size:13px;padding:6px}.link:hover{color:var(--text)}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slot-wrap{position:relative;display:flex;flex-direction:column;align-items:stretch}.slot{position:relative;aspect-ratio:1 / 1.05;max-height:112px;border-radius:var(--radius);border:2px dashed rgba(139,154,171,.35);background:#151b23b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%}.slot .slot-n{position:absolute;top:4px;left:8px;font-size:11px;font-weight:700;color:var(--muted)}.slot .empty{font-size:12px;color:#8b9aab99}.slot.filled{border-style:solid;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 20%,#151b23),#151b23);border-color:color-mix(in srgb,var(--cc) 65%,transparent)}.slot.selected{box-shadow:0 0 0 2px var(--accent),0 0 20px #37d5ff59;border-color:var(--accent)}.fwd{--cc: var(--fwd)}.turn{--cc: var(--turn)}.back{--cc: var(--back)}.ico{width:38px;height:38px;color:var(--cc, var(--text));display:block}.ico svg{width:100%;height:100%}.lbl{font-size:12px;font-weight:600;text-align:center;line-height:1.1}.slot-ctrl{display:flex;justify-content:center;gap:4px;margin-top:4px}.slot-ctrl button{width:32px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1c242e;border:1px solid var(--line)}.slot-ctrl button svg{width:15px;height:15px}.palette{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;min-height:84px;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 16%,#1a212a),#151b23);border:1px solid color-mix(in srgb,var(--cc) 50%,transparent);transition:transform .08s,box-shadow .15s}.card:hover:not(:disabled){box-shadow:0 0 16px color-mix(in srgb,var(--cc) 40%,transparent);transform:translateY(-2px)}.card:active:not(:disabled){transform:scale(.96)}.locked-note{display:flex;align-items:center;gap:8px;justify-content:center;padding:14px;border-radius:var(--radius);background:#46e08f14;border:1px solid rgba(70,224,143,.3);color:var(--ok);font-size:14px}.locked-note svg{width:18px;height:18px}.machine{border:1px solid var(--line);border-radius:var(--radius);background:#121820;overflow:hidden}.mtoggle{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:left;font-size:13px}.mtoggle b{color:var(--accent)}.mico{width:22px;height:22px;color:var(--accent);display:grid}.mico svg{width:100%;height:100%}.switch{margin-left:auto;width:38px;height:22px;border-radius:999px;background:#2a323c;position:relative;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9aa7b5;transition:all .15s}.switch.on{background:#37d5ff59}.switch.on:after{left:19px;background:var(--accent)}.mrow{display:flex;align-items:center;gap:10px;padding:6px 12px 8px;flex-wrap:wrap}.mlabel{font-size:12px;color:var(--muted);min-width:78px}.segs{display:inline-flex;gap:4px;flex-wrap:wrap}.seg{min-width:40px;height:34px;padding:0 12px;border-radius:8px;background:#1a212a;border:1px solid var(--line);font-size:13px;font-weight:600}.seg.on{background:#37d5ff2e;border-color:var(--accent);color:var(--accent)}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.actions.center{justify-content:center}.hint{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:650;font-size:14px;background:#1c242e;border:1px solid var(--line);min-height:42px}.btn svg{width:18px;height:18px}.btn.small{padding:6px 12px;min-height:36px;font-size:13px;background:var(--panel)}.btn.ghost:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:linear-gradient(180deg,#ffbf4a,#f0951a);color:#1b1203;border-color:#ffd37d;box-shadow:0 4px 18px #f0951a59}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.big{padding:12px 22px;min-height:48px;font-size:15px}.btn.round{width:48px;height:48px;border-radius:50%;padding:0}.pb-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.steps{display:flex;align-items:center;gap:6px}.stepbtn{width:38px;height:38px;border-radius:50%;background:#1a212a;border:1px solid var(--line);font-weight:700}.stepbtn.done{background:#ffb02e26;border-color:#ffb02e80;color:var(--amber)}.stepbtn.on{background:var(--amber);color:#1b1203;border-color:var(--amber);box-shadow:0 0 14px #ffb02e80}.result{text-align:center;font-size:17px;padding:6px 0}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#030508b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}.modal{max-width:520px;max-height:90vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 20px 60px #0009}.modal h2{margin:0 0 10px}.modal h3{margin:14px 0 6px;font-size:14px;color:var(--amber)}.modal ol{margin:0 0 10px;padding-left:20px;line-height:1.5;font-size:14px}.modal p{line-height:1.5;font-size:14px}.muted{color:var(--muted)}.modal.win{text-align:center;border-color:var(--pc);box-shadow:0 0 60px color-mix(in srgb,var(--pc) 35%,transparent)}.trophy{font-size:52px}@media(max-width:760px){.brand-text,.logo,.chip.phase{display:none}.short{display:inline}.long{display:none}.chips{flex-wrap:nowrap}.icon-btn{width:32px;height:32px}.top-actions{gap:5px}.chips{margin-left:0;gap:6px}.chip{padding:3px 8px;font-size:11px}#topbar{padding:6px 8px;gap:6px}.btn.small{padding:4px 10px}#players{top:46px;left:8px;right:8px;flex-direction:row;gap:6px}.pcard{flex:1;min-width:0;padding:6px 8px;grid-template-columns:auto 1fr}.pcard .dot{width:14px;height:14px;grid-row:1 / 2}.pname{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pips{grid-column:1 / 3}.pip{width:11px;height:5px}.flags{grid-column:1 / 3}.flag{width:15px;height:15px}.pstatus{display:none}#banner{top:108px}#dock{max-height:52vh}.dock-inner{padding:8px 10px 10px;gap:8px}.slots{gap:5px}.slot{aspect-ratio:1 / 1.15;border-radius:10px}.slot .ico{width:28px;height:28px}.slot .lbl,.slot .empty{font-size:10px}.palette{grid-template-columns:repeat(4,1fr);gap:6px}.card{min-height:66px;padding:6px 2px}.card .ico{width:28px;height:28px}.card .lbl{font-size:11px}.mlabel{min-width:70px}.tab{padding:6px 10px;font-size:13px}.btn.big{padding:10px 14px;flex:1}.actions,.pb-row{gap:8px}.stepbtn{width:34px;height:34px}.modal{padding:16px}}@media(max-height:520px)and (orientation:landscape){#dock{max-height:62vh}#players{top:44px}.pcard{padding:5px 8px;min-width:150px}.palette{grid-template-columns:repeat(7,1fr)}.card{min-height:56px}.slot{max-height:76px}}.icon-btn.muted{color:var(--bad);border-color:#ff5a4a80}.vol{display:grid;grid-template-columns:110px 1fr 34px;align-items:center;gap:10px;padding:8px 0;font-size:14px}.vol.off{opacity:.5}.vol small{color:var(--muted)}.vol output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.vol input[type=range]{width:100%;accent-color:var(--accent);height:28px}.modal .mtoggle{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px}@media(max-width:760px){.vol{grid-template-columns:84px 1fr 30px}}.mini-player{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 3px;border-radius:999px;background:var(--panel);border:1px solid var(--line);max-width:300px;min-width:0}.icon-btn.small{width:28px;height:28px;border-radius:50%;border:0;background:transparent}.icon-btn.small svg{width:15px;height:15px}.icon-btn.on{color:var(--accent);border-color:#37d5ff80}.mp-text{display:flex;flex-direction:column;min-width:0;line-height:1.15;margin-left:4px}.mp-text b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-text small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-box{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin:6px 0 2px;background:#121820}.mp-now{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mp-now .mp-text b{font-size:14px}.mp-now .mp-text small{font-size:12px}.mp-ctrl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.credits{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:6px}.credits li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;border:1px solid transparent}.credits li.now{border-color:#37d5ff66;background:#37d5ff12}.credit-play{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1a212a;border:1px solid var(--line);flex:none}.credit-play svg{width:14px;height:14px}.credit-text{display:flex;flex-direction:column;font-size:14px;min-width:0}.credit-text small{color:var(--muted);font-size:12px}.credit-text a{color:var(--accent)}@media(max-width:760px){.mini-player{padding-right:3px}.mini-player .mp-text,.mini-player [data-act=music-prev]{display:none}}.mission{pointer-events:auto;padding:8px 12px;border-radius:var(--radius);background:var(--panel);border:1px solid rgba(255,176,46,.35);min-width:190px;max-width:260px}.mtitle{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--amber);display:flex;justify-content:space-between;gap:8px}.mtitle span{color:var(--muted);letter-spacing:.04em;font-weight:600}.mgoal{font-size:12px;margin-top:3px;color:var(--text)}.mnext{font-size:12px;margin-top:3px;color:var(--muted)}.mnext .mt{color:var(--amber)}.pprog{font-style:normal;font-size:11px;color:var(--muted);font-weight:600;margin-left:4px}.flag.fin{border-radius:4px}.next-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;font-size:12px;background:#ffb02e1a;border:1px solid rgba(255,176,46,.45);color:var(--amber);white-space:nowrap}.next-chip small{color:var(--muted)}.next-chip.fin{background:#46e08f1a;border-color:#46e08f80;color:var(--ok)}.modal.win{position:relative}.modal .x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1a212a;border:1px solid var(--line)}.modal .x svg{width:16px;height:16px}.rounds{margin:4px 0}.result-rows{list-style:none;padding:0;margin:10px 0 14px;display:flex;flex-direction:column;gap:6px;text-align:left}.result-rows li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#121820;font-size:14px}.result-rows li.win{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 12%,#121820)}.result-rows .dot{width:12px;height:12px;border-radius:50%;background:var(--pc);flex:none}.result-rows .rp{margin-left:auto;color:var(--muted);font-size:13px;text-align:right}@media(max-width:760px){#players{flex-direction:column;gap:5px}.pcards{flex-direction:row;gap:6px}.mission{min-width:0;max-width:none;padding:4px 10px;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}.mtitle{font-size:10px}.mgoal{margin-top:0;font-size:11px}.mnext,.pprog{display:none}.next-chip{padding:3px 8px;font-size:11px}#banner{top:126px}.result-rows .rp{font-size:12px}}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;overflow-y:auto;background:radial-gradient(1200px 600px at 50% -10%,#17222f,#080b0f 70%);display:grid;place-items:start center;padding:24px 16px calc(24px + var(--safe-b))}#lobby[hidden]{display:none}.lpanel{width:min(560px,100%);background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;box-shadow:0 20px 60px #0000008c;margin-top:max(0px,4vh)}.lpanel h1{margin:0 0 6px;font-size:22px}.lpanel h3{margin:18px 0 8px;font-size:13px;color:var(--amber);letter-spacing:.06em}.lfield{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:13px;color:var(--muted)}.lfield small{font-weight:400}.lfield input{height:44px;border-radius:10px;border:1px solid var(--line);background:#121820;color:var(--text);padding:0 12px;font-size:16px;min-width:0;width:100%}.lfield input:focus{outline:2px solid var(--accent);outline-offset:1px}.lsegs .seg{flex:1;height:44px;min-width:0;font-size:14px}.lfixed{padding:11px 12px;border-radius:10px;background:#121820;border:1px solid var(--line);color:var(--text);font-size:14px}.lactions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;align-items:center}.lactions .big{flex:1;min-width:180px}.lactions.small{margin-top:10px}.lerror{margin:10px 0;padding:10px 12px;border-radius:10px;background:#2a1514;border:1px solid var(--bad);font-size:14px}.lmembers{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}.lmembers li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#121820;border:1px solid var(--line);border-left:4px solid var(--pc);min-height:44px}.lmembers li.free{border-left-color:var(--line);border-style:dashed}.lmembers .dot{width:14px;height:14px;border-radius:50%;background:var(--pc, #333);flex:none;box-shadow:0 0 8px var(--pc, transparent)}.lmembers li.free .dot{background:#252c34;box-shadow:none}.tag{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag+.tag{margin-left:6px}.tag.me{color:var(--accent);border-color:#37d5ff80}.linvite{display:flex;gap:8px}.linvite input{flex:1;font-size:13px}.waiting{text-align:center;padding:14px;color:var(--amber)}.gid{font-family:ui-monospace,monospace}.lgames{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lgames li{display:flex;gap:6px}.lgame{flex:1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;min-height:44px;border-radius:10px;background:#121820;border:1px solid var(--line);text-align:left}.lgame small{color:var(--muted);font-family:ui-monospace,monospace}.x2{width:44px;border-radius:10px;display:grid;place-items:center;background:#121820;border:1px solid var(--line);flex:none}.x2 svg{width:15px;height:15px}.menu-opts{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px}.menu-opt{text-align:left;padding:12px 14px;border-radius:12px;background:#121820;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px;min-height:56px}.menu-opt:hover{border-color:var(--accent)}.menu-opt span{color:var(--muted);font-size:13px}.unseen-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:var(--radius);background:#ffb02e1a;border:1px solid rgba(255,176,46,.45)}.ub-text small{color:var(--muted)}.ub-actions{display:flex;gap:6px;flex-wrap:wrap}.ub-actions .btn.small{min-height:40px}.chip.replays{color:var(--amber);border-color:#ffb02e80}.chip.mpchip{max-width:180px;overflow:hidden;text-overflow:ellipsis}.locked-note.out{color:var(--muted);background:#121820;border-color:var(--line)}.tab small{color:var(--muted);font-weight:500}@media(max-width:760px){.lpanel{padding:18px 16px 14px;margin-top:0}.chip.mpchip{display:none}.unseen-bar{padding:6px 8px}.ub-actions{width:100%}.ub-actions .btn.small{flex:1}}@media(max-width:460px){[data-act=camera]{display:none}.chips{gap:4px}}#account{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;overflow-y:auto;background:radial-gradient(1200px 600px at 50% -10%,#17222f,#080b0f 70%);display:grid;place-items:start center;padding:24px 16px calc(24px + var(--safe-b))}#account[hidden]{display:none}#claim{position:fixed;left:8px;right:8px;bottom:calc(8px + var(--safe-b));z-index:14;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--amber);font-size:13px;box-shadow:0 8px 30px #00000080}#claim[hidden]{display:none}#claim>span{flex:1;min-width:200px}.dash{width:min(720px,100%)}.dtop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dtabs{display:flex;gap:6px;overflow-x:auto;margin:14px 0 10px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.dtabs .seg{white-space:nowrap;flex:0 0 auto;min-height:40px}.dlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dcard{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#121820;border:1px solid var(--line)}.dcard.cat-your_turn{border-color:var(--accent)}.dcard.cat-new_events{border-color:var(--amber)}.dhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.dtag{font-size:11px;padding:2px 8px;border-radius:99px;background:#1c2531;color:var(--muted);white-space:nowrap}.cat-your_turn .dtag{background:var(--accent);color:#0b0f14}.dmeta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}.dnew{color:var(--amber)}.dres{font-size:13px}.dcard .btn{align-self:flex-start;min-height:44px}.dpager{justify-content:space-between}.dempty{padding:18px 0;text-align:center}@media(max-width:600px){#account{padding:12px 8px}.dcard .btn{align-self:stretch}}#dock .actions{position:sticky;bottom:0;z-index:2;background:var(--panel-solid);padding:8px 0 4px;margin-top:2px;box-shadow:0 -10px 12px -4px var(--panel-solid)}@media(pointer:coarse){#topbar button,#topbar .music button,#topbar [data-act^=music]{min-width:40px;min-height:40px}}@media(max-height:520px)and (orientation:landscape){#app{flex-direction:row}#stage{flex:1 1 56%;min-width:0}#dock{flex:0 0 44%;max-height:none;height:100%;border-top:0;border-left:1px solid var(--line);box-shadow:-10px 0 30px #0006;padding-right:var(--safe-r, 0px)}.brand-text,.logo,.chip.phase{display:none}.mission{min-width:0;max-width:none;padding:4px 10px;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}#topbar{padding:4px 8px;gap:6px;flex-wrap:wrap}#players{top:78px;left:8px;right:auto}.slots{gap:6px}.palette{grid-template-columns:repeat(4,1fr);gap:6px}.card{min-height:52px}}