:root{--ink:#e9dfc8;--ink-dim:#9b927f;--ember:#ffa64a;--ember-deep:#c2551b;--cursed:#c27bff;--blood:#d9382e;--panel:#08070ac7;--serif:"IM Fell English", Georgia, serif;--display:"IM Fell English SC", Georgia, serif;--numerals:"Cinzel", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--serif);-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#game canvas{cursor:crosshair;display:block}kbd{font-family:var(--serif);background:#ffffff0d;border:1px solid #e9dfc859;border-radius:3px;padding:0 .4em}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}.hud-top-left{align-items:center;gap:18px;display:flex;position:absolute;top:22px;left:26px}#hearts{gap:6px;display:flex}#hearts.shake{animation:.35s shake}.heart{background:var(--blood);width:26px;height:24px;clip-path:path("M13 23 C13 23 1 15 1 7.5 C1 3.5 4 1 7.3 1 C10 1 12 2.8 13 5 C14 2.8 16 1 18.7 1 C22 1 25 3.5 25 7.5 C25 15 13 23 13 23 Z");filter:drop-shadow(0 0 6px #d9382e8c)}.heart.half{background:linear-gradient(90deg, var(--blood) 50%, #ffffff1f 50%)}.heart.empty{filter:none;background:#ffffff1f}#flare{--fill:1;width:34px;height:34px;color:var(--ink-dim);background:conic-gradient(var(--ember-deep) calc(var(--fill) * 360deg), #ffffff14 0);border-radius:50%;place-items:center;font-size:13px;display:grid;position:relative;-webkit-mask:radial-gradient(circle,#0000 11px,#000 12px);mask:radial-gradient(circle,#0000 11px,#000 12px)}#flare.ready{background:var(--ember);filter:drop-shadow(0 0 8px var(--ember))}#flare span{position:absolute}.hud-top-right{text-align:right;position:absolute;top:18px;right:28px}#score{font-family:var(--numerals);letter-spacing:.04em;text-shadow:0 0 18px #ffa64a59;font-size:40px;font-weight:700}#score.pop{animation:.25s ease-out pop}#combo{min-height:1.4em;color:var(--ember);font-size:18px}.cursed{color:var(--cursed)}#clock{font-family:var(--numerals);color:var(--ink-dim);letter-spacing:.12em;font-size:26px;position:absolute;top:22px;left:50%;transform:translate(-50%)}#clock.late{color:var(--blood);animation:1s infinite pulse}#prompt{background:var(--panel);opacity:0;border:1px solid #e9dfc82e;padding:8px 18px;font-size:20px;transition:opacity .2s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}#prompt.visible{opacity:1}#banner{text-align:center;pointer-events:none;opacity:0;transition:opacity .6s,transform .6s;position:fixed;top:16%;left:0;right:0;transform:translateY(-8px)}#banner.visible{opacity:1;transform:none}.banner-title{font-family:var(--display);text-shadow:0 0 24px #000000e6;font-size:clamp(30px,5vw,54px)}.banner-sub{color:var(--ink-dim);font-size:20px;font-style:italic}#card,#pause{background:var(--panel);opacity:0;pointer-events:none;border:1px solid #e9dfc833;width:min(440px,100vw - 32px);padding:26px 30px;transition:opacity .35s,transform .35s;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);box-shadow:0 0 60px #000000e6}#card.visible,#pause.visible{opacity:1;transform:translate(-50%,-50%)}#card h2,#pause h2{font-family:var(--display);text-align:center;margin:0 0 14px;font-size:30px;font-weight:400}#card .row{border-bottom:1px solid #e9dfc814;justify-content:space-between;padding:5px 0;font-size:19px;display:flex}#card .row.total{font-family:var(--numerals);color:var(--ember);border:none;margin-top:6px;font-size:26px}#card p{text-align:center;color:var(--ink-dim);font-style:italic}#card .hint{color:var(--ink);margin-bottom:0;font-style:normal}#pause{text-align:center}.controls{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:16px;display:flex}#title{text-align:center;opacity:0;pointer-events:none;background:radial-gradient(#00000040 0%,#000000d9 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;transition:opacity .8s;display:flex;position:fixed;inset:0}#title.visible{opacity:1;pointer-events:auto}#title h1{font-family:var(--display);letter-spacing:.04em;color:var(--ink);text-shadow:0 0 40px #ff8c3273,0 0 4px #ffa64a99;margin:0;font-size:clamp(56px,11vw,132px);font-weight:400}.subtitle{color:var(--ink-dim);max-width:560px;margin:0 0 12px;font-size:21px;font-style:italic}.choices{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}button.difficulty{width:250px;font:inherit;color:var(--ink);background:var(--panel);cursor:pointer;border:1px solid #e9dfc838;flex-direction:column;gap:6px;padding:18px 20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}button.difficulty:hover,button.difficulty:focus-visible{border-color:var(--ember);outline:none;transform:translateY(-2px);box-shadow:0 0 28px #ffa64a4d}button.difficulty[data-id=midnight]:hover,button.difficulty[data-id=midnight]:focus-visible{border-color:var(--cursed);box-shadow:0 0 28px #c27bff4d}button.difficulty .label{font-family:var(--display);font-size:28px}button.difficulty .tagline{color:var(--ink-dim);font-size:16px;font-style:italic}button.difficulty .best{color:var(--ember);font-size:15px}#loading{z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading.error .ember{box-shadow:none;background:#333;animation:none}.ember{background:var(--ember);border-radius:50%;width:14px;height:14px;animation:1.4s infinite pulse;box-shadow:0 0 30px 8px #ff8c3299}.loading-text{color:var(--ink-dim);text-align:center;max-width:420px;padding:0 16px;font-size:19px;font-style:italic}@keyframes pulse{50%{opacity:.45}}@keyframes pop{0%{transform:scale(1.15)}}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@media (max-width:640px){.hud-top-left{left:16px}.hud-top-right{right:16px}#score{font-size:30px}.heart{clip-path:none;border-radius:4px;width:20px;height:18px}}