@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ivory:#f9f3e7;--ivory-deep:#ecdfc8;--ink:#2c2231;--ink-soft:#5d4f60;--track:#2c22311a;--paper:#fffaf1;--slab:#f5bb82;--slab-side:#dc9460;--tile:#f3e9d8;--tile-side:#e0d1b8;--coral:#ee8573;--lagoon:#3f9f96;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);color:var(--ink);-webkit-text-size-adjust:100%;font-family:Outfit Variable,system-ui,sans-serif}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--ivory);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;overflow:hidden}#app{background:linear-gradient(var(--ivory), var(--ivory-deep));position:fixed;inset:0;overflow:hidden;container-type:size}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:3px solid var(--lagoon);outline-offset:3px}.btn,.chip{transition:transform 80ms,box-shadow 80ms}.btn{letter-spacing:.02em;border-radius:16px;min-height:48px;padding:0 28px;font-size:1.05rem;font-weight:650}.btn.primary{background:var(--slab);color:var(--ink);box-shadow:0 6px 0 var(--slab-side);margin-bottom:6px}.btn svg{flex:none;width:24px;height:24px}.btn:has(svg){justify-content:center;align-items:center;gap:10px;display:inline-flex}.btn.primary:active{box-shadow:0 2px 0 var(--slab-side);transform:translateY(4px)}.btn.big{min-width:min(260px,78cqw);min-height:58px;padding:0 44px;font-size:1.2rem}.btn.soft{background:var(--tile);box-shadow:0 4px 0 var(--tile-side);min-height:44px;margin-bottom:4px;padding:0 20px;font-size:.98rem}.btn.soft:active,.chip:active{box-shadow:0 1px 0 var(--tile-side);transform:translateY(3px)}.chip{white-space:nowrap;background:var(--paper);min-height:46px;box-shadow:0 4px 0 var(--tile-side);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:0 18px;font-size:.98rem;font-weight:550;display:inline-flex}.chip svg{flex:none;width:20px;height:20px}.card .chip{background:var(--tile)}.icon{width:48px;height:48px;color:var(--ink);border-radius:14px;place-items:center;display:grid}.icon svg{width:26px;height:26px}.icon:active{background:var(--track)}.link{min-height:44px;color:var(--ink-soft);text-underline-offset:4px;padding:0 12px;font-size:.92rem;text-decoration:underline}.row{justify-content:center;gap:10px;display:flex}.seg{background:var(--track);border-radius:14px;padding:4px;display:inline-flex}.seg button{min-height:44px;color:var(--ink-soft);border-radius:11px;padding:0 16px;font-size:.95rem;font-weight:550}.seg.small button{min-width:44px;padding:0 13px;font-size:.9rem}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--paper);color:var(--ink)}#hud{top:calc(var(--sat) + 14px);pointer-events:none;justify-items:center;display:grid;position:absolute;left:0;right:0}#hud-score{letter-spacing:-.02em;font-size:clamp(3.2rem,15cqw,5.4rem);font-weight:300;line-height:1}#hud-score.bump{animation:.16s ease-out bump}#hud-score.bump.perfect{animation:.16s ease-out bump,.55s ease-out glint}#hud-score.bump.mile{animation:.42s cubic-bezier(.2,1.5,.4,1) mile,.7s ease-out glint}@keyframes bump{40%{transform:translateY(-3px)scale(1.05)}}@keyframes glint{0%{color:#c2543f}}@keyframes mile{0%{transform:scale(1.26)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}#hud-streak{color:var(--ink-soft);letter-spacing:.04em;align-items:center;gap:6px;margin-top:6px;font-size:.95rem;font-weight:600;display:flex}#hud-streak i,.tag.fresh:before{background:var(--coral);border-radius:2px;width:9px;height:9px;transform:rotate(45deg)}#hud-streak.pop{animation:.24s cubic-bezier(.2,1.6,.4,1) pop}#hud-near{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:.86rem;font-weight:650}#hud-near.pop{animation:.24s cubic-bezier(.2,1.6,.4,1) pop,.3s ease-in .42s both fadeout}@keyframes fadeout{to{opacity:0}}#hud,#cue,#btn-gear,#best-mark,#hud-streak,#hud-near{transition:color .6s}#app.night #hud,#app.night #cue,#app.night #btn-gear,#app.night #best-mark,#app.night #hud-streak,#app.night #hud-near{color:#fff7ea}#app.night #best-mark i{background:#fff7ea}#best-mark{color:var(--ink-soft);pointer-events:none;will-change:transform;align-items:center;gap:5px;font-size:.8rem;font-weight:650;display:flex;position:absolute;top:0;left:0}#best-mark i{background:var(--ink-soft);border-radius:1.5px;width:7px;height:7px;transform:rotate(45deg)}#btn-gear{top:calc(var(--sat) + 8px);right:calc(var(--sar) + 8px);z-index:3;position:absolute}#btn-undo{left:50%;bottom:calc(var(--sab) + 22px);z-index:3;transition:opacity .2s;animation:.26s cubic-bezier(.2,1.4,.4,1) both undo-in;position:absolute;transform:translate(-50%)}#btn-undo:active{transform:translate(-50%,3px)}#btn-undo.arming{opacity:.55;pointer-events:none}@keyframes undo-in{0%{opacity:0;transform:translate(-50%,16px)}}#cue,#tap-start{text-align:center;letter-spacing:.02em;font-size:1.02rem;font-weight:550}#cue{left:24px;right:24px;top:calc(var(--sat) + max(19cqh, 124px));color:var(--ink-soft);pointer-events:none;position:absolute}#tap-start{color:var(--ink)}.pulse{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.62}}.screen{padding:calc(var(--sat) + 7cqh) calc(var(--sar) + 20px) calc(var(--sab) + 4.5cqh) calc(var(--sal) + 20px);pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.screen>*{pointer-events:auto}.brand{justify-items:center;gap:6px;display:grid}.mark{width:clamp(44px,12cqw,64px);height:auto}.logo{letter-spacing:.3em;margin-right:-.3em;font-size:clamp(2rem,10.5cqw,3.6rem);font-weight:300;line-height:1.05}.tagline{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.98rem;font-weight:500}.title-foot{justify-items:center;gap:6px;width:100%;display:grid}.title-actions{justify-items:stretch;gap:12px;animation:.42s cubic-bezier(.2,.9,.3,1.1) both rise;display:grid}.title-actions .seg{justify-self:center}.title-actions .row .chip{flex:1 1 0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}#title.splash .title-actions,#title:not(.splash) #tap-start{display:none}#title.arming .title-actions{pointer-events:none}.tray{padding:26px 20px calc(var(--sab) + 3.5cqh);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#fffaf1db;border-radius:30px 30px 0 0;justify-items:center;gap:4px;animation:.3s ease-out both fade;display:grid;position:absolute;bottom:0;left:0;right:0}.tray>*{pointer-events:auto}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);font-size:.86rem;font-weight:600}.huge{letter-spacing:-.03em;font-size:clamp(4rem,22cqw,7rem);font-weight:300;line-height:.95}.tag{min-height:1.5em;color:var(--ink-soft);align-items:center;gap:9px;font-size:1.02rem;font-weight:600;display:flex}.tag.fresh,.tag.near{color:var(--ink)}.tag.fresh{animation:.32s cubic-bezier(.2,1.6,.4,1) .18s both pop}.tag.fresh:before{content:"";flex:none}.rankline{color:var(--ink-soft);text-align:center;font-size:.95rem;font-weight:500}.actions{justify-items:center;gap:10px;margin-top:12px;animation:.28s ease-out both fade;display:grid}.bar{background:var(--track);border-radius:3px;width:min(260px,78cqw);height:6px;overflow:hidden}.bar i{background:var(--slab-side);transform-origin:0;height:100%;animation:drain var(--offer-ms,7s) linear both;display:block}@keyframes drain{to{transform:scaleX(0)}}.tray:not(.ready){padding-bottom:calc(var(--sab) + 3.5cqh + 136px)}.sheet{z-index:5;padding:calc(var(--sat) + 12px) calc(var(--sar) + 14px) calc(var(--sab) + 12px) calc(var(--sal) + 14px);background:#f0e5d1;place-items:center;animation:.16s ease-out both fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.card{background:var(--paper);width:min(100%,380px);max-height:100%;box-shadow:0 8px 0 var(--tile-side);border-radius:26px;gap:12px;padding:16px 20px 22px;display:grid}.card.wide{width:min(100%,420px)}.card,.card>*,.cols>*{min-width:0}.card.bare{box-shadow:none;text-align:center;background:0 0;justify-items:center}.card header{justify-content:space-between;align-items:center;margin-right:-8px;display:flex}.card h2{letter-spacing:.01em;font-size:1.3rem;font-weight:600}.card footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:2px;display:flex}.cols,.col{align-content:start;gap:6px;display:grid}.big-icon{width:56px;height:56px}.note{color:var(--ink-soft);text-align:center;font-size:.88rem}.toggle,.slider,.field{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;font-size:1rem;font-weight:500;display:flex}.field{flex-wrap:wrap;row-gap:4px}.field+.field{margin-top:6px}.toggle i{background:#8f838d;border-radius:10px;flex:none;width:48px;height:28px;transition:background-color .15s;position:relative}.toggle i:after{content:"";background:var(--paper);border-radius:7px;width:20px;height:20px;transition:transform .15s;position:absolute;top:4px;left:4px}.toggle[aria-checked=true] i{background:var(--lagoon)}.toggle[aria-checked=true] i:after{transform:translate(20px)}.slider input{appearance:none;background:0 0;flex:1;max-width:190px;height:44px;margin:0}.slider input::-webkit-slider-runnable-track{background:#8f838d;border-radius:5px;height:10px}.slider input::-moz-range-track{background:#8f838d;border-radius:5px;height:10px}.slider input::-webkit-slider-thumb{appearance:none;background:var(--slab);width:26px;height:26px;box-shadow:0 3px 0 var(--slab-side);border:0;border-radius:8px;margin-top:-10px}.slider input::-moz-range-thumb{background:var(--slab);width:26px;height:26px;box-shadow:0 3px 0 var(--slab-side);border:0;border-radius:8px}.inline{align-items:flex-start;gap:8px;display:flex}.inline input{background:var(--tile);min-width:0;height:48px;font:inherit;color:var(--ink);-webkit-user-select:text;user-select:text;border:0;border-radius:14px;flex:1;padding:0 16px;font-size:16px}.inline input::placeholder{color:var(--ink-soft);opacity:1}.inline .btn.soft{background:var(--slab);min-height:44px;box-shadow:0 4px 0 var(--slab-side)}#rank-tabs{width:100%;display:flex}#rank-tabs button{flex:1 1 0;min-width:0;padding:0 4px;font-size:.9rem}.board{align-content:start;gap:1px;min-height:96px;padding:0;list-style:none;display:grid}.board li{border-radius:9px;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:8px;height:29px;padding:0 10px;font-size:.97rem;display:grid}.board li span:first-child{color:var(--ink-soft);font-variant-numeric:tabular-nums}.board li span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board li span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.board li.me{background:#3f9f962e;font-weight:600}.recs{gap:4px;display:grid}.recs div{justify-content:space-between;align-items:baseline;gap:12px;min-height:44px;display:flex}.recs dt{color:var(--ink-soft);font-size:.98rem}.recs dd{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:400}#ad-wait{z-index:7}#audio{z-index:6;cursor:pointer}#fatal{text-align:center;z-index:9;background:var(--ivory);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.ad-test{z-index:8;background:var(--ink);color:var(--paper);text-align:center;place-content:center;gap:16px;display:grid;position:absolute;inset:0}.ad-test button{min-height:44px;text-decoration:underline}@container (height<=620px) and (aspect-ratio<=6/5){.mark{display:none}.screen{padding-top:calc(var(--sat) + 5cqh + 18px);padding-bottom:calc(var(--sab) + 3cqh)}.title-actions{gap:9px}}@container (aspect-ratio>=6/5){.screen{padding:calc(var(--sat) + 14px) calc(var(--sar) + 6cqw) calc(var(--sab) + 14px) 20px;justify-content:center;align-items:flex-end;gap:5cqh}.screen>*{width:clamp(300px,42%,470px)}.tray{left:auto;right:calc(var(--sar) + 6cqw);width:calc(clamp(300px, 42%, 470px) * var(--ui,1));padding:16px 0 calc(var(--sab) + 16px);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;align-content:center;top:0}.tray:not(.ready){padding-bottom:calc(var(--sab) + 16px + 136px)}}@container (height<=480px){.screen{padding-top:calc(var(--sat) + 10px);padding-bottom:calc(var(--sab) + 10px);gap:3cqh}.screen>*{width:clamp(300px,46%,470px)}.mark{width:36px}.logo{font-size:clamp(1.5rem,4.6cqw,2.4rem)}.tagline{font-size:.82rem}.title-actions{gap:7px}.btn.big{min-width:200px;min-height:50px}#hud{left:calc(var(--sal) + 22px);top:calc(var(--sat) + 8px);justify-items:start}#hud-score{font-size:clamp(2.4rem,16cqh,3.6rem)}#cue{top:calc(var(--sat) + 16px);left:110px;right:70px}.tray{width:clamp(300px,46%,470px);padding:10px 0 calc(var(--sab) + 10px)}.tray:not(.ready){padding-bottom:calc(var(--sab) + 10px + 124px)}.huge{font-size:clamp(3rem,22cqh,5rem)}.actions{gap:7px;margin-top:6px}.card{border-radius:22px;gap:6px;padding:10px 18px 16px}.card.wide{width:min(100%,640px)}.cols{grid-template-columns:1fr 1fr;column-gap:26px}.toggle,.slider,.field{min-height:44px}.board{grid-template-columns:1fr 1fr;column-gap:12px;min-height:60px}.board li{height:27px}}@container (width<=350px){.logo{letter-spacing:.22em;margin-right:-.22em}.card{padding:12px 14px 18px}.seg.small button{padding:0 10px}.chip{gap:6px;padding:0 12px;font-size:.92rem}}@container (width>=1100px) and (height>=640px){.screen>*,.tray>*,.card,#hud,#btn-gear,#cue,#btn-undo{zoom:1.2}.tray{--ui:1.2}}@container (width>=1600px) and (height>=900px){.screen>*,.tray>*,.card,#hud,#btn-gear,#cue,#btn-undo{zoom:1.45}.tray{--ui:1.45}}@media (prefers-reduced-motion:reduce){.pulse,.title-actions,.tray,.actions,.sheet,#hud-score.bump,#hud-streak.pop,.tag.fresh{animation:none}}body.calm .pulse,body.calm .title-actions,body.calm .tray,body.calm .actions,body.calm .sheet,body.calm #hud-score.bump,body.calm #hud-streak.pop,body.calm .tag.fresh{animation:none}