@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Jost-500-BHXJjAGI.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Jost-600-Bx6cvq_J.woff2)format("woff2")}:root{--paper:#f4efe6;--ui-ink:#252934;--ui-secondary:#736b62;--ui-border:#d8cfc1;--primary:#f0b54d;--card:#fbf8f2;--perfect:#f3d57b;--coin:#f0b54d;--tone-weak:#8dccd0;--tone-miss:#ffd9cf;--ink:#102e3a;--foam:#f5fbf8;--accent:#f3d57b;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-height:100dvh;--halo:2px 0 0 var(--ui-ink), -2px 0 0 var(--ui-ink), 0 2px 0 var(--ui-ink), 0 -2px 0 var(--ui-ink), 1.5px 1.5px 0 var(--ui-ink), -1.5px 1.5px 0 var(--ui-ink), 1.5px -1.5px 0 var(--ui-ink), -1.5px -1.5px 0 var(--ui-ink), 0 3px 0 var(--ui-ink);font-synthesis:none;color:var(--ui-ink);font-family:Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:500}b,strong,h1,h2,h3{font-weight:600}html,body{overscroll-behavior:none;background:var(--open);height:100%;margin:0;overflow:hidden}#app{height:var(--app-height);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;top:0;bottom:auto;left:0;right:0;overflow:hidden}#scene{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.plate{background:var(--ui-ink);color:var(--paper)}.status{background:var(--ui-ink);color:var(--paper);white-space:nowrap;border-radius:9px;margin:0;padding:.5em 1em;font-size:1rem;font-weight:600;position:absolute;top:40%;left:50%;transform:translate(-50%)}.prompt{box-sizing:border-box;background:var(--ui-ink);color:var(--paper);white-space:nowrap;text-align:center;margin:0;font-size:16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.prompt[data-slot=hold]{bottom:calc(var(--safe-bottom) + 96px);border-radius:7px;width:152px;height:28px;line-height:28px}.prompt[data-slot=top]{top:calc(var(--safe-top) + 116px);border-radius:9px;height:40px;padding:0 16px;line-height:40px}[hidden]{display:none!important}.skips{top:calc(var(--safe-top) + 16px);box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;align-items:center;width:116px;height:88px;padding-top:14.7px;display:flex;position:absolute;left:calc(50% - 58px)}.skips b{font-size:44px;font-weight:600;line-height:44px}.skips span{letter-spacing:.02em;margin-top:4px;font-size:11px;font-weight:500;line-height:11px}.icon-btn,.btn{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit;color:var(--ui-ink);cursor:pointer}.icon-btn{top:calc(var(--safe-top) + 16px);background:var(--ui-ink);width:44px;height:44px;color:var(--paper);border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute}.icon-btn svg{display:block}.pause-btn{right:calc(var(--safe-right) + 16px)}.icon-btn:focus-visible{outline:3px solid var(--ui-ink);outline-offset:2px}.btn:focus-visible{outline:3px solid var(--ui-ink);outline-offset:2px}.panel{box-sizing:border-box;text-align:center;pointer-events:auto;background:#f5fbf8f0;border-radius:1.25rem;width:min(86vw,22rem);padding:1.25rem 1.25rem 1rem;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #102e3a40}.panel h2{margin:0 0 .25rem;font-size:1.5rem}.btn{border:2px solid var(--ink);border-radius:999px;width:100%;min-height:48px;margin-top:.6rem;font-size:1.1rem;font-weight:600;display:block}.btn.primary{background:var(--ink);color:var(--foam)}.btn.secondary{background:0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.help-btn{left:calc(var(--safe-left) + 16px);font-size:22px;font-weight:600}.charge{left:50%;bottom:calc(var(--safe-bottom) + 96px + 28px + 10px);background:#102e3a61;border-radius:999px;width:152px;height:10px;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 2px #f5fbf8d9}.charge-fill{background:var(--foam);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.charge.full .charge-fill{background:var(--accent)}.charge.full{box-shadow:0 0 0 2px var(--accent), 0 0 14px #f3d57be6}.zones,.zone-flash{grid-template-columns:30% 40% 30%;height:30%;display:grid;position:absolute;bottom:0;left:0;right:0}.zones span{padding-bottom:calc(var(--safe-bottom) + 18px);color:var(--foam);text-shadow:0 1px 3px #102e3acc;background:linear-gradient(#0000,#102e3a38);border-left:2px dashed #f5fbf88c;justify-content:center;align-items:flex-end;font-size:1rem;font-weight:600;animation:2.6s ease-out forwards zones-in;display:flex}.zones span:first-child{border-left:0}@keyframes zones-in{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}.zone-flash i{opacity:0;background:linear-gradient(#0000,#f5fbf847)}.zone-flash i.on{animation:.22s ease-out zone-flash}@keyframes zone-flash{0%{opacity:1}to{opacity:0}}.grades{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.grade{transform-origin:50% 0;opacity:0;color:var(--paper);text-shadow:0 2px 0 var(--ui-ink), 0 0 6px #252934b3;white-space:nowrap;flex-direction:column;align-items:center;line-height:1.05;display:flex;position:absolute;transform:translate(-50%)}.grade b{letter-spacing:.04em;font-size:26px;font-weight:600}.grade small{font-size:14px;font-weight:600}.grade.show{animation:.75s ease-out forwards grade-pop}.grade.tone-perfect b{color:var(--perfect);font-size:30px}.grade.tone-good,.grade.tone-late{color:var(--tone-weak)}.grade.tone-miss b,.grade.tone-miss small{color:var(--tone-miss)}.grade.tone-splash b{font-size:36px}.grade.tone-splash.show{animation-duration:1.1s}#app[data-grade-backing=on] .grade,#app[data-grade-backing=on] .toast{text-shadow:var(--halo)}@keyframes grade-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}15%{opacity:1;transform:translate(-50%)scale(1.08)}30%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.toast{transform-origin:0 0;opacity:0;color:var(--coin);text-shadow:0 2px 0 var(--ui-ink), 0 0 6px #252934b3;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.05;position:absolute;transform:translate(0)}.toast.show{animation:.75s ease-out 80ms forwards toast-pop}@keyframes toast-pop{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(10px)}}.help{z-index:110;pointer-events:auto;touch-action:manipulation;background:#102e3a73;position:absolute;top:0;bottom:0;left:0;right:0}.help-card{text-align:left;top:12%}.help-card h2{text-align:center}.help-card ol{margin:.5rem 0;padding-left:1.25rem;line-height:1.4}.help-card li{margin-bottom:.45rem}.help-keys{opacity:.75;margin:.25rem 0;font-size:.8rem}#app.reorienting .prompt{animation:.3s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){.grade.show{animation-name:grade-fade}.toast.show{animation-name:toast-fade}#app.reorienting .prompt{animation:none}}@keyframes toast-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes grade-fade{0%{opacity:0;transform:translate(-50%)}15%{opacity:1;transform:translate(-50%)}75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.energy{will-change:transform;background:#102e3a73;border-radius:999px;width:7px;height:30px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1.5px #f5fbf8bf}.energy-fill{background:var(--foam);transform-origin:bottom;width:100%;height:100%}.energy.low .energy-fill{background:var(--accent)}.home{box-sizing:border-box;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 16px);color:var(--ui-ink);pointer-events:auto;will-change:opacity;flex-direction:column;transition:opacity .18s ease-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.home.leaving{opacity:0;pointer-events:none}.home button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.home button:focus-visible{outline:3px solid var(--ui-ink);outline-offset:2px}.view button:focus-visible{outline:3px solid var(--ui-ink);outline-offset:2px}.scene-icon:focus-visible{outline:3px solid var(--ui-ink);outline-offset:2px}.home-top{flex:none;grid-template-columns:44px 1fr 44px 44px;align-items:center;gap:8px;height:44px;display:grid}.home-icon{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid}.home-coins{box-sizing:border-box;font-variant-numeric:tabular-nums;background:#e9e1d4;border-radius:999px;justify-self:center;align-items:center;gap:10px;min-width:108px;height:40px;padding:0 18px 0 12px;display:flex}.home-coins b{margin-left:auto;font-size:1.15rem}.home-brand{box-sizing:border-box;text-align:center;flex:none;height:86px;padding-top:11px}.wordmark{height:40px;color:var(--ui-ink);justify-content:center;margin:0;display:flex}.wordmark svg{display:block}.community{color:var(--ui-secondary);margin:0;font-size:11px;line-height:14px}.community span,.community small{display:block}.community small{font-size:10px}.home-hero{min-height:0;box-shadow:0 0 0 6px var(--paper);border-radius:12px;flex:182px;position:relative}.hero-rings{pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.stone-card{border:1px solid var(--ui-border);background:var(--card);text-align:left;border-radius:12px;flex:none;align-items:center;gap:12px;height:56px;margin-top:8px;padding:0 12px;display:flex}.stone-swatch{background-position:50%;background-repeat:no-repeat;background-size:64px 64px;flex:none;width:64px;height:36px}.stone-label{flex-direction:column;flex:1;line-height:1.15;display:flex}.stone-label small{color:var(--ui-secondary);font-size:12px}.stone-label b{font-size:17px}.world-strip{flex:none;grid-template-columns:repeat(3,1fr);gap:8px;height:104px;margin-top:12px;display:grid}.world-card{background:var(--card);border:0;border-radius:12px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.world-card:after{content:"";border:1px solid var(--ui-border);pointer-events:none;border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.world-card.selected:after{border:2px solid var(--ui-ink)}.world-thumb{object-fit:cover;object-position:0 0;display:block}.world-card .world-thumb{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.world-foot{background:var(--paper);height:28px;color:var(--ui-ink);font-size:11px;font-weight:600;line-height:28px;position:absolute;top:76px;left:0;right:0}.world-name{white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:0;left:6px}.world-state{font-variant-numeric:tabular-nums;align-items:center;height:28px;display:flex;position:absolute;top:0;right:6px}.world-state svg{width:9px;height:9px;margin:-1px 3.5px 0 0}.world-card:not(.locked) .world-state{right:7px}.world-card:not(.locked) .world-state svg{width:14px;height:12px;margin:0}.skip-now{background:var(--primary);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:0;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;height:52px;margin-top:12px;line-height:1.1;display:flex;touch-action:none!important}.skip-now b{font-size:20px}.skip-now span{font-size:13px}.skip-now:active{background:#e8aa3f}.home-nav{box-sizing:border-box;border-top:1px solid var(--ui-border);flex:none;grid-template-columns:repeat(3,1fr);height:52px;margin-top:20px;display:grid}.nav-btn{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;font-size:12px!important}#app[data-screen=home] #prompt,#app[data-screen=home] #skips,#app[data-screen=home] #help-btn,#app[data-screen=demo] #help-btn{display:none}.scene-icons{left:0;right:0;bottom:calc(var(--safe-bottom) + 22px);height:44px;position:absolute}.scene-icons .icon-btn{top:0}#scene-home{left:calc(50% - 139px)}#scene-records{left:calc(50% - 22px)}#scene-settings{left:calc(50% + 95px)}#app:not([data-phase=READY]) .scene-icons,#app[data-screen=home] .scene-icons,#app:not([data-phase=READY]) .target-line,#app[data-screen=home] .target-line,#app:not([data-phase=READY]) .scene-community,#app[data-screen=home] .scene-community{display:none}.target-line{top:calc(var(--safe-top) + 116px);left:calc(var(--safe-left) + 16px);right:calc(var(--safe-right) + 16px);box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:9px;height:40px;margin:0;padding:0 12px;font-size:16px;font-weight:500;line-height:40px;position:absolute;overflow:hidden}.scene-community{top:calc(var(--safe-top) + 166px);box-sizing:border-box;text-align:center;border-radius:9px;width:272px;height:44px;margin:0;padding-top:7.8px;position:absolute;left:calc(50% - 136px)}.scene-community span,.scene-community small{line-height:14px;display:block}.scene-community span{font-size:12px}.scene-community small{margin-top:2.7px;font-size:10px}.demo{position:absolute;top:0;bottom:0;left:0;right:0}.demo-label{box-sizing:border-box;text-align:center;white-space:nowrap;border-radius:7px;height:28px;margin:0;padding:0;font-size:15px;font-weight:600;line-height:28px;position:absolute;top:0;left:0}.demo-label:empty{display:none}.demo-chev{border-radius:9px;width:30px;height:44px;display:none;position:absolute}.demo-chev svg{display:block}.demo-chev.left{left:calc(var(--safe-left) + 16px)}.demo-chev.right{right:calc(var(--safe-right) + 16px)}.demo[data-step="3"] .demo-chev{display:block}.btn.tertiary{background:0 0;border-color:#0000;font-weight:600;text-decoration:underline}.view{z-index:100;pointer-events:auto;touch-action:manipulation;background:#25293466;position:absolute;top:0;bottom:0;left:0;right:0}.view-card{top:calc(var(--safe-top) + 16px);bottom:calc(var(--safe-bottom) + 16px);left:calc(var(--safe-left) + 16px);right:calc(var(--safe-right) + 16px);background:var(--paper);max-width:430px;color:var(--ui-ink);border-radius:12px;flex-direction:column;margin:0 auto;display:flex;position:absolute;box-shadow:0 10px 30px #25293440}.view button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}.view-head{border-bottom:1px solid var(--ui-border);align-items:center;padding:8px 8px 8px 20px;display:flex}.view-title{flex:1;margin:0;font-size:1.3rem}.view-close{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.view-body{overscroll-behavior:contain;flex:1;padding:12px 16px 16px;overflow-y:auto}.view-coins{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0 0 8px;display:flex}.view-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.item-card{border:1px solid var(--ui-border);background:var(--card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.item-swatch.world-thumb{border-radius:8px;flex:none;width:64px;height:44px}.item-text{flex-direction:column;flex:1;min-width:0;display:flex}.item-text small{color:var(--ui-secondary)}.item-state{color:var(--ui-secondary);font-weight:600}.btn-small{border:1px solid var(--ui-ink);font-variant-numeric:tabular-nums;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:76px;min-height:44px;padding:0 12px;display:inline-flex;font-weight:600!important}.btn-small.buy{background:var(--primary);border-color:#0000}.btn-small:disabled{opacity:.5;cursor:default}.btn-small svg{width:18px;height:18px}.view-notice{color:#9a3b22;text-align:right;flex-basis:100%;margin:0;font-weight:600}.record{border-bottom:1px solid var(--ui-border);padding:8px 0 12px}.record h3{margin:0 0 4px;font-size:1rem}.record-best{align-items:baseline;gap:8px;margin:0;display:flex}.record-best b{font-variant-numeric:tabular-nums;font-size:2.4rem}.record-stats{color:var(--ui-secondary);grid-template-columns:1fr auto;gap:2px 12px;margin:4px 0 0;display:grid}.record-stats dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.record-empty{color:var(--ui-secondary);margin:0}.setting{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;min-height:52px;font-weight:600;display:flex}.switch{background:var(--ui-border);border:0;border-radius:999px;width:52px;height:32px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--ui-ink)}.switch[aria-checked=true]:after{transform:translate(20px)}.view .btn.secondary{border-color:var(--ui-ink);color:var(--ui-ink);margin-top:16px}.view-privacy,.view-save{color:var(--ui-secondary);margin:16px 0 0;line-height:1.4}.view-privacy b{color:var(--ui-ink);display:block}#app.reduced-motion .grade.show{animation-name:grade-fade}#app.reduced-motion .toast.show{animation-name:toast-fade}#app.reduced-motion .home{transition:none}.results{color:var(--ui-ink);text-align:center;pointer-events:auto;--rt:var(--safe-top);position:absolute;top:0;bottom:0;left:0;right:0}.results>*{margin:0;position:absolute}.result-mark{top:calc(var(--rt) + 22px);justify-content:center;width:136px;height:26px;display:flex;left:calc(50% - 68px)}.result-mark svg{display:block}.result-world{top:calc(var(--rt) + 76px);color:var(--ui-secondary);font-size:14px;font-weight:500;line-height:20px;left:16px;right:16px}.result-title{top:calc(var(--rt) + 95.6px);font-variant-numeric:tabular-nums;left:0;right:0}#result-count{font-size:96px;font-weight:600;line-height:96px;display:block}#result-unit{letter-spacing:3px;text-indent:3px;margin-top:2.1px;font-size:18px;font-weight:600;line-height:18px;display:block}.result-best{top:calc(var(--rt) + 230.6px);white-space:nowrap;font-size:17px;font-weight:600;line-height:17px;left:50%;transform:translate(-50%)}.results.new-best .result-best{background:var(--perfect);border-radius:999px;margin-top:-4px;padding:4px 12px}.result-window{top:calc(var(--rt) + 271px);height:161px;box-shadow:0 0 0 6px var(--paper);border-radius:12px;left:16px;right:16px}.result-window .plate{white-space:nowrap;border-radius:7px;height:26px;margin:0;padding:0 10px;font-size:13px;font-weight:600;line-height:26px;position:absolute}.result-reason{top:8px;left:8px}.result-coins{font-variant-numeric:tabular-nums;top:8px;right:8px;color:var(--coin)!important}.result-saved{bottom:8px;left:50%;transform:translate(-50%);font-weight:500!important}.result-stone{top:calc(var(--rt) + 443.1px);font-size:14px;font-weight:600;line-height:20px;left:16px;right:16px}.results .btn{width:auto;min-height:0;color:var(--ui-ink);border-radius:12px;margin:0;left:16px;right:16px}.results .btn.primary{top:calc(var(--rt) + 484px);background:var(--primary);border:0;height:52px;font-size:18px}.results .btn.secondary{top:calc(var(--rt) + 548px);border:1px solid var(--ui-border);background:0 0;height:48px;font-size:16px}.results .btn.tertiary{top:calc(var(--rt) + 604px);background:0 0;border:0;height:44px;font-size:15px;text-decoration:underline}.results.with-challenge #new-course{top:calc(var(--rt) + 604px);border:0;height:44px;font-size:15px;text-decoration:underline;right:50%}.results.with-challenge #results-home{left:50%}