:root{--ink: #000;--flame: #ffd7a1;--ivory: #f6ead8;--dim: rgba(246, 234, 216, .45)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--ivory);font-family:Cormorant Garamond,Georgia,serif}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.veil{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:0 16px;text-align:center;background:#000;transition:opacity 2.4s ease;z-index:10}.veil.gone{opacity:0;pointer-events:none}#paused{background:#0000008c}.whisper{margin:0;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:300;font-style:italic;letter-spacing:.02em;opacity:0;animation:rise 3s ease forwards .4s}.whisper.late{font-size:clamp(1rem,2vw,1.25rem);color:var(--dim);animation-delay:2.2s}.strike{margin-top:2.2rem;padding:.9rem 2.2rem;font:inherit;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--flame);background:transparent;border:1px solid rgba(255,215,161,.35);border-radius:999px;cursor:pointer;opacity:0;animation:rise 2s ease forwards 3.6s;transition:border-color .4s ease,box-shadow .6s ease,color .4s ease}.strike:hover,.strike:focus-visible{border-color:var(--flame);box-shadow:0 0 40px #ffbe6e59;outline:none}#paused .strike{animation-delay:0s}.hint{margin:0;font-size:.95rem;color:var(--dim);opacity:0;animation:rise 2s ease forwards 4.4s}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#reticle{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffe6be8c;box-shadow:0 0 10px #ffd29699;transition:transform .25s ease,background .25s ease}#reticle.live{transform:scale(2.2);background:#ffe6bee6}#label{position:absolute;left:50%;top:calc(50% + 22px);transform:translate(-50%);font-size:1.15rem;font-style:italic;letter-spacing:.04em;color:var(--flame);text-shadow:0 0 12px rgba(0,0,0,.9);opacity:0;transition:opacity .3s ease;white-space:nowrap}#label.on{opacity:1}#keys{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;width:max-content;max-width:calc(100% - 32px);font-size:.9rem;letter-spacing:.08em;color:var(--dim);opacity:.8;transition:opacity 3s ease}#keys.faded{opacity:0}#scene{touch-action:none;-webkit-user-select:none;user-select:none}#stick{position:fixed;z-index:6;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:1px solid rgba(255,220,170,.22);background:radial-gradient(circle,rgba(255,210,150,.06),transparent 70%);pointer-events:none}#stick i{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#ffe1b938;box-shadow:0 0 14px #ffc88c59}#keys button{pointer-events:auto;font:inherit;letter-spacing:inherit;color:var(--flame);background:#140c0673;border:1px solid rgba(255,215,161,.25);border-radius:999px;padding:.45rem .95rem}#keys.touch{bottom:max(18px,env(safe-area-inset-bottom))}#keys.touch.faded{opacity:.55}