:root{color-scheme:dark;--bg: #11141c;--panel: #1c2130;--panel-2: #262d40;--line: #333c52;--text: #f2f4f8;--dim: #98a2b8;--accent: #3fa796;--danger: #ff6b6b;--warn: #ffd43b;font-family:system-ui,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;touch-action:manipulation}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}#game{touch-action:none}#game canvas{display:block;margin:0 auto;touch-action:none}body.touch input:not([type=range]){font-size:16px}body.touch .hud-slots,.rotate-hint{display:none}@media(orientation:portrait){body.touch.ingame .rotate-hint{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#06080cf5;font-size:17px;text-align:center;padding:0 32px}.rotate-hint .rotate-icon{font-size:44px;transform:rotate(90deg)}}.reconnecting{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:50%;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;font-size:13px;color:var(--text);background:#0c0f16eb;border:1px solid var(--warn);box-shadow:0 8px 28px #00000080;pointer-events:none}.reconnecting-dot{width:8px;height:8px;border-radius:50%;background:var(--warn);animation:reconnect-pulse 1s ease-in-out infinite}@keyframes reconnect-pulse{0%,to{opacity:.25}50%{opacity:1}}.overlay{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e2536,#0c0e14);z-index:20}.panel{width:min(560px,92vw);max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 32px;box-shadow:0 24px 60px #00000073}.panel h1{margin:0 0 4px;font-size:26px;letter-spacing:2px}.panel .sub{margin:0 0 22px;color:var(--dim);font-size:13px}label{display:block;font-size:12px;color:var(--dim);margin-bottom:6px}.panel>label{margin-top:18px}.panel>label:first-of-type{margin-top:0}input:not([type=range]){width:100%;padding:10px 12px;font-size:15px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);outline:none}input:not([type=range]):focus{border-color:var(--accent)}.row{display:flex;gap:12px;margin-bottom:16px}.row>*{flex:1;min-width:0}button{padding:10px 16px;font-size:14px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#313a52;border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#08221e;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:30px;letter-spacing:8px;color:var(--warn)}.players{list-style:none;margin:12px 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.players li{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px}.dot{width:12px;height:12px;border-radius:50%;flex:none}.err{color:var(--danger);font-size:13px;min-height:18px;margin-top:8px}.err.tip{color:var(--dim)}.hint{color:var(--dim);font-size:12px;line-height:1.7}.hud{position:fixed;top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);pointer-events:none;font-size:15px}.hud-top{position:absolute;top:36px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-timer{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:28px;padding:4px 18px;border-radius:10px;background:#0c0f16b8;border:1px solid var(--line)}.hud-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;letter-spacing:2px;color:var(--warn);padding:7px 12px;border-radius:10px;background:#0c0f16b8;border:1px solid var(--line);white-space:nowrap}.hud-start{display:flex;align-items:center}.tag{font-size:12px;color:var(--dim);padding:7px 12px;border-radius:10px;background:#0c0f16b8;border:1px solid var(--line);white-space:nowrap}.hud-timer.endgame{color:var(--warn);border-color:var(--warn);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{50%{transform:scale(1.05);border-color:var(--danger)}}.hud-left{position:absolute;top:36px;left:10px;width:296px;max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);display:flex;flex-direction:column;gap:8px;overflow:hidden}.hud-recipe{flex:none;background:#0c0f16c7;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.hud-minimap{flex:none;width:fit-content;max-width:100%;background:#0c0f16c7;border:1px solid var(--line);border-radius:10px;padding:6px}.hud-minimap canvas{display:block;max-width:100%}.recipe-title{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;font-weight:700;margin-bottom:10px}.recipe-score{color:var(--warn);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:19px;display:inline-block;animation:score-bump .22s ease-out}@keyframes score-bump{0%{transform:scale(1.35);filter:brightness(1.7)}}.slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.slot{display:flex;align-items:center;gap:8px;font-size:15px;padding:5px 8px;border-radius:6px;background:#ffffff08;border:1px solid transparent}.slot.current{border-color:var(--accent);background:#3fa79624}.slot.misordered .slot-name{color:var(--warn);text-decoration:line-through}.slot.perfect .slot-name{color:#8ce99a}.slot-name{flex:1}.slot-label{margin-left:6px}.extras{margin-top:8px;color:var(--danger);font-size:14px}.hud-score{margin-top:8px;color:var(--dim);font-size:13px}.hud-bounty{font-weight:700}.hud-bounty.good{color:var(--accent)}.hud-bounty.bad{color:var(--danger)}.hud-slots{position:absolute;left:10px;bottom:12px;display:flex;align-items:flex-end;gap:8px;pointer-events:auto}.slot-box{width:148px;min-height:74px;border-radius:10px;border:2px solid var(--line);background:#0c0f16d1;padding:8px 10px;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.slot-box.active{border-color:var(--accent);box-shadow:0 0 0 3px #3fa7962e;transform:translateY(-3px) scale(1.03)}.slot-box-title{font-size:13px;color:var(--dim);margin-bottom:6px}.slot-box.active .slot-box-title{color:var(--accent)}.slot-box-body{font-size:14px;line-height:1.9}.slot-hint{font-size:13px;color:var(--dim);padding-bottom:6px}.hud-prompt{position:absolute;bottom:20px;left:50%;transform:translate(-50%);min-width:220px;max-width:60vw;text-align:center;font-size:16px;color:var(--text);background:#0c0f16c7;border:1px solid var(--line);border-radius:10px;padding:9px 16px}.hud-prompt:empty{display:none}.chip.plate{border-color:var(--warn);color:var(--warn)}.plate-line{margin-top:6px;font-size:14px;color:var(--warn);border-left:3px solid var(--warn);padding-left:6px}.plate-line.carried{animation:plate-pulse 1s ease-in-out infinite}@keyframes plate-pulse{50%{opacity:.55}}.hud-heat{display:none;position:absolute;top:0;left:0;right:0;height:28px;overflow:hidden;border-bottom:1px solid var(--line)}.hud-heat.on{display:block}.heat-track{position:absolute;inset:0;background:#0a0c12d1}.heat-fill{height:100%;width:100%;background:#51cf66;transition:width .12s linear;opacity:.55}.heat-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px;font-weight:700;letter-spacing:1px;color:#eaf7ec;text-shadow:0 1px 3px rgba(0,0,0,.8)}.heat-time{font-family:ui-monospace,Menlo,Consolas,monospace}.hud-heat.warn .heat-fill{background:var(--warn)}.hud-heat.burning .heat-fill{background:var(--danger);transition:none;opacity:.75}.hud-heat.burning .heat-row{color:#fff;animation:heat-burn .6s ease-in-out infinite}@keyframes heat-burn{50%{opacity:.45}}.hud-board{flex:0 1 auto;min-height:0;overflow-y:auto;background:#0c0f16c7;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.hud-board:empty{display:none}.board-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.board-title span{font-size:11px;font-weight:400;color:var(--dim);text-align:right}.board-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;counter-reset:rank}.board-rows li{display:flex;align-items:center;gap:8px;font-size:15px;padding:4px 7px;border-radius:5px;background:#ffffff08}.board-rows li.me{background:#3fa7962e;color:var(--text);font-weight:700}.board-rows li.gone{opacity:.4}.board-rows li.up{animation:rank-up .6s ease-out}.board-rows li.down{animation:rank-down .6s ease-out}@keyframes rank-up{0%{background:#51cf6680;transform:translate(6px)}}@keyframes rank-down{0%{background:#ff6b6b66;transform:translate(-6px)}}.board-rank{width:18px;color:var(--dim);font-family:ui-monospace,Menlo,Consolas,monospace}.board-rows li:first-child .board-rank{color:var(--warn)}.board-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-score{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;font-weight:700;color:var(--warn)}.board-teams{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.board-team{padding:5px 7px 6px;border-radius:6px;border-left:3px solid var(--team);background:color-mix(in srgb,var(--team) 10%,rgba(255,255,255,.03))}.board-team.mine{background:color-mix(in srgb,var(--team) 22%,rgba(255,255,255,.05))}.board-team.up{animation:rank-up .6s ease-out}.board-team.down{animation:rank-down .6s ease-out}.board-team-head{display:flex;align-items:center;gap:8px;font-size:15px}.board-team .board-name{color:var(--team);font-weight:700}.board-mult{flex:none;font-size:11px;font-weight:700;color:#ffd43b;border:1px solid rgba(255,212,59,.5);border-radius:999px;padding:1px 6px}.board-mates{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;padding-left:26px;font-size:12px;color:var(--dim)}.board-mate b{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}.board-mate.me{color:var(--text)}.board-mate.gone{opacity:.45}.roster-host{margin-left:auto;font-size:12px;color:var(--dim)}.chip{display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);margin-right:4px}.chip.empty{color:var(--dim)}.toasts{position:absolute;right:12px;top:38px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:460px}.toast{font-size:17px;line-height:1.4;font-weight:600;background:#0c0f16ed;border:1px solid var(--line);border-left-width:5px;border-radius:10px;padding:10px 16px;box-shadow:0 6px 20px #00000080;animation:toast-in .16s ease-out}.toast.bad{border-left-color:var(--danger)}.toast.good{border-left-color:#8ce99a}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}}.help-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#06080cb8;backdrop-filter:blur(2px)}.help-panel{width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px #0000008c}.help-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.help-head h2{margin:0;font-size:19px;letter-spacing:1px}.help-close{font-size:12px;padding:6px 12px}.help-tabs{display:flex;flex-wrap:wrap;gap:4px 6px;padding:10px 16px 8px;border-bottom:1px solid var(--line)}.help-tab-btn{flex:0 0 auto;padding:7px 14px;font-size:12px;color:var(--dim);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;white-space:nowrap}.help-tab-btn.active{color:var(--text);background:var(--panel-2);border-color:var(--line)}.help-body{overflow-y:auto;padding:4px 20px 20px;font-size:13px;line-height:1.75}.help-body section{margin-top:18px}.help-body h3{margin:0 0 8px;font-size:14px;color:var(--accent)}.help-quick{margin-top:16px;border-left:3px solid var(--accent);background:#3fa79614;border-radius:0 8px 8px 0;padding:10px 14px}.help-quick ol{margin:0;padding-left:20px}.help-list{margin:0;padding-left:18px}.help-list li{margin-bottom:6px}.help-note{margin:8px 0 0;color:var(--dim);font-size:12px}.help-keys{width:100%;border-collapse:collapse}.help-keys td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.help-keys td:first-child{width:34%;white-space:nowrap;color:var(--dim)}.help-keys td.good{color:#8ce99a}.help-keys td.warn{color:var(--warn)}.help-keys td.bad{color:var(--danger)}.help-matrix{width:100%;border-collapse:collapse;text-align:center;margin-bottom:4px}.help-matrix td{padding:8px 6px;border:1px solid var(--line);vertical-align:middle;font-size:12px;line-height:1.5}.help-matrix tr:first-child td,.help-matrix td:first-child{color:var(--dim);background:var(--panel-2);font-weight:600;white-space:nowrap}.help-matrix span.dim{display:block;color:var(--dim);font-size:11px;margin-top:2px}kbd{display:inline-block;min-width:20px;padding:1px 6px;margin:0 1px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;text-align:center;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px}.hud-fs-btn{padding:7px 12px;font-size:12px;white-space:nowrap;background:#0c0f16b8}.panel.room{width:min(1040px,96vw);max-height:92vh;overflow-y:auto;padding:24px 26px 20px}.room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.room-head-text{min-width:0}.panel.room .room-head h1{font-size:24px}.room-head .sub{margin-bottom:0}.room-count{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}.room-code-box{text-align:right;flex:none}#room-invite{margin-top:6px;padding:6px 12px;font-size:12px}#room-link{display:block;margin-top:6px;width:210px;max-width:100%;padding:6px 8px;font-size:12px}#room-link[hidden]{display:none}.room-cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}@media(max-width:860px){.room-cols{grid-template-columns:minmax(0,1fr);gap:18px}}@media(max-width:560px){.panel.room{padding:20px 16px 18px}.room-head{flex-direction:column;align-items:stretch;gap:12px}.room-code-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px;text-align:left;padding:10px 12px;border-radius:12px;background:#00000029;border:1px solid var(--line)}.room-code-box label{margin:0}.panel.room .code{font-size:24px;letter-spacing:5px}#room-invite{margin:0 0 0 auto}#room-link{width:100%}}@media(max-width:480px){.room-roster li{flex-wrap:wrap;row-gap:6px}.roster-name{flex:1 1 auto;min-width:90px}}.room-tabs{display:flex;gap:4px;margin-bottom:14px;padding:4px;border-radius:12px;background:#0000003d}.room-tab{position:relative;flex:1 1 0;min-width:0;padding:8px 6px;font-size:13px;border:1px solid transparent;border-radius:9px;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-tab:hover:not(.on){background:#ffffff0a;border-color:transparent}.room-tab.on{background:var(--panel-2);border-color:var(--line);font-weight:700}.room-tab-dot{display:inline-block;width:7px;height:7px;margin-left:5px;vertical-align:1px;border-radius:50%;background:var(--danger)}.room-tab-dot[hidden],.room-tabpanel{display:none}.room-tabpanel.on{display:block}.chef-chip.locked{opacity:.5}.room-teams{margin-top:0}.room-teams-modes{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.room-teams-label,.entry-vis-label,.view-toggle-label{font-size:12px;color:var(--dim);margin-right:2px}.room-teams-note,.entry-vis-note,.view-toggle-note,.room-maps-blurb{margin-top:6px;font-size:11px;color:var(--dim)}.team-mode,.entry-vis-btn,.view-toggle-row button,.locale-switch button{flex:0 0 auto;width:auto;padding:5px 12px;font-size:12px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text)}.team-mode.on,.entry-vis-btn.on,.view-toggle-row button.on,.locale-switch button.on{border-color:var(--accent);background:#3fa79629;font-weight:700}.team-mode-ro{font-size:12px;color:var(--dim)}.team-pick-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.team-pick-row.locked{opacity:.45}.team-swatch{display:flex;align-items:center;gap:5px;padding:4px 9px 4px 6px;font-size:12px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--dim)}.team-swatch-dot{width:12px;height:12px;border-radius:50%;background:var(--team);flex:none}.team-swatch.on{border-color:var(--team);background:color-mix(in srgb,var(--team) 18%,transparent);color:var(--text);font-weight:700}.room-teams-note.warn{color:#ffb4b4}.team-sum-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:13px}.team-sum-cell{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--team) 55%,transparent);background:color-mix(in srgb,var(--team) 12%,transparent)}.team-sum-cell b{color:var(--team)}.team-sum-cell i{font-style:normal;font-weight:700;font-size:12px;color:#ffd43b}.team-sum-vs{font-size:11px;color:var(--dim)}.skill-chip-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}.skill-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:auto;padding:8px 4px 7px;font-size:12px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--text)}.skill-chip.on{border-color:var(--accent);background:#3fa79629}.skill-chip-icon{position:relative;font-size:20px;line-height:1.15}.skill-chip-lock{position:absolute;right:-8px;top:-3px;font-size:10px;font-style:normal}.skill-chip-name{max-width:100%;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-chip-cost{font-size:10px;font-weight:700;color:var(--warn);white-space:nowrap}.skill-blurb{margin-top:10px;font-size:12px;line-height:1.5;color:var(--dim);min-height:36px}.skill-blurb.locked{color:var(--accent)}.skill-chip-row.locked{opacity:.5;pointer-events:none}.skill-chip.locked{border-style:dashed;cursor:not-allowed}.skill-chip.locked .skill-chip-name,.skill-chip.locked .skill-chip-cost{color:var(--dim)}.skill-chip.locked .skill-chip-icon{opacity:.55}.skill-chip.shake{animation:char-shake .32s ease-in-out}.roster-skill{font-size:15px;line-height:1;cursor:default}.team-chip{flex:none;font-size:11px;padding:2px 8px;border-radius:999px;color:var(--team);border:1px solid color-mix(in srgb,var(--team) 55%,transparent);background:color-mix(in srgb,var(--team) 12%,transparent);white-space:nowrap}.roster-team{flex:none;padding:3px 6px;font-size:12px;border-radius:6px;color:var(--team);background:var(--panel);border:1px solid color-mix(in srgb,var(--team) 55%,transparent)}.room-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:44vh;overflow-y:auto}.room-roster li{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:15px}.room-roster li.ready{border-color:var(--accent);background:#3fa7961a}.roster-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready-badge{flex:none;font-size:12px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:3px 10px;white-space:nowrap}.ready-badge.on{color:#8ce99a;border-color:#8ce99a;background:#8ce99a14}.room-roster .roster-host{margin-left:0}.roster-kick{flex:none;padding:4px 10px;font-size:12px;border-radius:999px;border:1px solid rgba(255,107,107,.45);background:transparent;color:#ff9c9c;white-space:nowrap}.roster-kick:hover{border-color:var(--danger);background:#ff6b6b1f}.roster-kick.armed{border-color:var(--danger);background:var(--danger);color:#14161c;font-weight:700}.panel.room .entry-cta{margin-top:12px}.room-hint{margin-top:10px;font-size:13px;color:var(--dim);min-height:18px;line-height:1.5}.room-bot-opts{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--dim)}.room-bot-opts select{margin-left:4px;padding:3px 6px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;font-size:12px}.room-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.room-foot button{flex:0 0 auto;font-size:12px;padding:7px 12px}.room-foot .locale-switch{margin:0 0 0 auto}.char-pick.locked{opacity:.5;pointer-events:none}.vol-ctl{display:flex;flex-direction:column;gap:5px}.vol-row{display:flex;align-items:center;gap:8px}.vol-icon{font-size:14px;flex:none}.vol-mute{flex:none;padding:0 2px;font-size:14px;line-height:1;background:none;border:none}.vol-mute:hover:not(:disabled){background:none}.vol-ctl.muted .vol-range,.vol-ctl.muted .vol-pct,.vol-ctl.muted .vol-icon{opacity:.4}.vol-range{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.vol-pct{flex:none;width:40px;text-align:right;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--dim)}.room-vol{margin-top:12px}.locale-switch{display:flex;gap:6px;margin-top:10px}.view-toggle{margin-top:0}.view-toggle-row{display:flex;align-items:center;gap:8px}.room-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.room-list-refresh{flex:0 0 auto;width:auto;padding:4px 12px;font-size:12px;border-radius:999px}.room-list{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow-y:auto}.room-row{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.room-row.live{border-color:var(--accent);background:#3fa7961a}.room-row-code{flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:2px}.room-row-meta{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis}.room-row-meta small{color:var(--dim);font-size:12px}.room-badge{flex:none;font-size:12px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:3px 10px;white-space:nowrap}.room-badge.live{color:#8ce99a;border-color:#8ce99a;background:#8ce99a14}.room-row-join{flex:0 0 auto;width:auto;padding:6px 14px;font-size:13px;min-height:40px}.room-empty,.room-note{font-size:12px;color:var(--dim);text-align:center;padding:10px 4px}.room-note{text-align:left;padding:2px 4px 0}.panel.entry{width:min(600px,94vw);padding:26px 28px 22px}.home-hero{text-align:center;margin-bottom:22px}.home-logo{width:74px;height:74px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3fa79647,#3fa7960d);border:1px solid rgba(63,167,150,.35)}.entry .home-hero h1{margin:0 0 6px;font-size:30px;letter-spacing:3px}.entry .home-hero .sub{margin:0;color:var(--dim);font-size:13px}.mode-cards{display:flex;flex-direction:column;gap:10px}.mode-card{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:14px 16px;text-align:left;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}.mode-card:hover:not(:disabled){background:#313a52;border-color:var(--accent)}.mode-card-icon{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;border-radius:12px;background:#00000038}.mode-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mode-card-title{font-size:17px;font-weight:700}.mode-card-desc{font-size:12px;line-height:1.45;color:var(--dim);white-space:normal}.mode-card-badge{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--accent);border:1px solid var(--accent);background:#3fa79624;border-radius:999px;padding:3px 9px;white-space:nowrap}.mode-card-go{flex:0 0 auto;font-size:22px;color:var(--dim);line-height:1}.home-hint{margin:18px 0 0;line-height:1.6}.entry-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.entry-back{flex:0 0 auto;width:40px;height:40px;padding:0;font-size:20px;line-height:1;border-radius:50%}.entry-head-text{flex:1;min-width:0}.entry .entry-head-text h1{margin:0 0 3px;font-size:22px;letter-spacing:1px}.entry .entry-head-text .sub{margin:0;font-size:12px;color:var(--dim);line-height:1.4}.chef-chip{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:7px 12px 7px 8px;border-radius:999px;background:var(--panel-2)}.chef-chip label{flex:0 0 auto;margin:0}.chef-chip input{flex:1;min-width:0;padding:4px 8px;font-size:14px;font-weight:600;background:transparent;border-color:transparent}.chef-chip input:hover{border-color:var(--line)}.entry-card,.room-teams,.taunt-pick{margin-bottom:14px;padding:14px 16px 16px;border-radius:14px;background:#00000029;border:1px solid var(--line)}.entry-card:last-of-type,.room-tabpanel>*:last-child{margin-bottom:0}.entry-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.entry-card-head h2{margin:0;font-size:14px;font-weight:700;letter-spacing:.5px}.entry-card>label{display:block;margin-top:14px}.ms-chapter-stars{font-size:13px;letter-spacing:1px;color:var(--warn);font-variant-numeric:tabular-nums}.ms-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.ms-row:hover:not(:disabled){filter:brightness(1.12);border-color:var(--accent)}.ms-row:disabled{opacity:.6;cursor:default}.ms-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}.ms-row-title{font-size:15px;font-weight:700}.ms-row-brief{font-size:12.5px;line-height:1.45;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ms-row-best{font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums}.ms-row-stars{flex:none;font-size:15px;letter-spacing:2px;color:var(--panel)}.ms-row-stars b{color:var(--warn);font-weight:400}.ms-coop-note{margin-bottom:14px}.entry-card .room-list{margin:0}.entry-card .row{margin-bottom:0}.entry-code-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:3px}.entry-code-row button{flex:0 0 110px}.entry-cta{width:100%;margin-top:14px;padding:13px 16px;font-size:15px}.entry-cta+.hint{margin-top:8px}.entry-secondary{width:100%;margin-top:12px;font-size:12px;padding:7px 12px}.train-progress{margin-bottom:4px}.train-progress-bar{height:8px;border-radius:999px;background:#00000059;overflow:hidden}.train-progress-bar span{display:block;height:100%;border-radius:999px;background:var(--accent)}.train-progress-text{margin-top:6px;font-size:12px;color:var(--dim)}@media(max-width:480px){.panel.entry{padding:20px 16px 18px}.mode-card-go{display:none}.mode-card,.player-card{gap:11px;padding:12px}.player-card{flex-wrap:wrap}.player-card .account-btn{flex:1 0 100%}.entry-card{padding:12px 12px 14px}.entry-code-row button{flex:0 0 84px}}.player-card{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:14px 16px;border-radius:14px;background:var(--panel-2);border:1px solid transparent}.player-card.on{border-color:var(--line)}.player-card-avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#00000038}.player-card-main{flex:1;min-width:0}.player-card-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.player-card-name{width:100%;margin:1px 0 2px;padding:2px 6px;font-size:19px;font-weight:700;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text)}.player-card-name:hover{border-color:var(--line)}.player-card-sub{font-size:12px;line-height:1.45;color:var(--dim);padding-left:7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.account-btn{flex:0 0 auto;font-size:13px;padding:9px 14px}.account-badge{font-size:10px;font-weight:600;color:var(--warn);border:1px solid var(--warn);border-radius:5px;padding:1px 5px;vertical-align:1px}.account-warn{display:flex;align-items:center;gap:10px;margin:-22px 0 20px;padding:8px 12px;border-radius:0 0 10px 10px;background:#ffd43b14;border:1px solid rgba(255,212,59,.25);border-top:none;font-size:12px;color:var(--warn);line-height:1.5}.account-warn span{flex:1}.account-warn button{flex:0 0 auto;font-size:11px;padding:5px 10px}.account-warn.done{display:block;color:var(--accent);background:#3fa79614;border-color:#3fa79640}.auth-overlay{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:center;justify-content:center;background:#080a0fb8;z-index:40}.auth-panel{width:min(400px,92vw);max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 24px 20px;box-shadow:0 24px 60px #00000080}.auth-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.auth-head h2{margin:0;font-size:19px;letter-spacing:1px}.auth-close{font-size:12px;padding:6px 10px}.auth-tabs{display:flex;gap:6px;margin-bottom:16px;padding:3px;border-radius:9px;background:var(--panel-2)}.auth-tab{flex:1;border:none;background:transparent;font-size:13px;padding:7px 0}.auth-tab.on{background:var(--panel);border:1px solid var(--line);color:var(--text);font-weight:600}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border-color:#fff;color:#1f1f1f;font-weight:600;font-size:14px}.auth-google:hover:not(:disabled){background:#ececec;border-color:#ececec}.auth-google-g{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;font-size:16px;color:#4285f4}.auth-or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--dim);font-size:12px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-body label{margin-top:14px}.auth-body label:first-child{margin-top:0}.auth-lead{margin:0 0 14px}.auth-submit{width:100%;margin-top:18px}.auth-msg{font-size:12.5px;line-height:1.6;min-height:18px;margin-top:10px}.auth-msg.err{color:var(--danger)}.auth-msg.tip{color:var(--accent)}.auth-link{border:none;background:none;padding:4px 0;font-size:12px;color:var(--dim);text-decoration:underline}.auth-link:hover:not(:disabled){background:none;color:var(--text)}.auth-why{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.entry-vis{display:flex;align-items:center;gap:8px;margin-top:10px}.entry-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}.entry-foot>button{flex:0 0 auto;font-size:12px;padding:7px 12px}.entry-foot .locale-switch{margin-top:0}.entry-vol{margin-top:14px}.hud-vol{width:170px;padding:5px 10px;border-radius:10px;background:#0c0f16b8;border:1px solid var(--line)}.ios-fs-hint{margin-top:10px;font-size:12px;line-height:1.5;color:var(--dim)}.panel.results{width:min(1180px,96vw);max-height:92vh;overflow-y:auto}.results-unlocked{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:16px;padding:10px 14px;border:1px solid var(--accent);border-radius:10px;background:#3fa79624}.results-unlocked b{font-size:14px;color:var(--accent)}.results-unlocked span{padding:2px 8px;font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.results-cols{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;margin-bottom:20px}@media(max-width:860px){.results-cols{grid-template-columns:minmax(0,1fr);gap:20px}}.winner{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:20px 18px 18px;border:2px solid var(--win, var(--accent));border-radius:14px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--win) 22%,transparent),transparent 70%),var(--panel-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--win) 12%,transparent)}.winner-crown{font-size:30px;line-height:1;margin-bottom:2px}.winner-face{display:flex;border-radius:24%;box-shadow:0 0 0 3px var(--win, var(--accent)),0 10px 26px #00000080}.winner-name{margin-top:12px;font-size:20px;font-weight:700;letter-spacing:1px}.winner-score{font-size:46px;font-weight:800;line-height:1.05;color:var(--win, var(--accent));text-shadow:0 0 24px color-mix(in srgb,var(--win) 45%,transparent)}.winner-break{font-size:12px;color:var(--dim);text-align:center}.winner-taunt{margin-top:14px;padding:9px 14px;max-width:100%;border-left:3px solid var(--win, var(--accent));border-radius:0 8px 8px 0;background:#00000047;font-size:15px;font-style:italic;line-height:1.4;overflow-wrap:anywhere}.winner-taunt:before{content:"「"}.winner-taunt:after{content:"」"}.losers-title{margin:20px 0 8px;font-size:12px;letter-spacing:1px;color:var(--dim)}.losers{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.loser{flex:1 1 0;min-width:0;max-width:130px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 9px;border:1px solid var(--line);border-radius:10px;background:#0000002e;filter:grayscale(1);color:var(--dim);text-align:center}.loser.mine{border-color:#8b93a5;background:#ffffff0f}.loser-name{margin-top:4px;height:2.4em;font-size:12px;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.loser-score{font-size:19px;font-weight:700;line-height:1.2;color:#aab2c4}.loser-stat{height:2.5em;font-size:10px;opacity:.75;line-height:1.25;overflow:hidden}.tie-title{margin-bottom:10px;font-size:13px;letter-spacing:2px;color:var(--warn);text-align:center}.team-winner.tied+.team-winner.tied{margin-top:12px}.team-winner .winner-name{margin-top:0}.team-members{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--win) 30%,transparent);width:100%}.team-member{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px;max-width:92px}.team-member-name{font-size:11px;line-height:1.2;text-align:center;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.team-member.mine .team-member-name{color:var(--text);font-weight:700}.team-member-score{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;font-weight:700;color:var(--win)}.team-loser{max-width:160px}.team-loser-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-height:26px}.results-legend.dim{margin-top:12px;opacity:.7}.results td.duel.mate{outline:1px dashed rgba(255,212,59,.55);outline-offset:-3px}.results-scroll{overflow-x:auto}.results table{width:100%;border-collapse:collapse;font-size:14px}.results th,.results td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.results th{color:var(--dim);font-weight:600}.results th:first-child,.results td:first-child,.results th:nth-child(2),.results td:nth-child(2){text-align:left}.results tr.me td{color:var(--warn);font-weight:700}.results-h2{margin:0 0 4px;font-size:17px;letter-spacing:1px}.results-legend{margin:0 0 10px;font-size:12px;color:var(--dim)}.results .matrix th,.results .matrix td{text-align:center}.results .matrix th:first-child,.results .matrix td:first-child{text-align:left}.results .matrix .matrix-name{min-width:96px}.results .matrix td.self{color:var(--line)}.results .matrix td.duel.zero{opacity:.35}.results .matrix .slash{color:var(--dim);margin:0 3px}.atk{color:#ffa94d;font-weight:700}.def{color:#74c0fc;font-weight:700}.results tr.me .atk,.results tr.me .def{text-shadow:0 0 8px currentColor}.results-scoring{margin-top:10px}.results-scoring>summary{cursor:pointer;font-size:12px;color:var(--dim);list-style:none;display:flex;align-items:center;gap:6px}.results-scoring>summary::-webkit-details-marker{display:none}.results-scoring>summary:before{content:"▸";color:var(--accent)}.results-scoring[open]>summary:before{content:"▾"}.results-chat{margin-top:14px}.results-chat .chat-box.chat-panel .chat-lines{height:92px}.results-actions{display:flex;gap:12px;margin-top:16px}.results-actions .entry-cta{margin-top:0}.results-actions #back-room{flex:2}.results-actions #exit-game{flex:1}.results-foot-note{flex:1;min-width:0;font-size:12px;color:var(--dim)}@media(max-height:520px){.room-list{max-height:26vh}.home-hero{display:flex;align-items:center;gap:14px;text-align:left;margin-bottom:14px}.home-logo{flex:0 0 auto;width:46px;height:46px;font-size:25px;margin:0}.entry .home-hero h1{font-size:22px}.mode-cards{flex-direction:row}.mode-card{flex:1 1 0;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;text-align:center}.mode-card-icon{width:34px;height:34px;font-size:19px;border-radius:10px}.mode-card-text{flex:0 0 auto;align-items:center}.mode-card-title{font-size:14px}.mode-card-desc,.mode-card-go{display:none}.mode-card-badge{font-size:10px;padding:2px 7px}.player-card{margin-bottom:14px;padding:10px 12px}.player-card-avatar{width:40px;height:40px}.home-hint{margin-top:12px}.hud-top{top:26px;gap:6px}.hud-timer{font-size:17px;padding:2px 10px}.hud-code,.hud-vol{display:none}.hud-fs-btn{padding:4px 8px;font-size:11px}.hud-heat{height:22px}.heat-row{font-size:12px;gap:8px}.hud-left{top:26px;left:8px;width:168px;gap:6px;max-height:calc(100dvh - 56px)}.hud-recipe{padding:8px 9px}.recipe-title{font-size:13px;margin-bottom:6px}.recipe-score{font-size:15px}.slot{font-size:12px;padding:3px 6px;gap:6px}.hud-left.has-minimap .slots{flex-direction:row;align-items:stretch;gap:2px}.hud-left.has-minimap .slot{flex:1 1 0;min-width:0;justify-content:center;gap:0;padding:4px 0;font-size:14px;line-height:1.15}.hud-left.has-minimap .slot-status,.hud-left.has-minimap .slot-filled,.hud-left.has-minimap .slot-label{display:none}.hud-left.has-minimap .slot-name{flex:none;text-decoration:none}.hud-left.has-minimap .slot.perfect{background:#8ce99a2e;border-color:#8ce99a8c}.hud-left.has-minimap .slot.misordered{background:#ffd43b2e;border-color:#ffd43b8c}.hud-left.has-minimap .slot.wrong{background:#ff6b6b2e;border-color:#ff6b6b8c}.hud-left.has-minimap .slot.current{background:#3fa79647;border-color:var(--accent)}.extras{font-size:12px;margin-top:5px}.plate-line{font-size:11px;margin-top:4px;padding-left:5px}.hud-score{font-size:11px;margin-top:5px}.plate-line{font-size:12px;margin-top:4px}.hud-board{display:none}.hud-recipe{position:fixed;top:calc(env(safe-area-inset-top) + 26px);right:calc(env(safe-area-inset-right) + 8px);width:168px}.hud-top{left:0;right:0;margin-inline:auto;width:max-content;transform:none}.hud-timer{position:fixed;top:calc(env(safe-area-inset-top) + 120px);right:calc(env(safe-area-inset-right) + 8px)}.toasts{top:calc(env(safe-area-inset-top) + 92px);right:auto;left:50%;transform:translate(-50%);align-items:center;max-width:62vw;gap:5px}.toast{font-size:13px;padding:6px 10px;border-radius:8px;border-left-width:4px}.hud-prompt{bottom:6px;min-width:0;max-width:46vw;font-size:13px;padding:5px 12px}.slot-box{width:118px;min-height:56px;padding:6px 8px}.slot-box-title{font-size:11px;margin-bottom:3px}.slot-box-body{font-size:12px;line-height:1.7}.slot-hint{display:none}}.room-maps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.room-maps-blurb{flex-basis:100%}.room-row-map{font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:1px 7px;white-space:nowrap}.dash-bar{display:flex;align-items:center;gap:5px;margin-top:6px;padding:4px 8px;border-radius:8px;background:#0c0f16b8;border:1px solid var(--line)}.dash-label{font-size:11px;color:var(--dim);margin-right:2px}.dash-pip{width:18px;height:6px;border-radius:3px;background:var(--line)}.dash-pip.on{background:var(--accent)}.dash-bar.dashing{border-color:var(--accent);background:#3fa7962e}.rage-bar{display:flex;align-items:center;gap:6px;margin-top:5px;padding:4px 8px;border-radius:8px;background:#0c0f16b8;border:1px solid var(--line)}.rage-label{font-size:11px;color:var(--dim);white-space:nowrap}.rage-track{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.rage-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#a33,#ff922b);transition:width .18s linear}.rage-hint{font-size:11px;color:var(--warn);white-space:nowrap}.rage-bar.full{border-color:var(--warn);background:#ff922b29;animation:rage-ready 1.1s ease-in-out infinite}.rage-bar.full .rage-label{color:var(--warn);font-weight:700}.rage-bar.full .rage-fill{background:var(--warn)}@keyframes rage-ready{50%{border-color:#ffe066;background:#ff922b4d}}.rage-bar.cloaked{border-color:#7fe9d5;background:#2ad4b429}.rage-bar.cloaked .rage-hint,.rage-bar.cloaked .rage-label{color:#7fe9d5;font-weight:700}.demo-clip{margin:10px 0 0;padding:0}.demo-clip-stage{width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#161b28;line-height:0}.demo-clip-stage canvas{display:block;max-width:100%;height:auto}.demo-clip-cap{margin-top:6px;font-size:11px;color:var(--dim);min-height:15px}.demo-clip-head{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;color:var(--text)}.demo-clip-tag{font-size:10px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 6px}.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:8}.tc-zone{position:absolute;left:0;bottom:0;width:45%;height:70%;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tc-hint{position:absolute;left:26px;bottom:22px;width:104px;height:104px;border-radius:50%;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#ffffff52;font-size:12px}.tc-zone.on .tc-hint{display:none}.tc-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#0c0f1659;border:2px solid rgba(255,255,255,.28);display:none}.tc-base.on{display:block}.tc-knob{position:absolute;left:calc(50% - 27px);top:calc(50% - 27px);width:54px;height:54px;border-radius:50%;background:#ffffffb8;box-shadow:0 2px 10px #0006}.tc-actions{position:absolute;right:0;bottom:0;width:210px;height:210px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tc-btn{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0c0f168c;color:var(--text);transition:none;pointer-events:auto;touch-action:none}.tc-btn.pressed{background:#3fa79680;border-color:var(--accent);transform:scale(.94)}.tc-main{right:16px;bottom:20px;width:92px;height:92px}.tc-trap{right:101px;bottom:105px;width:64px;height:64px}.tc-trap.canceling{background:#b437379e;border-color:var(--danger)}.tc-trap.canceling .tc-btn-icon,.tc-trap.canceling .tc-btn-label{opacity:0}.tc-rage{right:131px;bottom:35px;width:62px;height:62px;overflow:hidden;border-color:#ff922b80}.tc-rage-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#be3c28d9,#ff922bb3);transition:height .18s linear;pointer-events:none}.tc-rage .tc-btn-icon,.tc-rage .tc-btn-label{position:relative;font-size:20px;opacity:.55}.tc-rage .tc-btn-label{font-size:11px;color:var(--text)}.tc-rage.ready{border-color:var(--warn);animation:tc-rage-ready 1.1s ease-in-out infinite}.tc-rage.ready .tc-btn-icon,.tc-rage.ready .tc-btn-label{opacity:1}@keyframes tc-rage-ready{50%{background:#ff922bd9;border-color:#ffe066}}.tc-trap.canceling:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff}.tc-btn-icon{font-size:26px;line-height:1.2;pointer-events:none}.tc-trap .tc-btn-icon{font-size:16px}.tc-btn-label{font-size:12px;color:var(--dim);pointer-events:none}.tc-trap.empty,.tc-dash.empty{opacity:.45}.tc-btn.tc-dash{right:32px;bottom:136px;width:60px;height:60px}.tc-dash .tc-btn-icon{font-size:22px}.tc-dash .tc-btn-label{font-size:11px}.tc-dash-pips{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:3px}.tc-dash-pips i{width:12px;height:3px;border-radius:2px;background:#ffffff38}.tc-dash-pips i.on{background:var(--accent)}.tr-root{position:fixed;inset:0;pointer-events:none;font-family:system-ui,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text)}.tr-bar{position:absolute;top:calc(env(safe-area-inset-top) + 86px);left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 32px));padding:10px 14px;border-radius:12px;background:#0c0f16db;border:1px solid var(--line);box-shadow:0 6px 22px #00000073;pointer-events:auto;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.tr-bar[hidden]{display:none}.tr-step{grid-column:1;font-size:12px;letter-spacing:1px;color:var(--accent)}.tr-title{grid-column:1;font-size:17px;font-weight:700;line-height:1.25}.tr-hint{grid-column:1 / -1;font-size:13.5px;line-height:1.5;color:var(--dim)}.tr-pips{grid-column:2;grid-row:1 / 3;display:flex;gap:5px;align-items:center}.tr-pips i{width:11px;height:11px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line)}.tr-pips i.on{background:var(--accent);border-color:var(--accent)}.tr-count{grid-column:2;grid-row:1 / 3;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;color:var(--accent)}.tr-skip{grid-column:1 / -1;justify-self:end;background:none;border:none;color:var(--dim);font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 0}.tr-skip:hover{color:var(--text)}.tr-card{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#06080cc7;backdrop-filter:blur(2px);pointer-events:auto}.tr-card[hidden]{display:none}.tr-card-panel{width:min(520px,92vw);max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 60px #0009;animation:tr-pop .18s ease-out}@keyframes tr-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.tr-card-kicker{font-size:12px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.tr-card-title{margin:6px 0 14px;font-size:21px;font-weight:700;line-height:1.3}.tr-card-body{font-size:14.5px;line-height:1.7;color:var(--text)}.tr-card-body em{font-style:normal;color:var(--warn);font-weight:600}.tr-rows{margin:14px 0 4px;border-top:1px solid var(--line)}.tr-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 2px;border-bottom:1px solid var(--line);font-size:14px}.tr-row span:first-child{color:var(--dim)}.tr-row span:last-child{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}.tr-row.good span:last-child{color:var(--accent)}.tr-row.bad span:last-child{color:var(--danger)}.tr-row.warn span:last-child{color:var(--warn)}.tr-note{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--panel-2);font-size:13.5px;line-height:1.6;color:var(--dim)}.tr-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.tr-actions button{flex:1 1 auto;min-width:120px;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:15px;font-weight:600;cursor:pointer}.tr-actions button.primary{background:var(--accent);border-color:var(--accent);color:#06231f}.tr-actions button:hover{filter:brightness(1.12)}@media(max-height:480px){.tr-card-panel{padding:14px 16px 12px}.tr-card-title{margin:4px 0 8px;font-size:18px}.tr-card-body,.tr-row{font-size:13px;line-height:1.5}.tr-bar{top:calc(env(safe-area-inset-top) + 74px);padding:7px 12px}.tr-title{font-size:15px}.tr-hint{font-size:12px}}body.training .hud-top{display:none}.ms-root{position:fixed;inset:0;pointer-events:none;font-family:system-ui,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text)}.ms-bar{position:absolute;top:calc(env(safe-area-inset-top) + 86px);left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));padding:10px 14px;border-radius:12px;background:#0c0f16db;border:1px solid var(--line);box-shadow:0 6px 22px #00000073;pointer-events:auto;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.ms-bar[hidden]{display:none}.ms-title{grid-column:1;font-size:16px;font-weight:700;line-height:1.25}.ms-clock{grid-column:2;grid-row:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.ms-clock.urgent{color:var(--danger);animation:ms-pulse 1s ease-in-out infinite}@keyframes ms-pulse{50%{opacity:.45}}.ms-goals{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--dim)}.ms-goal{display:inline-flex;align-items:baseline;gap:5px}.ms-goal:before{content:"○";font-size:11px}.ms-goal.done{color:var(--accent)}.ms-goal.done:before{content:"●"}.ms-goal b{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}.ms-stars{grid-column:2;grid-row:2;font-size:14px;letter-spacing:2px;color:var(--dim)}.ms-stars b{color:var(--warn);font-weight:400}.ms-quit{grid-column:1 / -1;justify-self:end;background:none;border:none;color:var(--dim);font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 0}.ms-quit:hover{color:var(--text)}.ms-card{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#06080cc7;backdrop-filter:blur(2px);pointer-events:auto}.ms-card[hidden]{display:none}.ms-card-panel{width:min(460px,92vw);max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;box-shadow:0 18px 60px #0009;animation:ms-pop .18s ease-out;text-align:center}@keyframes ms-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.ms-card-kicker{font-size:12px;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.ms-card.failed .ms-card-kicker{color:var(--danger)}.ms-card-title{margin:6px 0 14px;font-size:21px;font-weight:700;line-height:1.3}.ms-card-stars{font-size:40px;letter-spacing:8px;line-height:1.2;color:var(--panel-2)}.ms-card-stars b{color:var(--warn);font-weight:400}.ms-card-brief{font-size:14px;line-height:1.65;color:var(--dim);text-align:left}.ms-card-goals{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:13px;color:var(--text)}.ms-card-code{margin-top:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:6px;color:var(--accent)}.ms-card-time{margin-top:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;color:var(--dim)}.ms-card-best{margin-top:8px;font-size:13px;font-weight:700;color:var(--accent)}.ms-card-why{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--panel-2);font-size:13.5px;line-height:1.6;color:var(--dim)}.ms-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.ms-actions button{flex:1 1 auto;min-width:120px;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:15px;font-weight:600;cursor:pointer}.ms-actions button.primary{background:var(--accent);border-color:var(--accent);color:#06231f}.ms-actions button:hover{filter:brightness(1.12)}@media(max-height:480px){.ms-card-panel{padding:14px 16px 12px}.ms-card-stars{font-size:30px}.ms-card-title{margin:4px 0 8px;font-size:18px}.ms-bar{top:calc(env(safe-area-inset-top) + 74px);padding:7px 12px}.ms-title{font-size:14px}.ms-goals{font-size:12px}}body.mission .hud-top{display:none}.hud-alert{position:absolute;top:92px;left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:4px;width:max-content;max-width:min(760px,94vw);pointer-events:none;z-index:5}.hud-alert.on{display:flex}.alert-row{display:flex;align-items:center;gap:10px;padding:7px 16px;border-radius:10px;border:2px solid;font-size:14px;white-space:nowrap;background:#0c0f16eb;box-shadow:0 6px 20px #00000073;animation:alert-in .18s ease-out}.alert-row.danger{border-color:var(--danger);color:#ffd9d9}.alert-row.self{border-color:var(--warn);color:#fff3c4}.alert-icon{font-size:18px;line-height:1}.alert-text{flex:1}.alert-text b{color:#fff}.alert-score{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px}.alert-row.danger .alert-score{color:var(--danger)}.alert-row.self .alert-score{color:var(--warn)}.alert-how{font-size:12px;color:var(--dim);border-left:1px solid var(--line);padding-left:10px}.hud-alert.urgent .alert-row.danger{animation:alert-in .18s ease-out,alert-pulse .9s ease-in-out .18s infinite}@keyframes alert-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes alert-pulse{50%{border-color:#fff;box-shadow:0 6px 20px #ff6b6b8c}}@media(max-width:720px){.alert-row{font-size:12px;padding:6px 10px;white-space:normal}.alert-how{display:none}}@media(max-height:520px){.hud-alert{top:56px;max-width:55vw}.alert-how{display:none}.alert-row{font-size:12px;padding:4px 10px}.alert-icon,.alert-score{font-size:14px}}.chat-box{display:flex;flex-direction:column;gap:8px}.chat-lines{overflow-y:auto;display:flex;flex-direction:column;gap:3px}.chat-line{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.chat-line.me .chat-text{color:var(--text)}.chat-name{font-weight:700;margin-right:6px}.chat-text{color:#c8cfdd}.chat-empty{color:var(--dim);font-size:13px;padding:2px 0}.chat-input-row{display:flex;gap:8px}.chat-input-row input{flex:1;min-width:0}.chat-input-row button{flex:none;padding:8px 14px}.chat-box.chat-panel .chat-lines{height:150px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.chat-box.chat-ingame{position:absolute;right:12px;bottom:12px;width:320px;pointer-events:auto;opacity:.72;transition:opacity .15s ease}.chat-box.chat-ingame:hover,.chat-box.chat-ingame.typing{opacity:1}.chat-box.chat-ingame .chat-lines{max-height:168px;background:#0c0f169e;border:1px solid rgba(51,60,82,.6);border-radius:8px;padding:6px 9px}.chat-box.chat-ingame input{background:#0c0f16c7}.chat-box.chat-ingame button{background:#262d40d9}@media(max-width:780px){.chat-box.chat-ingame{width:min(320px,calc(100vw - 24px));bottom:110px}.chat-box.chat-ingame .chat-lines{max-height:120px}}body.touch .chat-box.chat-ingame{bottom:200px}@media(max-height:520px){.chat-box.chat-ingame{display:none}}.char-pick{margin-bottom:0}.char-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.char-head label{margin:0}.char-head .char-note{font-size:11px;color:var(--dim);opacity:.8}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.panel:has(.char-pick){max-height:92vh;overflow-y:auto}.char-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 7px;border:2px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.char-card:hover:not(.on):not(.locked){transform:translateY(-2px);border-color:#4a5570}.char-card.locked{cursor:not-allowed;border-style:dashed}.char-card.locked .char-svg{filter:grayscale(1) brightness(.45)}.char-card.locked .char-name{color:var(--dim)}.char-card.locked:hover{transform:none;border-color:var(--line)}.char-lock{position:absolute;top:4px;right:5px;font-size:12px;line-height:1;filter:drop-shadow(0 1px 2px #000)}.char-card.shake{animation:char-shake .32s ease-in-out}@keyframes char-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.char-card.on{border-color:var(--accent);box-shadow:0 0 0 3px #3fa7962e;transform:translateY(-2px)}.char-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.char-svg{width:100%;max-width:46px;height:auto;display:block;transition:transform .12s ease}.char-card.on .char-svg{animation:char-bob 1.6s ease-in-out infinite}@keyframes char-bob{50%{transform:translateY(-3px)}}.char-name{font-size:11px;line-height:1.3;white-space:nowrap}.char-card.on .char-name{color:var(--accent);font-weight:700}.char-flavor{margin-top:8px;min-height:32px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);border-left:3px solid var(--accent);background:#3fa79614;border-radius:0 8px 8px 0;padding:6px 10px}.char-flavor b{color:var(--text)}.char-code{display:flex;gap:8px;margin-top:8px}.char-code input{flex:1;padding:7px 10px;font-size:12px}.char-code button{flex:0 0 72px;padding:7px 10px;font-size:12px}.char-code-msg{font-size:11px;min-height:16px;margin-top:4px;color:var(--dim)}.char-code-msg.ok{color:var(--accent)}.char-code-msg.bad{color:var(--danger)}.char-mini{display:inline-block;flex:0 0 auto;width:var(--mini-size, 26px);height:var(--mini-size, 26px);vertical-align:middle;border-radius:24%;background:#00000038}.char-mini .char-svg{width:100%;max-width:none;height:100%;animation:none}@media(max-width:460px){.char-grid{grid-template-columns:repeat(3,1fr)}}.taunt-pick>summary{cursor:pointer;font-size:12px;color:var(--dim);list-style:none;display:flex;align-items:center;gap:6px}.taunt-pick>summary::-webkit-details-marker{display:none}.taunt-pick>summary:before{content:"▸";color:var(--accent)}.taunt-pick[open]>summary:before{content:"▾"}.taunt-pick>summary b{color:var(--text);letter-spacing:1px}.taunt-note{margin-left:auto;opacity:.7}.taunt-who{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-size:12px;color:var(--dim)}.taunt-who b{color:var(--accent);font-size:13px}.taunt-who>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taunt-who button{flex:none;padding:3px 10px;font-size:11px}.taunt-rows{display:flex;flex-direction:column;gap:6px;margin:10px 0 8px}.taunt-row{display:flex;align-items:center;gap:8px}.taunt-scenario{flex:0 0 104px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taunt-scenario kbd{flex:none}.taunt-row input[type=text]{flex:1;padding:6px 10px;font-size:13px}.taunt-dice{flex:0 0 34px;padding:6px 0;font-size:13px;line-height:1}.taunt-hint{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid var(--line)}.taunt-group{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.taunt-group>span{flex:0 0 100%;font-size:11px;color:var(--dim)}.taunt-preset{padding:3px 8px;font-size:11px;border-radius:999px;background:#ffffff0a}