@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-latin-400-normal-Dfnurram.woff2) format("woff2"),url(./bungee-latin-400-normal-DA8IEVW_.woff) format("woff")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-latin-ext-400-normal-DWzJMwsA.woff2) format("woff2"),url(./bungee-latin-ext-400-normal-DXe9_7Rr.woff) format("woff")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-vietnamese-400-normal-B6gKbkHm.woff2) format("woff2"),url(./bungee-vietnamese-400-normal-CmjDSWyd.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-ext-400-normal-BtzQ7olK.woff2) format("woff2"),url(./rubik-latin-ext-400-normal-E7wwwcV8.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-cyrillic-400-normal-C5G8_8ug.woff2) format("woff2"),url(./rubik-cyrillic-400-normal-D5R8xuhl.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-cyrillic-ext-400-normal-D-KNTwvG.woff2) format("woff2"),url(./rubik-cyrillic-ext-400-normal-CTkTGo13.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2) format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-ext-700-normal-D5I4eEgK.woff2) format("woff2"),url(./rubik-latin-ext-700-normal-CQ1www4I.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-700-normal-DFnztZBh.woff2) format("woff2"),url(./rubik-cyrillic-700-normal-C_jxLOfU.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-latin-800-normal-BtaGuVpR.woff2) format("woff2"),url(./rubik-latin-800-normal-Dq1miTTj.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-latin-ext-800-normal-C-Q65BvC.woff2) format("woff2"),url(./rubik-latin-ext-800-normal-MUfMznEV.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-800-normal-wonQiwhm.woff2) format("woff2"),url(./rubik-cyrillic-800-normal-DocVmW4N.woff) format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-ext-800-normal-D8Ih7GUu.woff2) format("woff2"),url(./rubik-cyrillic-ext-800-normal-BLkQng3O.woff) format("woff")}@font-face{font-family:Rubik Display;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rubik-cyrillic-ext-900-normal-BFM5e2Tz.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Display;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rubik-cyrillic-900-normal-jlxVC9Lu.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik Display;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rubik-latin-ext-900-normal-D9eDGkk2.woff2) format("woff2");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:Rubik Display;font-style:normal;font-display:swap;font-weight:100 900;src:url(./rubik-latin-900-normal-Cz6GdZLE.woff2) format("woff2");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}:root{--bg: #0b0816;--panel: rgba(20, 13, 40, .92);--panel2: rgba(34, 22, 64, .95);--line: rgba(255, 255, 255, .09);--text: #f6f1ff;--dim: #b3a8cf;--pink: #ff5c8a;--orange: #ff9a3d;--aqua: #2ee6c5;--amber: #ffc93c;--violet: #8c7bff;--gold: #ffd84a;--red: #ff4d5e;--u: clamp(11px, 2.05vmin, 17px);--r: calc(var(--u) * 1.1);--display: "Bungee", "Rubik", system-ui, sans-serif;--body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif}:root:lang(ru),:root:lang(uk){--display: "Rubik Display", "Rubik", system-ui, sans-serif}:lang(ru) .btn,:lang(uk) .btn,:lang(ru) .res-title,:lang(uk) .res-title,:lang(ru) .modal h2,:lang(uk) .modal h2,:lang(ru) .mini-logo,:lang(uk) .mini-logo,:lang(ru) .iname,:lang(uk) .iname,:lang(ru) .card h3,:lang(uk) .card h3,:lang(ru) .start-prompt,:lang(uk) .start-prompt{font-weight:800}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.fps-graph{position:fixed;top:max(4px,env(safe-area-inset-top));left:max(4px,env(safe-area-inset-left));width:120px;height:46px;border-radius:6px;z-index:9999;pointer-events:none}#boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 40%,#2a1650,#0b0816 70%);z-index:50;transition:opacity .4s}#boot.fade{opacity:0;pointer-events:none}.boot-logo{font-family:var(--display);font-size:clamp(28px,7vmin,64px);letter-spacing:.04em;color:#fff}.boot-logo span{color:var(--pink);margin-left:.25em}.boot-bar{width:min(260px,50vw);height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.boot-bar i{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--aqua),var(--pink));animation:bootbar 1s ease-in-out infinite alternate}@keyframes bootbar{to{transform:translate(240%)}}#ui{position:fixed;inset:0;font-size:var(--u);pointer-events:none;z-index:10}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;animation:fadein .25s ease-out}@keyframes fadein{0%{opacity:0}}@keyframes popin{0%{opacity:0;transform:scale(.85) translateY(10px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:3.1em;padding:0 1.4em;border-radius:999px;font-family:var(--display);font-size:1.05em;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#ff7aa0,#ff4d7d 55%,#e83a6a);box-shadow:0 .32em #8f1c45,0 .6em 1.4em #ff3c7859,inset 0 1px #ffffff73;transition:transform .08s,box-shadow .08s,filter .15s;white-space:nowrap}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(.22em);box-shadow:0 .1em #8f1c45,0 .3em .8em #ff3c784d,inset 0 1px #ffffff73}.btn.big{font-size:1.45em;min-height:2.9em;padding:0 1.8em}.btn.green{background:linear-gradient(180deg,#5cf2d6,#22c9a8 55%,#16a88b);box-shadow:0 .32em #0b6352,0 .6em 1.4em #2ee6c54d,inset 0 1px #ffffff80;color:#062a24}.btn.green:active{box-shadow:0 .1em #0b6352}.btn.gold{background:linear-gradient(180deg,#ffe680,#ffc93c 55%,#f0a91a);box-shadow:0 .32em #8a5b06,0 .6em 1.4em #ffc93c4d,inset 0 1px #fff9;color:#3a2400}.btn.gold:active{box-shadow:0 .1em #8a5b06}.btn.ghost{background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffffff29;font-family:var(--body);font-weight:700}.btn.ghost:active{transform:translateY(1px);box-shadow:inset 0 0 0 1.5px #ffffff40}.btn.violet{background:linear-gradient(180deg,#a99bff,#8c7bff 55%,#6c5ae8);box-shadow:0 .32em #3b2a99,0 .6em 1.4em #8c7bff4d,inset 0 1px #ffffff80}.btn.violet:active{box-shadow:0 .1em #3b2a99}.btn[disabled]{filter:grayscale(.8) brightness(.6);pointer-events:none}.btn .vid{display:inline-grid;place-items:center;width:1.5em;height:1.1em;border-radius:.25em;background:#00000040;font-size:.8em}.icon-btn{display:grid;place-items:center;width:3em;height:3em;border-radius:50%;background:#140d28bf;box-shadow:inset 0 0 0 1.5px #ffffff24;font-size:1.05em;position:relative}.icon-btn:active{transform:scale(.94)}.icon-btn svg,.btn svg{width:1.3em;height:1.3em;fill:currentColor}.dot{position:absolute;top:.1em;right:.1em;width:.8em;height:.8em;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--bg);animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.title-screen{align-items:center;justify-content:center;cursor:pointer;text-align:center}.logo{font-family:var(--display);line-height:.92;font-size:clamp(42px,13vmin,140px);color:#fff;text-shadow:0 .05em 0 #8f1c45,0 .1em .4em rgba(255,70,130,.55);transform:rotate(-4deg);animation:logobeat .6s ease-in-out infinite alternate}.logo .s2{display:block;background:linear-gradient(180deg,#fff2a8,#ffc93c 60%,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 .05em 0 #8a3a06) drop-shadow(0 .08em .3em rgba(255,170,60,.6))}@keyframes logobeat{to{transform:rotate(-4deg) scale(1.035)}}.tagline{margin-top:1.4em;font-weight:700;font-size:1.25em;color:var(--dim)}.start-prompt{margin-top:2.2em;font-family:var(--display);font-size:1.8em;color:#fff;padding:.5em 1.4em;border-radius:999px;background:#ff5c8a2e;box-shadow:inset 0 0 0 2px #ff5c8ab3,0 0 2em #ff5c8a59;animation:blink 1.1s ease-in-out infinite}.start-hint{margin-top:1em;color:var(--dim);font-size:.95em}@keyframes blink{50%{opacity:.55;transform:scale(.97)}}.topbar{display:flex;align-items:center;gap:.7em;padding:max(.8em,env(safe-area-inset-top)) 1em .6em}.topbar .grow{flex:1}.mini-logo{font-family:var(--display);font-size:1.35em;line-height:1;white-space:nowrap}.mini-logo b{color:var(--amber);font-weight:400}.pill{display:inline-flex;align-items:center;gap:.4em;padding:.45em .9em .45em .5em;border-radius:999px;background:#140d28cc;box-shadow:inset 0 0 0 1.5px #ffffff1f;font-weight:800;font-size:1.05em;white-space:nowrap}.coin{display:inline-block;width:1.25em;height:1.25em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b8,#ffd84a 40%,#e09a10 75%);box-shadow:inset 0 -.12em #783c0080,0 0 .6em #ffc83c80;flex:none}.coin.sm{width:1em;height:1em}.user-chip{display:inline-flex;align-items:center;gap:.4em;color:var(--dim);font-weight:700;font-size:.9em;max-width:14em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-chip img{width:1.8em;height:1.8em;border-radius:50%}.tag{display:inline-block;margin-left:.4em;padding:.1em .5em;border-radius:999px;font-size:.72em;font-weight:800;vertical-align:.15em;background:var(--gold);color:#3a2400}.tag.concert{background:var(--violet);color:#fff}.tag.tier{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;text-transform:uppercase;letter-spacing:.04em;font-size:.62em}.tag.tier.easy{color:var(--aqua)}.tag.tier.medium{color:var(--amber)}.tag.tier.hard{color:var(--red)}@keyframes listen-pulse{0%{box-shadow:0 0 #2ee6c58c}to{box-shadow:0 0 0 .7em #2ee6c500}}.buy-price{display:inline-flex;align-items:center;gap:.3em;margin-left:.6em;padding:.15em .6em;border-radius:999px;background:#0000002e}.stars{display:inline-flex;gap:.12em;font-size:1.2em;flex:none}.star{width:1em;height:1em;background:#ffffff24;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star.on{background:linear-gradient(180deg,#fff3a0,#ffc93c);filter:drop-shadow(0 0 .25em rgba(255,200,60,.7))}.crowns{font-size:.85em;color:var(--gold);font-weight:800;min-width:2.2em;text-align:center;flex:none}.medal{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.85em;flex:none;background:#ffffff12;color:var(--dim)}.medal.S{background:linear-gradient(160deg,#fff4a6,#ffbf1f);color:#5a3a00}.medal.A{background:linear-gradient(160deg,#e9f0ff,#a9b9d6);color:#26324a}.medal.B{background:linear-gradient(160deg,#ffcf9e,#d48a4a);color:#4a2400}.medal.none{visibility:hidden}.medal.C{background:#ffffff1f;color:#fff}.cta-sub{display:block;font-family:var(--body);font-weight:700;font-size:.55em;opacity:.9;max-width:14em;overflow:hidden;text-overflow:ellipsis}.cta-wrap{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.card{border-radius:1.1em;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line);padding:.9em}.card h3{font-family:var(--display);font-weight:400;font-size:1em;margin-bottom:.4em}.small{font-size:.85em;color:var(--dim)}.progress-line{height:.5em;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-top:.4em}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--orange));border-radius:inherit}.modal-back{position:absolute;inset:0;display:grid;place-items:center;background:#05030cb8;animation:fadein .2s;padding:1em;z-index:5}.modal{width:min(32em,94vw);max-height:94vh;overflow-y:auto;border-radius:1.4em;background:linear-gradient(180deg,#2a1a52,#170f30);box-shadow:inset 0 0 0 1.5px #ffffff1f,0 2em 4em #0009;padding:1.4em 1.4em 1.5em;text-align:center;animation:popin .28s cubic-bezier(.2,1.4,.4,1);touch-action:pan-y}.modal.wide{width:min(44em,96vw)}.modal h2{font-family:var(--display);font-weight:400;font-size:1.8em;line-height:1.1;margin-bottom:.3em}.modal .sub{color:var(--dim);margin-bottom:1em}.row{display:flex;gap:.7em;justify-content:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:.7em;align-items:stretch}.results{align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#281450bf,#080512eb 70%);padding:1em;overflow-y:auto}.res-card{width:min(34em,96vw);display:flex;flex-direction:column;align-items:center;gap:.75em;text-align:center}.res-title{font-family:var(--display);font-size:2.4em;line-height:1;color:var(--gold);text-shadow:0 .06em 0 #8a3a06,0 0 .6em rgba(255,200,60,.45);animation:popin .4s cubic-bezier(.2,1.5,.4,1)}.res-title.fail{color:#ff8aa8;text-shadow:0 .06em 0 #7a1238,0 0 .6em rgba(255,92,138,.4)}.res-song{color:var(--dim);font-weight:700}.big-stars{display:flex;gap:.4em;font-size:3.6em}.big-stars .star{transform:scale(.6);opacity:.5;transition:transform .35s cubic-bezier(.2,1.8,.4,1),opacity .2s}.big-stars .star:nth-child(2){transform:translateY(-.15em) scale(.6)}.big-stars .star.on{transform:scale(1);opacity:1}.big-stars .star.on:nth-child(2){transform:translateY(-.15em) scale(1.1)}.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;width:100%}.stat{background:#ffffff0f;border-radius:.8em;padding:.5em .3em}.stat b{display:block;font-family:var(--display);font-weight:400;font-size:1.35em}.stat span{font-size:.8em;color:var(--dim);font-weight:700}.coins-earned{display:flex;align-items:center;gap:.5em;font-family:var(--display);font-size:1.7em;color:var(--gold)}.reward-parts{font-size:.85em;color:var(--dim);display:flex;flex-wrap:wrap;gap:.3em .9em;justify-content:center}.notice{width:100%;padding:.6em .9em;border-radius:.9em;background:#2ee6c51f;box-shadow:inset 0 0 0 1.5px #2ee6c573;font-weight:700;animation:rise .4s ease-out both}.notice.gold{background:#ffc93c1f;box-shadow:inset 0 0 0 1.5px #ffc93c80}.notice.pink{background:#ff5c8a1f;box-shadow:inset 0 0 0 1.5px #ff5c8a80}.gift-reveal{display:flex;align-items:center;gap:1em;text-align:left}.gift-reveal canvas{width:4.5em;height:6.8em;flex:none;animation:popin .6s cubic-bezier(.2,1.6,.4,1)}.res-buttons{display:flex;gap:.7em;flex-wrap:wrap;justify-content:center;margin-top:.3em}.tomorrow{font-size:.85em;color:var(--dim)}#hud{position:fixed;inset:0;pointer-events:none;z-index:8;font-size:var(--u)}#hud button{pointer-events:auto}.hud-top{position:absolute;top:max(.6em,env(safe-area-inset-top));left:.8em;right:.8em;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"l score r";align-items:start;gap:.8em}.hud-l{grid-area:l;display:flex;align-items:flex-start;gap:.8em;min-width:0}.hud-l .hud-center{flex:1}.hud-r{grid-area:r;display:flex;justify-content:flex-end}.hud-pause{grid-area:pause}.hud-score{grid-area:score;display:flex;flex-direction:column;align-items:center;min-width:9em}.hud-center{grid-area:center}.hud-lives{grid-area:lives}.hud-num{position:relative}.hud-score b{display:block;font-family:var(--display);font-weight:400;font-size:2.2em;line-height:1;text-shadow:0 .08em 0 rgba(0,0,0,.6)}.hud-num .mult{position:absolute;left:calc(100% + .45em);top:50%;translate:0 -50%}.hud-judge{width:0;display:flex;justify-content:center;height:1.25em;margin-top:.12em;font-family:var(--display);font-size:1.45em;line-height:1.25;white-space:nowrap;opacity:0;color:#fff;text-shadow:0 .07em 0 rgba(0,0,0,.7),0 0 .5em rgba(0,0,0,.6)}.hud-judge.perfect{color:#fff;text-shadow:0 .07em 0 rgba(0,0,0,.7),0 0 .6em rgba(46,230,197,.9)}.hud-judge.great{color:#b8fff2}.hud-judge.good{color:#ffe9a8}.hud-judge.miss{color:#ff5c6d}.hud-judge.early{color:#ff9a3c}.mult{display:inline-block;padding:.12em .55em;border-radius:999px;font-family:var(--display);font-size:.95em;background:#ffffff1f}.mult.m2{background:var(--aqua);color:#052a24}.mult.m3{background:var(--amber);color:#3a2400}.mult.m4{background:var(--pink);color:#fff;box-shadow:0 0 1em #ff5c8a99}.mult.od{background:var(--gold);color:#3a2400;box-shadow:0 0 1.2em #ffd84acc}.combo{width:0;display:flex;justify-content:center;min-height:1.1em;font-weight:800;font-size:.85em;line-height:1.1;color:var(--dim);white-space:nowrap}.hud-center{display:flex;flex-direction:column;align-items:center;gap:.45em;min-width:0}.hud-title{font-weight:800;font-size:.9em;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px .4em rgba(0,0,0,.8)}.prog{position:relative;width:min(30em,100%);height:1em;margin:.25em 0;border-radius:999px;background:linear-gradient(180deg,#3c2c64e6,#181030eb);box-shadow:inset 0 0 0 2px #ffffff52,0 0 0 2px #0a06188c,0 .25em 1em #00000080}.prog>i{position:absolute;left:2px;top:2px;bottom:2px;border-radius:inherit;background:linear-gradient(90deg,var(--aqua),#8ff5e2 45%,var(--gold));box-shadow:0 0 .8em #2ee6c580}.prog .pstar{position:absolute;top:50%;width:2.3em;height:2.3em;transform:translate(-50%,-50%)}.prog .pstar .rim{position:absolute;inset:-16%;z-index:-1;background:#120820;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.prog .pstar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffe680,#c98a12);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.prog .pstar .star{position:absolute;inset:16%;display:block;width:auto;height:auto;background:#1a1030;box-shadow:none}.prog .pstar.on .star{inset:0;background:linear-gradient(180deg,#fffbe0,#ffd84a 45%,#ffb81f);filter:drop-shadow(0 0 .35em rgba(255,200,60,.95))}.crown-row{display:flex;gap:.3em;font-size:1.1em}.crown-row span{display:inline-grid;width:1.3em;height:1.3em;color:var(--gold);opacity:.25;filter:grayscale(1)}.crown-row svg{width:100%;height:100%;fill:currentColor}.crown-row span.on{opacity:1;filter:none}.lives{display:flex;gap:.35em;align-items:center;height:3em;padding:0 .75em;border-radius:999px;background:#0a0618a6;box-shadow:inset 0 0 0 1.5px #ffffff1a}.life{width:1.45em;height:1.7em;border-radius:45% 45% 50% 50%/30% 30% 70% 70%;background:radial-gradient(circle at 35% 28%,#ffb3c8,#ff5c8a 45%,#c42a5a);box-shadow:inset 0 -.15em #5a0a2873,0 0 .6em #ff5c8a8c;transition:transform .35s,opacity .35s,background .35s}.life.off{background:#3a2f52;box-shadow:inset 0 0 0 1.5px #ffffff1f;opacity:.6;transform:translateY(.25em) rotate(-25deg) scale(.8)}.life.shake{animation:shake .35s}.lives.danger{box-shadow:inset 0 0 0 2px var(--red);animation:danger .9s ease-in-out infinite}@keyframes danger{50%{box-shadow:inset 0 0 0 2px var(--red),0 0 1.2em #ff4d5eb3}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.od-wrap{position:absolute;left:.8em;bottom:max(1em,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:.6em}.od-bar{width:.9em;height:9em;border-radius:999px;background:#0a0618b3;box-shadow:inset 0 0 0 1.5px #ffffff24;position:relative;overflow:hidden}.od-bar i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#ff9a3d,#ffd84a);border-radius:inherit}.od-bar:after{content:"";position:absolute;left:0;right:0;bottom:50%;height:2px;background:#ffffff80}.od-btn{width:4.2em;height:4.2em;border-radius:50%;display:grid;place-items:center;font-size:1.1em;background:#0a0618b3;box-shadow:inset 0 0 0 2px #ffffff2e;color:#fff6;font-family:var(--display);transition:all .2s}.od-btn svg{width:1.8em;height:1.8em;fill:currentColor}.od-btn.ready{background:radial-gradient(circle,#ffe680,#ff9a3d);color:#3a1a00;box-shadow:0 0 1.6em #ffc83cd9;animation:pulse .8s infinite}.od-key{font-size:.7em;font-weight:800;color:var(--dim);margin-bottom:.3em}.hud-hint{position:absolute;left:50%;top:22%;transform:translate(-50%);padding:.6em 1.2em;border-radius:999px;background:#0a0618d1;box-shadow:inset 0 0 0 2px #2ee6c5b3,0 0 2em #2ee6c540;font-weight:800;font-size:1.15em;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;animation:popin .35s cubic-bezier(.2,1.5,.4,1)}.countdown{position:absolute;left:50%;top:42%;font-family:var(--display);font-size:calc(var(--u) * 9);line-height:1;color:#fff;text-shadow:0 .06em 0 rgba(10,6,24,.9),0 0 .35em rgba(46,230,197,.65);transform:translate(-50%,-50%);animation:countpop .65s ease-out both}@keyframes countpop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}22%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.85)}}.cont{position:absolute;inset:0;pointer-events:none;animation:fadein .25s ease-out}.cont-top{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45em;width:max-content;max-width:94vw;text-align:center}.cont-title{font-family:var(--display);font-size:1.7em;line-height:1.05;color:var(--gold);text-shadow:0 .08em 0 rgba(10,6,24,.9)}.cont-sub{padding:.3em .9em;border-radius:999px;background:#0a0618bf;font-weight:700}.cont-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7em;margin-top:.35em}.cont-row .btn{min-height:2.7em;font-size:.95em}.cont-tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;padding:0 .4em .5em;overflow:hidden;border-radius:.9em;background:var(--c);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 72%,#000));color:#120c22;box-shadow:0 0 0 .22em #fff,0 0 2.4em var(--c),0 .45em #0a061899;transform-origin:50% 85%;animation:tilein .45s cubic-bezier(.2,1.5,.4,1) both,tilebreathe 1.1s ease-in-out .45s infinite}.cont-tile.skip{background:#140d28f0;color:var(--text);box-shadow:0 0 0 .22em #ffffffd9,0 .45em #0a061899;animation:tilein .45s cubic-bezier(.2,1.5,.4,1) both}.cont-tile.skip .ct-ico{background:#ffffff1f}.cont-tile.skip b{text-align:center}#hud .cont-tile.arming,#hud .cont-tile[disabled]{pointer-events:none}.cont-tile[disabled]{filter:brightness(.7)}.cont-tile .ct-ico{display:grid;place-items:center;width:2.7em;height:2.1em;border-radius:.5em;background:#0a0618d9;color:#fff}.cont-tile .ct-ico svg{width:1.5em;height:1.5em;fill:currentColor}.cont-tile .ct-ico .coin{width:1.35em;height:1.35em}.cont-tile b{font-family:var(--display);font-size:1.05em;line-height:1.1;text-transform:uppercase}.cont-tile .ct-price{font-weight:800;font-size:1.1em}.cont-tile .ct-price:empty{display:none}.cont-tile kbd{padding:.15em .55em;border-radius:.35em;background:#0a0618bf;color:#fff;font:800 .65em var(--body)}.cont-tile .ct-timer{position:absolute;left:0;right:0;bottom:0;height:.4em;background:#0a061880}.cont-tile .ct-timer i{display:block;height:100%;background:#fff;transform-origin:left}@keyframes tilein{0%{opacity:0;transform:translateY(35%) scale(.6)}}@keyframes tilebreathe{50%{transform:scale(1.04)}}.stop-tip{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.55em;width:max-content;max-width:92vw;padding:1em 1.6em .9em;border-radius:1.2em;background:#0a0618e0;box-shadow:inset 0 0 0 2px #2ee6c5cc,0 0 2.4em #2ee6c559;text-align:center;animation:popin .35s cubic-bezier(.2,1.5,.4,1)}.st-title{font-family:var(--display);font-size:2em;line-height:1;color:var(--aqua)}.st-key{padding:.45em 2.6em;border-radius:.45em;background:linear-gradient(180deg,#fff,#d9d4ea);box-shadow:0 .25em #8a83a3;color:#14101f;font-weight:800;font-size:1.3em;animation:keypress .9s ease-in-out infinite}@keyframes keypress{50%{transform:translateY(.18em);box-shadow:0 .07em #8a83a3}}.st-tap{position:relative;width:3.4em;height:3.4em}.st-tap i{position:absolute;border-radius:50%}.st-tap i:first-child{inset:1.1em;background:#fff}.st-tap i:last-child{inset:0;border:3px solid #fff;animation:tapring 1s ease-out infinite}@keyframes tapring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.2)}}.st-text{font-weight:800;font-size:1.1em}.st-arrow{width:0;height:0;margin-bottom:-1.7em;border-left:.9em solid transparent;border-right:.9em solid transparent;border-top:.9em solid var(--aqua);animation:bob .8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(.3em)}}.finish-btn{position:absolute;right:.8em;bottom:max(1em,env(safe-area-inset-bottom))}.lap-label{font-family:var(--display);font-size:.9em;color:var(--gold)}.shop-body{flex:1;min-height:0;overflow-y:auto;padding:0 1em 1.2em;touch-action:pan-y}.tabs{display:flex;gap:.4em;padding:0 1em .7em}.tab{padding:.55em 1.2em;border-radius:999px;font-weight:800;background:#ffffff0f;color:var(--dim)}.tab.on{background:var(--text);color:#1a1030}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5em,1fr));gap:.7em}.item{display:flex;flex-direction:column;align-items:center;gap:.45em;padding:.8em .6em;border-radius:1.1em;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line);text-align:center;animation:rise .3s ease-out both}.item.equipped{box-shadow:inset 0 0 0 2px var(--aqua),0 0 1.2em #2ee6c526}.item canvas{width:5em;height:7.5em}.item .pick-art{width:4.5em;height:4.5em}.item .iname{font-family:var(--display);font-size:.95em}.item .btn{font-size:.8em;min-height:2.6em;padding:0 1em;width:100%}.item .sound-btn{font-size:.8em;color:var(--dim);font-weight:700;display:inline-flex;align-items:center;gap:.3em}.item .sound-btn svg{width:1.1em;height:1.1em;fill:currentColor}.quest{display:flex;align-items:center;gap:.8em;padding:.6em .8em;border-radius:.9em;background:#ffffff0f;text-align:left}.quest .qm{flex:1;min-width:0}.quest .qn{font-weight:800}.quest .btn{font-size:.8em;min-height:2.4em;padding:0 1em}.streak{display:flex;gap:.35em;justify-content:center;margin:.6em 0}.streak span{width:2.2em;height:2.2em;border-radius:.6em;display:grid;place-items:center;font-weight:800;font-size:.85em;background:#ffffff12;color:var(--dim)}.streak span.on{background:linear-gradient(180deg,#ffe680,#ffc93c);color:#3a2400}.setting{display:flex;align-items:center;gap:1em;padding:.55em 0;text-align:left;border-bottom:1px solid var(--line)}.setting label{flex:1;font-weight:700}.setting input[type=range]{width:11em;accent-color:var(--pink);touch-action:pan-x}.setting .val{width:3.6em;text-align:right;color:var(--dim);font-weight:700}.switch{width:3.2em;height:1.8em;border-radius:999px;background:#ffffff26;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:.2em;left:.2em;width:1.4em;height:1.4em;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--aqua)}.switch.on:after{transform:translate(1.4em)}.free{justify-content:flex-end;pointer-events:none!important}.free>*{pointer-events:auto}.chord-pads{display:grid;grid-template-columns:repeat(8,1fr);gap:.5em;padding:0 1em max(1em,env(safe-area-inset-bottom))}.pad{height:4.6em;border-radius:1em;font-family:var(--body);font-weight:800;font-size:1.2em;color:#fff;background:linear-gradient(180deg,#3c286ef2,#1e123cf2);box-shadow:inset 0 0 0 1.5px #ffffff24,0 .3em #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;transition:transform .06s}.pad small{font-family:var(--body);font-weight:700;font-size:.6em;color:var(--dim)}.pad.hit{transform:translateY(.2em) scale(.97);background:linear-gradient(180deg,#ff7aa0,#e83a6a)}.lead-pads{display:grid;grid-template-columns:repeat(8,1fr);gap:.4em;padding:0 1em .5em}.lead-pads .pad{height:2.8em;font-size:.85em}.free-top{display:flex;gap:.5em;align-items:center;padding:0 1em .6em;flex-wrap:wrap}.seg{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;border-radius:999px;background:#140d28d9;padding:.2em;box-shadow:inset 0 0 0 1.5px var(--line)}.seg button{flex:none;padding:.4em .8em;border-radius:999px;font-weight:800;font-size:.85em;color:var(--dim)}.seg button.on{background:var(--text);color:#1a1030}#toasts{position:fixed;top:max(.8em,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4em;z-index:60;pointer-events:none;font-size:var(--u)}.toast{padding:.6em 1.2em;border-radius:999px;background:#140d28f2;box-shadow:inset 0 0 0 1.5px #ffffff2e,0 .6em 1.6em #00000080;font-weight:800;animation:popin .3s cubic-bezier(.2,1.5,.4,1);white-space:nowrap}@media(max-aspect-ratio:1/1){.user-chip{display:none}.chord-pads,.lead-pads{grid-template-columns:repeat(4,1fr)}.logo{font-size:clamp(40px,15vw,120px)}.hud-l,.hud-r{display:contents}.hud-top{left:.6em;right:.6em;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"pause score lives" "center center center";row-gap:.35em;align-items:center}.hud-score{min-width:0}.hud-pause{justify-self:start;align-self:start}.hud-lives{justify-self:end;align-self:start}.hud-title{display:none}.prog{width:calc(100% - 2.2em);height:1.35em}.prog .pstar{width:2.6em;height:2.6em}.hud-top.jam .hud-center{display:none}.od-wrap{top:calc(max(.6em,env(safe-area-inset-top)) + 8.6em);bottom:auto;align-items:flex-start}.od-bar{height:4.2em}.od-btn{width:3.4em;height:3.4em}}@media(max-height:520px)and (min-aspect-ratio:1/1){:root{--u: clamp(10px, 2.6vmin, 14px)}.od-bar{height:5.5em}.pad{height:3.6em}}.award-pop{position:absolute;left:50%;top:22%;width:0;height:0;display:grid;place-items:center;pointer-events:none;z-index:3;font-size:min(1em,2.4vh)}.award-pop>*{position:absolute}.award-pop>*{will-change:transform,opacity}.award-rays{width:17em;height:17em;background:var(--rays) center / 100% 100% no-repeat;animation:award-rays-in .5s ease-out both,award-spin 3s linear infinite}.award-glow{width:9em;height:9em;border-radius:50%;background:radial-gradient(circle,#fff0aad9,#ffc83c59 40%,#ffc83c00 70%);animation:award-glow 1.05s ease-out both}.award-icon{width:6.2em;height:6.2em;display:grid;place-items:center;animation:award-in .65s cubic-bezier(.16,1,.3,1) both}.award-icon .star{width:100%;height:100%;background:linear-gradient(180deg,#fffbe0,#ffe066 35%,#ffb81f)}.award-icon svg{width:100%;height:100%;fill:var(--gold)}.award-pop.is-crown .award-icon svg{fill:#ffd84a;stroke:#fff3b0;stroke-width:.6}.award-label{top:3.9em;display:flex;flex-direction:column;align-items:center;font-family:var(--display);font-size:1.7em;white-space:nowrap;color:#fff3b0;text-shadow:0 .06em 0 #b8740a,0 0 .6em rgba(255,190,40,.9);animation:award-label .5s .15s cubic-bezier(.2,1.6,.4,1) both}.award-label small{font-family:var(--font, inherit);font-size:.45em;font-weight:800;color:#fff;text-shadow:0 .1em .4em rgba(0,0,0,.6)}.award-spark{width:.9em;height:.9em;background:#fffbe0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:award-spark .95s var(--d, 0s) cubic-bezier(.15,.7,.3,1) both}.award-pop.fly .award-icon{animation:none}.award-pop.fly .award-rays,.award-pop.fly .award-glow,.award-pop.fly .award-label{opacity:0;transition:opacity .22s}.prog .pstar.landed .star,.crown-row span.landed{animation:award-land .45s cubic-bezier(.16,1,.3,1)}.prog .pstar.landed:after,.crown-row span.landed:after{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,#ffe68ce6,#ffc83c00 65%);animation:award-flash .5s ease-out both;pointer-events:none}.crown-row span{position:relative}@keyframes award-in{0%{opacity:0;transform:scale(.1) rotate(-160deg)}60%{opacity:1}to{transform:scale(1) rotate(0)}}@keyframes award-rays-in{0%{opacity:0;transform:scale(.3)}}@keyframes award-spin{to{rotate:360deg}}@keyframes award-glow{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.25)}to{opacity:.55;transform:scale(1)}}@keyframes award-label{0%{opacity:0;transform:translateY(.4em) scale(.6)}}@keyframes award-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--r, 6em))) scale(1) rotate(90deg)}}@keyframes award-land{0%{transform:scale(1.9)}to{transform:scale(1)}}@keyframes award-flash{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@media(prefers-reduced-motion:reduce){.award-rays,.award-spark{animation:none;opacity:0}}.setlist{background:linear-gradient(90deg,#0b0816db,#0b08169e 58%,#0b0816cc),linear-gradient(180deg,#0b08164d,#0b081699)}.setlist-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 21.5em;gap:1.2em;padding:0 1.2em}.setlist-main{min-height:0;display:flex;flex-direction:column;gap:.7em}.btn-ico{display:inline-grid;place-items:center;width:1.15em;height:1.15em;flex:none}.btn-ico svg{width:100%;height:100%;fill:currentColor}.tour{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(9em,15em) auto;align-items:center;gap:.9em;padding:.6em .7em;border-radius:1.1em;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line)}.tour-arrow{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffffff24;transition:background .15s}.tour-arrow svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.tour-arrow:hover:not([disabled]){background:#ffffff24}.tour-arrow[disabled]{opacity:.25;pointer-events:none}.tour-info{min-width:0}.tour-kicker{display:flex;align-items:center;gap:.4em;font-size:.75em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}.tour-lock svg{width:1em;height:1em;fill:var(--dim)}.tour-name{font-family:var(--display);font-size:1.35em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-progress{display:grid;gap:.35em}.tour-stars{display:flex;align-items:center;gap:.35em;font-weight:800;font-size:.85em}.tour-stars .star{width:1em;height:1em}.tour-bar{display:block;height:.4em;border-radius:999px;background:#ffffff1a;overflow:hidden}.tour-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber),var(--gold))}.tour-dots{display:flex;gap:.3em}.tour-dot{width:.55em;height:.55em;padding:0;border-radius:999px;background:#ffffff4d;transition:background .2s}.tour-dot.on{width:1.5em;background:var(--pink)}.tour-dot.locked:not(.on){background:#ffffff1f}.songs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.55em;padding:.2em .4em 1.2em 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;touch-action:pan-y}.stop{position:relative;display:grid;grid-template-columns:1.6em minmax(0,1fr);gap:.55em;animation:rise .35s ease-out both}.stop:before{content:"";position:absolute;left:calc(.8em - 1px);top:50%;bottom:calc(-50% - .55em);width:2px;background:#ffffff1f}.stop:last-child:before{display:none}.stop.done:before{background:linear-gradient(180deg,var(--pink),rgba(255,92,138,.35))}.stop-node{position:relative;z-index:1;justify-self:center;align-self:center;width:.95em;height:.95em;border-radius:50%;background:#1a1233;box-shadow:inset 0 0 0 2px #ffffff40}.stop.done .stop-node{background:var(--pink);box-shadow:0 0 0 3px #ff5c8a40,0 0 .8em #ff5c8ab3}.stop.current .stop-node{background:var(--aqua);box-shadow:0 0 0 3px #2ee6c54d;animation:node-pulse 1.6s ease-out infinite}.stop.finale .stop-node{width:1.15em;height:1.15em;border-radius:.25em;transform:rotate(45deg);box-shadow:inset 0 0 0 2px var(--gold)}.stop.finale.done .stop-node{background:var(--gold);box-shadow:0 0 .9em #ffd84acc}@keyframes node-pulse{0%{box-shadow:0 0 #2ee6c5b3}to{box-shadow:0 0 0 .75em #2ee6c500}}.stop-card{display:grid;grid-template-columns:8.2em minmax(0,1fr);gap:.35em;padding:.3em;border-radius:1.05em;background:#120c24e6;box-shadow:inset 0 0 0 1.5px #ffffff12}.stop-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:5.6em;border-radius:.8em;background:#241a44 center / cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff14}.stop-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a061600 30%,#0a0616e0)}.stop.locked .stop-art{filter:grayscale(.75) brightness(.65)}.stop.finale .stop-card{box-shadow:inset 0 0 0 1.5px #ffd84a73,0 0 1.4em #ffd84a14}.stop-head{position:relative;z-index:1;display:flex;flex-direction:column;padding:.45em .6em .5em;line-height:1.15}.stop-head .city{font-weight:800;font-size:.85em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-head .kind{font-size:.66em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}.stop-art .tag{position:absolute;z-index:1;top:.45em;left:.45em;margin:0}.stop-songs{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.1em}.song{position:relative;display:grid;grid-template-columns:1.9em minmax(0,1fr) auto auto auto auto auto;align-items:center;gap:.75em;width:100%;padding:.5em .5em .5em .35em;border-radius:.8em;text-align:left;transition:background .15s,box-shadow .15s}.song:hover{background:#ffffff0f}.song.sel{background:linear-gradient(90deg,#2ee6c533,#2ee6c50a 70%);box-shadow:inset 0 0 0 1.5px #2ee6c5d9}.song .num{font-family:var(--display);font-size:.95em;color:var(--dim);text-align:center}.song.next .num,.song.sel .num{color:var(--aqua)}.song .meta{display:flex;flex-direction:column;min-width:0}.song .st{font-weight:800;font-size:1.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px .4em rgba(0,0,0,.7)}.song .sa{font-size:.8em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag.next-tag{background:var(--aqua);color:#062a24}.song.locked .num,.song.locked .meta,.song.locked .diff,.song.locked .stars{opacity:.45}.diff{display:inline-flex;align-items:flex-end;gap:.14em;height:1em}.diff i{width:.28em;border-radius:1px;background:#ffffff29}.diff i:nth-child(1){height:45%}.diff i:nth-child(2){height:72%}.diff i:nth-child(3){height:100%}.diff.easy i.on{background:var(--aqua)}.diff.medium i.on{background:var(--amber)}.diff.hard i.on{background:var(--red)}.song .stars{font-size:1.1em}.row-crowns{display:inline-flex;align-items:center;gap:.12em;min-width:1.6em;color:var(--gold);font-size:.82em;font-weight:800}.row-crowns svg{width:1.05em;height:1.05em;fill:currentColor}.listen{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;color:var(--dim);background:#ffffff12;cursor:pointer;visibility:hidden;transition:color .15s,background .15s}.song:hover .listen,.song.sel .listen,.listen.on{visibility:visible}.listen svg{width:1.05em;height:1.05em;fill:currentColor}.listen:hover{color:#fff;background:#ffffff26}.listen.on{color:#062a24;background:var(--aqua);animation:listen-pulse 1.1s ease-out infinite}.go{display:grid;place-items:center}.go.play{width:2.3em;height:2.3em;border-radius:50%;color:#ffffffbf;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff29;cursor:pointer;transition:transform .12s,background .15s,color .15s}.song.sel .go.play,.song.next .go.play,.go.play:hover{color:#062a24;background:linear-gradient(180deg,#5cf2d6,#16a88b);box-shadow:0 .15em #0b6352}.go.play:hover{transform:scale(1.08)}.go.play svg{width:1em;height:1em;fill:currentColor;margin-left:.12em}.go.price{display:inline-flex;align-items:center;gap:.25em;min-width:3.9em;justify-content:flex-end;padding-right:.3em;font-weight:800;font-size:.9em;color:#ffd84acc}.go.price .lock{display:inline-grid;width:.95em;height:.95em;margin-right:.15em}.go.price .lock svg{width:100%;fill:var(--dim)}.song.sel .go.price,.song.locked:hover .go.price{color:var(--gold)}.side{min-height:0;display:flex;flex-direction:column;gap:.8em;overflow-y:auto;scrollbar-width:none;padding-bottom:.6em}.detail{flex:none;display:flex;flex-direction:column;gap:.5em;padding:1.15em 1.15em 1.2em;border-radius:1.3em;background:linear-gradient(170deg,#2c1c56f5,#120c26f5);box-shadow:inset 0 0 0 1.5px #ffffff1a,0 1em 2.4em #00000059;animation:rise .25s ease-out both}.d-where{display:flex;align-items:center;gap:.5em;font-size:.75em;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}.d-title{font-family:var(--display);font-size:1.65em;line-height:1.08;overflow-wrap:anywhere}.d-author{color:var(--dim);font-weight:700;margin-top:-.2em}.d-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5em}.d-tags .tag{margin-left:0;vertical-align:0}.d-num{font-size:.8em;color:var(--dim);font-weight:700}.d-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;margin-top:.3em;padding:.65em .4em;border-radius:1em;background:#00000047}.d-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;min-height:2.4em}.d-stat+.d-stat{box-shadow:-1px 0 0 var(--line)}.d-stars{font-size:1.35em}.d-crowns{flex-direction:row;gap:.1em}.d-crown{display:inline-grid;width:1.25em;height:1.25em;opacity:.2}.d-crown svg{width:100%;height:100%;fill:var(--gold)}.d-crown.on{opacity:1;filter:drop-shadow(0 0 .3em rgba(255,200,60,.6))}.d-best b{font-family:var(--display);font-weight:400;font-size:1em}.d-best small{font-size:.7em;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.d-lock{display:flex;align-items:flex-start;gap:.5em;padding:.6em .75em;border-radius:.8em;font-size:.85em;font-weight:600;color:#f3e7b6;background:#ffd84a14;box-shadow:inset 0 0 0 1px #ffd84a33}.d-lock-ico{display:inline-grid;width:1.1em;height:1.1em;flex:none}.d-lock-ico svg{width:100%;fill:var(--gold)}.d-actions{display:flex;gap:.6em;margin-top:.35em}.d-play{flex:1;min-width:0;gap:.5em;padding:0 1em;font-size:1.3em}.d-play.gold{font-size:1.05em;padding:0 .7em}.d-play.gold .buy-price{margin-left:.2em}.listen-btn{flex:none;gap:.45em;padding:0 .9em;min-height:3.75em}.listen-btn.on{color:#062a24;background:var(--aqua);box-shadow:none;animation:listen-pulse 1.1s ease-out infinite}.buy-price{display:inline-flex;align-items:center;gap:.3em;margin-left:.5em;padding:.15em .6em;border-radius:999px;background:#00000029}.btn.dim{filter:saturate(.4) brightness(.8)}.gear-card{flex:none;display:flex;align-items:center;gap:.8em;padding:.6em .9em .6em .6em;border-radius:1.1em;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;transition:background .15s}.gear-card:hover{background:#241844f2}.gear-card canvas{width:2.8em;height:4.2em;flex:none}.gear-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2em}.gear-name{font-family:var(--display);font-size:.95em}.gear-goal{display:flex;flex-direction:column;gap:.25em}.gear-goal .progress-line{display:block;margin-top:0}.banner-slot{flex:none;width:300px;height:250px;align-self:center;margin-top:auto;border-radius:.6em;overflow:hidden}.bottombar{display:flex;align-items:center;gap:.6em;padding:.6em 1.2em max(.8em,env(safe-area-inset-bottom));background:linear-gradient(0deg,#0b0816f2,#0b081600)}.bottombar .btn{gap:.5em;min-height:2.7em;padding:0 1.1em;font-size:.95em}.bottombar .btn.locked{opacity:.6}.bottombar .grow{flex:1}.keys-hint{font-size:.8em;color:var(--dim);font-weight:600;white-space:nowrap}@media(hover:none){.keys-hint{display:none}}@media(max-aspect-ratio:1/1){.setlist-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.6em;padding:0 .7em}.side{overflow:visible;padding-bottom:0}.gear-card,.banner-slot,.keys-hint,.user-chip,.tour-dots,.d-where,.d-author,.d-num,.d-stats{display:none}.tour{grid-template-columns:auto minmax(0,1fr) auto;gap:.6em}.tour-progress{grid-column:2;grid-row:2}.song{grid-template-columns:1.6em minmax(0,1fr) auto auto auto;gap:.5em}.song .listen,.song .diff,.song .row-crowns:empty{display:none}.stop-head .city{white-space:normal;overflow-wrap:anywhere}.stop{grid-template-columns:1.2em minmax(0,1fr);gap:.4em}.stop:before{left:calc(.6em - 1px)}.stop-card{grid-template-columns:5.4em minmax(0,1fr)}.stop-head{padding:.35em .45em .4em}.detail{padding:.8em .9em;gap:.35em}.d-title{font-size:1.2em}.d-actions{margin-top:.15em}.d-play{font-size:1.1em}.listen-btn{min-height:3.2em}.listen-btn .lbl{display:none}.bottombar{padding:.5em .7em max(.7em,env(safe-area-inset-bottom))}.bottombar .btn{flex:1 1 0;padding:0 .5em;font-size:.85em}.bottombar .grow{display:none}}@media(max-width:1000px)and (min-aspect-ratio:1/1){.setlist-body{grid-template-columns:minmax(0,1fr) 17em}.banner-slot,.keys-hint,.song .diff{display:none}}@media(max-height:520px)and (min-aspect-ratio:1/1){.gear-card,.banner-slot,.d-where,.d-num{display:none}.detail{padding:.8em .9em;gap:.35em}.d-title{font-size:1.3em}.tour{padding:.4em .6em}.tour-arrow{width:2.1em;height:2.1em}}