:root{--void:#0b0714;--ember:#ff7847;--erg:#c08349;--starlight:#a9c4ff;--bone:#efe6d8;--mono:"IBM Plex Mono", ui-monospace, monospace;--display:"Cinzel", "Times New Roman", serif;--body:"EB Garamond", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,#stage{background:var(--void);height:100%;color:var(--bone);font-family:var(--body);overflow:hidden}#stage{position:fixed;inset:0}canvas{touch-action:none;display:block}.intro{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 62%,#40141cb8,#0b0714f0 65%);place-items:center;transition:opacity 1.6s,visibility 1.6s;display:grid;position:fixed;inset:0}.intro-gone{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{text-align:center;max-width:620px;padding:0 24px;animation:1.4s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.intro-eyebrow{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--starlight);opacity:.8;font-size:11px}.intro-title{font-family:var(--display);letter-spacing:.18em;background:linear-gradient(180deg, var(--bone) 20%, var(--ember) 85%);color:#0000;text-shadow:0 0 80px #ff784740;-webkit-background-clip:text;background-clip:text;width:max-content;max-width:98vw;margin:18px auto 10px;padding-left:.18em;font-size:clamp(34px,9vw,104px);font-weight:500}.intro-sub{color:#efe6d8d1;margin-bottom:38px;font-size:clamp(16px,2.2vw,19px);font-style:italic;line-height:1.6}.intro-begin{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--bone);cursor:pointer;background:0 0;border:1px solid #ff78478c;padding:16px 42px;font-size:13px;transition:background .4s,box-shadow .4s,color .4s}.intro-begin:hover,.intro-begin:focus-visible{color:#fff;background:#ff784724;box-shadow:0 0 44px #ff784759}.intro-begin:focus-visible{outline:2px solid var(--starlight);outline-offset:4px}.intro-hint{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;opacity:.42;margin-top:20px;font-size:10px;display:block}.bar{z-index:20;pointer-events:none;background:#050308;height:9vh;transition:transform 1.1s cubic-bezier(.7,0,.2,1);position:fixed;left:0;right:0}.bar-top{top:0;transform:translateY(-100%)}.bar-bottom{bottom:0;transform:translateY(100%)}.bar-in{transform:none}.chapter{text-align:center;z-index:25;pointer-events:none;padding:0 20px;animation:4.2s both chapter-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes chapter-in{0%{opacity:0;letter-spacing:.1em}12%{opacity:1}80%{opacity:1}to{opacity:0}}.chapter-num{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--ember);font-size:11px}.chapter-title{font-family:var(--display);letter-spacing:.14em;color:var(--bone);text-shadow:0 2px 40px #000c;margin:14px 0 12px;font-size:clamp(30px,6vw,64px);font-weight:400}.chapter-sub{color:#efe6d8bf;font-size:clamp(14px,1.9vw,18px);font-style:italic}.hud{z-index:30;font-family:var(--mono);letter-spacing:.18em;color:#efe6d8d9;text-shadow:0 1px 8px #000000e6;font-size:11px;position:fixed}.hud-tl{top:max(18px, env(safe-area-inset-top));pointer-events:none;line-height:1.9;left:22px}.hud-dim{opacity:.55}.hud-tr{top:max(18px, env(safe-area-inset-top));gap:10px;display:flex;right:22px}.hud-btn{font-family:var(--mono);letter-spacing:.2em;color:#efe6d899;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b071473;border:1px solid #efe6d838;padding:8px 13px;font-size:10px;transition:color .3s,border-color .3s}.hud-btn-on{color:var(--starlight);border-color:#a9c4ff8c}.hud-btn:hover,.hud-btn:focus-visible{color:#fff}.hud-btn:focus-visible{outline:2px solid var(--starlight);outline-offset:2px}.hud-hint{bottom:max(20px, env(safe-area-inset-bottom));text-align:center;letter-spacing:.24em;text-transform:uppercase;opacity:.6;pointer-events:none;padding:0 16px;font-size:10px;transition:opacity 1.4s;animation:3s ease-in-out infinite pulse;left:50%;transform:translate(-50%)}.hud-hint-gone{opacity:0;animation:none}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.75}}.plaque{border:1px solid #ff784759;border-left:3px solid var(--ember);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(160deg,#120c1ed1,#1e0c14a8);width:340px;padding:26px 30px;box-shadow:0 22px 70px #0000008c}.plaque-kicker{font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--ember);font-size:11px}.plaque p{font-family:var(--body);color:#efe6d8eb;margin-top:12px;font-size:19px;font-style:italic;line-height:1.55}@media (width<=640px){.hud-tl{left:14px}.hud-tr{right:14px}.plaque{width:260px;padding:20px 22px}.plaque p{font-size:16px}}@media (prefers-reduced-motion:reduce){.intro-inner,.hud-hint{animation:none}.bar{transition:none}}