:root{--brass: #c9a227;--brass-lit: #f4d894;--brass-deep: #7d6118;--ivory: #f2e8d5;--ivory-dim: #b9ac95;--walnut: #2a1d14;--ink: #0e0b08;--era-1987: #e8a94b;--era-2026: #7e92a0;--era-2077: #5fa88c;--era-accent: var(--era-1987);--era-tint-rgb: 232 169 75;--era-tint-a: .1;--serif-cn: "Noto Serif SC", "Songti SC", "STSong", serif;--serif-en: "Cormorant Garamond", "Times New Roman", serif;--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--ivory);font-family:var(--serif-cn);-webkit-font-smoothing:antialiased;user-select:none;cursor:default}body.playing{cursor:none}kbd{font-family:var(--serif-en);font-size:.82em;font-weight:600;padding:.12em .5em;margin:0 .12em;border:1px solid rgb(201 162 39 / .55);border-radius:3px;background:#c9a2271a;color:var(--brass-lit);letter-spacing:.04em}.hidden{display:none!important}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#era-tint,#grain,#vignette,#shift-flash{position:fixed;inset:0;pointer-events:none}#era-tint{background:rgb(var(--era-tint-rgb) / var(--era-tint-a));mix-blend-mode:soft-light;transition:background 1.1s var(--ease);z-index:2}#vignette{z-index:3;background:radial-gradient(ellipse 78% 68% at 50% 50%,transparent 42%,rgb(0 0 0 / .58) 100%),linear-gradient(to bottom,rgb(0 0 0 / .22),transparent 22%,transparent 78%,rgb(0 0 0 / .3))}#grain{z-index:4;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainshift .7s steps(3) infinite}@keyframes grainshift{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}#shift-flash{z-index:5;opacity:0;background:radial-gradient(circle at 50% 52%,rgb(244 216 148 / .55) 0%,rgb(244 216 148 / .12) 26%,transparent 60%)}#shift-flash.fire{animation:shiftpulse .9s var(--ease)}@keyframes shiftpulse{0%{opacity:0;transform:scale(.35)}18%{opacity:.95}to{opacity:0;transform:scale(2.6)}}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud.hidden{display:none}#objective{position:absolute;top:30px;left:34px;padding:14px 20px 13px 18px;min-width:208px;background:linear-gradient(160deg,#14100ccc,#14100c7a);border-left:2px solid var(--era-accent);backdrop-filter:blur(9px) saturate(.85);box-shadow:0 14px 40px #00000080;transition:border-color 1.1s var(--ease);animation:cardIn .8s var(--ease) both}@keyframes cardIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.obj-label{font-family:var(--serif-en);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--brass);opacity:.8;margin-bottom:5px}.obj-text{font-size:15px;font-weight:500;color:var(--ivory);line-height:1.5;letter-spacing:.02em}#parts-list{list-style:none;margin:12px 0 0;padding:11px 0 0;display:flex;gap:15px;border-top:1px solid rgb(201 162 39 / .22)}#parts-list li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ivory-dim);opacity:.5;transition:opacity .5s var(--ease),color .5s var(--ease);letter-spacing:.06em}#parts-list li .pip{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;transition:all .5s var(--ease)}#parts-list li.have{opacity:1;color:var(--brass-lit)}#parts-list li.have .pip{background:var(--brass-lit);box-shadow:0 0 9px var(--brass-lit)}#parts-list li.installed .pn{text-decoration:line-through;text-decoration-color:#f4d8948c}#reticle{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);display:grid;place-items:center}#reticle .dot{width:3px;height:3px;border-radius:50%;background:var(--ivory);opacity:.55;transition:all .22s var(--ease)}#reticle .ring{position:absolute;width:22px;height:22px;border-radius:50%;border:1px solid var(--brass-lit);opacity:0;transform:scale(.6);transition:all .22s var(--ease)}#reticle.hot .dot{opacity:0}#reticle.hot .ring{opacity:.9;transform:scale(1)}#prompt{position:absolute;left:50%;top:calc(50% + 30px);transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ivory);letter-spacing:.05em;opacity:0;transition:opacity .22s var(--ease);text-shadow:0 2px 12px rgb(0 0 0 / .9)}#prompt.show{opacity:1}#hand-slot{position:absolute;right:34px;bottom:190px;padding:12px 18px;text-align:right;border-right:2px solid var(--brass);background:linear-gradient(255deg,rgb(20 16 12 / .78),transparent);opacity:0;transform:translate(16px);transition:all .4s var(--ease)}#hand-slot.show{opacity:1;transform:none}#hand-name{display:block;font-size:15px;color:var(--brass-lit);letter-spacing:.1em}#hand-slot small{display:block;margin-top:4px;font-size:10.5px;color:var(--ivory-dim);opacity:.72;letter-spacing:.04em}#dial-wrap{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:240px;text-align:center}#dial{width:240px;height:140px;display:block;overflow:visible}.dial-arc{fill:none;stroke:#f2e8d521;stroke-width:2}.dial-arc-lit{fill:none;stroke:url(#brass);stroke-width:2.5;stroke-linecap:round;filter:url(#glow);transition:stroke-dashoffset .75s var(--ease)}.tick{stroke:#f2e8d552;stroke-width:1.5}.tick.on{stroke:var(--brass-lit);stroke-width:2.5}.tick-label{font-family:var(--serif-en);font-size:12px;font-weight:600;fill:#f2e8d561;letter-spacing:.06em;text-anchor:middle;transition:fill .5s var(--ease)}.tick-label.on{fill:var(--brass-lit)}#needle{transition:transform .75s var(--ease);transform-origin:120px 128px}.needle-line{stroke:var(--brass-lit);stroke-width:2.5;stroke-linecap:round;filter:url(#glow)}.needle-hub{fill:var(--brass);stroke:var(--brass-lit);stroke-width:1.5}#era-name{margin-top:-4px;line-height:1.15}#era-name .ey{display:block;font-family:var(--serif-en);font-size:30px;font-weight:600;letter-spacing:.16em;color:var(--brass-lit);text-shadow:0 2px 18px rgb(0 0 0 / .8)}#era-name .es{display:block;font-size:11.5px;letter-spacing:.3em;color:var(--ivory-dim);opacity:.8}#dial-hint{margin-top:9px;font-size:10.5px;letter-spacing:.1em;color:var(--ivory-dim);opacity:.5;transition:opacity .6s var(--ease)}#dial-hint.fade{opacity:0}#subtitle{position:absolute;left:50%;bottom:200px;transform:translate(-50%);max-width:640px;text-align:center;opacity:0;transition:opacity .5s var(--ease);text-shadow:0 2px 16px rgb(0 0 0 / .95)}#subtitle.show{opacity:1}#subtitle-who{display:block;font-family:var(--serif-en);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}#subtitle-text{font-size:17px;line-height:1.75;color:var(--ivory);letter-spacing:.03em}#toast{position:absolute;left:50%;top:96px;transform:translate(-50%,-10px);padding:9px 22px;font-size:13.5px;letter-spacing:.08em;background:#0e0b08d6;border:1px solid rgb(201 162 39 / .34);color:var(--brass-lit);opacity:0;transition:all .45s var(--ease)}#toast.show{opacity:1;transform:translate(-50%)}#title-screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:radial-gradient(ellipse 60% 50% at 50% 42%,#23180f,#0e0b08 68%),#0e0b08;transition:opacity 1.2s var(--ease),visibility 1.2s}#title-screen.gone{opacity:0;visibility:hidden;pointer-events:none}.t-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 45%,transparent 40%,rgb(0 0 0 / .75) 100%)}.tv{position:relative;text-align:center;z-index:1;padding:0 24px}.t-kicker{font-family:var(--serif-en);font-size:10.5px;letter-spacing:.46em;color:var(--brass);opacity:.75;margin-bottom:30px;animation:fadeUp 1s var(--ease) both}.t-main{margin:0;font-size:clamp(52px,9vw,104px);font-weight:300;letter-spacing:.1em;color:var(--ivory);line-height:1;text-shadow:0 0 60px rgb(201 162 39 / .28);animation:fadeUp 1.3s var(--ease) .12s both}.t-gap{display:inline-block;width:.22em}.t-en{margin-top:16px;font-family:var(--serif-en);font-size:13px;letter-spacing:.58em;color:var(--brass);text-indent:.58em;animation:fadeUp 1.3s var(--ease) .26s both}.t-sub{margin-top:30px;font-size:14.5px;letter-spacing:.16em;color:var(--ivory-dim);animation:fadeUp 1.3s var(--ease) .4s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#loader{margin-top:46px;animation:fadeUp 1.3s var(--ease) .55s both}#loader-bar{width:260px;height:1px;margin:0 auto;background:#f2e8d521;overflow:hidden}#loader-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--brass-deep),var(--brass-lit));box-shadow:0 0 12px var(--brass-lit);transition:width .5s var(--ease)}#loader-text{margin-top:13px;font-size:11.5px;letter-spacing:.2em;color:var(--ivory-dim);opacity:.62}#start-btn{margin-top:40px;padding:15px 46px;font-family:var(--serif-cn);font-size:15px;letter-spacing:.34em;text-indent:.34em;color:var(--brass-lit);background:transparent;border:1px solid rgb(201 162 39 / .45);border-radius:1px;cursor:pointer;transition:all .4s var(--ease);animation:fadeUp .9s var(--ease) both}#start-btn:hover{background:#c9a2271f;border-color:var(--brass-lit);box-shadow:0 0 34px #c9a2274d;letter-spacing:.42em;text-indent:.42em}.t-controls{margin-top:34px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:11.5px;letter-spacing:.06em;color:var(--ivory-dim);opacity:.62;animation:fadeUp .9s var(--ease) .15s both}#ending{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse 60% 50% at 50% 45%,#23180f,#0e0b08 70%),#0e0b08;opacity:0;transition:opacity 2.6s var(--ease)}#ending.show{opacity:1}#ending.hidden{display:none!important}.e-inner{text-align:center;padding:0 24px}.e-line{font-size:17px;line-height:2.1;color:var(--ivory-dim);letter-spacing:.12em;min-height:3.6em}.e-title{margin-top:40px;font-size:clamp(38px,6vw,62px);font-weight:300;letter-spacing:.3em;text-indent:.3em;color:var(--ivory);text-shadow:0 0 60px rgb(201 162 39 / .3)}.e-credit{margin-top:26px;font-family:var(--serif-en);font-size:11px;letter-spacing:.22em;color:var(--brass);opacity:.7}#replay-btn{margin-top:42px;padding:12px 34px;font-family:var(--serif-cn);font-size:13px;letter-spacing:.28em;text-indent:.28em;color:var(--ivory-dim);background:transparent;border:1px solid rgb(242 232 213 / .2);cursor:pointer;transition:all .4s var(--ease)}#replay-btn:hover{color:var(--brass-lit);border-color:#c9a22799}