:root{--void: #000000;--ink: #07060a;--crimson: #c8102e;--blood: #7a0a16;--bordeaux: #4a0d18;--ash: #6a6066;--ash-dim: #45414a;--bone: #e9e3d7;--bone-dim: #b9b2a6;--serif: "Shippori Mincho", "Yu Mincho", serif;--display: "Zen Antique", "Shippori Mincho", serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box;cursor:none}html{scroll-behavior:auto}body{background:var(--void);color:var(--bone);font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden;user-select:none}.scene,.canvas-wrap{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}.overlay{position:relative;z-index:2}.hud-top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(1rem,3vw,2.2rem);mix-blend-mode:screen;z-index:5}.brand{display:flex;align-items:baseline;gap:.6rem}.brand-kanji{font-family:var(--display);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--crimson);text-shadow:0 0 18px rgba(200,16,46,.6);line-height:1}.brand-word{font-family:var(--mono);font-weight:600;letter-spacing:.5em;font-size:.7rem;color:var(--bone-dim)}.hud-meta{text-align:right;display:flex;flex-direction:column;gap:.25rem}.hud-line{font-family:var(--mono);font-size:.6rem;letter-spacing:.28em;color:var(--ash)}.rail{position:fixed;top:0;bottom:0;display:flex;align-items:center;writing-mode:vertical-rl;font-family:var(--mono);font-size:.6rem;letter-spacing:.45em;color:var(--ash-dim);z-index:4;pointer-events:none}.rail-left{left:clamp(.5rem,2vw,1.4rem)}.rail-right{right:clamp(.5rem,2vw,1.4rem);transform:rotate(180deg)}.hud-bottom{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:2.5rem;padding:clamp(1rem,3vw,2.2rem);z-index:5;mix-blend-mode:screen}.readout{display:flex;flex-direction:column;gap:.3rem}.readout-label{font-family:var(--mono);font-size:.55rem;letter-spacing:.4em;color:var(--ash)}.readout-val{font-family:var(--mono);font-size:1rem;letter-spacing:.15em;color:var(--crimson);text-shadow:0 0 12px rgba(200,16,46,.5)}.hint{margin-left:auto;font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;color:var(--ash);align-self:flex-end}.spine{position:fixed;top:18vh;bottom:18vh;left:50%;width:1px;background:linear-gradient(transparent,rgba(106,96,102,.25),transparent);z-index:3;pointer-events:none}.spine-fill{position:absolute;inset:0;transform-origin:top;transform:scaleY(0);background:linear-gradient(var(--crimson),var(--blood));box-shadow:0 0 10px #c8102ecc}.sections{position:relative}.stance{position:relative;height:100vh;display:flex;align-items:center;padding:0 clamp(2rem,12vw,16rem)}.stance-l{justify-content:flex-start}.stance-r{justify-content:flex-end;text-align:right}.stance-index{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:clamp(4rem,14vw,11rem);color:#4a0d1859;z-index:-1;letter-spacing:-.05em}.stance-l .stance-index{right:8vw}.stance-r .stance-index{left:8vw}.stance-body{position:relative;max-width:30rem}.stance-kanji{position:absolute;top:-.35em;font-family:var(--display);font-size:clamp(9rem,26vw,22rem);line-height:.8;color:var(--bordeaux);opacity:.4;z-index:-1;text-shadow:0 0 60px rgba(122,10,22,.4)}.stance-l .stance-kanji{left:-.1em}.stance-r .stance-kanji{right:-.1em}.stance-name{font-family:var(--serif);font-weight:800;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:.04em;color:var(--bone);line-height:1}.stance-romaji{font-family:var(--mono);font-size:.7rem;letter-spacing:.6em;color:var(--crimson);margin:.9rem 0 1.4rem}.stance-r .stance-romaji{margin-left:auto}.stance-copy{font-family:var(--serif);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.85;color:var(--bone-dim)}.cursor{position:fixed;top:0;left:0;width:0;height:0;z-index:50;pointer-events:none;mix-blend-mode:difference;transition:opacity .2s}.cursor-h,.cursor-v{position:absolute;background:var(--crimson);transition:all .18s ease}.cursor-h{width:22px;height:1px;transform:translate(-50%,-50%)}.cursor-v{width:1px;height:22px;transform:translate(-50%,-50%)}.cursor.is-down .cursor-h,.cursor.is-down .cursor-v{background:var(--bone)}.cursor.is-down .cursor-h{width:34px}.cursor.is-down .cursor-v{height:34px}.grain{position:fixed;inset:-50%;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-5%,3%)}66%{transform:translate(4%,-4%)}to{transform:translate(-3%,2%)}}.vignette{position:fixed;inset:0;z-index:39;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75) 100%)}.fallback{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(ellipse at center,#160407,#000 70%)}.fallback-kanji{font-family:var(--display);font-size:clamp(6rem,20vw,14rem);color:var(--blood);text-shadow:0 0 50px rgba(122,10,22,.6);line-height:1}.fallback-title{font-family:var(--mono);letter-spacing:.7em;font-size:1rem;color:var(--bone-dim);margin:.5rem 0 1.8rem .7em}.fallback-msg{max-width:32rem;font-family:var(--serif);font-size:1.05rem;line-height:1.8;color:var(--bone-dim)}.fallback-msg strong{color:var(--crimson)}.fallback-sub{margin-top:1rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.25em;color:var(--ash)}@media (max-width: 720px){.rail,.spine,.hint,.hud-meta{display:none}}@media (prefers-reduced-motion: reduce){.grain{animation:none}}