:root{--c-void: #080b11;--c-bg: #0e121b;--c-surface: #161d2b;--c-surface-2: #1e2739;--c-surface-3: #27324a;--c-glass: rgba(14, 19, 30, .82);--c-glass-strong: rgba(11, 15, 24, .94);--c-border: #2b3550;--c-border-soft: #212a3f;--c-border-strong: #3b4a6b;--c-ink: #eaeef7;--c-ink-dim: #97a3bd;--c-ink-faint: #6a7691;--c-accent: #6cc4ff;--c-accent-deep: #2f7fb8;--c-accent-wash: rgba(108, 196, 255, .14);--c-ok: #6ce6a8;--c-warn: #ffd166;--c-danger: #ff6b6b;--c-danger-wash: rgba(255, 107, 107, .14);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 5px;--r-md: 9px;--r-lg: 14px;--r-pill: 999px;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 12px;--fs-base: 14px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 30px;--fs-3xl: 46px;--ff-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--ff-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 4px 16px rgba(0, 0, 0, .45);--sh-3: 0 18px 48px rgba(0, 0, 0, .6);--rim: inset 0 1px 0 rgba(255, 255, 255, .045);--dur-fast: .11s;--dur-med: .22s;--ease: cubic-bezier(.2, .7, .3, 1);--z-hud: 10;--z-chip: 20;--z-tray: 30;--z-range: 35;--z-pause: 40;--bg: var(--c-bg);--panel: var(--c-surface);--panel-2: var(--c-surface-2);--ink: var(--c-ink);--muted: var(--c-ink-dim);--accent: var(--c-accent);--danger: var(--c-danger);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--c-bg);color:var(--c-ink)}body{font:var(--fs-base) / 1.45 var(--ff-ui);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh}#game{display:block;width:100%;height:100%;image-rendering:pixelated}#overlay{position:absolute;inset:0;pointer-events:none}.menu,.lobby,.panel,.game-controls,.weapon-chip,.range-panel,.tray-scrim,.pause-scrim{pointer-events:auto}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:block;width:100%;padding:10px 14px;margin:var(--sp-2) 0;border:1px solid var(--c-border);border-radius:var(--r-md);background:linear-gradient(180deg,var(--c-surface-2),var(--c-surface));box-shadow:var(--sh-1),var(--rim);color:var(--c-ink);font:inherit;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover:not(:disabled):not(.btn-disabled){border-color:var(--c-border-strong);background:linear-gradient(180deg,var(--c-surface-3),var(--c-surface-2));box-shadow:var(--sh-2),var(--rim)}.btn:active:not(:disabled):not(.btn-disabled){transform:translateY(1px);box-shadow:var(--sh-1)}.btn:focus-visible{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-wash),var(--rim)}.btn-primary{border-color:var(--c-accent-deep);background:linear-gradient(180deg,#2c6d99,#1d4d70);color:#f2f8ff}.btn-primary:hover:not(:disabled):not(.btn-disabled){border-color:var(--c-accent);background:linear-gradient(180deg,#3480b1,#235a81)}.btn-danger:hover:not(:disabled):not(.btn-disabled){border-color:var(--c-danger);color:#ffdede;background:linear-gradient(180deg,#5a2630,#401b23)}.btn-ghost{background:transparent;box-shadow:none;border-color:var(--c-border-soft);font-weight:500;color:var(--c-ink-dim)}.btn-ghost:hover:not(:disabled):not(.btn-disabled){background:var(--c-surface);border-color:var(--c-border);color:var(--c-ink);box-shadow:none}.btn-small{width:auto;padding:6px 11px;font-size:var(--fs-md);font-weight:500}.btn-disabled,.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-capturing{border-color:var(--c-accent);color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-wash)}.kbd{display:inline-block;min-width:18px;padding:1px 5px;border:1px solid var(--c-border-strong);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--c-surface-2);color:var(--c-ink);font-family:var(--ff-mono);font-size:var(--fs-sm);line-height:1.4;text-align:center;white-space:nowrap}.kbd[hidden]{display:none}input.text,input[type=number],input[type=text],select,textarea{padding:6px 9px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-void);color:var(--c-ink);font:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-wash)}input[type=number]{width:74px}input[type=range]{accent-color:var(--c-accent)}.row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-2) 0}.muted{color:var(--c-ink-dim)}.small{font-size:var(--fs-md)}.check{display:block;margin:var(--sp-2) 0;color:var(--c-ink-dim);cursor:pointer}.check:hover{color:var(--c-ink)}.field{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:var(--sp-2) 0;color:var(--c-ink-dim)}.field-note{margin:calc(var(--sp-1) * -1) 0 var(--sp-3);font-size:var(--fs-sm);color:var(--c-ink-faint)}.status{margin:var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border-soft);border-left:3px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-void);color:var(--c-ink-dim)}.status.error{border-left-color:var(--c-danger);color:var(--c-danger)}.swatch{width:14px;height:14px;border-radius:var(--r-sm);display:inline-block;flex:0 0 auto;box-shadow:var(--rim)}.menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);background:radial-gradient(120% 90% at 50% -10%,rgba(108,196,255,.09),transparent 60%),radial-gradient(60% 60% at 50% 40%,#1a2233,var(--c-void));animation:screen-in var(--dur-med) var(--ease)}.menu h1{margin:0;font-size:var(--fs-3xl);font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#8fb6d8);-webkit-background-clip:text;background-clip:text;color:transparent}.menu>.muted{max-width:34ch;text-align:center}.menu-buttons{width:300px;margin-top:var(--sp-5)}.panel{position:absolute;top:var(--sp-4);width:310px;padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-glass);backdrop-filter:blur(6px);box-shadow:var(--sh-2),var(--rim);max-height:calc(100vh - var(--sp-6));overflow-y:auto}.panel-left{left:var(--sp-4)}.panel-right{right:var(--sp-4)}.panel h2{margin:0 0 var(--sp-2);font-size:var(--fs-lg)}.lobby{position:absolute;inset:0;overflow-y:auto;padding:var(--sp-6);background:radial-gradient(120% 80% at 50% -20%,rgba(108,196,255,.07),transparent 55%),radial-gradient(70% 70% at 50% 30%,#1a2233,var(--c-void));animation:screen-in var(--dur-med) var(--ease)}.lobby h1{margin:0 0 var(--sp-5);font-size:var(--fs-2xl);letter-spacing:.01em}.lobby h2{margin:0 0 var(--sp-3);font-size:var(--fs-md);color:var(--c-ink-faint);text-transform:uppercase;letter-spacing:.12em}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:var(--sp-4);max-width:1100px}.panel-block{padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--sh-1),var(--rim)}.lobby-actions{max-width:340px;margin-top:var(--sp-5)}.slot{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0;padding:var(--sp-1);border-radius:var(--r-sm)}.slot.off{opacity:.45}.slot .text{flex:1 1 84px;min-width:0;width:auto}.slot select{flex:1 1 76px;min-width:0}.keybind{gap:var(--sp-4)}.keybind .btn-small{min-width:124px;text-align:center;font-family:var(--ff-mono);font-size:var(--fs-sm)}.end-screen .stats{margin:var(--sp-4) 0;border-collapse:collapse;font-size:var(--fs-md)}.end-screen th,.end-screen td{padding:var(--sp-2) var(--sp-4);text-align:left;border-bottom:1px solid var(--c-border-soft)}.end-screen th{color:var(--c-ink-faint);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-xs)}.awards{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;margin-bottom:var(--sp-2)}.award{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--sh-1),var(--rim);font-size:var(--fs-md)}.award-label{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-faint)}.award-value{color:var(--c-ink-dim);font-size:var(--fs-sm)}.room-banner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-4)}.room-code{display:inline-flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--sh-1),var(--rim)}.room-code strong{font-size:var(--fs-xl);letter-spacing:6px;font-family:var(--ff-mono);color:var(--c-accent)}.room-share{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);max-width:560px}.room-link{width:340px;max-width:60vw;font-family:var(--ff-mono);font-size:var(--fs-sm);color:var(--c-ink-dim)}.copy-note{font-size:var(--fs-md);color:var(--c-ok)}.copy-note.error{color:var(--c-warn)}.chat{margin-top:var(--sp-4);max-width:560px}.chat-log{height:120px;overflow-y:auto;padding:var(--sp-2);margin-bottom:var(--sp-2);border-radius:var(--r-sm);background:var(--c-void);font-size:var(--fs-md);color:var(--c-ink-dim)}.chat-input{width:100%}.code-input{width:100%;margin-bottom:var(--sp-2);text-align:center;font-size:var(--fs-xl);letter-spacing:8px;text-transform:uppercase;font-family:var(--ff-mono)}.ice-json{width:100%;font-family:var(--ff-mono);font-size:var(--fs-sm);resize:vertical}.file-list{margin:var(--sp-2) 0;padding-left:var(--sp-4);max-height:180px;overflow-y:auto;word-break:break-all}button.swatch{width:22px;height:22px;padding:0;border:1px solid var(--c-border-strong);cursor:pointer}button.swatch-on{border-color:var(--c-ink);box-shadow:0 0 0 2px var(--c-accent)}input[type=color].sky-stop{width:34px;height:26px;padding:0;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:none;cursor:pointer}.random-map{align-items:center}.random-map .field{margin:0;gap:var(--sp-2);justify-content:flex-start}.random-map .seed-input{width:10ch;font-family:var(--ff-mono)}.hud{position:absolute;inset:0;pointer-events:none;z-index:var(--z-hud);transition:opacity var(--dur-med) var(--ease)}.hud.dimmed{opacity:.35}.hud-top{position:absolute;top:var(--sp-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-glass);backdrop-filter:blur(6px);box-shadow:var(--sh-2),var(--rim)}.hud-clock{display:flex;align-items:center;gap:var(--sp-3);min-width:168px}.timer-ring{position:relative;width:46px;height:46px;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--ring-color, var(--c-accent)) calc(var(--progress, 1) * 360deg),rgba(255,255,255,.07) 0);transition:background 90ms linear}.timer-ring:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--c-glass-strong)}.hud-timer{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:var(--fs-lg);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--c-ink)}.hud-clock.warn{--ring-color: var(--c-warn)}.hud-clock.warn .hud-timer{color:var(--c-warn)}.hud-clock.urgent{--ring-color: var(--c-danger)}.hud-clock.urgent .hud-timer{color:var(--c-danger);animation:timer-pulse 1s ease-in-out infinite}.hud-clock.retreat{--ring-color: var(--c-warn)}.hud-clock.retreat .hud-timer{color:var(--c-warn)}.hud-clock.over{--ring-color: transparent}@keyframes timer-pulse{50%{opacity:.55}}.hud-phase{font-size:var(--fs-md);font-weight:600;letter-spacing:.02em;line-height:1.25}.hud-turn-note{display:block;font-size:var(--fs-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-faint)}.wind{width:156px}.wind-head{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);margin-bottom:3px;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-faint)}.wind-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid var(--c-accent);transform:scaleX(var(--gust, .4));transform-origin:left center;transition:transform var(--dur-med) var(--ease)}.wind-arrow.left{border-left:0;border-right:9px solid var(--c-accent);transform-origin:right center}.wind-arrow.calm{opacity:.3}.wind-track{position:relative;height:7px;border-radius:var(--r-pill);background:var(--c-void);overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.wind-track:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--c-border-strong)}.wind-fill{position:absolute;top:0;bottom:0;background:var(--c-accent);transition:left var(--dur-med) var(--ease),width var(--dur-med) var(--ease)}.wind-label{font-size:var(--fs-sm);color:var(--c-ink-dim);text-align:center;margin-top:3px;font-variant-numeric:tabular-nums}.hud-net{font-size:var(--fs-sm);color:var(--c-ink-faint);min-width:54px;font-variant-numeric:tabular-nums}.hud-banner{position:absolute;top:92px;left:50%;transform:translate(-50%);padding:var(--sp-2) var(--sp-5);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);background:var(--c-glass);backdrop-filter:blur(6px);box-shadow:var(--sh-2),var(--rim);text-align:center;opacity:0;visibility:hidden;transition:opacity var(--dur-med) var(--ease),visibility var(--dur-med) var(--ease)}.hud-banner.visible{opacity:1;visibility:visible;animation:pop-in var(--dur-med) var(--ease)}.banner-text{font-size:var(--fs-xl);font-weight:700;line-height:1.15;letter-spacing:.01em}.banner-sub{font-size:var(--fs-sm);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-faint)}.hud-banner.tone-team .banner-text{color:var(--team, var(--c-ink))}.hud-banner.tone-alarm{border-color:var(--c-danger)}.hud-banner.tone-alarm .banner-text{color:var(--c-danger)}.hud-teams{position:absolute;top:var(--sp-3);left:var(--sp-3);width:206px;display:flex;flex-direction:column;gap:var(--sp-1)}.team-card{padding:5px var(--sp-2);border:1px solid transparent;border-left:3px solid var(--team, var(--c-border));border-radius:var(--r-sm);background:#0e131e8c;transition:background var(--dur-med) var(--ease),border-color var(--dur-med) var(--ease)}.team-card.active{border-color:var(--c-border);border-left-color:var(--team);background:var(--c-glass);box-shadow:var(--sh-1)}.team-card.gone{opacity:.4}.team-head{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-md)}.team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--team)}.team-hp{color:var(--c-ink-dim);font-variant-numeric:tabular-nums}.team-pips{display:flex;gap:2px;margin-top:4px}.pip{position:relative;flex:1;height:5px;border-radius:var(--r-pill);background:#00000073;overflow:hidden}.pip:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--hp, 1) * 100%);background:var(--team, var(--c-accent));transition:width var(--dur-med) var(--ease)}.pip.dead:after{width:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 4px)}.pip.acting{outline:1px solid var(--c-ink);outline-offset:1px}.hud-hint{position:absolute;bottom:var(--sp-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-2);max-width:min(760px,calc(100vw - 420px));padding:6px var(--sp-4);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:var(--c-glass);backdrop-filter:blur(6px);color:var(--c-ink-dim);font-size:var(--fs-md);opacity:0;transition:opacity var(--dur-med) var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-hint.visible{opacity:1}.game-controls{position:absolute;left:var(--sp-3);bottom:var(--sp-3);display:flex;gap:var(--sp-2)}.end-turn{display:inline-flex;align-items:center;gap:var(--sp-2);min-width:124px;justify-content:center}.end-turn.armed{border-color:var(--c-danger);color:#ffdede;background:linear-gradient(180deg,#5a2630,#401b23)}.weapon-chip{position:absolute;right:var(--sp-3);bottom:var(--sp-3);z-index:var(--z-chip);display:flex;align-items:center;gap:var(--sp-3);min-width:208px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-glass);backdrop-filter:blur(6px);box-shadow:var(--sh-2),var(--rim);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),opacity var(--dur-med) var(--ease)}.weapon-chip:hover,.weapon-chip.open{border-color:var(--c-accent)}.weapon-chip.idle{opacity:.55}.chip-body{flex:1;min-width:0}.chip-category{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-faint)}.chip-name{font-size:var(--fs-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-badges{display:flex;gap:var(--sp-1);margin-top:3px;flex-wrap:wrap}.chip-badge{padding:1px 6px;border:1px solid var(--c-border);border-radius:var(--r-pill);font-size:var(--fs-xs);color:var(--c-ink-dim);font-variant-numeric:tabular-nums}.chip-badge.hot{border-color:var(--c-warn);color:var(--c-warn)}.chip-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.chip-ammo{font-size:var(--fs-lg);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.chip-ammo.out{color:var(--c-danger)}.tray-scrim{position:fixed;inset:0;z-index:var(--z-tray);display:grid;place-items:center;background:#06090f8c;backdrop-filter:blur(2px);animation:fade-in var(--dur-fast) var(--ease)}.tray-scrim[hidden]{display:none}.weapon-tray{width:min(940px,calc(100vw - var(--sp-6)));max-height:calc(100vh - var(--sp-6));display:flex;flex-direction:column;padding:var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-glass-strong);box-shadow:var(--sh-3),var(--rim);animation:pop-in var(--dur-med) var(--ease)}.tray-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}.tray-title{font-size:var(--fs-lg);font-weight:600;letter-spacing:.02em}.tray-keys{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-ink-faint)}.tray-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-3);overflow-y:auto;padding-right:var(--sp-1);scrollbar-width:thin}.weapon-group-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);color:var(--c-ink-faint);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}.weapon-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-grid{display:flex;flex-direction:column;gap:3px}.weapon{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0;padding:6px var(--sp-2);border:1px solid var(--c-border-soft);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--fs-md);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.weapon:hover:not(.out){border-color:var(--c-border-strong);background:var(--c-surface-2)}.weapon.selected{border-color:var(--c-accent);background:var(--c-accent-wash)}.weapon.out{opacity:.35;cursor:not-allowed}.weapon:focus-visible{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-wash)}.weapon-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-ammo{color:var(--c-ink-dim);font-variant-numeric:tabular-nums}.tray-foot{min-height:34px;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-border-soft);color:var(--c-ink-dim);font-size:var(--fs-md)}.tray-foot strong{color:var(--c-ink);margin-right:var(--sp-2)}.weapon-icon{width:24px;height:24px;flex:0 0 auto;image-rendering:pixelated}.chip-icon{width:20px;height:20px;align-self:center;margin-right:var(--sp-2)}.pause-scrim{position:fixed;inset:0;z-index:var(--z-pause);display:grid;place-items:center;background:#06090f9e;backdrop-filter:blur(3px);animation:fade-in var(--dur-fast) var(--ease)}.pause-panel{width:min(560px,calc(100vw - var(--sp-6)));max-height:calc(100vh - var(--sp-6));overflow-y:auto;padding:var(--sp-5);border:1px solid var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-glass-strong);box-shadow:var(--sh-3),var(--rim);animation:pop-in var(--dur-med) var(--ease);scrollbar-width:thin}.pause-eyebrow{font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-faint)}.pause-panel h2{margin:2px 0 var(--sp-1);font-size:var(--fs-2xl);font-weight:700;letter-spacing:.02em}.pause-note{min-height:18px;margin-bottom:var(--sp-4);color:var(--c-ink-dim);font-size:var(--fs-md)}.pause-note.warn{color:var(--c-warn)}.pause-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.pause-actions .btn{margin:0}.pause-section{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-border-soft)}.pause-section>h3{margin:0 0 var(--sp-3);font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-faint)}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:3px var(--sp-4)}.key-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);padding:2px 0;font-size:var(--fs-md);color:var(--c-ink-dim)}.key-row .keys-for{display:flex;gap:3px;flex:0 0 auto}.range-panel{position:absolute;top:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);z-index:var(--z-range);width:280px;display:flex;flex-direction:column;background:var(--c-glass-strong);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-2),var(--rim);backdrop-filter:blur(6px);font-size:var(--fs-md);overflow:hidden}.range-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border-soft);background:var(--c-surface-2)}.range-head h2{margin:0;font-size:var(--fs-base);letter-spacing:.02em}.range-body{overflow-y:auto;padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.range-panel.collapsed .range-body{display:none}.range-panel.collapsed{bottom:auto}.range-section h3{margin:0 0 var(--sp-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.09em;color:var(--c-ink-faint)}.range-section .row{flex-wrap:wrap;gap:var(--sp-1)}.range-readout{display:grid;grid-template-columns:auto 1fr;gap:2px var(--sp-2);margin:0}.range-readout dt{color:var(--c-ink-dim)}.range-readout dd{margin:0;text-align:right;font-family:var(--ff-mono);font-variant-numeric:tabular-nums;color:var(--c-ink)}.range-field{display:grid;grid-template-columns:58px 1fr 44px;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.range-field input[type=range]{width:100%;accent-color:var(--c-accent)}.range-value{text-align:right;font-family:var(--ff-mono);font-variant-numeric:tabular-nums;color:var(--c-ink-dim)}.range-speed{min-width:34px;text-align:center;font-family:var(--ff-mono);color:var(--c-ink)}.range-flags{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-1)}.range-flags li strong{color:var(--c-accent)}.range-legend{display:flex;flex-direction:column;gap:2px;color:var(--c-ink-dim);font-size:var(--fs-sm)}.range-key{display:grid;grid-template-columns:62px 1fr;align-items:baseline;gap:var(--sp-2)}.range-key kbd{font-family:var(--ff-mono);font-size:var(--fs-xs);padding:1px 5px;border:1px solid var(--c-border-strong);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--c-surface-3);color:var(--c-ink);text-align:center}@media(max-width:900px){.range-panel{left:var(--sp-3);width:auto;top:auto;max-height:45%}}