:root{--bg:#04070b;--gold:#e8c76a;--text:#cfd6dd;--dim:#cfd6dd73}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,Noto Serif JP,serif;overflow:hidden}#stage{display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#brand{writing-mode:vertical-rl;letter-spacing:.55em;opacity:.85;font-size:15px;position:fixed;top:30px;left:28px}#brand small{letter-spacing:.45em;color:var(--dim);margin-top:1.4em;font-size:8px;display:block}#line{letter-spacing:.32em;text-align:center;white-space:nowrap;text-shadow:0 0 22px #e8c76a59;opacity:0;font-size:clamp(15px,2.4vw,24px);transition:opacity .45s;position:fixed;bottom:11vh;left:50%;transform:translate(-50%)}#line.show{opacity:.92}#hint{letter-spacing:.4em;color:var(--dim);opacity:0;font-size:10px;transition:opacity 1.4s;position:fixed;bottom:22px;left:28px}#hint.show{opacity:.75;animation:3.2s ease-in-out infinite hintPulse}@keyframes hintPulse{50%{opacity:.2}}#foot{letter-spacing:.28em;color:var(--dim);font-size:10px;position:fixed;bottom:22px;right:26px}#vignette{z-index:9;pointer-events:none;background:radial-gradient(#0000 52%,#01030699 100%);position:fixed;inset:0}#grain{z-index:8;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.1s steps(4,end) infinite grainShift;position:fixed;inset:-60%}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(0)}}#flash{z-index:20;pointer-events:none;opacity:0;background:#fffdf4;transition:opacity .16s;position:fixed;inset:0}#loader{z-index:30;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .9s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}#loader .t{letter-spacing:.5em;text-indent:.5em;color:var(--text);font-size:13px}#loader .bar{background:#ffffff1f;width:min(300px,62vw);height:1px;overflow:hidden}#loader .bar i{background:var(--gold);width:0%;height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #e8c76acc}#loader .p{letter-spacing:.35em;color:var(--dim);font-size:10px}@media (max-width:640px){#brand{font-size:13px;top:22px;left:18px}#line{letter-spacing:.22em;bottom:16vh}#foot{letter-spacing:.2em;font-size:9px;bottom:16px;right:16px}#hint{bottom:16px;left:18px}}@media (prefers-reduced-motion:reduce){#grain{animation:none}#hint.show{opacity:.75;animation:none}}