@font-face{font-family:Nunito;font-weight:800 900;font-display:swap;src:url(./nunito-latin-BzFMHfZw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"M PLUS Rounded 1c";font-weight:700;font-display:swap;src:url(./mplus-ui-700-Dqhs2-RF.woff2)format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-weight:800;font-display:swap;src:url(./mplus-ui-800-Pt7dLCZT.woff2)format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-weight:900;font-display:swap;src:url(./mplus-ui-900-CfRFf5Lh.woff2)format("woff2")}@font-face{font-family:Round One;font-weight:800;src:url(./one-800-FLtv5huV.woff2)format("woff2");unicode-range:U+31}@font-face{font-family:Round One;font-weight:900;src:url(./one-900-DVE1nfwH.woff2)format("woff2");unicode-range:U+31}:root{--bg:#3a6adf;--bg-hi:#4479f2;--line:#96c0ffc7;--text:#fff;--dim:#ffffff9e;--gold:#ffd54a;--amb-glow:95,155,255;--ts:0 3px 3px #0000002e;--ts-s:0 2px 2px #0000002e;--cell:40px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}html{background-color:var(--bg)}body{color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:var(--bg) radial-gradient(90% 55% at 50% 30%,var(--bg-hi),var(--bg) 75%);justify-content:center;font-family:Round One,Nunito,"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Arial Rounded MT Bold,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}button{cursor:pointer;color:inherit;font-family:inherit}.hidden{display:none!important}@property --amb-lo{syntax:"<color>";inherits:true;initial-value:#3a6adf}@property --amb-hi{syntax:"<color>";inherits:true;initial-value:#4479f2}#ambient{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(90% 55% at 50% 30%,var(--amb-hi,#4479f2),var(--amb-lo,#3a6adf) 75%);transition:opacity .9s,--amb-lo .9s,--amb-hi .9s;position:fixed;top:0;bottom:0;left:0;right:0}#ambient.on{opacity:1}#view{z-index:1;touch-action:none;width:100vw;height:100vh;position:fixed;top:0;left:0}@supports (height:100dvh){#view{height:100dvh}}#app{z-index:2;pointer-events:none;width:100%;max-width:520px;height:100%;padding:max(15px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex;position:relative}@supports (height:100dvh){#app{height:100dvh}}#app button{pointer-events:auto}.top{flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:start;column-gap:6px;width:100%;height:36px;padding:0 4px;display:grid;position:relative}.best-pill{border:1.5px solid var(--line);background:0 0;border-radius:17px;flex-shrink:0;grid-area:1/2;align-items:center;gap:8px;min-width:120px;height:33px;padding:0 12px 0 14px;display:flex}.crown{filter:drop-shadow(0 1.5px 1px #00000040);flex-shrink:0;width:23px;height:20px;margin-top:-1px}.best-text{flex-direction:column;align-items:flex-start;padding-left:2px;line-height:1;display:flex}.best-label{letter-spacing:.02em;margin-bottom:2px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:8px;font-weight:800}#best{letter-spacing:0;font-variant-numeric:tabular-nums;transform-origin:0;font-size:17px;font-weight:800;transform:scaleX(.87)}.best-pill.beat{border-color:var(--gold);background:#ffd54a24;animation:1.2s ease-in-out infinite beat}@keyframes beat{50%{scale:1.04}}.top-btns{grid-area:1/3;justify-self:end;gap:8px;display:flex}.top-left{grid-area:1/1;justify-self:start;gap:8px;display:flex}.round-btn{border:1.5px solid var(--line);color:#fff;background:#78a0ff21;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.round-btn svg{fill:#fff;width:21px;height:21px}.round-btn:active{background:#78a0ff38}#btnSound svg{width:25px;height:25px;margin-left:1.5px}.round-btn.off{opacity:.45}@media (max-width:340px){.round-btn{width:31px;height:31px}.round-btn svg{width:18px;height:18px}.best-pill{gap:6px;min-width:0;padding:0 9px 0 10px}}.score-wrap{flex-direction:column;flex-shrink:0;align-items:center;margin-top:min(18px,2.4vh);display:flex;position:relative}.score{letter-spacing:0;height:min(66px,7.85vh);text-shadow:var(--ts);font-variant-numeric:tabular-nums;font-size:min(64px,7.6vh);font-weight:900;line-height:1}.score.bump{animation:.26s cubic-bezier(.3,1.6,.5,1) scoreBump}@keyframes scoreBump{40%{scale:1.12}}.combo-pill{color:#fff;height:24px;text-shadow:var(--ts-s);opacity:0;align-items:baseline;gap:5px;margin-top:2px;font-size:14px;font-style:italic;font-weight:900;transition:opacity .2s,scale .26s cubic-bezier(.3,1.6,.5,1);display:flex;scale:.6}.combo-pill b{color:var(--gold);font-size:22px}.combo-pill.on{opacity:1;scale:1}.combo-pill.hot b{color:#ffa55a}.stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin-top:min(10px,1.3vh);display:flex}.board-box{aspect-ratio:1;width:100%;max-width:480px;max-height:100%;position:relative}.fx-text{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.tray{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:480px;height:min(150px,19vh);margin-top:min(12px,1.6vh);padding:0 6px;display:grid}.slot{position:relative}.brand{color:#c4d6ff;max-width:100%;height:18px;text-shadow:var(--ts-s);white-space:nowrap;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:min(11px,2.9vw);font-weight:800;line-height:1;display:flex}.brand-name{color:#fff;letter-spacing:.12em;font-weight:900}body.tutorial-on .brand{visibility:hidden}.pop{z-index:8;white-space:nowrap;pointer-events:none;text-align:center;opacity:0;color:#fff;letter-spacing:.01em;text-shadow:var(--ts);font-size:32px;font-weight:900;line-height:1.05;position:absolute;top:34%;left:50%;translate:-50%}.pop small{color:var(--tc,#fff);margin-top:2px;font-size:21px;display:block}.pop.show{animation:.82s cubic-bezier(.2,.9,.3,1) popText}.pop .ch{animation:chDrop .38s cubic-bezier(.3,1.6,.5,1) calc(var(--i) * 32ms) both;display:inline-block}@keyframes chDrop{0%{opacity:0;translate:0 -.55em;scale:.5}}.pop small{animation:subIn .32s cubic-bezier(.3,1.4,.5,1) calc(var(--n,0) * 32ms + 60ms) both}@keyframes subIn{0%{opacity:0;translate:0 .5em}}@keyframes popText{0%{opacity:0;rotate:-8deg;scale:.3}16%{opacity:1;rotate:3deg;scale:1.25}28%{rotate:0deg;scale:.95}38%{scale:1.03}75%{opacity:1;scale:1}to{opacity:0;translate:-50% -28px;scale:1.08}}.pop.t1{--tc:#7ff0a4}.pop.t2{--tc:#7fe6ff}.pop.t3{--tc:var(--gold);font-size:35px}.pop.t4{--tc:#ff9ad6;font-size:38px}.pop.t5{--tc:#fff;font-size:40px;animation:1s cubic-bezier(.2,.9,.3,1) popText,1.4s linear rainbow}@keyframes rainbow{0%,to{color:#ff7a92}16%{color:#ffb35a}33%{color:#ffe45c}50%{color:#7ff0a4}66%{color:#7fe6ff}83%{color:#c29bff}}.combo-pop{z-index:9;pointer-events:none;white-space:nowrap;opacity:0;color:#fff;text-shadow:var(--ts);align-items:baseline;gap:6px;font-size:24px;font-style:italic;font-weight:900;display:flex;position:absolute;top:20%;left:50%;translate:-50%}.combo-pop b{color:var(--gold);font-size:40px}.combo-pop.show{animation:1s cubic-bezier(.2,.9,.3,1) comboIn}.combo-pop.hot b{color:#ffa55a}@keyframes comboIn{0%{opacity:0;scale:2.2}14%{opacity:1;scale:.9}24%{scale:1.08}34%{scale:1}80%{opacity:1}to{opacity:0;translate:-50% -14px}}.float-score{font-weight:900;font-size:calc(var(--cell) * .62);color:#fff;white-space:nowrap;text-shadow:var(--ts-s);pointer-events:none;animation:.88s cubic-bezier(.2,.8,.3,1) forwards floatUp;position:absolute;translate:-50% -50%}.float-score.warm{color:var(--gold);font-size:calc(var(--cell) * .75)}.float-score.hot{color:#ff9ad6;font-size:calc(var(--cell) * .9)}@keyframes floatUp{0%{opacity:0;scale:.5}15%{opacity:1;scale:1.25}30%{scale:1}75%{opacity:1}to{opacity:0;translate:-50% calc(-50% - var(--cell) * 1.2)}}.overlay{z-index:30;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);background:#142d8ca8;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay-box,.sheet-box{text-align:center;animation:.36s cubic-bezier(.3,1.4,.5,1) both trayIn}@keyframes trayIn{0%{opacity:0;transform:translateY(40px)scale(.4)}}.over-title{text-shadow:var(--ts);margin:0 0 20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:26px;font-weight:900}.primary{border:1.5px solid var(--line);color:#fff;background:#78a0ff29;border-radius:24px;padding:12px 40px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:18px;font-weight:900}.primary:active{background:#78a0ff4d}.link{color:var(--dim);background:0 0;border:none;font-size:12px;text-decoration:underline}button:focus-visible{outline-offset:3px;outline:2px solid #fff}.sheet-box{width:min(100%,340px)}.settings{flex-direction:column;gap:8px;margin:0 0 22px;display:flex}.toggle{border:1.5px solid var(--line);text-align:left;background:#78a0ff21;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px 8px 18px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:16px;font-weight:900;display:flex}.toggle span{flex-direction:column;gap:1px;display:flex}.toggle small{color:var(--dim);font-size:11px;font-weight:800}.toggle i{background:#0a1e7873;border-radius:99px;flex-shrink:0;width:48px;height:28px;transition:background .16s;position:relative;box-shadow:inset 0 0 0 1.5px #96c0ff80}.toggle i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:translate .2s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #040c3c59}.toggle[aria-pressed=true] i{box-shadow:none;background:linear-gradient(#fff0a0,#ffd54a 55%,#f2b11e)}.toggle[aria-pressed=true] i:after{translate:20px}.sheet-row{justify-content:center;gap:10px;margin-top:14px;display:flex}.sub-btn{border:1.5px solid var(--line);color:#fff;background:0 0;border-radius:99px;padding:8px 18px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:900}.sub-btn:active{background:#78a0ff38}.howto-box{width:min(100%,360px)}.howto-list{text-align:left;margin:0 0 22px;padding:0 0 0 1.4em;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800;line-height:1.6}.howto-list li{margin-bottom:6px}.howto-list b{color:var(--gold);font-weight:900}#over{--go-card:#1e3aaa8c;--go-edge:#a0c4ff8c;--go-tile:#ffffff14;--go-hi:#ffffff38;-webkit-backdrop-filter:blur(10px)saturate(1.2);background:radial-gradient(120% 80% at 50% 40%,#0a14502e,#060c3280)}#over .over-box{overscroll-behavior:contain;touch-action:pan-y;border:1.5px solid var(--go-edge);text-align:center;background:linear-gradient(180deg,var(--go-hi),#fff0 38%),var(--go-card);border-radius:30px;width:min(100%,340px);max-height:100%;padding:26px 20px 18px;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff59,0 18px 40px #040a3266}#over .over-box>*{animation:.42s cubic-bezier(.2,1.3,.4,1) both goIn}#over .over-box>:nth-child(2){animation-delay:60ms}#over .over-box>:nth-child(3){animation-delay:.11s}#over .over-box>:nth-child(4){animation-delay:.15s}#over .over-box>:nth-child(5){animation-delay:.2s}#over .over-box>:nth-child(6){animation-delay:.24s}@keyframes goIn{0%{opacity:0;translate:0 14px;scale:.96}}#over .over-title{border:1.5px solid var(--go-edge);text-shadow:var(--ts-s);background:#ffffff1f;border-radius:99px;margin:0 0 14px;padding:5px 16px;font-size:15px;line-height:1.3;display:inline-block}.over-label{letter-spacing:.3em;color:var(--dim);margin:0;font-size:11px;font-weight:900}.over-score{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:var(--ts);margin:0;font-size:clamp(46px,15vw,68px);font-weight:900;line-height:1.1}.over-best{color:var(--gold);background:#ffd54a24;border:1.5px solid #ffd54a8c;border-radius:99px;margin:6px 0 18px;padding:3px 14px;font-size:14px;font-weight:800;line-height:1.5;display:inline-block}.over-best.new{animation:1.2s ease-in-out infinite beat}.over-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.stat{background:var(--go-tile);border-radius:18px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 6px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.stat-label{color:var(--dim);font-size:11px;font-weight:800}.stat-val{text-shadow:var(--ts);font-size:30px;font-weight:900;line-height:1.15}.stat-rec{color:var(--dim);min-height:1.3em;font-size:11px;font-weight:800}.stat-rec.new{color:var(--gold);background:#ffd54a2e;border-radius:99px;padding:0 8px}#over .primary{color:#3a2600;width:100%;min-height:50px;text-shadow:none;background:linear-gradient(#fff0a0,#ffd54a 55%,#f2b11e);border:none;border-radius:99px;margin:0;padding:12px 16px;font-size:19px;box-shadow:inset 0 -3px #a05a0059,0 6px 14px #ffbe2847}#over .primary:active{translate:0 2px;box-shadow:inset 0 -1px #a05a0059,0 3px 8px #ffbe2840}@media (max-height:620px){#over .over-box{padding:18px 16px 12px}#over .over-title{margin-bottom:8px}.over-best{margin-bottom:10px}.over-stats{margin-bottom:12px}}body.tutorial-on .score-wrap{visibility:hidden}.tutorial{z-index:22;border:1.5px solid var(--line);text-align:center;pointer-events:none;background:#1d44b4;border-radius:16px;width:min(100% - 32px,380px);padding:8px 12px;animation:.3s cubic-bezier(.3,1.4,.5,1) both trayIn;position:fixed;top:0;left:50%;translate:-50%;box-shadow:0 3px #08185a59}.tut-text{text-shadow:var(--ts);margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800;line-height:1.45}.tut-text b{color:var(--gold);font-weight:900}.tut-skip{right:14px;bottom:max(8px,env(safe-area-inset-bottom));z-index:22;padding:6px 4px;font-size:12px;font-weight:700;position:fixed}.tut-hand{z-index:25;pointer-events:none;filter:drop-shadow(0 2px 1.5px #0000004d);width:44px;height:53px;position:fixed;top:0;left:0}.tut-hand svg{fill:#fff;stroke:#1d3a9e;stroke-width:2.4px;stroke-linejoin:round;width:100%;height:100%}#btnRank svg{fill:var(--gold)}.rank-box{flex-direction:column;width:min(100%,380px);max-height:100%;display:flex}.rank-title{margin-bottom:12px}.rank-scope{justify-content:center;gap:8px;margin:0 0 6px;display:flex}.rank-scope-btn{border:1.5px solid var(--line);color:var(--dim);background:0 0;border-radius:99px;padding:5px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:900}.rank-scope-btn.on{color:#fff;background:#78a0ff47;border-color:#fff}.rank-list{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:10px 0 16px;padding:0;list-style:none;overflow-y:auto}.rank-list *{touch-action:pan-y}.rank-row{text-align:left;background:#78a0ff21;border-radius:14px;grid-template-columns:minmax(34px,auto) 1fr;align-items:center;column-gap:10px;margin-bottom:5px;padding:8px 12px;display:grid}.rank-no{color:#fff;background:#0a1e7859;border-radius:15px;justify-content:center;justify-self:start;align-items:center;min-width:30px;height:30px;padding:0 5px;font-size:15px;font-weight:900;display:flex}.rank-row.top1 .rank-no{color:#6b3a00;background:linear-gradient(#fff0a0,#ffcc2e 45%,#d98800)}.rank-row.top2 .rank-no{color:#34405a;background:linear-gradient(#fff,#cfd8e6 50%,#8e9bb3)}.rank-row.top3 .rank-no{color:#4a1f00;background:linear-gradient(#ffd3a8,#e08a45 50%,#a2521c)}.rank-main{align-items:baseline;gap:4px;min-width:0;line-height:1.15;display:flex}.rank-main b{font-variant-numeric:tabular-nums;text-shadow:var(--ts-s);font-size:22px;font-weight:900}.rank-player{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;padding-left:8px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800;overflow:hidden}.rank-row.me{background:#ffd54a29;box-shadow:inset 0 0 0 1.5px #ffd54ab3}.rank-empty{color:var(--dim);padding:24px 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800}.rank-me{color:var(--dim);margin:4px 0 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800}.rank-me b{color:var(--gold);font-size:18px}.rank-name{align-items:center;gap:8px;margin:8px 2px 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:800;display:flex}.rank-name-label{color:var(--dim);flex-shrink:0}.rank-name-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rank-name-input{border:1.5px solid var(--gold);color:#fff;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;touch-action:auto;background:#0a1e7866;border-radius:10px;flex:1;padding:6px 12px;font-size:16px}.rank-name-input:focus{border-color:#fff;outline:none}.rank-name-btn{border:1.5px solid var(--gold);color:var(--gold);background:#ffd54a1f;border-radius:99px;flex-shrink:0;padding:4px 12px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:900}.rank-name-prompt{border:1.5px solid var(--gold);background:#ffd54a14;border-radius:16px;margin:14px 0;padding:16px 14px}.rank-name-hint{margin:0 0 10px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:800;line-height:1.5}.rank-name-hint b{color:var(--gold)}.rank-name-row{gap:8px;display:flex}.rank-name-go{border:1.5px solid var(--gold);color:var(--gold);background:#ffd54a33;border-radius:99px;flex-shrink:0;padding:8px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:900}.rank-box .primary{flex-shrink:0;align-self:center}.over-rank{min-height:1.4em;color:var(--dim);margin:12px 0 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;font-weight:800}.over-rank b{color:var(--gold);font-size:17px}.over-rank-btn{margin-top:4px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:13px;font-weight:800}#over .over-box>:nth-child(7){animation-delay:.28s}#over .over-box>:nth-child(8){animation-delay:.32s}@media (prefers-reduced-motion:reduce){.pop .ch,.pop small,.best-pill.beat,.over-best.new,#over .over-box>*{animation:none}.pop.show,.combo-pop.show{animation-duration:1.2s}.score.bump{animation:none}}