@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2) format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2) format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2) format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Seymour One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/seymour-one.ttf) format("truetype")}:root{--font-display: "Seymour One", "Nunito", sans-serif;--ink: #171425;--paper: #fff8e8;--cream: #fff2cf;--pink: #ff5d73;--red: #ef304b;--yellow: #ffd447;--cyan: #54d7e8;--purple: #5a4bdb;--green: #72db7d;--safe-top: max(14px, env(safe-area-inset-top));--safe-bottom: max(14px, env(safe-area-inset-bottom));color:var(--ink);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{background:#241d43}body{min-width:320px;min-height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;font:inherit;-webkit-appearance:none}button:focus-visible{outline:4px solid white;outline-offset:3px}#app{position:relative;max-width:520px;height:100dvh;min-height:568px;margin:auto;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgb(23 20 37 / 8%) 0 1px,transparent 1.5px) 0 0 / 8px 8px,var(--paper);isolation:isolate;box-shadow:0 0 70px #0b0917}#app:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.topbar{position:absolute;top:var(--safe-top);left:14px;right:14px;z-index:40;display:flex;justify-content:space-between;pointer-events:none}.topbar button{pointer-events:auto}.language-button,.icon-button{width:44px;height:38px;border:3px solid var(--ink);border-radius:12px 8px 13px 7px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:1000;cursor:pointer}.icon-button{font-size:24px;line-height:1}.language-button{margin-left:auto;font-size:13px}.hidden{display:none!important}main,.screen{width:100%;height:100%}.screen{position:absolute;inset:0;display:none;padding:calc(var(--safe-top) + 49px) 18px var(--safe-bottom)}.screen.active{display:flex;animation:page-in .28s cubic-bezier(.2,.8,.3,1) both}@keyframes page-in{0%{opacity:0;transform:translate(22px) rotate(.5deg)}to{opacity:1;transform:none}}.comic-burst{position:absolute;pointer-events:none;z-index:-1}.burst-a{width:180px;height:180px;top:-74px;left:-70px;background:var(--yellow);transform:rotate(16deg);clip-path:polygon(50% 0,60% 32%,83% 10%,72% 38%,100% 38%,74% 54%,96% 72%,66% 68%,68% 100%,50% 73%,31% 100%,33% 68%,3% 75%,25% 53%,0 37%,29% 38%,17% 9%,40% 32%)}.burst-b{width:170px;height:170px;right:-95px;bottom:90px;border-radius:50%;opacity:.18;background:repeating-radial-gradient(circle,var(--red) 0 3px,transparent 4px 9px)}.screen-loading{flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(160deg,var(--pink) 0 53%,var(--yellow) 53.2% 100%)}.logo-lockup{position:relative;text-align:center;transform:rotate(-3deg)}.logo-lockup .kicker,.issue-tag,.now-tag{display:inline-block;padding:4px 9px;border:2px solid var(--ink);background:var(--cyan);box-shadow:2px 2px 0 var(--ink);font-size:11px;font-weight:1000;letter-spacing:.13em;transform:rotate(2deg)}h1,h2,h3,.sound-word,.judgement,.name-splash strong{margin:0;font-family:var(--font-display);letter-spacing:.015em;font-weight:400}.comic-lettering{--letter-top: #ffcc37;--letter-bottom: #f04b20;--letter-dot: #ffe875;--letter-edge: #713415;display:inline-grid;max-width:100%;vertical-align:middle;isolation:isolate;font-family:var(--font-display);font-weight:400;font-style:normal;text-transform:uppercase;text-shadow:none;-webkit-text-stroke:0}.comic-lettering>span{grid-area:1 / 1;min-width:0;font:inherit;letter-spacing:inherit;line-height:inherit;paint-order:stroke fill}.comic-lettering__edge{color:var(--letter-edge);-webkit-text-stroke:.21em var(--letter-edge);text-shadow:.025em .04em 0 var(--letter-edge),.065em .095em 0 var(--ink)}.comic-lettering__rim{color:#fff4c9;-webkit-text-stroke:.15em #fff4c9}.comic-lettering__face{color:var(--letter-bottom);-webkit-text-stroke:.065em var(--ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.comic-lettering__face{background:radial-gradient(circle,var(--letter-dot) 0 .024em,transparent .029em) 0 0 / .14em .14em,linear-gradient(180deg,var(--letter-top) 12%,var(--letter-bottom) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.logo-lockup h1{margin:22px 0 12px;font-size:clamp(45px,13vw,64px);line-height:1.14}.logo-lockup h1 em{font-style:normal}.logo-lockup h1 em .comic-lettering{--letter-top: #b9faff;--letter-bottom: #24b8d5;--letter-dot: #e3ffff;--letter-edge: #205b70}.scribble{display:block;margin-top:15px;font-size:13px;font-weight:1000;letter-spacing:.1em}.loading-toy{position:relative;width:84px;height:70px;border:4px solid var(--ink);border-radius:44% 44% 48% 48%;background:#694edf;box-shadow:5px 5px 0 var(--ink);animation:toy-bop .65s infinite alternate ease-in-out}.loading-toy .ear{position:absolute;width:27px;height:28px;top:-14px;background:#694edf;border:4px solid var(--ink);transform:rotate(45deg);z-index:-1}.loading-toy .ear-left{left:5px}.loading-toy .ear-right{right:5px}.loading-toy .face{display:grid;height:100%;place-items:center;color:#fff;font-size:24px;font-weight:1000}@keyframes toy-bop{to{transform:translateY(-7px) rotate(4deg)}}.loader-wrap{width:min(330px,90%)}.loader-label{display:flex;justify-content:space-between;font-size:12px;font-weight:1000;text-transform:uppercase}.comic-meter{height:18px;margin-top:6px;border:3px solid var(--ink);border-radius:6px;background:#fff;box-shadow:3px 3px 0 var(--ink);overflow:hidden;transform:skew(-5deg)}.comic-meter span{display:block;width:0%;height:100%;background:repeating-linear-gradient(135deg,var(--cyan) 0 9px,#2fb8d0 9px 15px);transition:width .2s ease}.loader-wrap p{margin:12px 0 0;text-align:center;font-size:11px;font-weight:900}.screen-character,.screen-song,.screen-result{flex-direction:column;gap:12px}.section-heading{text-align:center;flex:0 0 auto}.section-heading h2{margin:12px auto 5px;max-width:440px;padding-inline:5px;font-size:clamp(22px,6.3vw,32px);line-height:1.34}.comic-panel{border:4px solid var(--ink);border-radius:18px 11px 20px 12px;background:#fff;box-shadow:6px 7px 0 var(--ink)}.character-stage{position:relative;flex:1 1 auto;min-height:265px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#fff 0 4%,var(--cyan) 5% 34%,#39bfd2 34.5% 36%,var(--cream) 36.5%)}.character-stage:before,.album-art:before,.game-scene:after{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(circle,var(--ink) 0 1.2px,transparent 1.7px) 0 0 / 7px 7px;pointer-events:none}.character-preview{position:absolute;inset:0}.character-preview canvas,.game-scene canvas{display:block;width:100%;height:100%}.name-splash{position:absolute;left:9px;bottom:44px;transform:rotate(-5deg);text-shadow:2px 2px 0 white,-2px -2px 0 white}.name-splash small{display:block;margin-bottom:7px;font-weight:1000;font-size:9px;letter-spacing:.1em}.name-splash strong{display:block;font-size:clamp(32px,10vw,46px);line-height:1.2;text-shadow:none}.name-splash .comic-lettering{--letter-top: #ffacdc;--letter-bottom: #ff416a;--letter-dot: #ffe0ee;--letter-edge: #752442}.character-stats{position:absolute;right:10px;bottom:12px;width:105px;display:grid;gap:5px}.character-stats span{position:relative;height:14px;border:2px solid var(--ink);background:#fff;overflow:hidden;transform:skew(-7deg)}.character-stats i{display:block;width:var(--stat);height:100%;background:var(--yellow)}.character-stats b{position:absolute;inset:-1px 4px auto;font-size:8px}.character-strip{display:flex;flex:0 0 60px;justify-content:center;gap:12px}.mini-character{display:grid;width:68px;align-content:center;place-items:center;padding:3px;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:3px 3px 0 var(--ink);font-size:23px;font-weight:1000;line-height:1.1}button.mini-character{cursor:pointer}.mini-character small{margin-top:2px;font-size:10px}.mini-character.loading{background:var(--cyan)}.mini-character.selected{background:var(--yellow);transform:translateY(-4px) rotate(-3deg)}.mini-character.locked{color:#8d879b;background:#d7d2dd}.character-status{position:absolute;top:10px;left:10px;right:10px;margin:0;padding:8px 10px;border:2px solid var(--ink);border-radius:8px;background:var(--cream);text-align:center;font-size:13px}.comic-button:disabled{cursor:wait;opacity:.65}.comic-button{position:relative;width:100%;min-height:54px;flex:0 0 auto;border:4px solid var(--ink);border-radius:14px 9px 16px 10px;background:#fff;box-shadow:5px 6px 0 var(--ink);font-size:18px;font-weight:1000;text-transform:uppercase;cursor:pointer;transform:rotate(-.5deg)}.comic-button.primary{display:flex;justify-content:center;align-items:center;gap:12px;padding:9px 12px;color:#fff;background:var(--pink);text-shadow:2px 2px 0 var(--ink)}.comic-button [data-comic],.comic-button[data-comic]{font-size:clamp(14px,4.4vw,20px);line-height:1.5}.comic-button [data-comic]{min-width:0}.comic-button .comic-lettering{--letter-top: #fff19b;--letter-bottom: #ffbe32;--letter-dot: #fff9d4}.comic-button b{flex-shrink:0}#play-again [data-comic]{font-size:clamp(12px,3.5vw,17px)}.comic-button b{font-size:24px}.comic-button:active{transform:translate(4px,4px);box-shadow:1px 2px 0 var(--ink)}.screen-song{background:linear-gradient(165deg,var(--paper) 0 60%,#dff9fa 60.2%)}.song-card{display:grid;grid-template-columns:48% 52%;height:min(25vh,190px);min-height:150px;overflow:hidden;transform:rotate(-1deg)}.album-art{position:relative;display:grid;place-items:center;overflow:hidden;background-color:#34266f;background-position:center;background-size:cover}.album-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 34%,rgb(255 93 115 / 36%));pointer-events:none}.album-art>span{position:relative;z-index:2;max-width:100%;padding:12px;font-family:var(--font-display);font-weight:400;font-size:clamp(13px,4vw,20px);line-height:1.4;text-align:center;transform:rotate(-8deg)}.album-art>i{position:absolute;right:7px;top:5px;color:#fff;font-size:36px;transform:rotate(12deg)}.vinyl{position:absolute;width:145px;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background:repeating-radial-gradient(circle,#262130 0 5px,#3b3445 6px 9px);left:-66px;bottom:-55px}.vinyl:after{content:"";position:absolute;width:34px;aspect-ratio:1;inset:0;margin:auto;border:3px solid var(--ink);border-radius:50%;background:var(--yellow)}.song-copy{min-width:0;padding:14px 12px}.song-copy .now-tag{background:var(--green);font-size:8px}.song-copy h3{margin-top:11px;font-size:clamp(13px,3.6vw,19px);line-height:1.5;overflow-wrap:anywhere}.song-copy h3 .comic-lettering{--letter-top: #ffaddb;--letter-bottom: #fa4670;--letter-dot: #ffe0ee;--letter-edge: #752442}.song-copy p{margin:12px 0 9px;font-size:11px;font-weight:1000}.song-meta{display:flex;gap:5px;flex-wrap:wrap}.song-meta b{padding:3px 5px;border:2px solid var(--ink);background:var(--yellow);font-size:9px;transform:rotate(1deg)}.song-list{display:flex;flex:0 0 60px;gap:7px;padding:3px 3px 6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.song-list::-webkit-scrollbar{display:none}.song-list button{position:relative;flex:0 0 104px;min-width:0;overflow:hidden;border:3px solid var(--ink);border-radius:10px 7px 11px 8px;color:#fff;background:linear-gradient(#14102657,#141026c2),var(--thumb) center / cover;box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;text-shadow:1px 1px 0 var(--ink)}.song-list button span,.song-list button small{position:relative;z-index:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list button span{font-family:var(--font-display);font-weight:400;font-size:10px;letter-spacing:0}.song-list button small{font-size:7px;font-weight:1000}.song-list button.selected{border-color:#fff;outline:3px solid var(--pink);transform:translateY(-2px) rotate(-1deg)}.difficulty-block{margin-top:auto}.difficulty-title{display:flex;justify-content:space-between;align-items:baseline;margin:0 2px 7px;font-size:12px;font-weight:1000;text-transform:uppercase}.difficulty-title b{color:var(--pink)}.difficulty-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.difficulty-options button{min-width:0;height:62px;border:3px solid var(--ink);border-radius:11px 7px 12px 8px;background:#fff;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.difficulty-options button b,.difficulty-options button span{display:block}.difficulty-options button b{font-family:var(--font-display);font-weight:700;font-size:25px;line-height:.8}.difficulty-options button span{margin-top:5px;font-size:8px;text-transform:uppercase}.difficulty-options button.selected{color:#fff;background:var(--purple);transform:translateY(-4px) rotate(-2deg)}.screen-game{padding:var(--safe-top) 0 0;background:#362e68;overflow:hidden}.screen-game.active{display:block}.screen-game .topbar{display:none}.game-hud{position:absolute;z-index:9;top:var(--safe-top);left:12px;right:12px;display:flex;align-items:flex-start;gap:8px;pointer-events:none}.score-box,.miss-box{padding:6px 9px 5px;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);transform:rotate(-1deg)}.score-box small,.miss-box small{display:block;color:#6b6577;font-size:8px;font-weight:1000;text-transform:uppercase}.score-box strong{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.08em}.miss-box{margin-left:auto}#miss-pips{display:flex;gap:3px;margin-top:3px}#miss-pips i{width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;background:#ddd5dd}#miss-pips i.on{background:var(--red)}.pause-button{width:38px;height:38px;pointer-events:auto;font-size:16px}.song-progress{position:absolute;z-index:1;top:calc(var(--safe-top) + 53px);left:14px;right:14px;height:8px;border:2px solid var(--ink);border-radius:5px;background:#151128;overflow:hidden}.song-progress span{display:block;width:0;height:100%;background:var(--yellow)}.game-scene{position:absolute;inset:0 0 34%;overflow:hidden;background-color:#3d3278;background-image:linear-gradient(#120e2a14,#120e2a40),var(--song-background);background-position:center 45%;background-size:cover}.game-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 61%,transparent 0 24%,rgb(9 7 26 / 10%) 62%,rgb(9 7 26 / 28%) 100%)}.game-scene canvas{position:relative;z-index:2}.judgement{position:absolute;z-index:10;left:50%;top:43%;width:max-content;max-width:89%;opacity:0;font-size:clamp(22px,6.3vw,34px);line-height:1.4;text-align:center;transform:translate(-50%,-50%) rotate(-6deg) scale(.4);pointer-events:none}.judgement.show{animation:judgement-pop .55s cubic-bezier(.1,.9,.3,1) both}.judgement.miss .comic-lettering{--letter-top: #ffb0da;--letter-bottom: #ff345c;--letter-dot: #ffe4f0;--letter-edge: #752442}@keyframes judgement-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1.05)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) rotate(1deg) scale(.92)}}.beat-deck{position:absolute;z-index:12;left:0;right:0;bottom:0;min-height:35%;padding:12px 12px calc(var(--safe-bottom) + 7px);border-top:4px solid var(--ink);background:var(--paper);box-shadow:0 -5px #17142538}.beat-deck:before{content:"";position:absolute;inset:0;opacity:.12;background:radial-gradient(circle,var(--ink) 0 1.3px,transparent 1.8px) 0 0 / 8px 8px;pointer-events:none}.deck-header{position:relative;display:flex;justify-content:space-between;height:25px;font-size:11px;font-weight:1000}#combo-label{color:var(--pink);font-family:var(--font-display);font-weight:700;font-size:19px}#combo-label b{color:var(--ink);font-family:Nunito;font-size:8px}.timing-hint{display:flex;align-items:center;gap:5px;font-size:7px}.timing-hint i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #ffd44759}.beat-buttons{position:relative;height:calc(100% - 25px);min-height:155px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:stretch}.beat-buttons.lanes-2{grid-template-columns:repeat(2,1fr)}.beat-buttons.lanes-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.beat-buttons.lanes-8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.beat-button{--lane: var(--pink);--fill: 0;position:relative;min-width:0;min-height:67px;padding:0;overflow:hidden;border:4px solid var(--ink);border-radius:20px 12px 22px 13px;background:#e9e3dd;box-shadow:4px 5px 0 var(--ink);cursor:pointer;transform:rotate(var(--tilt, -1deg))}.beat-buttons{touch-action:none;user-select:none;-webkit-user-select:none}.beat-button:before{content:"";position:absolute;inset:-5px;background:radial-gradient(circle,white 0 7%,var(--lane) 18% 57%,transparent 86%);border-radius:inherit;filter:blur(5px) saturate(1.12);opacity:calc(.42 + var(--fill) * .58);transform:scale(var(--fill));transform-origin:center;will-change:transform,opacity}.beat-button:after{content:"";position:absolute;inset:7px;border:2px dashed rgb(23 20 37 / 24%);border-radius:50%}.beat-button span{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,7vw,32px);-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink)}.beat-button.ready{filter:brightness(1.08);animation:ready-throb .22s infinite alternate}.beat-button.hit{animation:button-hit .22s ease-out}.beat-button.bad{animation:button-bad .24s ease-out}@keyframes ready-throb{to{box-shadow:4px 5px 0 var(--ink),0 0 22px var(--lane)}}@keyframes button-hit{50%{transform:translate(3px,3px) scale(.94);box-shadow:1px 2px 0 var(--ink)}}@keyframes button-bad{33%{transform:translate(-5px)}66%{transform:translate(5px)}}.pause-overlay{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:28px;background:#191433c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.pause-card{width:100%;max-width:330px;padding:30px 22px 22px;text-align:center;background:var(--paper);transform:rotate(-1deg)}.pause-card h2{font-size:clamp(24px,7vw,34px);line-height:1.4;margin:14px 0 20px}.sound-word{display:inline-block;max-width:100%;padding:7px 10px;border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-size:clamp(12px,3.4vw,17px);line-height:1.5;transform:rotate(-5deg)}.sound-word .comic-lettering{--letter-top: #b9faff;--letter-bottom: #24b8d5;--letter-dot: #e3ffff;--letter-edge: #205b70}.text-button{margin-top:18px;border:0;background:transparent;font-size:12px;font-weight:1000;text-decoration:underline;cursor:pointer}.screen-result{align-items:center;text-align:center;padding-left:24px;padding-right:24px;background:var(--cyan)}.screen-result h2{max-width:100%;font-size:clamp(24px,6.5vw,34px);line-height:1.35}.result-rays{position:absolute;z-index:-1;inset:-30%;background:repeating-conic-gradient(from 3deg,rgb(255 255 255 / 36%) 0 9deg,transparent 9deg 20deg);animation:ray-spin 22s linear infinite}@keyframes ray-spin{to{transform:rotate(360deg)}}.result-grade{display:grid;width:clamp(130px,35vw,170px);aspect-ratio:1;place-items:center;margin:2px 0;background:var(--yellow);border:5px solid var(--ink);box-shadow:7px 8px 0 var(--ink);transform:rotate(-5deg);clip-path:polygon(50% 0,62% 21%,84% 8%,80% 33%,100% 38%,81% 55%,96% 75%,71% 72%,69% 100%,50% 80%,29% 100%,29% 73%,4% 78%,20% 55%,0 38%,21% 33%,16% 8%,39% 21%)}.result-grade>span{font-family:var(--font-display);font-weight:400;font-size:clamp(58px,16vw,82px);line-height:1}.result-grade .comic-lettering{--letter-top: #ffacdc;--letter-bottom: #ff416a;--letter-dot: #ffe0ee;--letter-edge: #752442}.accuracy-card{width:100%;padding:10px 14px 13px;background:var(--paper)}.accuracy-card small{display:block;font-size:9px;font-weight:1000;text-transform:uppercase}.accuracy-card strong{font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--purple)}.accuracy-meter{height:10px;border:2px solid var(--ink);background:#fff}.accuracy-meter span{display:block;width:0%;height:100%;background:var(--pink);transition:width .8s .2s ease-out}.result-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-grid div{padding:7px;border:3px solid var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink);transform:rotate(var(--r, -1deg))}.result-grid div:nth-child(2n){--r: 1deg}.result-grid b,.result-grid span{display:block}.result-grid b{font-family:var(--font-display);font-weight:400;font-size:clamp(16px,5vw,22px);letter-spacing:0}.result-grid span{font-size:8px;font-weight:1000;text-transform:uppercase}.screen-result .comic-button{margin-top:auto}@media(max-height:700px){.screen-result{gap:8px}.screen-result h2{font-size:clamp(22px,6.2vw,30px)}.screen-result .result-grade{width:96px;flex-shrink:0}.screen-result .result-grade>span{font-size:54px}.screen-result .accuracy-card{padding-block:7px 9px}}@media(max-height:650px){.screen{padding-top:calc(var(--safe-top) + 43px);gap:8px}.section-heading h2{font-size:clamp(21px,6vw,29px)}.character-stage{min-height:235px}.song-card{min-height:138px;height:22vh}.song-list{flex-basis:54px}.difficulty-options button{height:54px}.comic-button{min-height:48px}.result-grade{width:118px}.accuracy-card{padding-block:7px 9px}}@media(max-height:600px){.screen-result{gap:6px}.screen-result .result-grade{width:64px}.screen-result .result-grade>span{font-size:37px}.screen-result .accuracy-card strong{font-size:30px}.screen-result .result-grid div{padding:4px}}@media(min-width:521px){#app{border-left:4px solid var(--ink);border-right:4px solid var(--ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}