@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(./outfit-latin-ext-400-normal-5tcqmc2S.woff2)format("woff2"),url(./outfit-latin-ext-400-normal-DHm7mdGe.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:400;src:url(./outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(./outfit-latin-400-normal-DMwTpYkH.woff)format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(./outfit-latin-ext-500-normal-zeox_O30.woff2)format("woff2"),url(./outfit-latin-ext-500-normal-DrCvqoFD.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:500;src:url(./outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(./outfit-latin-500-normal-ClnHRwRh.woff)format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(./outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(./outfit-latin-600-normal-BEfTtDA7.woff)format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(./outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(./outfit-latin-700-normal-D4itBLBr.woff)format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-ext-800-normal-DRv2ic_2.woff2)format("woff2"),url(./outfit-latin-ext-800-normal-DyhPHUt-.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(./outfit-latin-800-normal-BRHLSPcU.woff)format("woff");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,:root[data-theme=light]{--bg:#fff;--panel:#f1e8d6;--text:#212529;--muted:#2125299e;--orange:#c1502e;--orange-glow:#c1502e59;--gold:#b8892f;--sep:#000;--line:#21252924;--on-orange:#fff}:root[data-theme=dark]{--bg:#16130e;--panel:#2a2620;--text:#f1e8d6;--muted:#f1e8d69e;--orange:#e2734a;--orange-glow:#e2734a73;--gold:#d9a94d;--sep:#f1e8d6;--line:#f1e8d629;--on-orange:#16130e}:root{--label:600 clamp(11px, 1.1vw, 13px)/1.2 "Outfit", sans-serif;--track:.14em}.shape-card{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}.shape-rank{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.shape-btn{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.shape-chip{clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px)}.shape-pause{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.shape-tap{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px)}.sep{background:var(--sep);width:56px;height:2px;display:inline-block;transform:rotate(-24deg)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:Outfit,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.brandline{align-items:center;gap:16px;display:flex}.brand{font:var(--label);letter-spacing:var(--track);color:var(--gold);text-transform:uppercase}.backarrow{width:44px;height:44px;color:var(--sep);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-6px 0 -6px -10px;padding:0;display:flex}.backarrow svg{width:24px;height:24px}.btn{cursor:pointer;letter-spacing:.04em;border:none;padding:16px 30px;font-family:inherit;font-size:clamp(13px,1.3vw,15px);font-weight:600}.btn-fill{background:var(--orange);color:#fff}.btn-outline{border:2px solid var(--text);color:var(--text);background:0 0}.btn:disabled{opacity:.45;cursor:default}.chip{background:var(--panel);color:var(--muted);font:var(--label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;padding:10px 18px;font-family:inherit}#rotate{background:var(--bg);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:none;position:fixed;inset:0}@media (orientation:portrait){#rotate[hidden]{display:flex}#app{display:none}}.song-select .header{justify-content:space-between;align-items:flex-start;gap:24px;padding:clamp(24px,5.7vh,48px) clamp(28px,5.4vw,64px) 0;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.song-select h1{letter-spacing:-.01em;margin:16px 0 0;font-size:clamp(30px,3.7vw,44px);font-weight:700;line-height:1.05}.subtitle{color:var(--muted);margin:10px 0 0;font-size:clamp(13px,1.3vw,15px)}.cards{scroll-snap-type:x mandatory;flex:1;align-items:center;gap:clamp(16px,2.3vw,28px);padding:0 clamp(28px,5.4vw,64px);display:flex;overflow-x:auto}.card{scroll-snap-align:center;background:var(--panel);flex-direction:column;flex:1 0 clamp(240px,28vw,340px);justify-content:space-between;height:clamp(280px,50vh,420px);padding:clamp(20px,4vh,34px) clamp(18px,2.5vw,30px);display:flex}.cards .card:only-child{flex-grow:0}.m-label{font:var(--label);letter-spacing:.1em;color:var(--gold)}.m-title{margin-top:8px;font-size:clamp(22px,2.5vw,30px);font-weight:700}.m-duration{color:var(--muted);margin-top:10px;font-size:14px}.dots{gap:6px;margin-top:14px;display:flex}.dot{background:var(--line);width:8px;height:8px}.dot.on{background:var(--orange)}.m-best,.m-placeholder{color:var(--muted);margin-top:10px;font-size:12px}.m-placeholder{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.play{justify-content:space-between;align-items:center;width:100%;padding:14px 20px;display:flex}.dotsrow{justify-content:center;gap:10px;padding:0 0 clamp(20px,4.8vh,40px);display:flex}.pagedot{background:var(--line);width:26px;height:3px}.pagedot.on{background:var(--orange)}.home{justify-content:center;align-items:center;gap:clamp(20px,3.6vh,36px);padding:clamp(24px,5.7vh,48px) clamp(28px,5.4vw,64px)}.home-actions{position:absolute;top:clamp(24px,5.7vh,48px);right:clamp(28px,5.4vw,64px)}.logo{width:100%;height:auto;display:block}.home-mark{width:min(38vw,300px)}.home-kicker{color:var(--muted);font:var(--label);letter-spacing:var(--track);text-transform:uppercase;margin:0}.home-picks{flex-wrap:wrap;justify-content:center;gap:clamp(16px,2.3vw,28px);display:flex}.home-pick{flex-grow:0;height:auto;min-height:clamp(180px,26vh,240px)}.gameplay{position:absolute;inset:0}.hud{height:11.5%;padding:0 calc(clamp(20px, 3.4vw, 40px) + env(safe-area-inset-right)) 0 calc(clamp(20px, 3.4vw, 40px) + env(safe-area-inset-left));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.pause{background:var(--panel);cursor:pointer;border:none;justify-content:center;align-items:center;gap:5px;width:52px;height:52px;display:flex}.pause i{background:var(--text);width:5px;height:18px;display:inline-block}.combo-label{font:var(--label);letter-spacing:var(--track);color:var(--gold);text-transform:uppercase;text-align:center}.combo-num{text-align:center;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1}.combo-tag{font:var(--label);letter-spacing:.18em;color:var(--muted);text-align:center;margin-top:4px}.score-num{text-align:right;font-size:clamp(16px,1.7vw,20px);font-weight:700}.score-acc{color:var(--muted);text-align:right;margin-top:2px;font-size:12px}.flourish{background:var(--sep);width:70px;height:2px;position:absolute;top:8.4%;left:5%;transform:rotate(-24deg)}.playfield{touch-action:none;position:absolute;inset:11.5% 0 0}.field{width:100%;height:82.114%;display:block;position:absolute;top:0;left:0}.tapbar{height:17.886%;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.tapzone{background:var(--panel);flex:1}.tapzone.active{background:var(--orange)}@media (max-height:420px){.card{height:clamp(180px,50vh,280px)}.combo-num{font-size:24px}.combo-tag{display:none}.home{gap:clamp(10px,2.2vh,20px)}.home-mark{width:min(22vw,110px)}.help{display:none}}.loading,.overlay,.countdown{background:color-mix(in srgb, var(--bg) 88%, transparent);z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading[hidden],.overlay[hidden],.countdown[hidden]{display:none}.loading .bar{background:var(--line);width:220px;height:4px;margin-top:16px}.loading .bar span{background:var(--orange);width:40%;height:100%;animation:1.1s ease-in-out infinite alternate slide;display:block}@keyframes slide{to{transform:translate(150%)}}.overlay .panel{background:var(--panel);flex-direction:column;gap:22px;padding:36px 44px;display:flex}.loading .panel{background:var(--panel);text-align:center;flex-direction:column;align-items:center;gap:22px;padding:36px 44px;display:flex}.loading .panel p{margin:0}.load-mark{width:min(26vw,190px)}.overlay h2{margin:0;font-size:28px;font-weight:700}.pause-note{max-width:34ch;color:var(--muted);margin:0;font-size:14px}.help-title{font:var(--label);letter-spacing:var(--track);color:var(--gold);text-transform:uppercase;margin:0 0 8px}.help ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.help li{color:var(--muted);max-width:38ch;font-size:13px}.help strong{color:var(--text);letter-spacing:.04em;font-weight:700}.buttons{flex-wrap:wrap;gap:16px;display:flex}.countdown{color:var(--orange);font-size:88px;font-weight:800}.results{flex-direction:row;align-items:center;gap:clamp(32px,6vw,72px);padding:0 clamp(32px,8vw,96px)}.rank{aspect-ratio:1;background:var(--orange);color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:clamp(160px,23vw,280px);display:flex}.rank-label{font:var(--label);letter-spacing:.16em}.rank-letter{font-size:clamp(64px,10vw,120px);font-weight:800;line-height:1}.results .col{flex-direction:column;flex-grow:1;gap:clamp(12px,2.6vh,22px);display:flex}.results h1{margin:14px 0 0;font-size:clamp(24px,2.9vw,34px);font-weight:700}.piece{color:var(--muted);margin:6px 0 0;font-size:14px}.scorerow{align-items:baseline;gap:12px;display:flex}.score{font-size:clamp(36px,4.7vw,56px);font-weight:800;line-height:1}.points{font:var(--label);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.newbest{font:var(--label);letter-spacing:.12em;color:var(--gold);text-transform:uppercase}.accuracy{color:var(--muted);margin-top:6px;font-size:15px}.judgments{flex-direction:column;gap:12px;max-width:480px;display:flex}.jrow{align-items:center;gap:16px;display:flex}.jlabel{width:70px;font:var(--label);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.jbar{background:var(--line);flex-grow:1;height:6px;position:relative}.jfill{height:100%;position:absolute;inset:0 auto 0 0}.jcount{text-align:right;width:40px;font-size:14px;font-weight:700}.calibration,.start-prompt{justify-content:center;align-items:flex-start;gap:12px;padding:0 clamp(32px,8vw,96px)}.calibration h1,.start-prompt h1{margin:12px 0 0;font-size:clamp(24px,2.9vw,34px);font-weight:700}.start-prompt .buttons{margin-top:18px}.pulse{background:var(--panel);width:120px;height:120px;margin:18px 0;transition:background .1s}.pulse.on{background:var(--orange)}.offset{color:var(--muted);font-size:15px}.tap-header{justify-content:space-between;align-items:center;gap:16px;padding:clamp(20px,4vh,32px) clamp(28px,5.4vw,64px) 0;display:flex}.tap-setup{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:0 clamp(28px,5.4vw,64px);display:flex}.tap-setup h1{margin:0;font-size:clamp(24px,2.9vw,34px);font-weight:700}.bpb-row,.grain-row,.track-row{align-items:center;gap:12px;display:flex}.bpb-row .chip,.grain-row .chip{cursor:pointer}.bpb-row .chip.on,.grain-row .chip.on{background:var(--orange);color:var(--on-orange)}.track-select{background:var(--panel);color:var(--text);font:var(--label);letter-spacing:.04em;text-transform:none;cursor:pointer;border:none;max-width:min(60vw,420px);padding:10px 18px;font-family:inherit}.track-select:disabled{cursor:default;opacity:.45}.tap-live{flex-direction:column;flex:1;min-height:0;padding:clamp(12px,2.4vh,20px) 0 0;display:flex}.tap-stats{justify-content:center;gap:clamp(28px,5vw,64px);display:flex}.tap-stats .stat{flex-direction:column;align-items:center;gap:4px;display:flex}.tap-stats .stat-num{font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1}.tap-stats .stat-label{font:var(--label);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.tap-target{background:var(--panel);cursor:pointer;touch-action:manipulation;flex:1;justify-content:center;align-items:center;margin:clamp(16px,2.6vh,24px) clamp(28px,5.4vw,64px);display:flex}.tap-target p{color:var(--muted);font:var(--label);letter-spacing:.1em;text-transform:uppercase;margin:0}.tap-live .buttons{justify-content:center;padding:0 0 clamp(20px,4vh,32px)}.tap-output{background:var(--panel);flex-direction:column;flex:1;gap:14px;min-height:0;margin:clamp(16px,3vh,28px) clamp(28px,5.4vw,64px);padding:clamp(20px,3.4vh,32px);display:flex}.tap-output .output-summary{color:var(--muted);margin:0;font-size:14px}.tap-output .output-json{resize:vertical;background:var(--bg);width:100%;min-height:140px;color:var(--text);border:1px solid var(--line);flex:1;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tap-setup[hidden],.tap-live[hidden],.tap-output[hidden]{display:none}