:root{--bg:#0b0b0d;--ink:#eae6dc;--ember:#ff4d00;--mono:"SF Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(90% 45% at 50% 44%,#ff4d0021,#ff4d000a 45%,#0000 70%);position:fixed;inset:0}#st-gl{touch-action:none;width:100vw;height:100vh;animation:2s ease-out both st-fade;display:block;position:fixed;inset:0}.grain{z-index:10;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:7s steps(8,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%,to{transform:translate(0)}12.5%{transform:translate(-2%,3%)}25%{transform:translate(3%,-1%)}37.5%{transform:translate(-1%,-3%)}50%{transform:translate(2%,2%)}62.5%{transform:translate(-3%,1%)}75%{transform:translate(1%,3%)}87.5%{transform:translate(3%,-2%)}}.hud{z-index:20;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#eae6dc8c;-webkit-user-select:none;user-select:none;font-size:10px;animation:1.4s cubic-bezier(.22,1,.36,1) both st-rise;position:fixed}.hud b{color:#eae6dce6;font-weight:500}.hud .ember,.headline .ember{color:var(--ember)}.hud-tl{top:28px;left:32px}.hud-tr{text-align:right;animation-delay:.1s;top:28px;right:32px}.hud-bl{animation-delay:.2s;bottom:28px;left:32px}.hud-br{text-align:right;animation-delay:.3s;bottom:28px;right:32px}a.hud{color:#eae6dc8c;text-decoration:none;transition:color .3s}a.hud:hover{color:var(--ember)}.st-note-btn{z-index:25;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#eae6dc99;cursor:pointer;background:#0b0b0dd9;border:1px solid #eae6dc40;padding:7px 14px;font-size:10px;transition:background .3s,color .3s,border-color .3s;position:fixed;bottom:54px;right:32px}.st-note-btn:hover,.st-note-btn:focus-visible,.st-note-btn[aria-expanded=true]{color:var(--ember);border-color:var(--ember)}.st-note-panel{z-index:26;background:#0b0b0df0;border:1px solid #ff4d0059;width:min(560px,100vw - 64px);max-height:calc(100vh - 132px);padding:20px 24px 18px;position:fixed;bottom:100px;right:32px;overflow-y:auto;box-shadow:0 0 40px #ff4d0014}.st-note-panel h2{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ember);margin:0 0 14px;font-size:10px;font-weight:400}.st-note-panel p{font-family:var(--mono);color:#eae6dcb8;margin:0;font-size:11px;line-height:1.75}.st-note-panel pre{border-left:2px solid var(--ember);background:#ff4d000f;margin:16px 0;padding:13px 16px;overflow-x:auto}.st-note-panel code{font-family:var(--mono);color:#ebf0f6e0;font-size:11px;line-height:1.7}.headline{z-index:15;pointer-events:none;flex-direction:column;align-items:center;padding-top:14vh;animation:1.8s cubic-bezier(.22,1,.36,1) .25s both st-rise;display:flex;position:fixed;inset:0}.headline h1{letter-spacing:.01em;color:var(--ink);text-shadow:0 0 24px #000000e6,0 0 60px #000c;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,4vw,44px);font-weight:400}.headline p{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#eae6dc80;margin:14px 0 0;font-size:10px}.sound-pill{z-index:25;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ember);border:1px solid var(--ember);cursor:pointer;background:#0b0b0dd9;padding:10px 22px;font-size:11px;transition:background .3s,color .3s;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.sound-pill:hover{background:var(--ember);color:var(--bg)}.hint{z-index:20;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#eae6dc59;pointer-events:none;margin:0;font-size:9px;transition:opacity 1s;animation:1.4s cubic-bezier(.22,1,.36,1) .7s both st-rise;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}@keyframes st-fade{0%{opacity:0}to{opacity:1}}@keyframes st-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.hud-bl,.hud-br{display:none}.hud-tl{top:20px;left:20px}.hud-tr{top:20px;right:20px}.headline p{letter-spacing:.22em;font-size:8px}.hint{display:none}.st-note-btn{top:44px;bottom:auto;right:20px}.st-note-panel{width:calc(100vw - 32px);max-height:calc(100vh - 104px);padding:18px 20px 16px;top:84px;bottom:auto;right:16px}}@media (prefers-reduced-motion:no-preference){.st-note-btn{animation:1.4s cubic-bezier(.22,1,.36,1) .5s both st-rise}.st-note-panel{animation:.35s cubic-bezier(.22,1,.36,1) st-rise}}@media (prefers-reduced-motion:reduce){.grain,#st-gl,.hud,.headline,.sound-pill,.hint{animation:none}}