:root{--red: #d90429;--white: #f4f4f6;--grey: #8a8d96;font-size:clamp(14px,1.05vw,18px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#000;color:var(--white);font-family:Helvetica Neue,SF Pro Display,Inter,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;touch-action:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;z-index:0}#progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:30;background:#ffffff0d}#progress-fill{height:100%;width:100%;background:var(--red);box-shadow:0 0 12px #d90429cc;transform:scaleX(0);transform-origin:left}#chapter-label{position:fixed;top:1.5rem;left:2rem;z-index:30;font-size:.6rem;letter-spacing:.45em;color:#ffffff59;transition:opacity .6s}#stopwatch{position:fixed;top:1.5rem;right:2rem;z-index:30;display:flex;flex-direction:column;gap:.4rem;text-align:right;pointer-events:none;opacity:1;transition:opacity .8s ease}#stopwatch.off{opacity:0}.sw-row{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.sw-label{font-size:.5rem;letter-spacing:.25em;color:#ffffff59}.sw-row span:not(.sw-label){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:500;color:#ffffffb3;min-width:2.6rem;text-align:right}#caption{position:fixed;left:4vw;bottom:7vh;z-index:25;max-width:46rem;opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease;pointer-events:none}#caption.off{opacity:0;transform:translateY(14px)}#cap-kicker{font-size:.62rem;letter-spacing:.5em;color:var(--red);margin-bottom:.7rem;text-shadow:0 0 18px rgba(217,4,41,.55)}#caption.blue #cap-kicker{color:#4d9aff;text-shadow:0 0 18px rgba(61,139,255,.5)}#caption.green #cap-kicker{color:#58d98a;text-shadow:0 0 18px rgba(88,217,138,.5)}#caption.gold #cap-kicker{color:#ffc233;text-shadow:0 0 18px rgba(255,194,51,.5)}#caption.amber #cap-kicker{color:#e8b87a;text-shadow:0 0 18px rgba(232,184,122,.5)}#cap-line{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:300;letter-spacing:.01em;line-height:1.4;color:#e6e8ee;text-shadow:0 2px 24px rgba(0,0,0,.9),0 0 40px rgba(255,255,255,.08)}#pillars{position:fixed;left:50%;bottom:16vh;transform:translate(-50%);z-index:25;display:flex;gap:3.2rem;flex-wrap:wrap;justify-content:center;opacity:0;pointer-events:none}#pillars span{font-size:.68rem;letter-spacing:.5em;color:var(--grey);text-shadow:0 0 20px rgba(255,255,255,.15)}#hint{position:fixed;left:50%;bottom:5vh;transform:translate(-50%);z-index:30;text-align:center;font-size:.6rem;letter-spacing:.55em;color:#ffffff73;transition:opacity 1s;animation:breathe 3s ease-in-out infinite}#hint.off{opacity:0;animation:none;pointer-events:none}#hint.off .hint-line{animation:none}.hint-line{width:1px;height:44px;margin:0 auto .9rem;background:linear-gradient(rgba(217,4,41,0),var(--red));box-shadow:0 0 10px #d9042999;animation:drop 2.4s cubic-bezier(.6,0,.3,1) infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1);transform-origin:top}56%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes breathe{50%{opacity:.7}}