:root{--font: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #ffffff;--ink: #121212;--mute: #6b6b6b;--faint: #8a8a8a;--line: #efefec;--gold: #e0a400;--soft: #f6f6f4;--t-BEGINNER: #d6a72e;--t-INTERMEDIATE: #7dba6a;--t-EXPERT: #2f7d43;--t-EPIC: #1a1626;--t-MISS: #8a8a8a;--top: 36px;--vh: 100dvh;--frame: 6px;--radius: 9px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:400;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.num{font-variant-numeric:tabular-nums}#app{position:fixed;left:0;right:0;top:0;height:var(--vh);display:flex;flex-direction:column;background:var(--bg)}.topbar{flex:none;height:var(--top);display:flex;align-items:center;justify-content:space-between;padding:0 14px;padding-top:env(safe-area-inset-top);box-sizing:content-box}.wordmark{font-size:17px;letter-spacing:-.01em;white-space:nowrap}.wordmark b{font-weight:800}.wordmark span{font-weight:400;color:var(--mute)}.progress{font-size:17px;font-variant-numeric:tabular-nums}.progress b{font-weight:800}.progress span{color:var(--faint)}.progress .dw{font-weight:600}.dw-Easy{color:var(--faint)!important}.dw-Medium{color:var(--mute)!important}.dw-Hard{color:var(--ink)!important}.dw-Brutal{color:var(--ink)!important;font-weight:800!important}.strip{flex:none;height:6px;margin:0 14px 2px;display:flex;gap:3px;align-items:flex-end}.strip[hidden]{display:none}.strip .seg{flex:1;height:calc(6px * var(--h));border-radius:2px;background:var(--line);transition:background-color .24s ease-out}.strip .seg.current{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);height:6px}.t-bg-BEGINNER{background:var(--t-BEGINNER)!important}.t-bg-INTERMEDIATE{background:var(--t-INTERMEDIATE)!important}.t-bg-EXPERT{background:var(--t-EXPERT)!important}.t-bg-EPIC{background:var(--t-EPIC)!important}.t-bg-MISS{background:var(--t-MISS)!important}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#fffffff7;text-align:center;padding:16px;opacity:0}.intro.in{opacity:1;transition:opacity .12s ease-out}.intro.out{opacity:0;transition:opacity .16s ease-in}.intro-c{display:flex;flex-direction:column;align-items:center;gap:6px}.intro small,.intro span,.intro b{position:static;display:block}.intro small{font-size:14px;font-weight:600;color:var(--mute)}.intro small:empty,.intro span:empty{display:none!important}.intro span{font-size:16px;color:var(--mute)}.intro b{font-size:22px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.intro.in,.intro.out{transition:none}}@media(max-width:420px){.progress{font-size:15px}.wordmark{font-size:16px}}.play{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:4px 12px max(10px,env(safe-area-inset-bottom))}.stagebox{flex:1;min-height:0;display:flex}.stagecol{flex:1;min-width:0;min-height:0;display:flex}.frame{position:relative;flex:1;min-width:0;min-height:0;padding:calc(var(--frame) + 3px)}.timer-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.timer-frame path{fill:none;stroke-width:var(--frame);stroke-linecap:butt}.timer-frame .track{stroke:var(--line)}.timer-frame .drain{stroke:var(--gold)}.timer-frame .lap{stroke:var(--gold);opacity:0;stroke-linecap:round}.ripple{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:18px;opacity:0;pointer-events:none}.winplus{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);padding:2px 18px 5px;border-radius:16px;background:#fff;color:var(--ink);font-weight:800;font-size:48px;line-height:1.05;letter-spacing:-.02em;white-space:nowrap;box-shadow:0 2px 10px #00000024;pointer-events:none}.photo{position:relative;width:100%;height:100%;border-radius:var(--radius);overflow:hidden;background:var(--soft)}.photo canvas{display:block;width:100%;height:100%}.pill{position:absolute;top:10px;right:10px;min-width:40px;padding:4px 10px;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:15px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #0000001f}.label{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 10px;border-radius:8px;background:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #0000001f}.label b{font-weight:800;margin-right:6px}.label span{color:var(--mute)}.label.pop{animation:pop .18s ease-out}@keyframes pop{0%{transform:scale(.94)}}.mstack{position:absolute;left:10px;top:10px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.mchip{display:flex;align-items:baseline;gap:6px;padding:3px 8px;border-radius:7px;background:#fff;font-size:13px;font-weight:800;box-shadow:0 1px 2px #0000001f}.mchip b{font-size:12px;letter-spacing:.02em}.mchip .rep{color:var(--faint)}.mchip.hint{color:var(--faint);font-weight:600}.mchip.new{animation:chip-in .22s ease-out both}@keyframes chip-in{0%{opacity:0;transform:translateY(-6px) scale(.92)}}.stack{display:none}.slines{display:flex;flex-direction:column;gap:7px}.sl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;font-size:15px}.sl b{font-weight:800;font-size:13px;letter-spacing:.02em}.sl .sg{color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl .sp{display:inline-block;font-weight:800;text-align:right;transform-origin:right center}.sl .sp.rep{color:var(--faint)}.sl.hint b,.sl.hint .sp{color:var(--faint);font-weight:600}.sl.new{animation:line-in .22s ease-out both}.sl.new .sp{animation:plus-pop .26s cubic-bezier(.3,1.5,.5,1) .06s both}@keyframes line-in{0%{opacity:0;transform:translateY(10px)}}@keyframes plus-pop{0%{transform:scale(1.25)}}.stot{display:flex;justify-content:flex-end;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.stot span{display:none}.stot b{font-weight:800;font-size:24px;letter-spacing:-.01em}.t-BEGINNER{color:var(--t-BEGINNER)}.t-INTERMEDIATE{color:var(--t-INTERMEDIATE)}.t-EXPERT{color:var(--t-EXPERT)}.t-EPIC{color:var(--t-EPIC)}.t-MISS{color:var(--t-MISS)}.fade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .22s ease}.fade.on{opacity:1}.intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;font-size:22px;color:var(--ink)}.under{flex:none;display:flex;flex-direction:column;gap:6px}.tools{flex:none;height:40px;display:flex;justify-content:space-between;align-items:center}.under:has(>.bar[hidden]) .tools{display:none}.tool{position:relative;height:40px;padding:0 16px;background:#fff;border:2px solid var(--ink);border-radius:10px;font:inherit;font-weight:600;font-size:16px;color:var(--ink);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;display:inline-flex;align-items:center;gap:6px;transition:transform 90ms ease-out,background-color 90ms ease-out}.tool:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.tool .tl{color:var(--mute);font-weight:600;font-variant-numeric:tabular-nums}.tool:not(:disabled):hover{background:var(--soft)}.tool:not(:disabled):active,.tool.pressed{transform:scale(.94);background:var(--line)}.tool:disabled{border-color:#d4d4d0;color:#b8b8b4;cursor:default}.tool:disabled .tl{color:#c4c4c0}@media(prefers-reduced-motion:reduce){.tool{transition:none}.tool:not(:disabled):active,.tool.pressed{transform:none}}.bar{position:relative;flex:none;height:52px}.slots{flex:none;height:30px;display:flex;justify-content:center;align-items:flex-end;gap:3px;overflow:hidden;white-space:nowrap;--sw: 20px}.under:has(>.bar[hidden]) .slots{display:none}.slots .sl{flex:none;width:var(--sw);height:26px;border-bottom:2px solid var(--faint);display:flex;align-items:flex-end;justify-content:center;padding-bottom:1px;font-weight:600;font-size:min(20px,calc(var(--sw) * .95));line-height:1;color:var(--ink)}.slots .sg{flex:none;width:calc(var(--sw) * .6)}.slots .sm{flex:none;width:calc(var(--sw) * .5);text-align:center;font-weight:600;font-size:min(20px,calc(var(--sw) * .95));line-height:26px;color:var(--ink)}.slots .sl.new{animation:slot-pop .26s cubic-bezier(.2,.9,.3,1.4)}@keyframes slot-pop{0%{transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.slots .sl.new{animation:none}}.bar input{width:100%;height:100%;padding:0 58px 0 16px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:20px;font-weight:600;outline:none;caret-color:var(--ink)}.bar input::placeholder{color:#b8b8b4;font-weight:400}.bar .ghost{position:absolute;right:56px;top:0;height:100%;display:flex;align-items:center;font-size:20px;font-weight:600;color:#b8b8b4;pointer-events:none}.bar.ghosted input{padding-right:92px}.bar button{position:absolute;right:6px;top:6px;width:40px;height:40px;border:0;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer}.bar button:active{transform:scale(.96)}.pause{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:pointer;pointer-events:none}.pause-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;will-change:opacity}.pause-panel{position:absolute;left:50%;top:50%;width:min(520px,calc(100% - 32px));padding:14px 18px 10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px #00000014;opacity:0;visibility:hidden;transform:translate(-50%,-50%);will-change:opacity,transform}.namecard{position:absolute;right:10px;bottom:10px;z-index:3;width:max-content;max-width:min(300px,calc(100% - 20px));padding:10px 12px 8px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #00000024;opacity:0;visibility:hidden;will-change:opacity,transform}.nc-name{font-weight:800;font-size:19px;line-height:1.12;letter-spacing:-.01em;overflow-wrap:anywhere}.nc-line{display:flex;align-items:baseline;gap:8px;margin-top:3px;font-size:15px}.nc-line b{font-weight:800}.nc-pts{font-weight:800;font-variant-numeric:tabular-nums}.nc-pts.nc-zero{color:var(--faint, #8A8A8A);font-weight:600}.nc-hint{font-size:13px;color:var(--faint)}.nc-fact{margin-top:6px;font-size:14px;line-height:1.35;color:var(--mute)}.nc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;min-height:28px}.nc-foot .credit{font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-foot .credit a{color:inherit}.namecard .flag{pointer-events:auto}.pause-curve{display:block;width:100%;height:auto;overflow:visible}.pause-curve text{font-family:var(--font);font-size:13px;font-weight:800;fill:var(--ink)}.pause-curve tspan[data-est]{font-weight:400;fill:var(--faint)}.pause-curve text.milestone{font-size:14px}.pause-curve text.milestone [data-top]{fill:var(--band, var(--ink))}.pause-curve [data-dot]{transform-box:fill-box;transform-origin:center}.credit{font-size:11px;color:var(--faint)}.credit a{color:inherit}.flag{flex:none;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:#c4c4c0;cursor:pointer}.flag:hover{color:var(--mute)}.flag.sent{color:var(--t-EXPERT)}.chip{font-weight:800;font-size:13px;letter-spacing:.02em}.screen{position:absolute;left:0;right:0;top:calc(var(--top) + env(safe-area-inset-top));bottom:0;z-index:6;background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 18px max(24px,env(safe-area-inset-bottom));text-align:center;animation:in .2s ease-out both}@keyframes in{0%{opacity:0}}.screen>*{width:100%;max-width:420px}.screen.title{justify-content:center;gap:18px}.hero{width:100%;max-width:420px;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--soft);position:relative}.hero canvas{display:block;width:100%;height:100%}.day{font-size:15px;color:var(--mute)}.big{font-weight:800;font-size:34px;letter-spacing:-.02em;line-height:1.05}.total{font-weight:800;font-size:56px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.rank{font-weight:600;font-size:18px}.btn{height:52px;padding:0 22px;border-radius:12px;border:2px solid var(--ink);background:var(--ink);color:#fff;font-weight:800;font-size:17px;cursor:pointer}.btn.ghost{background:#fff;color:var(--ink)}.btn:disabled{opacity:.45;cursor:default}.btn:not(:disabled):active{transform:translateY(1px)}.btn.wide{width:100%;max-width:420px}.row{display:flex;gap:10px;justify-content:center}.row .btn{flex:1}.links{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center;font-size:15px}.links button,.links a{min-height:44px;padding:0 2px;background:none;border:0;color:var(--mute);cursor:pointer;text-decoration:none}.links button:hover,.links a:hover{color:var(--ink)}.links button:disabled{color:#c4c4c0;cursor:default}.tiny{font-size:13px;color:var(--faint)}.crowdline{font-weight:800;font-size:16px;min-height:20px}.challenge-banner{font-weight:600;font-size:15px}.sets{display:flex;flex-direction:column;gap:6px}.setrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--mute)}.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share{margin:0;padding:12px 14px;border-radius:10px;background:var(--soft);font:13px/1.5 ui-monospace,Menlo,monospace;text-align:left;white-space:pre-wrap;-webkit-user-select:text;user-select:text;color:var(--ink)}.statgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.statgrid .sets,.statgrid .tiny{grid-column:1 / -1}.stat{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--soft)}.stat b{font-weight:800;font-size:28px;font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--mute)}.credits{text-align:left;font-size:13px;line-height:1.7;color:var(--mute)}.credits a{color:var(--ink)}.versus{display:grid;grid-template-columns:1fr 1fr;gap:10px}.versus div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--soft)}.versus div.win{outline:2px solid var(--gold)}.versus span{font-size:12px;color:var(--mute)}.versus b{font-weight:800;font-size:24px}.versus i{font-style:normal;font-size:13px}.paywall{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;min-height:64px;padding:12px 14px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:12px;cursor:pointer}.paywall b{font-weight:800;font-size:17px}.paywall span{grid-column:1;font-size:13px;color:var(--mute)}.paywall i{grid-column:2;grid-row:1 / span 2;font-style:normal;font-weight:800}.chart{margin:0}.chart figcaption{font-size:12px;color:var(--faint);margin-top:6px}.chart .cols{display:flex;align-items:flex-end;gap:2px;height:80px;border-bottom:1px solid var(--line)}.chart.bars .hbar{flex:1;height:100%;background:var(--line);transform-origin:bottom;transform:scaleY(var(--h));animation:grow .6s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i) * 12ms)}.chart.bars .hbar.beat{background:#dcdcd6}.chart.bars .hbar.me{background:var(--gold)}@keyframes grow{0%{transform:scaleY(0)}}.chart.dots .col{flex:1;display:flex;flex-direction:column-reverse;align-items:center;gap:2px}.chart.dots i{width:7px;height:7px;border-radius:50%;background:#d4d4ce}.chart.dots i.you{background:var(--gold)}.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#12121240;display:flex;align-items:flex-end;justify-content:center;animation:in .15s ease-out both}.sheet-back.out{opacity:0;transition:opacity .18s}.sheet{position:relative;width:100%;max-width:480px;max-height:85%;overflow-y:auto;padding:22px 18px max(18px,env(safe-area-inset-bottom));background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:12px;animation:up .22s ease-out both;font-size:15px}@keyframes up{0%{transform:translateY(24px);opacity:0}}.sheet h2{margin:0;font-weight:800;font-size:22px}.sheet p{margin:0;line-height:1.5;color:var(--mute)}.sheet a{color:var(--ink)}.sheet-x{position:absolute;top:6px;right:6px;width:44px;height:44px;background:none;border:0;color:var(--faint);font-size:26px;cursor:pointer}.products{display:flex;flex-direction:column;gap:8px}.product{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:12px 14px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:12px;cursor:pointer}.product b{font-weight:800}.product span{font-size:13px;color:var(--mute)}.product:hover,.product:focus-visible{border-color:var(--ink)}.emailform{display:flex;gap:8px}.emailform input{flex:1;min-width:0;height:52px;padding:0 12px;font-size:16px;border:2px solid var(--ink);border-radius:12px}.toast{position:absolute;left:50%;top:calc(var(--top) + 10px + env(safe-area-inset-top));transform:translate(-50%);z-index:30;padding:10px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;animation:toast 2.6s ease-out both;max-width:calc(100% - 32px);text-align:center}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.instant,.instant *{animation-duration:1ms!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(orientation:landscape)and (max-height:500px){.play{gap:6px;padding-top:2px}.pause-curve{max-height:42vh}.nc-fact{display:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media(min-width:768px)and (hover:hover),(min-width:768px)and (orientation:landscape){.topbar{padding:0 24px;height:48px}.strip{height:8px;margin:0 24px 4px}.strip .seg{height:calc(8px * var(--h))}.strip .seg.current{height:8px}.intro b{font-size:30px}.intro span{font-size:18px}:root{--top: 48px}.wordmark,.progress{font-size:19px}.play{padding:8px 24px 20px;gap:14px}.stagebox{gap:16px}.stack{display:flex;flex:none;width:240px;min-height:0;flex-direction:column;justify-content:flex-end;overflow:hidden}.mstack{display:none}.stagecol{container-type:size;display:grid;place-items:center}.frame{flex:none;width:min(100cqw,150cqh);aspect-ratio:3 / 2}.under{padding-left:256px}.bar,.tools,.slots{width:min(640px,100%);margin-left:auto;margin-right:auto}.winplus{font-size:72px;padding:4px 28px 8px;border-radius:22px}.screen>*,.btn.wide,.hero{max-width:560px}.namecard{right:16px;bottom:16px;max-width:360px;padding:14px 16px 10px}.nc-name{font-size:24px}.nc-line{font-size:17px}.nc-fact{font-size:15px}.pause-panel{width:min(600px,calc(100% - 48px));padding:18px 24px 12px}}@media(min-width:768px)and (hover:hover)and (orientation:portrait){.frame{width:min(100cqw,75cqh);aspect-ratio:3 / 4}}.pause.no-curve .pause-dim,.pause.no-curve .pause-panel{visibility:hidden!important;opacity:0!important}.photo-rank{padding:18px 8px 14px;font-size:18px;font-weight:600;color:var(--ink);text-align:center}.nextdaily{font-size:14px;color:var(--faint);font-variant-numeric:tabular-nums;margin-top:-4px}