:root{--ink: #f4e9d8;--ink-dim: rgba(244, 233, 216, .62);--amber: #f2b45c;--rust: #d8643a;--night: #120f17;--mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--serif: "Fraunces", "Noto Serif SC", "Songti SC", Georgia, serif;--sans: "Inter", "PingFang SC", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:none}#ui .interactive,#ui .interactive *{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease}.screen.hidden{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.btn{pointer-events:auto;background:transparent;border:1px solid rgba(244,233,216,.4);padding:10px 22px;letter-spacing:.18em;font-family:var(--mono);font-size:12px;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}.btn:hover,.btn:focus-visible{background:var(--ink);color:#1a1310;border-color:var(--ink);outline:none}.btn.primary{border-color:var(--amber);color:var(--amber)}.btn.primary:hover{background:var(--amber);color:#1a1310}.title-screen{background:radial-gradient(ellipse at 50% 120%,rgba(242,180,92,.35),transparent 60%),linear-gradient(180deg,#0a080e8c,#0a080ed9)}.title-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.4em;color:var(--amber);margin-bottom:18px}.title-main{font-family:var(--serif);font-weight:300;font-size:clamp(48px,9vw,132px);letter-spacing:.02em;line-height:.92;text-align:center;margin:0;text-shadow:0 0 40px rgba(242,180,92,.25)}.title-main em{font-style:italic;color:var(--amber)}.title-sub{margin-top:18px;font-size:14px;color:var(--ink-dim);letter-spacing:.12em}.title-actions{margin-top:44px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.chapter-list{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chapter-list .btn{font-size:11px;padding:8px 14px;opacity:.8}.title-help{position:absolute;bottom:28px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-dim);text-align:center;line-height:1.9}.title-help kbd,.hud kbd,.pause kbd{font-family:var(--mono);border:1px solid rgba(244,233,216,.35);border-radius:3px;padding:1px 6px;margin:0 2px;font-size:10px}.loading{background:#0b0a0d}.loading-label{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--ink-dim)}.loading-bar{width:220px;height:2px;background:#ffffff1f;margin-top:14px}.loading-bar>div{height:100%;background:var(--amber);width:0%;transition:width .2s}.loading-error{margin-top:18px;color:#ff8b6b;font-family:var(--mono);font-size:12px;max-width:480px;text-align:center}.hud{position:absolute;inset:0}.rec{position:absolute;top:22px;left:26px;font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-shadow:0 0 6px rgba(0,0,0,.6);line-height:1.6}.rec .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3b2f;margin-right:8px;animation:blink 1.2s steps(1) infinite}.rec .chapter{color:var(--ink-dim);font-size:11px}@keyframes blink{50%{opacity:0}}.tc{position:absolute;top:22px;right:26px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-align:right;text-shadow:0 0 6px rgba(0,0,0,.6);line-height:1.6}.tc .fps-tag{color:var(--amber)}.objective{position:absolute;top:74px;left:26px;font-size:13px;max-width:340px;padding-left:12px;border-left:2px solid var(--amber);text-shadow:0 1px 6px rgba(0,0,0,.7);transition:opacity .5s}.objective .label{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--amber);display:block;margin-bottom:3px}.prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);font-family:var(--mono);font-size:13px;letter-spacing:.12em;padding:7px 14px;background:#0a080c8c;border:1px solid rgba(244,233,216,.25);transition:opacity .2s;white-space:nowrap}.prompt b{color:var(--amber)}.subtitle{position:absolute;left:50%;bottom:9%;transform:translate(-50%);max-width:min(760px,86vw);text-align:center;font-family:var(--serif);font-size:clamp(16px,1.8vw,22px);line-height:1.55;text-shadow:0 1px 2px #000,0 0 18px rgba(0,0,0,.8);transition:opacity .4s}.subtitle .speaker{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.28em;color:var(--amber);margin-bottom:4px}.direction{position:absolute;left:50%;top:18%;transform:translate(-50%);font-family:var(--mono);font-size:13px;letter-spacing:.3em;color:var(--amber);text-shadow:0 0 10px rgba(0,0,0,.8);transition:opacity .4s}.card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .9s ease}.card .k{font-family:var(--mono);font-size:12px;letter-spacing:.42em;color:var(--amber)}.card .t{font-family:var(--serif);font-weight:300;font-size:clamp(40px,6vw,84px);margin:10px 0 6px;letter-spacing:.04em;text-shadow:0 2px 30px rgba(0,0,0,.6)}.card .s{font-size:14px;color:var(--ink-dim);letter-spacing:.2em}.hint{position:absolute;right:26px;bottom:22px;font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.1em;text-align:right;line-height:1.9}.skip-hint{position:absolute;left:26px;bottom:22px;font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.14em;transition:opacity .4s}.toast{position:absolute;left:50%;top:30%;transform:translate(-50%);font-family:var(--mono);letter-spacing:.2em;font-size:12px;background:#0a080c99;padding:8px 16px;border:1px solid rgba(242,180,92,.5);color:var(--amber);transition:opacity .3s}.fps-wrap{position:absolute;right:22px;top:70px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fps-chip{background:#0e0b10b3;border:1px solid rgba(242,180,92,.55);color:var(--amber);font-family:var(--mono);font-size:10px;letter-spacing:.22em;padding:6px 10px}.fps-chip:hover{background:var(--amber);color:#1a1310}.fps-panel{width:262px;padding:12px 14px 10px;background:#0e0b10cc;border:1px solid rgba(244,233,216,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;transition:opacity .25s,transform .25s}.fps-panel.collapsed{opacity:0;transform:translateY(-6px);visibility:hidden;position:absolute}.fps-big{font-family:var(--serif);font-size:30px;font-weight:300;margin:0 0 4px;line-height:1.1}.fps-big small{font-family:var(--mono);font-size:11px;color:var(--ink-dim);margin-left:6px}.fps-panel input[type=range]{width:100%;accent-color:var(--amber);margin:2px 0}.fps-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;color:var(--ink-dim)}.fps-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}.fps-presets button{background:transparent;border:1px solid rgba(244,233,216,.25);padding:5px 0;font-family:var(--mono);font-size:10px}.fps-presets button:hover{border-color:var(--amber)}.fps-presets button.active{background:var(--amber);color:#1a1310;border-color:var(--amber)}.fps-scope{display:flex;flex-direction:column;gap:3px;margin:4px 0 6px;color:var(--ink-dim);font-size:11px}.fps-scope label{display:flex;gap:7px;align-items:center;cursor:pointer}.fps-scope input{accent-color:var(--amber);margin:0}.fps-note{color:var(--ink-dim);line-height:1.55;font-size:10.5px;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.fps-note b{color:var(--ink);font-weight:500}.fps-meter{font-family:var(--mono);font-size:9.5px;color:var(--ink-dim);margin-top:5px;display:flex;justify-content:space-between}.pause{background:#08060ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause h2{font-family:var(--serif);font-weight:300;font-size:54px;margin:0 0 6px;letter-spacing:.06em}.pause .k{font-family:var(--mono);font-size:11px;letter-spacing:.4em;color:var(--amber)}.pause .menu{display:flex;flex-direction:column;gap:10px;margin-top:30px;min-width:260px}.pause input[type=range]{accent-color:var(--amber)}.pause .controls{margin-top:34px;font-family:var(--mono);font-size:11px;color:var(--ink-dim);line-height:2.1;text-align:center}.end{background:radial-gradient(ellipse at 50% 100%,#f2b45c2e,#050408eb 65%)}.end h2{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(38px,5.4vw,72px);margin:0}.end .zh{margin-top:8px;color:var(--ink-dim);letter-spacing:.3em}.end .stats{margin-top:28px;font-family:var(--mono);font-size:12px;color:var(--ink-dim);letter-spacing:.14em;text-align:center;line-height:2}.end .credits{margin-top:26px;font-size:12px;color:var(--ink-dim);text-align:center;line-height:1.9;max-width:560px}.end .credits b{color:var(--ink);font-weight:500}.end .menu{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;justify-content:center}.letterbox{position:absolute;left:0;right:0;height:0;background:#000;transition:height .8s cubic-bezier(.6,0,.2,1)}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.letterbox.on{height:9vh}.fade{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .5s}@media(max-height:640px){.end h2{font-size:34px}.end .stats{margin-top:12px}.end .menu{margin-top:14px}.end .credits{margin-top:12px;font-size:11px;line-height:1.6}.pause h2{font-size:36px}.pause .menu{margin-top:16px;gap:6px}.pause .controls{margin-top:14px}.title-actions{margin-top:24px}.title-help{bottom:12px}.fps-panel{width:236px}}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch{position:absolute;inset:0;pointer-events:none}.touch>*{pointer-events:auto}.joy-zone{position:absolute;left:0;bottom:0;width:45%;height:62%;touch-action:none}.joy-base{position:absolute;left:110px;top:60%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1.5px solid rgba(244,233,216,.35);background:#0a080c40;opacity:.55;transition:opacity .2s}.joy-base.on{opacity:1}.joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#f2b45cd9;box-shadow:0 2px 10px #0006}.tbtns{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:12px;align-items:end}.tbtn{border:1.5px solid rgba(244,233,216,.45);background:#0a080c73;color:var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.08em;border-radius:50%;width:62px;height:62px;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tbtn.on{background:var(--amber);color:#1a1310;border-color:var(--amber)}.tbtn.dim{opacity:.35}.t-jump{width:82px;height:82px;font-size:16px;grid-column:2;grid-row:1 / span 2}.t-act{grid-column:1;grid-row:1}.t-boost{grid-column:1;grid-row:2}.t-pause{position:absolute;left:50%;top:calc(8px + env(safe-area-inset-top));margin-left:-20px;width:40px;height:40px;font-size:11px;border-radius:8px}.t-skip{position:absolute;right:calc(18px + env(safe-area-inset-right));top:42%;width:auto;height:38px;padding:0 16px;border-radius:19px;font-size:12px}@media(pointer:coarse){.hud .hint,.hud .skip-hint{display:none}.rec,.tc{font-size:11px;top:10px}.rec{left:calc(14px + env(safe-area-inset-left))}.tc{right:calc(14px + env(safe-area-inset-right))}.objective{top:46px;left:calc(14px + env(safe-area-inset-left));font-size:12px;max-width:46vw}.fps-wrap{top:46px;right:calc(14px + env(safe-area-inset-right))}.prompt{bottom:auto;top:30%}.subtitle{bottom:5%;max-width:58vw;font-size:15px}.title-help{display:none}}@media(max-height:480px){.title-kicker{font-size:10px;margin-bottom:8px}.title-main{font-size:44px}.title-sub{margin-top:8px;font-size:12px}.title-actions{margin-top:14px}.chapter-list{margin-top:10px}.card .t{font-size:34px}.pause h2{font-size:24px}.pause .k{display:none}.pause .menu{margin-top:8px;gap:5px;min-width:300px}.pause .menu .btn{padding:6px 12px}.pause .controls{display:none}.end h2{font-size:26px}.end .zh{font-size:12px}.end .menu .btn{padding:6px 10px;font-size:10px}.end .credits{display:none}.fps-panel{max-height:70vh;overflow:auto}}.rotate{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0b0a0d;color:var(--ink);font-family:var(--mono);letter-spacing:.2em;font-size:16px;line-height:1.8;z-index:50;text-align:center;gap:14px}.rotate .icon{font-size:56px;animation:rot 1.8s ease-in-out infinite}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(pointer:coarse)and (orientation:portrait){.rotate{display:flex}}.title-help-touch{display:none;position:absolute;bottom:10px;font-size:11px;color:var(--ink-dim);letter-spacing:.08em;text-align:center;padding:0 20px}@media(pointer:coarse){.title-help-touch{display:block}.pause .controls{display:none}}