:root{--ink: #eef1f7;--muted: #aab3c5;--gold: #ffd27f;--glass: rgba(12, 14, 22, .62);--glass-brd: rgba(255, 255, 255, .12);--accent: #7fb2ff;--panel-w: 430px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05060a}.ico{display:inline-flex;width:1.05em;height:1.05em;vertical-align:-.18em}.ico svg{width:100%;height:100%;display:block}#scene{cursor:grab}body.grabbing #scene,body.grabbing{cursor:grabbing}#lang{display:flex;gap:4px;pointer-events:auto}.lang-btn{pointer-events:auto;cursor:pointer;background:#0c0e1680;border:1px solid rgba(255,255,255,.12);color:#b9c2d4;font-size:12px;font-weight:700;letter-spacing:.04em;padding:6px 9px;border-radius:8px;backdrop-filter:blur(8px);transition:color .15s,background .15s,border-color .15s}.lang-btn:hover{color:#fff;background:#ffffff1a}.lang-btn.on{color:#1a1204;background:var(--gold);border-color:var(--gold)}#intro{display:none!important}#body b.kw{cursor:help;border-bottom:1px dashed rgba(255,210,127,.6);transition:color .15s,text-shadow .15s}#body b.kw:hover{color:var(--gold);text-shadow:0 0 14px rgba(255,210,127,.7)}.sim-wrap{margin-top:14px}.sim-btn{pointer-events:auto;cursor:pointer;width:100%;background:linear-gradient(100deg,#ffd27f2e,#7fb2ff1f);border:1px solid rgba(255,210,127,.4);color:#ffe7bd;font-size:13.5px;font-weight:650;padding:10px 14px;border-radius:10px;transition:background .18s,transform .12s}.sim-btn:hover{background:linear-gradient(100deg,#ffd27f4d,#7fb2ff33);transform:translateY(-1px)}.sim-counter{margin-top:8px;font-size:12.5px;color:var(--accent);min-height:16px;letter-spacing:.02em}.sim-counter.hit{color:var(--gold);font-weight:700;font-size:13.5px;text-shadow:0 0 16px rgba(255,210,127,.7)}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block}#fade{position:fixed;inset:0;background:#04040a;opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:40}#fade.on{opacity:1}#hud{position:fixed;inset:0;pointer-events:none;z-index:20}#hud button{pointer-events:auto}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 22px}#brand{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.9;text-shadow:0 1px 12px rgba(0,0,0,.6)}#mute{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);font-size:20px;cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s ease,background .2s}#mute:hover{transform:scale(1.06)}#mute.off{opacity:.55}#panel{position:absolute;left:26px;bottom:92px;width:var(--panel-w);max-width:calc(100vw - 52px);pointer-events:auto;background:var(--glass);border:1px solid var(--glass-brd);border-radius:18px;padding:22px 24px 20px;backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 24px 60px #00000080}#panel.enter{animation:rise .55s cubic-bezier(.16,.84,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#act{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600}#title{font-size:25px;line-height:1.14;margin:0 0 12px;font-weight:650;letter-spacing:-.01em}#body{font-size:15px;line-height:1.62;color:#dfe4ee}#body b{color:#fff;font-weight:650}#body i{color:var(--gold);font-style:italic}#body p{margin:10px 0 0}#body .note{font-size:13px;color:var(--muted)}#body .note.src{border-left:2px solid rgba(255,210,127,.5);padding-left:10px;color:#c8b98f}#body .hint{font-size:12.5px;color:var(--accent);opacity:.85}#body .reward{margin-top:14px;padding:10px 12px;border-radius:10px;background:linear-gradient(100deg,#ffd27f29,#7fb2ff1a);border:1px solid rgba(255,210,127,.28);color:#ffe7bd;font-size:13.5px}#body .credits{font-size:11.5px;color:#8a93a6;margin-top:14px}#controls{display:flex;align-items:center;gap:14px;margin-top:18px}#controls button{pointer-events:auto;cursor:pointer;background:#ffffff14;border:1px solid var(--glass-brd);color:var(--ink);font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;transition:background .18s,transform .12s,opacity .2s}#controls button:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}#next{background:#ffd27f29;border-color:#ffd27f66;color:#ffe7bd}#next:hover:not(:disabled){background:#ffd27f47}#controls button:disabled{opacity:.3;cursor:default}#counter{font-size:12.5px;color:var(--muted);margin-left:auto;letter-spacing:.05em}#progressbar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff14}#progress{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .5s ease}#dots{position:absolute;bottom:20px;left:0;right:0;display:flex;gap:9px;justify-content:center;pointer-events:auto}.dot{width:9px;height:9px;border-radius:50%;padding:0;cursor:pointer;background:#ffffff38;border:none;transition:all .2s}.dot:hover{background:#ffffff80;transform:scale(1.2)}.dot.on{background:var(--gold);box-shadow:0 0 10px #ffd27fcc;transform:scale(1.25)}body[data-act="2"] #brand,body[data-act="2"] #act{color:#ff9d6b}#intro{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 40%,#0a0c16,#04050a 70%);transition:opacity .8s ease,visibility .8s}#intro.gone{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{max-width:560px;text-align:center;padding:28px}.intro-inner h1{font-size:clamp(30px,5vw,52px);margin:20px 0 14px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#ffd27f);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-inner p{color:var(--muted);font-size:16px;line-height:1.6;margin:0 auto 8px;max-width:460px}.intro-inner .fine{font-size:12.5px;opacity:.7;margin-top:18px}#begin{margin-top:22px;cursor:pointer;font-size:17px;font-weight:650;color:#1a1204;background:linear-gradient(180deg,#ffe0a0,#ffc861);border:none;padding:14px 34px;border-radius:999px;box-shadow:0 10px 40px #ffc86159;transition:transform .15s,box-shadow .2s}#begin:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 50px #ffc86180}.eclipse-mark{width:120px;height:120px;margin:0 auto;position:relative}.eclipse-mark:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0%,#ffd27f 40%,rgba(255,150,60,.2) 60%,transparent 72%);box-shadow:0 0 60px 20px #ffbe6e59;animation:corona 5s ease-in-out infinite}.eclipse-mark span{position:absolute;inset:14px;border-radius:50%;background:#05060a;box-shadow:0 0 0 2px #0009}@keyframes corona{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}.sheet-handle{display:none;height:22px;position:relative;cursor:pointer;margin:-2px 0 2px}.sheet-handle:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:46px;height:5px;border-radius:3px;background:#ffffff52;transition:background .2s}.sheet-handle:hover:before{background:#ffffff80}@media (max-width: 720px){#panel{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:20px 20px 0 0;padding:4px 18px calc(14px + env(safe-area-inset-bottom));max-height:76vh}.sheet-handle{display:block}#act{margin-bottom:6px}#title{font-size:20px;margin-bottom:8px}#body{font-size:14px;max-height:42vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#controls{margin-top:12px}#panel.collapsed #body,#panel.collapsed #act{display:none}#panel.collapsed #controls{margin-top:8px}#dots{display:none}#progressbar{top:0;bottom:auto}#topbar{padding:12px 14px}.lang-btn{padding:7px 11px;font-size:12.5px}#mute{width:44px;height:44px}#hint,#body .hint{display:none}}@media (max-width: 720px) and (orientation: landscape){#panel{max-height:82vh}#body{max-height:46vh}}