:root{--bg:#f4ead9;--ink:#2a1a10;--muted:#6f5643;--tomato:#d7392b;--tomato-d:#b12a1d;--card:#fffaf1;--gutter:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(110% 90% at 66% 58%,#fcf5ea 0%,#f3e6d0 55%,#e8d4b4 100%);font-family:Bricolage Grotesque,system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.top{z-index:3;padding:20px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.logo{letter-spacing:-.03em;color:var(--ink);font-size:24px;font-weight:800;text-decoration:none}.logo span{color:var(--tomato)}.cta{font:inherit;background:var(--tomato);color:#fff;box-shadow:0 3px 0 var(--tomato-d);cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s}.cta:hover{box-shadow:0 4px 0 var(--tomato-d);transform:translateY(-1px)}.cta:active{box-shadow:0 1px 0 var(--tomato-d);transform:translateY(2px)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.intro{z-index:1;pointer-events:none;left:var(--gutter);max-width:min(36rem,44vw);position:fixed;top:clamp(96px,17vh,190px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--tomato);margin:0;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;text-wrap:balance;margin:.35em 0 .4em;font-size:clamp(38px,5.4vw,84px);font-weight:800;line-height:.94}.lead{color:var(--muted);max-width:30rem;margin:0;font-size:clamp(16px,1.25vw,19px);line-height:1.5}.hud,.hint,.sound{z-index:2;-webkit-backdrop-filter:blur(8px);background:#fffaf1b8;border-radius:999px;font-size:14px;position:fixed}.hud,.hint{pointer-events:none}.hud{right:var(--gutter);font-variant-numeric:tabular-nums;color:var(--muted);padding:8px 14px;top:84px}.hud b{color:var(--ink)}.hint{white-space:nowrap;margin:0;padding:10px 18px;font-weight:600;transition:opacity .3s;bottom:28px;left:66%;transform:translate(-50%)}.sound{right:var(--gutter);font:inherit;color:var(--muted);cursor:pointer;border:0;padding:8px 14px;font-size:13px;bottom:24px}.sound[aria-pressed=true]{color:var(--ink)}dialog{background:var(--card);width:min(28rem,100vw - 32px);color:var(--ink);border:0;border-radius:28px;padding:36px 32px 28px;box-shadow:0 30px 80px #2a1a1040}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2a1a104d}dialog h2{letter-spacing:-.03em;margin:.35em 0 .4em;font-size:30px;line-height:1.05}dialog p{color:var(--muted);line-height:1.5}dialog .close{position:absolute;top:12px;right:12px}dialog .close button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:99px;padding:6px 10px;font-size:28px;line-height:1}#signup-form{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}#signup-form input{font:inherit;color:var(--ink);background:#fff;border:2px solid #e4d3bb;border-radius:999px;flex:12rem;padding:12px 16px;font-size:16px}#signup-form input:focus{border-color:var(--ink);outline:none}#form-msg{min-height:1.5em;margin:10px 0 0;font-size:14px}.again{font:inherit;color:var(--tomato);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline}.only-done{display:none}dialog.done .only-done{display:block}dialog.done .only-default{display:none}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (aspect-ratio<=1),(width<=760px){.intro{max-width:none;right:var(--gutter);top:76px}h1{font-size:clamp(34px,9vw,56px)}.lead{font-size:15px}.hud{top:auto;bottom:76px;right:auto;left:var(--gutter);white-space:nowrap}.hint{left:50%}.sound{bottom:76px}}.static .hud,.static .hint,.static .sound{display:none}