:root{--hall:#0d0907;--walnut:#2a170c;--walnut-hi:#4a2a16;--brass:#e2b866;--ivory:#f6f0e1;--chalk:#5b8fd6;--felt:#1d8150;--muted:#b9a88e;--ink:#120b06;--display:"Bowlby One SC", Impact, "Arial Black", sans-serif;--ui:"Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--hall);height:100%;color:var(--ivory);font-family:var(--ui);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:6px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.brand{font-family:var(--display);letter-spacing:.04em;color:var(--brass);text-shadow:0 2px 0 var(--ink);justify-self:start;font-size:22px}.score{background:linear-gradient(180deg, var(--walnut-hi), var(--walnut));border:1px solid #e2b86659;border-radius:999px;align-items:center;gap:14px;padding:4px 14px 4px 16px;display:flex;box-shadow:0 6px 18px #00000073}.stat{align-items:baseline;gap:8px;display:flex}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.num{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;min-width:1.4em;color:var(--ivory);font-size:24px;line-height:1}.num.bump{animation:.35s ease-out bump}@keyframes bump{0%{color:var(--brass);transform:scale(1.35)}to{transform:scale(1)}}.rack{align-items:center;gap:3px;display:flex}.rack .sep{background:#e2b86659;width:1px;height:14px;margin:0 4px}.mini{background:radial-gradient(circle at 35% 30%, #ffffffb3 0 12%, transparent 30%), var(--c);border-radius:50%;width:13px;height:13px;transition:opacity .3s,transform .3s;box-shadow:inset -1px -2px 3px #00000073}.mini.stripe{background:radial-gradient(circle at 35% 30%, #ffffffb3 0 12%, transparent 30%), linear-gradient(180deg, var(--ivory) 0 26%, var(--c) 26% 74%, var(--ivory) 74%)}.mini.down{opacity:.16;transform:scale(.75)}.tools{justify-self:end;gap:8px;display:flex}.tool{background:linear-gradient(180deg, var(--walnut-hi), var(--walnut));height:36px;color:var(--ivory);font:600 15px/1 var(--ui);letter-spacing:.04em;cursor:pointer;border:1px solid #e2b86659;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 9px;display:inline-flex;box-shadow:0 6px 18px #00000073}.tool svg{fill:none;width:20px;height:20px;stroke:var(--brass);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.tool:hover{border-color:var(--brass)}.tool:focus-visible,.cta:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.tool:disabled{opacity:.45;cursor:default}.tool.icon{justify-content:center;width:36px;padding:0}.tool.icon span,#btn-full .exit,#btn-full[aria-pressed=true] .enter{display:none}#btn-full[aria-pressed=true] .exit{display:inline}#btn-sound .mute{display:none}#btn-sound[aria-pressed=false] .mute{display:inline}#btn-sound[aria-pressed=false] .wave{display:none}.hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));text-align:center;letter-spacing:.03em;color:var(--muted);pointer-events:none;text-shadow:0 1px 2px #000;margin:0;font-size:15px;font-weight:500;position:absolute}.overlay{padding-block:16px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:radial-gradient(#0d090773,#0d0907d1);display:flex;position:absolute;inset:0;overflow-y:auto}.card{background:linear-gradient(#2a170cf5,#160c06f7);border:1px solid #e2b86666;border-radius:22px;flex-direction:column;gap:12px;width:min(500px,100%);margin:auto;padding:26px 26px 24px;display:flex;box-shadow:0 30px 80px #0009}.card h1,.card h2{font-family:var(--display);color:var(--brass);text-shadow:0 3px 0 var(--ink);text-wrap:balance;margin:0;font-weight:400;line-height:1}.card h1{letter-spacing:.02em;font-size:clamp(40px,9vw,64px)}.card h2{font-size:clamp(34px,7vw,52px)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:14px;font-weight:700}.lede{margin:0;font-size:19px;font-weight:500;line-height:1.3}.rules{color:#e9dfca;gap:6px;margin:0;padding:0;font-size:16px;line-height:1.3;list-style:none;display:grid}.rules li{padding-left:18px;position:relative}.rules li:before{content:"";background:var(--felt);border-radius:50%;width:8px;height:8px;position:absolute;top:.45em;left:2px;box-shadow:0 0 0 2px #1d815059}.rules b{color:var(--ivory);font-weight:700}.controls{color:var(--muted);margin:0;font-size:15px;line-height:1.35}.cta{color:var(--ink);font:400 20px/1 var(--display);letter-spacing:.03em;cursor:pointer;background:linear-gradient(#f2cf86,#c9953e);border:0;border-radius:999px;align-self:flex-start;margin-top:4px;padding:12px 26px 11px;box-shadow:0 6px #7a5420,0 12px 26px #00000073}.cta:active{transform:translateY(3px);box-shadow:0 3px #7a5420,0 8px 18px #00000073}.stars{gap:6px;display:flex}.stars svg{width:34px;height:34px}@media (width<=1100px){.tool span{display:none}.tool{justify-content:center;width:36px;padding:0}}@media (width<=760px),(height<=480px){.brand{display:none}#hud{grid-template-columns:auto 1fr;gap:8px}.score{justify-self:start;gap:10px;padding:3px 10px 3px 12px}.tools{gap:6px}.tool span{display:none}.tool{justify-content:center;width:36px;padding:0}.mini{width:10px;height:10px}.rack{grid-template-columns:repeat(8,10px);gap:2px;display:grid}.rack .sep{display:none}.num{font-size:21px}.label{font-size:12px}.hint{font-size:13px}}@media (width<=430px){#hud{padding-left:max(10px, env(safe-area-inset-left,0px));padding-right:max(10px, env(safe-area-inset-right,0px));gap:6px}.score{gap:7px;padding:3px 8px 3px 10px}.stat{gap:5px}.label{letter-spacing:.08em}.num{min-width:1.1em}.tools{gap:5px}.tool,.tool.icon{width:34px;height:34px}}@media (width<=374px){.label{display:none}}@media (width<=300px){.rack{display:none}}@media (height<=500px) and (width>=600px){#title .card{grid-template-columns:1fr 1.15fr;gap:8px 24px;width:min(780px,100%);padding:18px 22px;display:grid}#title h1{font-size:40px}#title .lede{font-size:16px}#title .rules{grid-area:1/2/span 4;align-self:center;font-size:14px}#title .controls{font-size:13px}#title .cta{justify-self:start}.card{gap:8px;padding:18px 22px}}@media (prefers-reduced-motion:reduce){.num.bump{transition:none;animation:none}}
