:root{--surface-0:#0b0d12;--surface-1:#12151d;--surface-2:#161a24;--surface-3:#1d2230;--text:#e8e6df;--text-muted:#9aa0ac;--primary:#c8a24a;--primary-bright:#e7c870;--accent:#6fd0c4;--danger:#d76a6a;--success:#79c66f;--border:#2a3040;--shadow:#00000080}*{box-sizing:border-box}html,body{background:var(--surface-0);height:100%;color:var(--text);margin:0;font-family:Space Grotesk,sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}.ticker{border-bottom:1px solid var(--border);white-space:nowrap;background:linear-gradient(#14110a,#0c0a06);flex:none;height:34px;position:relative;overflow:hidden}.ticker-track{will-change:transform;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.ticker-item{height:100%;color:var(--primary-bright);letter-spacing:.02em;align-items:center;padding:0 2.5rem;font-size:.95rem;display:inline-flex}#main{flex:auto;min-height:0;display:flex}#stage{background:radial-gradient(ellipse at 50% 38%, var(--surface-1), var(--surface-0) 70%);flex:auto;min-width:0;position:relative}#game{width:100%;height:100%;display:block}.hud{text-align:center;pointer-events:none;position:absolute;top:18px;left:0;right:0}.total-time{letter-spacing:.02em;color:var(--primary-bright);text-shadow:0 2px 12px var(--shadow);font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:600}.date-label{letter-spacing:.03em;color:var(--text);text-shadow:0 2px 12px var(--shadow);font-size:2.1rem;font-weight:600}.era-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-top:2px;font-size:.95rem}.progress{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;height:14px;position:absolute;bottom:26px;left:8%;right:8%;overflow:visible}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary-bright));border-radius:7px;width:0%;height:100%;transition:width .25s linear}.progress-ticks{pointer-events:none;position:absolute;inset:0}.progress-ticks .tick{background:var(--border);width:1px;height:20px;position:absolute;top:-3px}.progress-ticks .tick span{letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;font-size:.62rem;position:absolute;top:22px;left:50%;transform:translate(-50%)}.progress-start,.progress-end{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;position:absolute;top:-20px;overflow:hidden}.progress-start{left:0}.progress-end{right:0}.shop{background:var(--surface-2);border-left:1px solid var(--border);flex-direction:column;flex:0 0 340px;min-height:0;display:flex}.shop.locked{opacity:.45;pointer-events:none;filter:grayscale(.5)}.shop-stats{border-bottom:1px solid var(--border);background:var(--surface-1);justify-content:space-between;gap:8px;padding:12px 14px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem}.stat-value{color:var(--primary-bright);font-variant-numeric:tabular-nums;font-size:.98rem}.shop-tabs{border-bottom:1px solid var(--border);display:flex}.tab{color:var(--text-muted);font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:.85rem;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--primary-bright);border-bottom-color:var(--primary)}.tab.has-new:after{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px var(--accent);border-radius:50%;animation:1.6s ease-in-out infinite tab-new-pulse;position:absolute;top:7px;right:12px}@keyframes tab-new-pulse{0%,to{opacity:1}50%{opacity:.35}}.tab-panel{flex:auto;padding:10px;overflow-y:auto}.item{text-align:left;background:var(--surface-3);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;grid-template-columns:1fr auto;gap:2px 8px;margin-bottom:8px;padding:10px 12px;transition:border-color .12s,transform 40ms;display:grid}.item:hover:not(:disabled){border-color:var(--primary)}.item:active:not(:disabled){transform:translateY(1px)}.item:disabled{opacity:.5;cursor:default}.item.affordable{border-color:#3a4660}.item-name{font-size:.98rem;font-weight:600}.item-count{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.item-desc{color:var(--text-muted);grid-column:1/-1;font-size:.78rem;line-height:1.3}.item-effect{letter-spacing:.02em;color:var(--accent);grid-column:1/-1;font-family:Roboto Mono,monospace;font-size:.72rem}.item-effect:empty{display:none}.item-cost{color:var(--primary);font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:.82rem}.item-cost.too-expensive{color:var(--danger)}.item.active-skin{border-color:var(--accent)}.item .badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);grid-column:1/-1;font-size:.72rem}.empty-note{color:var(--text-muted);padding:16px 6px;font-size:.85rem;font-style:italic}.shop-footer{border-top:1px solid var(--border);background:var(--surface-1);padding:10px 14px}.toggle{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.toggle select{background:var(--surface-3);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:4px 8px;font-size:.82rem}.endscreen{opacity:0;z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity 2.5s;display:flex;position:absolute;inset:0}.endscreen.show{opacity:1}.epilogue{text-align:center;max-width:620px;color:var(--text);white-space:pre-line;font-size:1.3rem;line-height:1.9}.completion{letter-spacing:.08em;color:var(--primary-bright);margin-top:-8px;font-size:1rem}.play-again{border:1px solid var(--primary);color:var(--primary-bright);font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:8px;padding:12px 28px;font-size:1rem;transition:background .15s,color .15s}.play-again:hover{background:var(--primary);color:#1a1206}.hidden{display:none!important}#paused-hint{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:.8rem;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.sound-consent{z-index:6;background:#080a10b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sound-consent-card{text-align:center;background:var(--surface-2);border:1px solid var(--border);max-width:320px;box-shadow:0 18px 50px var(--shadow);border-radius:10px;margin:0 16px;padding:26px 28px}.sound-consent-title{color:var(--primary-bright);margin:0 0 10px;font-size:1.3rem}.sound-consent-text{color:var(--text-muted);margin:0 0 22px;font-size:.92rem;line-height:1.5}.sound-consent-actions{justify-content:center;gap:12px;display:flex}.sound-btn{color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:9px 16px;font-size:.9rem;transition:border-color .15s,background .15s,color .15s}.sound-btn:hover{border-color:var(--primary)}.sound-btn-primary{color:#1a1206;background:var(--primary);border-color:var(--primary)}.sound-btn-primary:hover{background:var(--primary-bright);border-color:var(--primary-bright)}.tutorial{z-index:7;background:#080a10c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tutorial-card{background:var(--surface-2);border:1px solid var(--border);max-width:380px;box-shadow:0 18px 50px var(--shadow);border-radius:10px;margin:0 16px;padding:26px 28px}.tutorial-title{text-align:center;color:var(--primary-bright);margin:0 0 14px;font-size:1.3rem}.tutorial-subtitle{text-align:center}.tutorial-list{color:var(--text-muted);flex-direction:column;gap:10px;margin:0 0 22px;padding-left:20px;font-size:.92rem;line-height:1.5;display:flex}.tutorial-list strong{color:var(--text);font-weight:600}.tutorial-actions{justify-content:center;display:flex}.records-btn{z-index:4;font:inherit;letter-spacing:.04em;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;opacity:.7;border-radius:999px;padding:6px 14px;font-size:.82rem;transition:opacity .15s,border-color .15s;position:absolute;top:16px;left:16px}.records-btn:hover{opacity:1;border-color:var(--primary)}.records{z-index:7;background:#080a10c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.records-panel{background:var(--surface-2);border:1px solid var(--border);width:min(560px,92%);max-height:78%;box-shadow:0 24px 60px var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.records-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.records-tabs{gap:6px;display:flex}.records-tab{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.85rem}.records-tab:hover{color:var(--text)}.records-tab.active{color:var(--primary-bright);background:var(--surface-3);border-color:var(--border)}.records-close{width:30px;height:30px;font:inherit;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px}.records-close:hover{color:var(--text);border-color:var(--primary)}.records-section{padding:14px 18px;overflow-y:auto}.records-stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;display:flex}.records-stat:last-child{border-bottom:none}.records-stat-label{color:var(--text-muted);font-size:.9rem}.records-stat-value{color:var(--primary-bright);font-family:Roboto Mono,monospace;font-size:.9rem}.records-log-item{border-bottom:1px solid var(--border);padding:8px 0;font-size:.88rem;line-height:1.45}.records-log-item:last-child{border-bottom:none}.records-log-year{color:var(--primary);margin-right:8px;font-family:Roboto Mono,monospace}.records-log-text{color:var(--text)}.records-log-empty{color:var(--text-muted);font-style:italic}.records-achievement{background:var(--surface-3);border:1px solid var(--border);border-left:3px solid var(--border);opacity:.6;border-radius:6px;margin-bottom:8px;padding:10px 12px}.records-achievement.unlocked{opacity:1;border-left-color:var(--primary)}.records-achievement-name{color:var(--text);font-weight:500}.records-achievement.unlocked .records-achievement-name{color:var(--primary-bright)}.records-achievement-desc{color:var(--text-muted);margin-top:2px;font-size:.85rem}.setting{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.setting:last-child{border-bottom:none}.setting-label{color:var(--text-muted);font-size:.9rem}.setting-slider{width:220px;max-width:55%;accent-color:var(--primary);cursor:pointer}.setting-actions{gap:8px;display:flex}.setting-btn{color:var(--text);background:var(--surface-3);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:6px;padding:7px 14px;font-size:.85rem;transition:border-color .15s,background .15s,color .15s}.setting-btn:hover{border-color:var(--primary)}.setting-btn.listening{border-color:var(--accent);color:var(--accent)}.setting-btn-danger:hover{border-color:var(--danger);color:var(--danger)}.setting-btn.armed{color:#1a1206;background:var(--danger);border-color:var(--danger)}.toasts{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}.toast{letter-spacing:.02em;color:#1a1206;background:var(--primary);box-shadow:0 10px 30px var(--shadow);opacity:0;border-radius:999px;padding:9px 18px;font-size:.88rem;transition:opacity .25s,transform .25s;transform:translateY(-8px)}.toast.show{opacity:1;transform:translateY(0)}.end-game{z-index:9;color:#1a1206;background:var(--primary);border:1px solid var(--primary-bright);font:inherit;letter-spacing:.06em;cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 10px 30px var(--shadow);border-radius:8px;padding:12px 30px;font-size:1rem;transition:opacity .7s,background .15s;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.end-game.show{opacity:1;pointer-events:auto}.end-game:hover{background:var(--primary-bright)}.end-stats{flex-direction:column;gap:2px;width:min(320px,80%);margin:0;display:flex}.end-stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;display:flex}.end-stat:last-child{border-bottom:none}.end-stat-label{color:var(--text-muted);letter-spacing:.02em;font-size:.9rem}.end-stat-value{color:var(--primary-bright);font-variant-numeric:tabular-nums;font-family:Roboto Mono,monospace;font-size:.92rem}.end-stat-value.complete{color:var(--success)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.noscript-note{max-width:40rem;color:var(--text-muted);text-align:center;margin:2rem auto;padding:0 1.5rem}