:root{color-scheme:dark;--bg: #1a1408;--panel: rgba(22, 18, 10, .94);--panel-strong: rgba(16, 12, 6, .96);--hud-bg: rgba(28, 22, 12, .97);--hud-border: rgba(160, 130, 70, .4);--line: rgba(160, 130, 70, .25);--line-strong: rgba(218, 180, 90, .7);--text: #f0e8d8;--muted: #c4b48c;--alloy: #d4a843;--power: #5aad4a;--player: #4a9edc;--enemy: #cc5544;--accent: #dab45a;--danger: #cc4433;--success: #6ab85a;--shadow: 0 12px 32px rgba(0, 0, 0, .5);--hud-height: 260px;--topbar-height: 48px;--btn-hover-bg: linear-gradient(180deg, rgba(60, 48, 28, .95), rgba(36, 28, 14, .95));--btn-hover-border: rgba(218, 180, 90, .6);--tooltip-bg: rgba(16, 12, 6, .96);--tooltip-border: rgba(160, 130, 70, .5);--settings-bg: rgba(10, 14, 6, .6);--settings-border: rgba(218, 168, 67, .25);--z-canvas: 1;--z-hud: 10;--z-overlay: 50;--z-toast: 100;--z-modal: 200;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#12100a;color:var(--text);overflow:hidden}body{font-family:IBM Plex Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.swarmfront-shell{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.top-bar{flex:0 0 var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:var(--hud-bg);border-bottom:1px solid var(--hud-border);z-index:var(--z-hud)}.resource-strip{display:flex;gap:16px;align-items:center;column-gap:18px}.resource-strip span{display:flex;align-items:center;gap:4px;font-size:1rem;padding:0;border:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-width:78px;font-family:IBM Plex Mono,ui-monospace,JetBrains Mono,Consolas,monospace;font-variant-numeric:tabular-nums}.resource-strip span strong{color:var(--muted);font-weight:600;font-size:.88rem;text-transform:uppercase;letter-spacing:.06em;font-family:IBM Plex Sans,system-ui,sans-serif;letter-spacing:.08em}.resource-value{font-family:IBM Plex Mono,ui-monospace,JetBrains Mono,Cascadia Code,Consolas,monospace;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.02em}.resource-strip .income-rate,.resource-strip .gatherer-count{font-family:IBM Plex Mono,ui-monospace,JetBrains Mono,Consolas,monospace;font-variant-numeric:tabular-nums}.top-bar-right{display:flex;align-items:center;gap:8px}.top-bar-right button{padding:6px 14px;font-size:.85rem;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted)}.top-bar-right button:hover{border-color:var(--line-strong);color:var(--text)}.viewport{flex:1 1 0;position:relative;overflow:hidden}.battlefield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:soft-light;opacity:.18}.bottom-hud{flex:0 0 var(--hud-height);display:grid;grid-template-columns:250px 1fr 300px;background:linear-gradient(180deg,#241c0efa,#120e06fc);border-top:3px solid rgba(180,150,80,.5);box-shadow:inset 0 1px #ffdc781f,inset 0 -1px #0006,0 -4px 16px #00000080;z-index:var(--z-hud)}.hud-left{display:flex;flex-direction:column;border-right:1px solid rgba(120,100,55,.35);padding:8px 10px;gap:8px}.minimap-frame{position:relative;border:2px solid rgba(160,130,70,.55);border-radius:3px;box-shadow:inset 0 0 6px #0009,0 1px #ffdc781a;background:#0a0e06}.minimap{width:100%;aspect-ratio:16 / 10;display:block;cursor:pointer;border-radius:2px}.quick-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.group-btn{padding:4px;font-size:.8rem;text-align:center;border-radius:3px;border:1px solid rgba(120,100,55,.4);background:linear-gradient(180deg,#282012e6,#161008e6);color:var(--muted);cursor:pointer;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:inset 0 1px #ffdc780f}.group-btn strong{font-size:.8rem;color:var(--text)}.group-btn .hotkey{font-size:.7rem;color:var(--accent);letter-spacing:.08em}.group-btn:hover{border-color:var(--line-strong);background:linear-gradient(180deg,#372d19f2,#231c0cf2)}.hud-center{display:flex;flex-direction:row;padding:6px 10px;gap:10px;overflow:hidden;min-width:0}.portrait-frame{flex:0 0 auto;width:120px;display:flex;flex-direction:column;align-items:center;gap:4px}.portrait-box{width:110px;height:110px;border:2px solid rgba(160,130,70,.55);border-radius:4px;background:linear-gradient(135deg,#141008f2,#1e180cf2);box-shadow:inset 0 0 8px #0009,0 1px #ffdc7814;display:flex;align-items:center;justify-content:center;overflow:hidden;image-rendering:pixelated}.portrait-box img{width:88px;height:88px;object-fit:contain;image-rendering:pixelated}.portrait-box .portrait-icon{font-size:1.6rem;color:var(--muted);line-height:1}.portrait-name{font-size:.95rem;font-weight:600;color:var(--text);text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.portrait-breakdown{font-size:.72rem;font-weight:500;color:var(--muted);text-align:center;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;letter-spacing:.02em}.portrait-hp-bar{width:100%;height:8px;border-radius:2px;background:#141008d9;border:1px solid rgba(100,80,40,.3);overflow:hidden}.portrait-hp-fill{height:100%;transition:width .15s linear;border-radius:1px}.portrait-hp-fill.hp-green{background:linear-gradient(90deg,#4a9a4a,#6ab85a)}.portrait-hp-fill.hp-yellow{background:linear-gradient(90deg,#b8a030,#d4a843)}.portrait-hp-fill.hp-red{background:linear-gradient(90deg,#a83030,#c43)}.info-column{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-width:0}.hud-center-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-center-header h3{margin:0;font-size:1.1rem;font-weight:600}.hud-center-header .score-line{color:var(--muted);font-size:.85rem}.overview-row{display:flex;gap:12px}.overview-stat{display:flex;align-items:center;gap:4px;font-size:.92rem}.overview-stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.overview-stat .value{color:var(--text);font-weight:600}.selection-list{display:flex;flex-wrap:wrap;gap:4px;overflow-y:auto;max-height:96px}.selection-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;border:1px solid var(--line);background:#18120abf;font-size:.88rem;white-space:nowrap;transition:border-color .15s,background .15s}.selection-chip:hover{border-color:var(--line-strong);background:#241c0ed9}.selection-chip .hp{color:var(--muted);font-size:.82rem}.empty-hint{color:var(--muted);font-size:.88rem;font-style:italic}.alerts-row{display:flex;gap:6px;flex-wrap:wrap}.alert-chip{padding:5px 10px;border-radius:4px;border:1px solid rgba(255,95,95,.3);background:#280a0a99;font-size:.88rem;color:var(--danger);transition:border-color .15s,background .15s}.alert-chip:hover{border-color:#ff5f5f80;background:#320e0eb3}.alert-chip.quiet{border-color:var(--line);background:#18120a8c;color:var(--muted)}.alert-chip.quiet:hover{border-color:var(--line-strong);background:#241c0eb3}.hud-right{display:flex;flex-direction:column;border-left:1px solid rgba(120,100,55,.35);padding:6px 8px;gap:4px;min-width:0}.command-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 2px 2px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}.cmd-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;border-radius:6px;border:2px solid rgba(120,100,55,.4);background:linear-gradient(180deg,#2c2414f2,#161008f2);color:var(--text);text-align:center;cursor:pointer;min-height:72px;position:relative;box-shadow:inset 0 1px #ffdc7814,0 2px 4px #0000004d}.cmd-btn .cmd-icon{width:36px;height:36px;image-rendering:pixelated;opacity:.9}.cmd-btn strong{font-size:.88rem;line-height:1.15}.cmd-btn .cost{font-size:.75rem;color:var(--alloy);font-style:normal}.cmd-btn .hotkey-badge{position:absolute;top:2px;right:3px;font-size:.7rem;color:var(--accent);font-weight:700;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.cmd-btn:hover:not(:disabled){border-color:var(--btn-hover-border);background:var(--btn-hover-bg);box-shadow:inset 0 1px #ffdc7826,0 2px 8px #dab45a26}.cmd-btn:active:not(:disabled){transform:scale(.96);box-shadow:inset 0 2px 4px #0006}.cmd-btn:disabled{opacity:.35;cursor:not-allowed}.cmd-btn-active{background:linear-gradient(180deg,#ffc43c38,#a06e1e57);border-color:#ffc43cb3;box-shadow:inset 0 0 0 1px #ffc43ca6,0 0 0 2px #ffc43c40}.cmd-btn-armed{background:linear-gradient(180deg,#4ec4e82e,#146e8c4d);border-color:#78dcfad9;box-shadow:inset 0 0 0 1px #78dcfab3,0 0 0 3px #78dcfa38;animation:cmd-armed-pulse 1.8s ease-in-out infinite}@keyframes cmd-armed-pulse{0%,to{box-shadow:inset 0 0 0 1px #78dcfab3,0 0 0 3px #78dcfa38}50%{box-shadow:inset 0 0 0 1px #78dcfaf2,0 0 0 5px #78dcfa61}}@media(prefers-reduced-motion:reduce){.cmd-btn-armed{animation:none}}.cmd-empty{display:flex;align-items:center;justify-content:center;grid-column:1 / -1;grid-row:1 / -1;color:var(--muted);font-size:.88rem;text-align:center;padding:8px;font-style:italic}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0804bf}.gate-with-intro{background:linear-gradient(#0a08049e,#0a0804c7),url(/audio/cinematics/intro-v2.png) center / cover no-repeat}.overlay.state-victory{background:linear-gradient(#0a080494,#0a0804b8),url(/audio/cinematics/victory-v2.png) center / cover no-repeat}.overlay.state-defeat{background:linear-gradient(#0a08049e,#0a0804d1),url(/audio/cinematics/defeat-v2.png) center / cover no-repeat}.gate-card,.state-card,.rotate-card{width:min(580px,100%);padding:28px;border-radius:16px;display:flex;flex-direction:column;gap:16px;background:var(--panel-strong);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.gate-card h2,.state-card h2,.rotate-card h2{margin:0;font-family:JetBrains Mono,Courier New,monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.gate-grid,.stats-grid{display:flex;gap:12px;flex-wrap:wrap}.gate-grid>div,.stats-grid>span{flex:1 1 180px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#18120ac7}.stats-grid.detailed{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-row{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#18120a99}.stat-label{color:var(--muted);font-size:.82rem}.stat-value{font-weight:700;font-size:.92rem;font-variant-numeric:tabular-nums}.footer-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.footer-actions-grouped{flex-wrap:wrap;column-gap:8px;row-gap:10px;justify-content:center;max-width:720px;margin:0 auto}.footer-actions-grouped .ghost-button,.footer-actions-grouped .launch-button{flex:0 1 auto;min-width:116px;white-space:normal;line-height:1.15;padding:8px 14px;min-height:44px}.gate-biome{display:flex;align-items:center;gap:10px;padding:8px 0}.gate-biome select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 32px 8px 12px;border-radius:6px;border:1px solid var(--line);background:#18120ad9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a89878'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text);font-size:.85rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.gate-biome select:hover{border-color:var(--line-strong)}.gate-biome select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 2px #dab45a33}.gate-biome select option{background:#1a1408;color:var(--text);padding:6px 10px}.ghost-button,.launch-button{padding:10px 16px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,#241c0eeb,#141008f0);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.ghost-button:hover{border-color:var(--line-strong);background:linear-gradient(180deg,#372d19f5,#231c0cf5)}.ghost-button:active{transform:scale(.97)}.personal-best{color:var(--accent);font-size:.82rem}.launch-button{background:linear-gradient(135deg,#dab45ae6,#8c6e28eb);color:#1a1408;font-weight:700;border-color:#dab45a99}.launch-button:hover{filter:brightness(1.1)}.launch-button:active{transform:scale(.97);filter:brightness(.95)}.muted{color:var(--muted)}.quiet{opacity:.66}.build-queue{display:flex;flex-direction:column;gap:4px;margin-top:4px}.queue-progress{position:relative;height:16px;border-radius:4px;border:1px solid var(--line);background:#18120acc;overflow:hidden}.queue-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--power),rgba(90,173,74,.6));transition:width .1s linear}.queue-label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-canvas);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--text)}.queue-pending{display:flex;gap:4px;flex-wrap:wrap}.queue-chip{padding:4px 8px;border-radius:3px;border:1px solid var(--line);background:#18120a99;font-size:.8rem;color:var(--muted);transition:border-color .15s}.queue-chip:hover{border-color:var(--line-strong);background:#241c0eb3}.hp-green{color:var(--success)}.hp-yellow{color:var(--alloy)}.hp-red{color:var(--danger)}.unit-stats-row{display:flex;gap:8px;margin-top:2px}.stat-chip{display:flex;align-items:center;gap:3px;font-size:.92rem;color:var(--text)}.stat-chip .stat-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.speed-controls{display:flex;gap:2px}.speed-controls button{padding:3px 6px;font-size:.65rem;border-radius:4px;border:1px solid var(--line);background:transparent;color:var(--muted);min-width:24px}.speed-controls button:hover{border-color:var(--line-strong);color:var(--text)}.speed-active{background:#dab45a26!important;border-color:var(--accent)!important;color:var(--accent)!important}.idle-alert{border-color:#dab45a66}@keyframes supply-pulse{0%,to{color:var(--text)}50%{color:var(--danger)}}.supply-full{animation:supply-pulse 1.5s ease-in-out infinite}.supply-warning{animation:supply-warn-pulse 1s ease-in-out infinite;color:#d4a843}@keyframes supply-warn-pulse{0%,to{opacity:1}50%{opacity:.5;color:#e8a020}}.income-rate{font-size:.72rem;color:var(--success);margin-left:4px}.income-rate.negative{color:var(--danger)}.gatherer-count{font-size:.72rem;color:var(--muted);margin-left:2px}.idle-badge{background:var(--danger);color:#fff;border-radius:50%;font-size:.65rem;padding:1px 5px;margin-left:4px;font-weight:700;animation:idle-pulse 1.4s ease-in-out infinite}@keyframes idle-pulse{0%,to{box-shadow:0 0 #daa843b3}50%{box-shadow:0 0 0 6px #daa84300}}.group-btn[data-testid=quick-idle]{grid-column:1 / -1;flex-direction:row;gap:4px;min-height:44px;padding:6px 8px}@media(pointer:coarse){.group-btn[data-testid=quick-idle],.group-btn{min-height:48px}}.group-btn.has-idle{border-color:var(--alloy);box-shadow:0 0 6px #d4a8434d}.hud-tabs-shell{display:flex;justify-content:space-between;gap:12px;padding:6px 10px 0}.hud-tabs{display:flex;gap:6px}.hud-tab{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#18120ad1;color:var(--muted);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.battlefield.attack-move-mode{cursor:crosshair}.battlefield.formation-armed{cursor:cell}@media(max-width:900px){:root{--hud-height: 220px}.bottom-hud{grid-template-columns:200px 1fr 260px}.portrait-box{width:90px;height:90px}.portrait-frame{width:100px}.command-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){:root{--hud-height: 180px}.bottom-hud{grid-template-columns:160px 1fr 200px}.quick-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-frame{display:none}.hud-tabs-shell{padding:4px 10px 0}.hud-center-header h3{font-size:.75rem}.command-grid{grid-template-columns:repeat(2,1fr)}.cmd-btn{padding:3px 4px;min-height:38px}.stats-grid.detailed{grid-template-columns:1fr;gap:6px}.tutorial-banner{max-width:95%;padding:8px 14px;gap:8px}}@media(max-height:480px){:root{--hud-height: 160px;--topbar-height: 28px}.resource-strip span{font-size:.7rem;min-width:64px}.resource-strip .gatherer-count{display:none}.quick-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-frame{display:none}.hud-tabs-shell{padding:4px 10px 0}}@media(max-width:480px){:root{--hud-height: 150px}.bottom-hud{grid-template-columns:130px 1fr 160px}.quick-groups{display:flex;flex-direction:row;gap:4px}.quick-groups .group-btn:not([data-testid=quick-idle]){display:none}.group-btn[data-testid=quick-idle]{flex:1;min-height:44px}.portrait-frame{display:none}.cmd-btn strong{font-size:.55rem}.cmd-btn .cost{display:none}.stats-grid.detailed{grid-template-columns:1fr}.gate-card,.state-card{padding:18px;gap:12px}.gate-grid{flex-direction:column}}.tooltip-wrapper{position:relative}.game-tooltip{position:fixed;z-index:var(--z-toast);max-width:260px;padding:10px 14px;border-radius:8px;border:1px solid var(--tooltip-border);background:var(--tooltip-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0009;color:var(--text);font-size:.82rem;pointer-events:none;opacity:0;transition:opacity .15s}.game-tooltip.visible{opacity:1}.game-tooltip .tt-title{font-weight:700;margin-bottom:4px;color:var(--accent, #dab45a)}.game-tooltip .tt-desc{color:var(--muted);font-size:.75rem;line-height:1.4;margin-bottom:4px}.game-tooltip .tt-cost{color:var(--alloy);font-size:.72rem}.game-tooltip .tt-hotkey{color:var(--accent);font-size:.68rem;font-weight:600}.tutorial-banner{position:absolute;top:var(--topbar-height);left:50%;transform:translate(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:12px;padding:10px 20px;border-radius:0 0 12px 12px;border:1px solid rgba(160,130,70,.5);border-top:none;background:#100c06f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000080;max-width:700px}.tutorial-step{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--accent, #dab45a);padding:3px 8px;border-radius:4px;background:#dab45a26}.tutorial-text{font-size:.88rem;color:var(--text);line-height:1.3}.tutorial-skip{flex-shrink:0;padding:4px 12px;font-size:.72rem;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.tutorial-skip:hover{border-color:var(--line-strong);color:var(--text)}.tutorial-complete{color:var(--success);font-weight:700}.defeat-desaturate{animation:defeatDesaturate 2s ease-out forwards}@keyframes defeatDesaturate{0%{filter:saturate(1)}to{filter:saturate(.15)}}.perf-overlay{position:fixed;top:calc(var(--topbar-height) + 8px);right:12px;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.2;background:#080604d9;border:1px solid var(--hud-border);border-radius:4px;color:var(--text);pointer-events:none}.perf-overlay .perf-good{color:var(--success);font-weight:600}.perf-overlay .perf-warn{color:var(--accent);font-weight:600}.perf-overlay .perf-bad{color:var(--danger);font-weight:600}.perf-overlay .perf-frame{color:var(--muted)}.recording-dot{position:fixed;top:12px;left:12px;z-index:var(--z-toast);display:flex;align-items:center;gap:.45rem;padding:.25rem .55rem;background:#280c0cd9;border:1px solid rgba(255,80,80,.6);border-radius:4px;font-size:.72rem;font-weight:700;color:#ff6060;letter-spacing:.05em;pointer-events:none}.recording-dot-icon{width:10px;height:10px;border-radius:50%;background:#ff3030;box-shadow:0 0 6px #ff3c3ccc;animation:rec-blink 1.4s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.recording-dot-icon{animation:none}}.ghost-button.is-recording{background:linear-gradient(180deg,#ff505038,#781e1e52);border-color:#ff6464b3;color:#ffd0d0}.replay-scrubber{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:var(--z-toast);min-width:460px;max-width:calc(100vw - 32px);padding:.55rem .85rem;background:#141008eb;border:1px solid rgba(180,140,70,.45);border-radius:6px;color:var(--text, #e6dcc4);font-size:.78rem;box-shadow:0 4px 14px #0009}.replay-scrubber-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.replay-label{font-weight:700;letter-spacing:.06em;color:var(--accent, #f5c45c)}.replay-btn{min-width:36px;padding:.18rem .45rem;background:#322814b3;border:1px solid rgba(160,130,70,.4);border-radius:3px;color:var(--text, #e6dcc4);font-size:.78rem;cursor:pointer}.replay-btn:hover{background:#46381ed9}.replay-btn-active{background:#f5c45c47;border-color:#f5c45cb3;color:#fff5d6}.replay-time{margin-left:auto;color:var(--muted, #c4b48c);font-variant-numeric:tabular-nums}.replay-progress{margin-top:.45rem;height:4px;background:#322814b3;border-radius:2px;overflow:hidden}.replay-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent, #f5c45c) 0%,var(--accent, #f5c45c) 100%);transition:width .2s linear}@media(prefers-reduced-motion:reduce){.replay-progress-fill{transition:none}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline-offset:3px}@media(prefers-reduced-motion:reduce){:root:not([data-motion-pref=normal]) *,:root:not([data-motion-pref=normal]) *:before,:root:not([data-motion-pref=normal]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root:not([data-motion-pref=normal]) .idle-badge,:root:not([data-motion-pref=normal]) .scanline{animation:none}:root:not([data-motion-pref=normal]) .defeat-desaturate{animation:none;filter:saturate(.5)}}:root[data-motion-pref=reduced] *,:root[data-motion-pref=reduced] *:before,:root[data-motion-pref=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root[data-motion-pref=reduced] .idle-badge,:root[data-motion-pref=reduced] .scanline{animation:none}:root[data-motion-pref=reduced] .defeat-desaturate{animation:none;filter:saturate(.5)}.pause-settings{margin-top:16px;padding:14px 16px;background:var(--settings-bg);border:1px solid var(--settings-border);border-radius:6px;display:flex;flex-direction:column;gap:14px;text-align:left}.pause-settings .settings-row{display:flex;flex-direction:column;gap:6px}.pause-settings .settings-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim, #b8a880)}.pause-settings .settings-value{font-variant-numeric:tabular-nums;margin-left:6px;color:var(--text, #e6dcc4)}.pause-settings .settings-row input[type=range]{width:100%;accent-color:var(--accent, #daa843)}.pause-settings .settings-motion{border:0;padding:0;margin:0}.pause-settings .settings-motion label{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:.85rem;color:var(--text, #e6dcc4)}.pause-settings .settings-keyremap .settings-hint{font-size:.78rem;color:var(--text-dim, #b8a880);font-style:italic}.settings-keyremap .settings-keytable{width:100%;border-collapse:collapse;font-size:.78rem;color:var(--text, #e6dcc4)}.settings-keyremap .settings-keytable td{padding:.18rem .42rem;border-bottom:1px solid rgba(120,100,60,.18);vertical-align:top}.settings-keyremap .settings-keytable td:first-child{white-space:nowrap;color:var(--accent, #f5c45c);font-weight:500;min-width:90px}.settings-keyremap kbd{display:inline-block;padding:.05rem .3rem;background:#3c321e99;border:1px solid rgba(160,130,70,.5);border-radius:3px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.72rem;color:var(--text, #e6dcc4)}@media(prefers-contrast:more){:root:not([data-contrast-pref=normal]){--hud-bg: #06040a;--panel: #06040a;--panel-strong: #000000;--hud-border: #ffd866;--line: rgba(255, 216, 102, .85);--line-strong: #ffe78a;--text: #ffffff;--muted: #f0d890;--accent: #ffd44a;--shadow: 0 12px 32px rgba(0, 0, 0, .85);--btn-hover-bg: #1a1106;--btn-hover-border: #ffe78a;--tooltip-bg: #000000;--tooltip-border: #ffd866;--settings-bg: #06040a;--settings-border: #ffd866;--danger: #ff5544;--success: #22c55e}:root:not([data-contrast-pref=normal]) .cmd-btn,:root:not([data-contrast-pref=normal]) .pause-settings,:root:not([data-contrast-pref=normal]) .quick-group{border-width:2px}:root:not([data-contrast-pref=normal]) .scanline{display:none}:root:not([data-contrast-pref=normal]) .idle-badge{color:#0a0500;font-weight:700}}:root[data-contrast-pref=more]{--hud-bg: #06040a;--panel: #06040a;--panel-strong: #000000;--hud-border: #ffd866;--line: rgba(255, 216, 102, .85);--line-strong: #ffe78a;--text: #ffffff;--muted: #f0d890;--accent: #ffd44a;--shadow: 0 12px 32px rgba(0, 0, 0, .85);--btn-hover-bg: #1a1106;--btn-hover-border: #ffe78a;--tooltip-bg: #000000;--tooltip-border: #ffd866;--settings-bg: #06040a;--settings-border: #ffd866;--danger: #ff5544;--success: #22c55e}:root[data-contrast-pref=more] .cmd-btn,:root[data-contrast-pref=more] .pause-settings,:root[data-contrast-pref=more] .quick-group{border-width:2px}:root[data-contrast-pref=more] .scanline{display:none}:root[data-contrast-pref=more] .idle-badge{color:#0a0500;font-weight:700}