:root{--bg:#eef0f2;--surface:#ffffffe6;--surface-solid:#fff;--surface-2:#f1f3f6;--border:#0f172a1a;--text:#111827;--muted:#6b7280;--accent:#e11d48;--focus:#2563eb;--shadow:0 10px 30px #0f172a29, 0 2px 6px #0f172a14;--taxi:#facc15;--bus:#10b981;--underground:#ef4444;--black:#0a0a0a;--taxi-line:#c98a00;--bus-line:#0d9a6f;--underground-line:#e11d48;--ferry-line:#334155;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);margin:0}button{font:inherit;color:inherit;background:var(--surface-solid);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 14px;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:#0f172a4d}button:disabled{opacity:.4;cursor:not-allowed}button.active{border-color:var(--focus);color:var(--focus);background:#eff4ff}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button.primary:hover:not(:disabled){background:#be123c}.ghost-button{background:0 0}h1,h2,h3{margin:0 0 12px}h2{font-size:1.25rem}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.logo{letter-spacing:.3em;color:var(--text);font-family:Special Elite,monospace;font-size:3.5rem}.logo.small{letter-spacing:.25em;font-size:1.1rem}.tagline,.muted,.hint{color:var(--muted)}.hint{margin:8px 0 0;font-size:.9rem}.card{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px}.menu{background:#ebe6da;grid-template-columns:minmax(0,1fr) minmax(340px,410px);align-items:center;gap:40px;min-height:100%;padding:clamp(16px,4vw,56px);display:grid;position:relative}.menu-map{position:absolute;inset:0;overflow:hidden}.menu-map svg{width:100%;height:100%;display:block}.menu-map:after{content:"";background:linear-gradient(90deg,#f6f3eceb 0%,#f6f3ec8c 40%,#f6f3ec1a 65%,#f6f3ec73 100%);position:absolute;inset:0}.menu-intro,.menu-panel,.menu-credit{position:relative}.menu-intro{gap:32px;max-width:600px;display:grid}.menu-brand{justify-items:start;display:grid}.menu-stamp{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);border:2px solid var(--accent);border-radius:6px;margin-bottom:4px;padding:3px 10px;font-family:Special Elite,monospace;font-size:.8rem;transform:rotate(-4deg)}.menu-logo{letter-spacing:.18em;margin:0;font-size:clamp(3rem,7vw,5.2rem);line-height:1.05}.menu-tagline{color:#374151;margin:4px 0 0;font-size:1.15rem}.menu-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.menu-mode{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#ffffffe0;border:2px solid #0000;border-radius:18px;align-content:start;justify-items:start;gap:4px;padding:18px;transition:transform .15s,border-color .15s;display:grid;position:relative}.menu-mode:hover:not(:disabled){border-color:#0f172a2e;transform:translateY(-2px)}.menu-mode.selected,.menu-mode.selected:hover:not(:disabled){border-color:var(--text)}.menu-mode.selected:after{content:"";background:var(--text) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:14px;right:14px}.menu-mode strong{font-size:1.05rem}.menu-mode small{color:var(--muted);font-size:.85rem;line-height:1.35}.menu-mode-icon{color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:6px;display:grid}.menu-mode-icon svg{width:24px;height:24px}.mode-hunt{background:var(--focus)}.mode-escape{background:var(--accent)}.menu-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#fffffff0;border-radius:22px;gap:18px;padding:22px;display:grid}.menu-panel h2{letter-spacing:.18em;text-transform:uppercase;border-bottom:1px dashed #0f172a33;margin:0;padding-bottom:12px;font-family:Special Elite,monospace;font-size:1.05rem;font-weight:400}.menu-field{gap:8px;font-weight:600;transition:opacity .15s;display:grid}.menu-field.off{opacity:.4}.menu-field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-pills{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.menu-pills button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:5px 11px;font-size:.85rem;font-weight:600}.menu-pills button.on{background:var(--surface-solid);color:var(--text);box-shadow:0 1px 4px #0f172a26}.menu-pills button:disabled{opacity:1;cursor:default}.menu-seats{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:6px;display:grid}.menu-seats button{white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;font-weight:600;display:flex}.menu-seats button.human{border-color:var(--focus);background:#eff4ff}.menu-seats button:disabled{opacity:1;cursor:default}.menu-seats small{color:var(--muted);margin-left:auto;font-size:.75rem}.menu-seats .human small{color:var(--focus)}.menu-pawn{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 2px #fff,0 0 0 3px #0f172a26}.menu-note{color:var(--muted);font-size:.8rem;font-weight:400}.menu-maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.menu-maps button{text-align:left;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.menu-maps button.on{border-color:var(--focus);background:#eff4ff}.menu-maps small{color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.3}.menu-start{background:var(--accent);color:#fff;letter-spacing:.02em;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:1.1rem;font-weight:700;transition:transform .15s,background .15s;display:flex;box-shadow:0 8px 22px #e11d4859}.menu-start:hover:not(:disabled){background:#be123c;transform:translateY(-1px)}.menu-start svg{width:20px;height:20px}.menu-lab{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;justify-self:center;padding:0;font-size:.85rem;text-decoration:underline}.menu-credit{color:#4b5563;margin:0;font-size:.7rem;position:absolute;bottom:6px;right:12px}.menu-trail{fill:none;stroke:var(--accent);stroke-width:24px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:9s ease-in-out forwards menu-trail-draw,12s linear forwards menu-fade}.menu-trail-end{fill:var(--accent);stroke:#fff;stroke-width:8px;opacity:0;animation:.4s 9s forwards menu-fade-in}.menu-chaser{stroke:#fff;stroke-width:8px;opacity:0;animation:.5s forwards menu-fade-in}@keyframes menu-trail-draw{to{stroke-dashoffset:0}}@keyframes menu-fade-in{to{opacity:1}}@keyframes menu-fade{90%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.menu-trail,.menu-trail-end,.menu-chaser{stroke-dashoffset:0;opacity:1;animation:none}}@media (width<=960px){.menu{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding-bottom:32px}.menu-intro,.menu-panel{justify-self:center;width:100%;max-width:640px}.menu-map:after{background:#f6f3ec99}}@media (width<=520px){.menu-modes,.menu-maps{grid-template-columns:minmax(0,1fr)}.menu-mode{grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:12px 40px 12px 12px}.menu-mode-icon{grid-row:span 2;margin:0}.menu-field-head{flex-wrap:wrap}}.menu-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#ffffffd9;border-radius:999px;justify-self:start;gap:2px;padding:4px;display:inline-flex}.menu-tabs button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-weight:700}.menu-tabs button.on{background:var(--text);color:#fff}.menu-tabs button{white-space:nowrap}@media (width<=520px){.menu-tabs{justify-self:stretch}.menu-tabs button{flex:1;padding:8px 10px;font-size:.85rem}}.online-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#ffffffe0;border-radius:18px;padding:20px 22px;line-height:1.5}.online-intro p{margin:0 0 8px}.online-intro ul{color:#374151;margin:0;padding-left:20px}.menu-input{font:inherit;border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);border-radius:12px;padding:10px 12px;font-weight:500}.menu-input:focus{outline:2px solid var(--focus);outline-offset:1px}.menu-input.code{letter-spacing:.3em;text-transform:uppercase;font-family:Special Elite,monospace;font-size:1.2rem}.online-or{color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.online-or:before,.online-or:after{content:"";border-top:1px dashed #0f172a33;flex:1}.online-join{gap:8px;display:flex}.online-join button{padding:0 18px;font-weight:700}.lobby-code{justify-items:start;gap:4px;margin-top:6px;display:grid}.lobby-code span{color:#374151;font-weight:600}.lobby-code strong{letter-spacing:.18em;font-family:Special Elite,monospace;font-size:clamp(3rem,7vw,4.6rem);font-weight:400;line-height:1}.lobby-code button{background:#ffffffe6;margin-top:6px;font-weight:600}.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lobby-seat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#ffffffe6;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.lobby-seat.mine{border-color:var(--text)}.lobby-seat>div{min-width:0;display:grid}.lobby-seat strong{white-space:nowrap}.lobby-seat small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-sit{white-space:nowrap;margin-left:auto;padding:6px 10px;font-size:.8rem;font-weight:700}.lobby-you{color:#fff;background:var(--text);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:.75rem;font-weight:700}.lobby-hint{color:#374151;margin:-16px 0 0}.lobby-people{gap:4px;margin:0;padding:0;font-weight:500;list-style:none;display:grid}.lobby-people li{align-items:center;gap:8px;display:flex}.lobby-people small{color:var(--muted)}.lobby-host{margin-left:auto;font-weight:700}.lobby-dot{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.lobby-dot.on{background:#22c55e}.lobby-wait{background:var(--surface-2);text-align:center;border-radius:14px;margin:0;padding:14px;font-weight:600}.menu-panel button:disabled,.menu-maps button:disabled{cursor:default}.menu-maps button:disabled{opacity:1}.menu-maps button:disabled:not(.on){opacity:.55}.online-loading{background:#ebe6da;place-items:center;min-height:100%;font-weight:600;display:grid}.room-badge{letter-spacing:.12em;background:var(--surface-2);border-radius:999px;padding:3px 10px;font-family:Special Elite,monospace;font-size:.85rem}.player-name{color:var(--muted);margin-left:6px;font-weight:500}@media (width<=520px){.lobby-seats{grid-template-columns:minmax(0,1fr)}}.tut-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tut-steps button{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow);background:#ffffffe0;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.tut-steps button>span:last-child{min-width:0;display:grid}.tut-steps small{color:var(--muted);font-size:.8rem}.tut-steps button.on{border-color:var(--text)}.tut-num{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.tut-steps .on .tut-num{background:var(--accent);color:#fff}.tut-steps .done .tut-num{background:var(--text);color:#fff}.tut-card{align-content:start;gap:12px}.tut-count{float:right;letter-spacing:0;color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:.85rem}.tut-card h3{text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:1.35rem}.tut-body{color:#1f2937;gap:10px;line-height:1.5;display:grid}.tut-body p{margin:0}.tut-body ul,.tut-body ol{gap:6px;margin:0;padding-left:20px;display:grid}.tut-note{color:var(--muted);font-size:.88rem}.tut-sides{gap:10px;display:grid}.tut-side{border-left:4px solid var(--side);background:var(--surface-2);border-radius:12px;padding:10px 12px}.tut-side strong{margin-bottom:4px;display:block}.tut-side ul{font-size:.92rem}.tut-transports{list-style:none;padding-left:0!important}.tut-transports li{font-size:.92rem}.tut-transports .chip{margin-right:4px}.tut-tickets{background:var(--surface-2);border-radius:12px;gap:6px;padding:10px 12px;font-size:.88rem;font-weight:600;display:grid}.tut-log{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.tut-log span{background:var(--surface-2);height:26px;color:var(--muted);border-radius:6px;place-items:center;font-size:.78rem;display:grid}.tut-log span.reveal{border:1.5px solid var(--accent);color:var(--accent);font-weight:700}.tut-tools{list-style:none;gap:10px!important;padding-left:0!important}.tut-q{color:#fff;background:#7c3aed;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;display:inline-grid}.tut-nav{gap:8px;margin-top:4px;display:flex}.tut-nav button{flex:1;font-weight:700}.tut-nav .menu-start{padding:10px;font-size:1rem}.tut-next{background:var(--text);border-color:var(--text);color:#fff}.tut-next:hover:not(:disabled){background:#000}@media (width<=520px){.tut-steps{display:none}}.segmented{gap:6px;display:flex}.segmented button{flex:1}.game{position:fixed;inset:0;overflow:hidden}.board-layer{position:absolute;inset:0}.hud{z-index:2;position:absolute}.hud-top{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:16px;padding:8px 10px 8px 18px;display:flex;top:16px;left:16px}.round-badge{font-weight:700}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;display:flex}.hud-top .ghost-button{border-radius:999px}.hud-panel{scrollbar-width:thin;align-content:start;gap:12px;width:360px;display:grid;top:16px;bottom:16px;right:16px;overflow-y:auto}.city-board{position:absolute;inset:0}.camera-controls{gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.camera-controls button{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.city-tooltip{background:var(--surface-solid);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;border-radius:8px;padding:4px 10px;font-size:13px}.ticket-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#111827;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.8rem;font-weight:600;display:inline-flex}.chip-taxi{background:var(--taxi)}.chip-bus{background:var(--bus)}.chip-underground{background:var(--underground);color:#fff}.chip-black{background:var(--black);color:#fff}.double-row{gap:8px;margin-top:10px;display:flex}.ticket-choice{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.ticket-choice p{width:100%;margin:0}.ticket-choice button{border-radius:999px;padding:4px}.error{color:var(--accent)}.outcome{gap:8px;display:grid}.outcome p{color:var(--muted);margin:0}.outcome-mrX strong{color:var(--accent)}.outcome-detectives strong{color:var(--focus)}.travel-log{grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.travel-log li{background:var(--surface-2);border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;min-height:28px;padding:4px 6px;font-size:.8rem;display:flex}.travel-log li.reveal{border-color:#e11d4880}.travel-log li.current{outline:2px solid var(--focus)}.travel-log .round{color:var(--muted);min-width:14px;font-size:.7rem}.travel-log .dot{border-radius:50%;width:10px;height:10px;padding:0}.travel-log .where{font-weight:700}.travel-log .double{color:var(--focus);font-size:.7rem}.detective-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.detective-list li{border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;padding:8px;display:grid}.detective-list li.active{border-color:var(--focus);background:#eff4ff}.detective-list .ticket-row{grid-column:1/-1}.detective-list .at{color:var(--muted);font-size:.85rem}.swatch{border-radius:50%;width:12px;height:12px}.legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:8px;display:flex}.legend small{color:var(--muted)}.overlay{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.handoff{text-align:center;background:var(--surface-solid);gap:8px;max-width:380px;display:grid}.camera-hint{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;align-self:center;margin-left:8px;padding:6px 12px;font-size:.8rem}@media (width<=800px){.camera-hint{display:none}}.camera-controls{flex-wrap:wrap;max-width:calc(100vw - 440px)}.camera-credit{order:10}.hud-panel .toggle{margin-top:6px}.perf-panel{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;width:280px;max-height:calc(100% - 120px);box-shadow:var(--shadow);background:#111827e0;border-radius:14px;padding:12px 14px;font-size:.85rem;position:absolute;top:88px;left:16px;overflow-y:auto}.perf-panel header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.perf-panel header button{color:#e5e7eb;border:0;padding:0 6px;font-size:1.2rem}.perf-panel dl{grid-template-columns:1fr auto;gap:4px 12px;margin:0 0 10px;display:grid}.perf-panel dt{color:#9ca3af}.perf-panel dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.perf-panel dd small{color:#9ca3af;font-weight:400}.perf-panel dd.good{color:#4ade80}.perf-panel dd.ok{color:#facc15}.perf-panel dd.bad{color:#f87171}.perf-setting{gap:4px;margin-bottom:8px;display:grid}.perf-setting span{color:#9ca3af}.perf-setting button{color:#e5e7eb;background:#1f2937;border-color:#374151;padding:4px 8px;font-size:.8rem}.perf-setting button.active{color:#fff;background:#2563eb;border-color:#2563eb}.perf-panel .perf-hint{color:#9ca3af;margin:4px 0 0;font-size:.75rem}.bot-thinking{animation:1.2s ease-in-out infinite thinking}@keyframes thinking{50%{opacity:.45}}.toasts{z-index:6;pointer-events:none;gap:8px;width:min(420px,100vw - 32px);display:grid;position:absolute;top:16px;left:50%;transform:translate(-60%)}.toast{pointer-events:auto;text-align:left;border:0;border-left:6px solid var(--muted);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:12px;gap:2px;padding:10px 14px;animation:.25s ease-out toast-in;display:grid}.toast span{color:var(--muted);font-size:.9rem}.toast-mrx{border-left-color:#0a0a0a}.toast-reveal{border-left-color:var(--accent)}.toast-roadblock{border-left-color:#dc2626}.toast-clue{border-left-color:#a78bfa}.toast-clue-found{background:#f5f3ff;border-left-color:#7c3aed}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.clue-line{align-items:center;gap:6px;margin:0 0 6px;font-size:.9rem;display:flex}.clue-icon{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:inline-grid}.witness-icon{background:#7c3aed}.roadblock-icon{background:#dc2626;position:relative}.roadblock-icon:after{content:"";background:#fff;width:10px;height:3px}.witness-text{color:#7c3aed;font-weight:800}.clue-list{gap:4px;margin:8px 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.clue-list li{background:var(--surface-2);border-radius:8px;padding:6px 8px}.clue-list li.found{background:#ede9fe}.chip-roadblock{color:#fff;background:#dc2626}.detective-list .ticket-row .ticket-row{display:contents}.your-turn{z-index:7;background:var(--surface-solid);border:4px solid var(--player);box-shadow:0 0 0 8px color-mix(in srgb, var(--player) 25%, transparent), var(--shadow);pointer-events:none;border-radius:20px;justify-items:center;gap:2px;padding:18px 40px;animation:2.2s ease-in-out forwards your-turn;display:grid;position:absolute;top:38%;left:calc(50% - 196px);transform:translate(-50%,-50%)}.your-turn span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.85rem;font-weight:700}.your-turn strong{color:var(--player);font-size:2rem}@keyframes your-turn{0%{opacity:0;transform:translate(-50%,-40%)scale(.92)}12%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-55%)scale(.98)}}@media (width<=800px){.your-turn{top:25%;left:50%}}.trail-note{font-size:.85rem}.turn-timer{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:-4px 0 12px;font-weight:700;display:flex}.turn-timer-bar{background:var(--surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.turn-timer-bar div{background:var(--focus);height:100%;transition:width .2s linear}.turn-timer.urgent{color:var(--accent);animation:1s ease-in-out infinite timer-pulse}.turn-timer.urgent .turn-timer-bar div{background:var(--accent)}@keyframes timer-pulse{50%{opacity:.55}}.toast-timeout{border-left-color:#f59e0b}.camera-controls button{align-items:center;gap:6px;display:inline-flex}.cc-icon{flex:none;width:16px;height:16px}.mobile-only{display:none!important}@media (width<=800px){.desk-only{display:none!important}.mobile-only{display:revert!important}.hud-top{gap:10px;padding:4px 4px 4px 14px;top:8px;left:8px;right:8px}.hud-top .logo.small{letter-spacing:.14em;font-size:.95rem}.top-menu-button{place-items:center;width:38px;height:38px;margin-left:auto;padding:0;display:grid!important}.top-menu-button svg{width:20px;height:20px}.top-menu{background:var(--surface-solid);min-width:210px;box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:12px;position:absolute;top:calc(100% + 6px);right:0;display:grid!important}.top-menu button{text-align:left;font-weight:600}.camera-controls{flex-flow:column;gap:8px;max-width:none;inset:60px 8px auto auto}.camera-controls button{border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.cc-label{display:none}.cc-icon{width:20px;height:20px}.perf-panel{width:min(280px,100vw - 72px);top:60px;left:8px}.hud-panel.sheet{gap:8px;width:auto;max-height:70vh;inset:auto 8px 8px}.sheet .card{padding:12px 14px}.sheet .turn-card h2{margin-bottom:8px;font-size:1.05rem}.sheet .hint{margin-top:6px;font-size:.82rem}.sheet .double-row{margin-top:8px}.sheet .turn-timer{margin:-2px 0 8px}.sheet-tabs{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:999px;gap:2px;padding:4px;display:flex}.sheet-tabs button{color:var(--muted);background:0 0;border:none;border-radius:999px;flex:1;padding:7px 4px;font-size:.82rem;font-weight:700}.sheet-tabs button.on{background:var(--text);color:#fff}.sheet-body{gap:8px;display:grid}.sheet .travel-log{grid-template-columns:repeat(6,1fr)}.toasts{width:calc(100vw - 16px);top:58px;transform:translate(-50%)}.toast{padding:8px 12px;font-size:.85rem}.your-turn{padding:12px 28px;top:32%}}@media (width<=520px){.hud-top .logo.small{display:none}}