:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0e0a0b;--stone:#1a1416;--brass:#c9a45c;--ember:#ff7a3d;--blood:#b3202c;--holy:#ffe7a3;--bone:#efe4d0;--muted:#9a8a82;--display:"Pirata One", "Luminari", "Palatino", serif;--body:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}[hidden]{display:none!important}html,body{height:100%}body{background:var(--ground);color:var(--bone);font-family:var(--body);box-sizing:border-box;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));padding-block:max(12px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-bottom,0px));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:10px;margin:0;display:flex;overflow:hidden}.hud{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;display:flex}.hud h1{font-family:var(--display);color:var(--ember);letter-spacing:.01em;margin:0;font-size:clamp(26px,4.4vw,38px);font-weight:400;line-height:1}.stats{flex-wrap:wrap;align-items:flex-end;gap:6px 22px;display:flex}.stat{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);gap:2px;font-size:10.5px;display:grid}.stat b{letter-spacing:0;color:var(--bone);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.stat.clock b{color:var(--brass)}.stat.warn b{color:var(--holy);animation:.45s ease-in-out infinite alternate throb}@keyframes throb{to{opacity:.4}}.ghost{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #3a2a2c;border-radius:999px;padding:6px 12px;font-size:11px}a.ghost{text-decoration:none}button,a{touch-action:manipulation}.preview body{padding:0}.preview .hud,.preview .overlay,.preview .groan,.preview .shriek{display:none!important}.preview .stage{box-shadow:none;border-radius:0}.preview,.preview body,.preview .stage{background:0 0!important}.ghost[aria-pressed=false]{opacity:.6}.ghost:hover{color:var(--bone);border-color:var(--muted)}.stage{background:var(--stone);border-radius:14px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2e2224}.stage canvas{touch-action:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage.playing canvas{cursor:crosshair}.shriek{--p:1;cursor:pointer;width:78px;height:78px;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:radial-gradient(circle, #170f10 60%, transparent 61%), conic-gradient(var(--ember) calc(var(--p) * 360deg), #3a2a2c 0);touch-action:manipulation;border:0;border-radius:50%;place-content:center;gap:5px;display:grid;position:absolute;bottom:14px;right:14px}.shriek .pips{letter-spacing:.25em;color:var(--ember);padding-left:.25em;font-size:9px}.shriek.ready{box-shadow:0 0 20px #ff7a3d66}.shriek:not(.ready){color:var(--muted)}.overlay{background:radial-gradient(#0e0a0b8c,#0e0a0bdb);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.card{text-align:center;gap:14px;max-width:450px;display:grid}.card h2{font-family:var(--display);color:var(--ember);text-wrap:balance;margin:0;font-size:clamp(42px,8.5vw,70px);font-weight:400;line-height:.95}.card p{text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.5}.card .lore{color:var(--muted);font-size:14.5px;font-style:italic}.card .keys{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:11.5px;line-height:1.7}.measure{gap:2px;display:grid}.measure .num{font-family:var(--mono);color:var(--bone);font-variant-numeric:tabular-nums;font-size:clamp(44px,9vw,64px);font-weight:600;line-height:1}.measure .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#1a0b0c;background:var(--ember);border-radius:4px;justify-self:center;padding:4px 10px;font-size:11px;font-weight:600;transform:rotate(-3deg)}.play{font:800 17px/1 var(--body);background:var(--ember);color:#1a0b0c;cursor:pointer;border:0;border-radius:999px;justify-self:center;padding:14px 30px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #a3421a}.play:hover{filter:brightness(1.06)}.play:active{transform:translateY(3px);box-shadow:0 2px #a3421a}button:focus-visible{outline:3px solid var(--bone);outline-offset:3px}@media (width<=520px){.stats{gap:6px 14px}.stat b{font-size:16px}}