:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#12160f;--lawn:#1f2a1b;--skin:#a3c46c;--skin-dk:#6f8a44;--brain:#ee8fa6;--brain-dk:#a9546a;--bone:#efe7d2;--muted:#8f9a80;--hunter:#e8873a;--blood:#d8454f;--display:"Rubik Wet Paint", "Chalkduster", "Impact", fantasy;--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(--skin);margin:0;font-size:clamp(24px,4.2vw,36px);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.head b{color:var(--skin)}.stat.warn b{color:var(--blood);animation:.5s ease-in-out infinite alternate throb}@keyframes throb{to{opacity:.45}}.ghost{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #3a4631;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}.ghost[aria-pressed=false]{opacity:.6}.ghost:hover{color:var(--bone);border-color:var(--muted)}.stage{background:var(--lawn);border-radius:14px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2c3826}.stage canvas{touch-action:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage.playing canvas{cursor:crosshair}.overlay{background:radial-gradient(#0c0f0a8c,#0c0f0ad1);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.card{text-align:center;gap:14px;max-width:440px;display:grid}.card h2{font-family:var(--display);color:var(--skin);text-wrap:balance;margin:0;font-size:clamp(38px,8vw,64px);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:#2a1016;background:var(--brain);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(--brain);color:#2a1016;cursor:pointer;box-shadow:0 5px 0 var(--brain-dk);border:0;border-radius:999px;justify-self:center;padding:14px 30px;transition:transform 80ms,box-shadow 80ms}.play:hover{filter:brightness(1.06)}.play:active{box-shadow:0 2px 0 var(--brain-dk);transform:translateY(3px)}.groan{--p:1;cursor:pointer;width:76px;height:76px;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:radial-gradient(circle, #1a1f17 60%, transparent 61%), conic-gradient(#c9b8ff calc(var(--p) * 360deg), #394232 0);touch-action:manipulation;border:0;border-radius:50%;position:absolute;bottom:14px;right:14px}.groan.ready{box-shadow:0 0 18px #c9b8ff59}.groan:not(.ready){color:var(--muted)}button:focus-visible{outline:3px solid var(--bone);outline-offset:3px}@media (width<=520px){.stats{gap:6px 14px}.stat b{font-size:16px}}