:root{--bg:#16131f;--fg:#efe9f7;--muted:#9d93b0;--card:#241f31;--accent:#ffb36b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#surface{touch-action:none;position:fixed;inset:0}#flood{pointer-events:none;background:var(--win,transparent);opacity:.35;clip-path:circle(0 at var(--fx,50%) var(--fy,50%));position:fixed;inset:0}body.flooded #flood{clip-path:circle(150vmax at var(--fx) var(--fy));transition:clip-path .8s ease-out}.paw{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.paw-inner{filter:drop-shadow(0 0 14px);width:120px;height:120px;transition:opacity .4s,scale .5s cubic-bezier(.3,1.6,.5,1),color .4s;animation:1.1s ease-in-out infinite knead;position:absolute;top:-60px;left:-60px}.paw-inner svg{width:100%;height:100%;display:block}body[data-phase=countdown] .paw-inner{animation-duration:.45s}.paw[data-state=winner] .paw-inner{scale:2.1}body[data-phase=result] .paw[data-state=""] .paw-inner{scale:1.5}.paw[data-state=loser] .paw-inner{opacity:.12;animation:none;scale:.8}@keyframes knead{0%,to{transform:scale(1)}50%{transform:scale(.9)}}#hint{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:fixed;inset:0}#hint-text{font-size:22px}#mode-label{color:var(--muted);font-size:15px}body[data-phase=countdown] #hint,body[data-phase=result] #hint{opacity:0}#settings-btn{top:calc(env(safe-area-inset-top) + 16px);right:calc(env(safe-area-inset-right) + 16px);background:var(--card);width:52px;height:52px;color:var(--fg);border:none;border-radius:50%;place-items:center;transition:opacity .2s;display:grid;position:fixed}body:not([data-phase=idle]) #settings-btn{opacity:0;pointer-events:none}#sheet{background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}#sheet[hidden]{display:none}.card{box-sizing:border-box;background:var(--card);width:min(420px,100%);padding:24px 16px calc(env(safe-area-inset-bottom) + 24px);border-radius:24px 24px 0 0;flex-direction:column;gap:20px;display:flex}.card button{font:inherit;color:var(--fg);background:#332c44;border:none;border-radius:14px;min-height:52px}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg button[aria-pressed=true]{background:var(--accent);color:#221a10;font-weight:600}.stepper{text-align:center;grid-template-columns:64px 1fr 64px;align-items:center;font-size:20px;display:grid}.stepper button{font-size:26px}.stepper button:disabled{opacity:.35}#done{background:var(--accent);color:#221a10;font-weight:600}