:root{--teal:#2f6b52;--teal-d:#244d3e;--coral:#ed8564;--coral-d:#d76952;--amber:#d3a146;--pink:#ed8564;--violet:#8b7ba8;--red:#c25b4e;--glow:#7fd0a8;--blue:#4d9182;--blue-d:#3c7468;--bg0:#fff;--bg1:#f0f2eb;--bg2:#e4ebdc;--card:#fff;--card2:#f0f6ee;--line:#e0e5de;--ink:#18231f;--ink2:#66716a;--ink3:#9aa49b;--paper:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior-x:none;touch-action:pan-x pan-y;overflow-x:hidden}img{-webkit-user-drag:none}.ov,.tlist,.mblist,.story-ov,.story-book,.btable,.ai-body,.cst-list,.dq-pop,.cst-panel.unit-card,.wardrobe.unit-card,#v-settings,.sl-side,.ms-body,#v-path,#v-full .scroll{scrollbar-width:none}.ov::-webkit-scrollbar{width:0;height:0}.tlist::-webkit-scrollbar{width:0;height:0}.mblist::-webkit-scrollbar{width:0;height:0}.story-ov::-webkit-scrollbar{width:0;height:0}.story-book::-webkit-scrollbar{width:0;height:0}.btable::-webkit-scrollbar{width:0;height:0}.ai-body::-webkit-scrollbar{width:0;height:0}.cst-list::-webkit-scrollbar{width:0;height:0}.dq-pop::-webkit-scrollbar{width:0;height:0}.cst-panel.unit-card::-webkit-scrollbar{width:0;height:0}.wardrobe.unit-card::-webkit-scrollbar{width:0;height:0}#v-settings::-webkit-scrollbar{width:0;height:0}.sl-side::-webkit-scrollbar{width:0;height:0}.ms-body::-webkit-scrollbar{width:0;height:0}#v-path::-webkit-scrollbar{width:0;height:0}#v-full .scroll::-webkit-scrollbar{width:0;height:0}body{color:var(--ink);overscroll-behavior:none;background:#f2f4ee fixed;min-height:100vh;font-family:DM Sans,PingFang SC,Noto Sans SC,Apple Symbols,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:700}body:before,body:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#ff5e7e0f,#0000 70%);width:360px;height:360px;top:-130px;left:-120px}body:after{background:radial-gradient(circle,#1cb0f60d,#0000 70%);width:400px;height:400px;bottom:-160px;right:-130px}#app{width:100%;padding-right:calc(var(--safe-right,env(safe-area-inset-right,0px)) + var(--perf-dock-right,0px));padding-bottom:var(--perf-dock-bottom,0px);box-sizing:border-box;padding-left:var(--safe-left,env(safe-area-inset-left,0px));z-index:1;touch-action:pan-x pan-y;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:visible}.view{flex-direction:column;padding-bottom:0;display:none}.view.on{display:flex}html[data-perf-dock] #v-settings,html[data-perf-dock] #v-progress{max-height:calc(100vh - var(--perf-dock-bottom,0px));box-sizing:border-box}@supports (height:100dvh){html[data-perf-dock] #v-settings,html[data-perf-dock] #v-progress{max-height:calc(100dvh - var(--perf-dock-bottom,0px))}}html[data-perf-dock] #vmodal,html[data-perf-dock] #modeModal,html[data-perf-dock] #tipModal,html[data-perf-dock] #msgModal,html[data-perf-dock] #aiOnboarding,html[data-perf-dock] #v-practice.on .ov{right:var(--perf-dock-right,0px);bottom:var(--perf-dock-bottom,0px)}#v-library.on{height:calc(100vh - var(--perf-dock-bottom,0px));min-height:0;padding-right:var(--perf-dock-right,0px);box-sizing:border-box;touch-action:pan-x pan-y;flex-direction:column;display:flex;overflow:hidden}@supports (height:100dvh){#v-library.on{height:calc(100dvh - var(--perf-dock-bottom,0px))}}#v-library.on>.pl{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}#v-library.on .sl-toolrow{flex:none}#v-library.on .sl-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-x pan-y;scrollbar-width:none;flex:auto;min-height:0;overflow-x:hidden;overflow-y:auto}#v-library.on .sl-scroll::-webkit-scrollbar{width:0;height:0}#v-library.on .sl-scroll>*{max-width:100%}html.embed #v-library.on{top:0;bottom:0;left:0;right:0;width:100%;max-width:none;height:100vh;height:100dvh;min-height:100vh;overscroll-behavior-y:contain;min-height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}h1,h2,h3{font-family:Noto Sans SC,sans-serif}.topbar{padding:max(16px,var(--safe-top,env(safe-area-inset-top,0px))) max(18px,var(--safe-right,env(safe-area-inset-right,0px))) 10px max(18px,var(--safe-left,env(safe-area-inset-left,0px)));align-items:center;gap:10px;display:flex}.topbar h1{color:var(--ink);flex:1;font-size:22px}.iconbtn{background:var(--card);border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--teal);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.scroll{padding:0 max(18px,var(--safe-right,env(safe-area-inset-right,0px))) 18px max(18px,var(--safe-left,env(safe-area-inset-left,0px)))}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:12px;padding:14px}.hint{color:var(--ink3);font-size:11.5px;font-weight:700;line-height:1.5}.btn{color:#fff;background:var(--coral);border:none;border-bottom:5px solid var(--coral-d);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:Noto Sans SC;font-size:16px;display:flex}.btn:active{border-bottom-width:2px;transform:translateY(3px)}.btn.teal{background:var(--teal-d);border-bottom-color:#0e9c8c}.btn.ghost{background:var(--card2);color:var(--ink2);border:1px solid var(--line);border-bottom:4px solid #00000059}.btn.sm{border-radius:13px;width:auto;padding:10px 16px;font-size:14px}.seg{background:var(--bg1);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:4px;display:flex}.seg div{text-align:center;color:var(--ink3);cursor:pointer;border-radius:11px;flex:1;padding:9px;font-size:13px;font-weight:800}.seg div.on{background:var(--card2);color:var(--teal)}#midiStat{background:var(--card);color:var(--ink3);border-radius:10px;padding:6px 10px;font-size:11px;font-weight:800}.searchbar{background:var(--card);border:1px solid var(--line);border-radius:13px;align-items:center;gap:9px;margin-bottom:14px;padding:11px 13px;display:flex}.searchbar input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Nunito;font-size:14px;font-weight:700}.searchbar input::placeholder{color:var(--ink3)}.resume{cursor:pointer;background:linear-gradient(120deg,var(--teal),var(--teal-d));border:none;border-radius:20px;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #3fb0a642}.resume:active{transform:scale(.99)}.resume .rl{flex:1;min-width:0}.resume h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-family:Noto Sans SC;font-size:22px;overflow:hidden}.resume p{color:#ffffffd1;margin-top:4px;font-size:12px;font-weight:700}.resume .ring{flex-shrink:0}.pack{cursor:pointer;color:#fff;border-radius:16px;flex-direction:column;flex:none;justify-content:space-between;width:128px;height:84px;padding:11px 13px;display:flex;position:relative;overflow:hidden}.pack:active{transform:scale(.97)}.pack .pe{font-size:19px}.pack h5{font-family:Noto Sans SC;font-size:14px}.pack small{opacity:.85;font-size:10px;font-weight:800}.hero{color:#04201c;cursor:pointer;background:linear-gradient(120deg,#2dd4bf,#22d3ee);border-radius:20px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex;box-shadow:0 12px 30px #22d3ee38}.hero .art{background:#ffffff47;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.hero h3{font-family:Noto Sans SC;font-size:17px}.hero p{opacity:.75;margin-top:2px;font-size:11.5px;font-weight:700}.hero .go{color:#5fe3d0;background:#0c1b2e;border-radius:12px;flex-shrink:0;margin-left:auto;padding:8px 15px;font-family:Noto Sans SC;font-size:13px}.sect{color:var(--ink2);align-items:center;margin:6px 0 10px;font-family:Noto Sans SC;font-size:14px;display:flex}.sect span{color:var(--teal);font-family:Nunito;font-size:11px;font-weight:800}.packlink{cursor:pointer;color:var(--teal-d)!important}.trk{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:11px;margin-bottom:10px;padding:10px;display:flex}.trk:active{transform:scale(.985)}.trk .no{display:none}.trk .art{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.trk .in{flex:1;min-width:0}.trk .in h4{white-space:nowrap;text-overflow:ellipsis;font-family:Noto Sans SC;font-size:15px;overflow:hidden}.trk .in .m{align-items:center;gap:6px;margin-top:3px;display:flex}.tag{border-radius:6px;padding:2px 7px;font-size:9.5px;font-weight:800}.trk .in .m .t{color:var(--ink3);font-size:10.5px;font-weight:700}.upl{background:var(--card);cursor:pointer;border:2px dashed #00000024;border-radius:16px;align-items:center;gap:11px;padding:12px;display:flex}.upl .art{background:var(--card2);width:42px;height:42px;color:var(--ink3);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.srow{align-items:stretch;gap:12px;margin-bottom:14px;display:flex}.srow .searchbar{flex:1;margin-bottom:0}#officialList{grid-template-columns:repeat(2,1fr);gap:16px 14px;display:grid}.covart{aspect-ratio:1;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000001a}#mineWrap{gap:12px;display:grid}#nav{width:100%;height:calc(64px + var(--safe-bottom,env(safe-area-inset-bottom,0px)));padding-bottom:var(--safe-bottom,env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50;background:#fffffff0;margin-top:auto;display:flex;position:-webkit-sticky;position:sticky;bottom:0}#nav>div[data-n]{color:var(--ink3);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:800;display:flex}#nav .ic{font-size:19px}#nav .navbrand,#nav .navlight{display:none}.paper{background:var(--paper);border:1px solid var(--line);border-radius:16px;justify-content:center;align-items:center;min-height:190px;padding:6px;display:flex;overflow:hidden}.paper.light{background:#fffdfa}#scoreSheet{justify-content:center;align-items:center;width:100%;display:flex}#scoreSheet svg{margin:0 auto!important;display:block!important}#sheetScroll svg{margin:0!important;display:block!important}.node{color:#fff;cursor:pointer;border-bottom:6px solid #00000059;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;font-size:25px;display:flex;position:relative}.node.big{width:84px;height:84px;font-size:29px}.node.todo{opacity:.5}.node.cur{box-shadow:0 0 0 7px #2dd4bf33}.node .ck{background:var(--bg0);border:2px solid var(--teal);width:24px;height:24px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:-4px;right:-4px}.conn{background:var(--line);border-radius:3px;width:5px;height:22px;margin:4px auto}.conn.done{background:var(--teal)}.branches{gap:8px;display:flex}.branches>div{flex:1}.badge{border-radius:11px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.badge.teal{color:var(--teal);background:#2dd4bf26}.secttl{align-items:center;gap:8px;margin:16px 2px 8px;font-family:Noto Sans SC;font-size:13px;font-weight:800;display:flex}.secttl:after{content:"";background:var(--line);flex:1;height:1px}.secttl:first-child{margin-top:2px}.lvl{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:15px;align-items:center;gap:12px;margin-bottom:9px;padding:10px 12px;display:flex}.lvl:active{transform:scale(.99)}.lvl.cur{border-color:var(--teal);box-shadow:0 0 0 2px #2dd4bf40}.lvl.todo{opacity:.62}.lvn{flex-shrink:0;width:46px;height:46px;position:relative}.lvn svg{border-radius:14px;width:46px;height:46px}.lvn .ck{background:var(--bg0);border:2px solid var(--teal);width:20px;height:20px;color:var(--teal);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:-4px;right:-4px}.lvs{color:var(--ink3);flex-shrink:0;padding:0 4px;font-size:11.5px;font-weight:800}.lvs.done{color:var(--teal)}.lvs.cur{color:#fff;background:var(--teal-d);border-radius:10px;padding:5px 12px}.unit{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.unit:active{transform:scale(.99)}.unit.cur{border-color:var(--teal);box-shadow:0 0 0 2px #2dd4bf38}.unit.todo{opacity:.72}.unit.chal{background:#fff8e8;border-color:#ffc80073}.ui{flex:1;min-width:0}.ui h4{white-space:nowrap;text-overflow:ellipsis;font-family:Noto Sans SC;font-size:14.5px;overflow:hidden}.ui p{color:var(--ink3);margin-top:2px;font-size:11px;font-weight:700}.udots{gap:5px;margin-top:6px;display:flex}.udots i{border-radius:50%;width:11px;height:11px;display:block}.greet{align-items:center;gap:10px;margin-bottom:14px;display:flex}.streak{color:var(--coral);background:#ff7a591f;border:1px solid #ff7a5940;border-radius:11px;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:800}button,input,select,textarea{font-family:inherit}.popu-ico{vertical-align:-.14em;flex:none;width:1em;height:1em}.conthero{cursor:pointer;background:linear-gradient(120deg,#3fb0a6,#329089);border-radius:20px;margin-bottom:16px;padding:14px 16px;box-shadow:0 12px 26px #f26b8642}.conthero:active{transform:scale(.99)}.conthero.clear{background:linear-gradient(120deg,#3fb0a6,#329089);box-shadow:0 12px 26px #d06a8c47}.conthero .cmid{align-items:center;gap:12px;margin-top:8px;display:flex}.ovwrap{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.obar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.obar:last-child{margin-bottom:0}.obar .onm{color:var(--ink2);flex-shrink:0;width:30px;font-size:11px;font-weight:800}.obar .otrack{background:#ede4d4;border-radius:5px;flex:1;height:9px;overflow:hidden}.obar .otrack i{border-radius:5px;height:100%;display:block}.obar .oval{color:var(--ink3);text-align:right;flex-shrink:0;width:38px;font-size:10.5px;font-weight:800}#mapSecs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mcov{cursor:pointer;color:#fff;border-radius:20px;flex-direction:column;justify-content:flex-end;min-height:112px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000001a}.mcov:active{transform:scale(.99)}.mcov h4{z-index:2;font-family:Noto Sans SC;font-size:19px;position:relative}.mcov .mcnote{color:#ffffff38;z-index:1;pointer-events:none;font-family:Noto Sans SC;font-size:120px;line-height:1;position:absolute;bottom:-28px;right:4px}.mcov.here{box-shadow:0 0 0 3px var(--amber),0 8px 20px #00000024}.mcov.final{grid-column:1/-1;margin-top:14px}.dnode{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:11px;width:102px;display:flex}.dnode:active{filter:brightness(.96)}.dnode.up{transform:translateY(-24px)}.dnode.down{transform:translateY(24px)}#confetti{top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:301;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#confetti.on{display:block}.cf{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-40px)rotate(0)}to{opacity:.15;transform:translateY(105vh)rotate(720deg)}}#v-practice.on{top:0;bottom:0;left:0;right:0;z-index:100;background:#ede9e2;flex-direction:column;max-width:440px;margin:0 auto;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ptop{flex-shrink:0;align-items:center;gap:10px;padding:14px 18px 8px;display:flex}.px{background:var(--card);border:1px solid var(--line);width:40px;height:40px;color:var(--ink2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.ptt{flex:1;min-width:0}.ptitle{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:Noto Sans SC;font-size:18px;overflow:hidden}.psub{color:var(--ink3);margin-top:2px;font-size:11.5px;font-weight:700}.pico{background:var(--card);border:1px solid var(--line);width:44px;height:44px;color:var(--ink2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.pico:active{transform:scale(.94)}.pico.met.on{color:var(--amber);background:#f5c77e29;border-color:#f5c77e80}.pico.met.off{opacity:.55;position:relative}.pico.met.off:after{content:"";background:currentColor;border-radius:2px;height:2px;margin-top:-1px;position:absolute;top:50%;left:9px;right:9px;transform:rotate(-45deg)}.pico.play{background:var(--teal);border-color:var(--teal);color:#fff;padding-left:2px;font-size:15px}.pmeters{display:none!important}.metrobox{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;gap:6px;padding:8px 14px;display:flex}.metrobox .mbrow{align-items:center;gap:10px;display:flex}.statcards{flex:1 0;gap:8px;display:flex}.sc{text-align:center;border:1px solid var(--line);border-radius:16px;flex:1;padding:10px 6px}.sc .n{font-family:Noto Sans SC;font-size:26px;line-height:1.05}.sc .l{color:var(--ink2);margin-top:1px;font-size:11px;font-weight:800}.sc.a{background:#db8e5224}.sc.a .n{color:#c6912f}.sc.b{background:#3fb0a61a}.sc.b .n{color:var(--teal)}.sc.c{background:#c25b4e24}.sc.c .n{color:var(--red)}.sc.v,.sc.g{background:#3fb0a61a}.sc.v .n,.sc.g .n{color:var(--teal)}.sc.bpm{background:#c6912f21}.sc.bpm .n{color:#c6912f}.passwrap{flex-shrink:0;padding:10px 16px 4px}.passhead{color:var(--ink3);margin-bottom:6px;font-size:11.5px;font-weight:800;display:flex}.passhead span:last-child{margin-left:auto}.stageflow{border:1px solid var(--line);background:#ffffff6b;border-radius:12px;margin:0 0 8px;padding:8px 10px 7px}.stageflow-head{color:var(--ink3);justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:10.5px;font-weight:800;display:flex}.stageflow-head b{color:var(--ink);font-size:11px}.stageflow-steps{align-items:center;gap:5px;display:flex}.stageflow-step{min-width:0;color:var(--ink3);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:flex}.stageflow-step:after{content:"›";color:var(--line);margin-left:auto;font-size:15px}.stageflow-step:last-child:after{display:none}.stageflow-step i{background:var(--line);border-radius:50%;flex:none;width:7px;height:7px}.stageflow-step.done,.stageflow-step.cur{color:var(--ink)}.stageflow-step.done i,.stageflow-step.cur i{background:var(--teal)}.stageflow-step.cur i{box-shadow:0 0 0 3px #3fb0a62e}.practice-loopbar{color:#fff6e8b8;background:#15121ff0;border:1px solid #f5c77e33;border-radius:7px;align-items:center;gap:6px;min-height:30px;margin:0 0 6px;padding:4px 8px;font-size:10px;display:flex}.practice-loopbar.hidden{display:none}.practice-loopbar b{color:#f5c77e;flex:none;font-size:10px}.practice-loopbar .loop-options{flex:1;gap:4px;display:flex}.practice-loopbar button{color:#fff6e8b8;cursor:pointer;background:#ffffff0d;border:1px solid #f5c77e4d;border-radius:4px;flex:1;min-height:23px;font:800 10px inherit}.practice-loopbar button.on{color:#2a1b33;background:#f5c77e;border-color:#f5c77e}.prg{background:var(--bg1);border:1px solid var(--line);border-radius:7px;height:12px;overflow:hidden}.prg i{background:var(--coral);border-radius:7px;height:100%;transition:width .1s;display:block}.parea{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex:1;min-height:0;margin:0 16px;position:relative;overflow:hidden}.parea.stage{background:linear-gradient(#0d1222,#1a2238 60%,#222c48);border-color:#ffffff0f}#pracSheet,#pracJianpu{top:0;bottom:0;left:0;right:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#jpClip::-webkit-scrollbar{width:0;height:0}#jpClip{top:0;bottom:0;left:0;right:0;scrollbar-width:none;touch-action:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0;overflow-x:auto;overflow-y:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000 calc(25% - 58px),#000 calc(25% - 4px),#000 calc(100% - 50px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#0000 calc(25% - 58px),#000 calc(25% - 4px),#000 calc(100% - 50px),#0000 100%)}#jpCanvas{margin-top:0;display:block}.jphit{z-index:5;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:25%}.jphit i{background:#c79a5266;border-radius:2px;width:3px;position:absolute;top:30%;bottom:30%;left:-1.5px;box-shadow:0 0 7px 2px #e8b84d29}.jphit .tri{border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;left:-6px}.jphit .tri.t{border-top:7px solid var(--amber);top:26%}.jphit .tri.b{border-bottom:7px solid var(--amber);bottom:26%}.jphit.jg i{background:#34d399;box-shadow:0 0 22px 7px #34d39999}.jphit.jr i{background:#ff3b57;box-shadow:0 0 22px 7px #ff3b578c}.jphdr{z-index:6;color:#6b6472;pointer-events:none;font-family:Noto Sans SC;font-size:12px;font-weight:800;position:absolute;top:6px;left:8px}#sheetClip::-webkit-scrollbar{width:0;height:0}#sheetClip{top:0;bottom:0;left:0;right:0;scrollbar-width:none;touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow-x:auto;overflow-y:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000 calc(25% - 58px),#000 calc(25% - 4px),#000 calc(100% - 60px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#0000 calc(25% - 58px),#000 calc(25% - 4px),#000 calc(100% - 60px),#0000 100%)}#sheetScroll{position:absolute;top:0;left:0}.hitzone{z-index:3;pointer-events:none;background:linear-gradient(90deg,#ffc53d00,#ffc53d21,#ffc53d00);width:68px;height:0;position:absolute;top:0;left:calc(25% - 34px)}#hitLine{z-index:5;pointer-events:none;width:0;height:0;position:absolute;top:0;left:25%}#hitLine i{background:#fff1c7;border-radius:2px;width:3px;transition:background .1s,box-shadow .1s;position:absolute;top:0;bottom:0;left:-1.5px;box-shadow:0 0 14px 3px #f5c77e73}#hitLine .tri{border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;left:-6px}#hitLine .tri.t{border-top:8px solid var(--amber);top:-8px}#hitLine .tri.b{border-bottom:8px solid var(--amber);bottom:-8px}#hitLine.c-green i{background:var(--teal);box-shadow:0 0 28px 10px #34d39999}#hitLine.c-green .tri.t{border-top-color:var(--teal)}#hitLine.c-green .tri.b{border-bottom-color:var(--teal)}#hitLine.c-amber i{background:#f5c77e;box-shadow:0 0 24px 8px #f5c77e8f}#hitLine.c-amber .tri.t{border-top-color:#f5c77e}#hitLine.c-amber .tri.b{border-bottom-color:#f5c77e}#hitLine.c-red i{background:var(--red);box-shadow:0 0 22px 8px #ff3b5780}#hitLine.c-red .tri.t{border-top-color:var(--red)}#hitLine.c-red .tri.b{border-bottom-color:var(--red)}#hitLine.hit i{box-shadow:0 0 30px 12px #ffc53dbf}#hitFx{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:25%}#hitFx.on:after{content:"";background:radial-gradient(circle,#ffc53d8c 0%,#ffc53d00 70%);border-radius:50%;width:84px;height:84px;animation:.34s ease-out pop;position:absolute;top:-42px;left:-42px}#hitFx.bad.on:after{background:radial-gradient(circle,#ff3b5780 0%,#ff3b5700 70%)}.hit-particle{background:var(--pc,#34d399);width:6px;height:6px;box-shadow:0 0 8px var(--pc,#34d399);opacity:0;border-radius:50%;position:absolute;top:-3px;left:-3px}.hit-particle.go{animation:hitParticle var(--pd,.55s) cubic-bezier(.16,.78,.26,1) var(--pdl,0s) forwards}@keyframes hitParticle{0%{opacity:0;transform:translate(0)scale(.35)}12%{opacity:var(--pa,.9)}to{opacity:0;transform:translate(var(--px),var(--py)) scale(.08)}}@keyframes pop{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.15)}}#judgeBadge{z-index:12;white-space:nowrap;pointer-events:none;opacity:0;border-radius:14px;padding:5px 14px;font-family:Noto Sans SC;font-size:17px;font-weight:800;position:absolute;top:0;left:25%;transform:translate(-50%,-6px)}#judgeBadge.show{animation:.62s cubic-bezier(.2,1.4,.4,1) jbpop}@keyframes jbpop{0%{opacity:0;transform:translate(-50%,4px)scale(.6)}20%{opacity:1;transform:translate(-50%,-14px)scale(1.08)}70%{opacity:1;transform:translate(-50%,-18px)scale(1)}to{opacity:0;transform:translate(-50%,-30px)scale(.95)}}.ptip{z-index:11;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#3a2c60f5,#281e48f5);border:1px solid #a78bfa8c;border-radius:16px;align-items:center;gap:10px;max-width:88%;padding:8px 10px 8px 9px;animation:.32s cubic-bezier(.2,1.3,.4,1) tipIn;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #0000006b,0 0 0 3px #a78bfa1f}.ptip .ic{background:linear-gradient(135deg,#a78bfa,#7c6be8);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;display:flex;box-shadow:0 3px 10px #7c6be880}.ptip .col{flex-direction:column;min-width:0;line-height:1.25;display:flex}.ptip .col small{color:#9e8fe0;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:800}.ptip .tx{color:#ede7ff;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;overflow:hidden}.ptip .x{color:#cdbeff;cursor:pointer;pointer-events:auto;background:#ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex}.ptip .x:active{transform:scale(.9)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,-10px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}#pracFall{top:0;bottom:0;left:0;right:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ctrl{flex-shrink:0;align-items:center;gap:10px;padding:10px 16px 4px;display:flex}.metrobar{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;margin:10px 16px 8px;padding:9px 14px;display:flex}.metrobar .mlab{color:var(--ink3);flex-shrink:0;font-size:11.5px;font-weight:800}.ledchip{color:var(--ink3);background:#0000000d;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:10.5px;font-weight:800}.ledchip.on{color:var(--teal);background:#12b5a629}.beats{flex-shrink:0;gap:9px;display:flex}.beats i{background:#0000001f;border-radius:50%;width:15px;height:15px;transition:transform 70ms,background 70ms;display:block}.beats i.on{background:var(--amber);box-shadow:0 0 16px var(--amber);transform:scale(1.35)}.beats i.on.strong{background:#ff9a3d;transform:scale(1.55);box-shadow:0 0 22px #ff9a3d}.gears{background:var(--bg1);border:1px solid var(--line);border-radius:11px;flex-shrink:0;padding:3px;display:flex}.gears div{color:var(--ink3);cursor:pointer;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800}.gears div.on{background:var(--coral);color:#fff}.rseg{align-items:center;gap:8px;margin-left:auto;display:flex}.jkey,.slowseg{background:var(--card);border:1px solid var(--line);border-radius:13px;flex-shrink:0;gap:3px;padding:4px;display:flex}.jkey span,.slowseg span{color:var(--ink3);cursor:pointer;border-radius:10px;padding:9px 15px;font-family:Noto Sans SC;font-size:13px;font-weight:800}.slowseg span.on{background:var(--teal);color:#fff}input[type=range]{accent-color:var(--coral);flex:1;min-width:60px;height:22px}.pbpm{text-align:right;min-width:52px;color:var(--teal);flex-shrink:0;font-family:Noto Sans SC;font-size:13px}#pracKb{flex-shrink:0;padding:8px 14px 12px}#v-practice.on{--kb-h:104px;--kb-pad:0px}#pracKeys{width:100%;height:var(--kb-h);touch-action:none;display:block}.ov{top:0;bottom:0;left:0;right:0;text-align:center;z-index:10;background:#0a1613f2;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.ov .e{font-size:44px}.ov h2{color:var(--amber);font-size:21px}.ov p{color:var(--ink2);font-size:13px}.ov .row{gap:10px;margin-top:10px;display:flex}.speedrow{align-items:center;gap:6px;margin-top:10px;display:flex}.spill{color:var(--ink3);background:#ffffff12;border-radius:11px;padding:6px 12px;font-family:Noto Sans SC;font-size:14px}.spill.on{background:var(--teal-d);color:#04201c;transform:scale(1.12)}.spill.done{color:var(--teal);background:#2dd4bf2e}.sparrow{color:var(--ink3);font-size:12px}.startgate{text-align:left;flex-direction:column;gap:12px;width:min(430px,94%);display:flex}.startgate .sg-kicker{color:var(--glow);letter-spacing:.18em;font:800 11px DM Sans,sans-serif}.startgate .sg-title{color:#fff;margin:2px 0 0;font-family:Noto Sans SC;font-size:23px}.startgate .sg-sub{color:#c7d2cc;margin:0 0 6px;font-size:12.5px}.sg-block{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;display:flex}.sg-lab{color:#eaf3ee;font-size:14.5px;font-weight:700}.sg-seg{background:#00000047;border-color:#ffffff24;margin:0!important}.sg-seg div{color:#a8bcb3;cursor:pointer;border-radius:10px;padding:8px 17px;font-family:Noto Sans SC;font-size:13px;font-weight:800}.sg-seg div.on{background:var(--teal);color:#fff}.sg-block:has(#sgDuet){flex-wrap:wrap}.sg-block:has(#sgView){flex-wrap:wrap}.sg-block:has(#sgLeft){flex-wrap:wrap}.sg-step{align-items:center;gap:16px;display:flex}.sg-step button{color:#fff;background:#ffffff17;border:1px solid #ffffff38;border-radius:11px;place-items:center;width:34px;height:34px;font-size:19px;line-height:1;display:grid}.sg-step b{text-align:center;color:#fff;min-width:24px;font-family:DM Sans,sans-serif;font-size:21px}.startgate .sg-go{width:100%;margin-top:8px}#v-practice.on .startgate{border:1px solid var(--sw-edge);background:linear-gradient(160deg,#201136f5,#10091ef5);border-radius:20px;box-shadow:0 24px 80px #00000080,0 0 0 1px #c496ff0f}#v-practice.on .startgate .sg-block{border:1px solid var(--sw-edge);background:#ffffff09;border-radius:14px;padding:10px 13px}#v-practice.on .startgate .sg-kicker{color:var(--sw-gold1);letter-spacing:.2em}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.lvcard{align-items:center;gap:6px;display:flex}.pstats{gap:10px;margin-bottom:4px;display:flex}.bwall{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bw{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.blindmsg{z-index:8;color:var(--amber);white-space:nowrap;background:#0b1512e6;border:1px solid #ffc53d66;border-radius:12px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:800;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.blindmsg .e{font-size:14px}.blindmsg p{display:none}.countin{top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.countin span{color:#fff;background:#ff7a59f2;border-radius:22px;padding:14px 34px;font-family:Noto Sans SC;font-size:44px;box-shadow:0 10px 30px #ff7a5966}.listenbar{background:var(--teal-d);color:#fff;z-index:9;white-space:nowrap;border-radius:16px;align-items:center;gap:8px;padding:10px 11px 10px 18px;font-size:12.5px;font-weight:800;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #2a756f4d}.listenbar .dot{background:#7fd4b8;border-radius:50%;width:7px;height:7px;animation:1s infinite pl}.listenbar button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff6b;border-radius:999px;padding:4px 9px;font:800 10px inherit}@keyframes pl{50%{opacity:.25}}@media (orientation:landscape) and (max-height:480px){#v-practice.on .listenbar{border-radius:99px;gap:6px;padding:5px 6px 5px 11px;font-size:11px;bottom:8px;box-shadow:0 4px 12px #2a756f57}#v-practice.on .listenbar .dot{width:6px;height:6px}#v-practice.on .listenbar button{padding:3px 8px;font-size:9.5px}}.toast{background:var(--red);color:#fff;z-index:11;border-radius:14px;padding:8px 18px;font-size:14px;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #ff3b5766}.srow{border-top:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.srow:first-of-type{border-top:none}.srow .t{flex:1}.srow .t b{font-size:14px}.srow .t small{color:var(--ink3);margin-top:2px;font-size:11px;display:block}.step{align-items:center;gap:8px;display:flex}.step button{background:var(--card2);width:30px;height:30px;color:var(--teal);border:1px solid var(--line);cursor:pointer;border-radius:9px;font-size:17px}.step span{text-align:center;min-width:36px;font-family:Noto Sans SC;font-size:16px}.sw{cursor:pointer;background:#3a4463;border-radius:14px;flex-shrink:0;width:46px;height:27px;position:relative}.sw.on{background:var(--teal-d)}.sw i{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .16s;position:absolute;top:3px;left:3px}.sw.on i{left:22px}.mini{background:var(--bg1);border:1px solid var(--line);border-radius:10px;padding:3px;display:flex}.mini div{color:var(--ink3);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:800}.mini div.on{background:var(--teal-d);color:#04201c}.bar{background:var(--bg1);border-radius:6px;height:11px;margin-top:5px;overflow:hidden}.bar i{border-radius:6px;height:100%;display:block}.metric{background:var(--bg1);border-radius:14px;padding:12px}.metric .n{font-family:Noto Sans SC;font-size:20px}.metric .l{color:var(--ink2);font-size:10.5px;font-weight:800}input[type=number]{background:var(--bg1);border:1px solid var(--line);color:var(--ink);text-align:center;border-radius:10px;width:72px;padding:8px;font-family:Nunito;font-size:14px;font-weight:800}.actbtn{text-align:center;cursor:pointer;white-space:nowrap;background:var(--bg1);border:1px solid var(--line);color:var(--ink2);border-radius:11px;flex:1;padding:9px 6px;font-size:11.5px;font-weight:800}.actbtn:active{transform:scale(.97)}.actbtn.on,.actbtn.has{background:var(--teal);color:#fff;border-color:var(--teal)}#vmodal{top:0;bottom:0;left:0;right:0;z-index:350;background:#040a08db;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#vmodal.on{display:flex}.vbox{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 24px 60px #0009}.vhead{color:var(--pink);border-bottom:1px solid var(--line);align-items:center;padding:12px 14px;font-family:Noto Sans SC;font-size:15px;display:flex}#vPlayer{background:#000;width:100%;max-height:60vh;display:block}.vfoot{justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}#modeModal{top:0;bottom:0;left:0;right:0;z-index:360;background:#040a08db;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#modeModal.on{display:flex}.modecard{cursor:pointer;color:#fff;opacity:.82;border:none;border-radius:20px;flex-direction:column;justify-content:center;gap:10px;min-height:150px;margin-bottom:12px;padding:24px;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000001a}.modecard:active{transform:scale(.99)}.modecard.sel{opacity:1;box-shadow:0 0 0 3px var(--amber),0 12px 26px #00000029}.mcdesc{z-index:2;color:#ffffffeb;font-size:13.5px;font-weight:700;position:relative}.modecard .mcnote{color:#fff3;z-index:1;pointer-events:none;font-family:Noto Sans SC;font-size:110px;line-height:1;position:absolute;bottom:-24px;right:6px}#modeB.sel{border-color:var(--teal);box-shadow:0 0 0 3px #3fb0a621}.mchead{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.mchead b{color:#fff;font-family:Noto Sans SC;font-size:20px}.mchead .num{color:#333;background:#ffffffeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex}.mctag{z-index:2;color:#fff;background:#ffffff3d;border-radius:9px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:14px;right:14px}.gswrap{background:var(--bg1);border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.gswrap .mini{margin-left:auto}.gswrap .mini div{text-align:center;min-width:34px}.scard{padding:16px 18px}.scard-row{flex-direction:column;gap:14px;display:flex}.scard-main{align-items:center;gap:14px;min-width:0;display:flex}.scard-ico{color:#fff;background:linear-gradient(150deg,#5bb8d4,#3e93ae);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:25px;display:flex}.scard-info{flex:1;min-width:0}.scard-tt b{color:var(--ink);font-family:Noto Sans SC;font-size:18px}.scard-tt span{color:var(--ink3);margin-left:8px;font-size:12.5px;font-weight:700}.scard-hands{gap:6px;margin-top:6px;display:flex}.scard-acts{flex-wrap:wrap;gap:8px;display:flex}.scard-acts .actbtn{white-space:nowrap;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;min-width:88px;padding:12px;display:flex}.scard-acts .actbtn i{align-items:center;font-size:15px;font-style:normal;line-height:1;display:inline-flex}.modegrid{gap:12px;display:grid}#tipModal{top:0;bottom:0;left:0;right:0;z-index:360;background:#040a08db;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#tipModal.on{display:flex}.tbox{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:100%;max-width:460px;max-height:86vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.thead{color:var(--violet);align-items:center;padding:14px 16px 10px;font-family:Noto Sans SC;font-size:16px;display:flex}.thint{color:var(--ink3);padding:0 16px 10px;font-size:11.5px;font-weight:700;line-height:1.5}.tlist{flex:1;padding:0 14px 6px;overflow-y:auto}.tr{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.tr .mno{background:var(--card2);border-radius:11px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;line-height:1;display:flex}.tr .mno b{color:var(--teal);font-family:Noto Sans SC;font-size:15px}.tr .mno small{color:var(--ink3);margin-top:1px;font-size:8px;font-weight:800}.tr.has .mno{background:var(--violet)}.tr.has .mno b,.tr.has .mno small{color:#2a0e3f}.tr input{background:var(--bg1);border:1px solid var(--line);color:var(--ink);border-radius:10px;flex:1;width:100%;padding:9px 11px;font-family:Nunito;font-size:13px;font-weight:700}.tr input:focus{border-color:var(--violet);outline:none}.tr .tdel{width:26px;height:26px;color:var(--red);cursor:pointer;background:#ff3b571a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.tempty{text-align:center;color:var(--ink3);padding:26px 16px;font-size:12.5px;font-weight:700;line-height:1.7}.taddrow{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:12px 0 4px;display:flex}.taddrow .tlab{color:var(--ink2);font-size:12px;font-weight:800}.taddrow .tnum{background:var(--bg1);border:1px solid var(--line);width:52px;color:var(--ink);text-align:center;border-radius:9px;padding:8px 6px;font-family:Nunito;font-size:14px;font-weight:800}.taddrow input[type=text]{background:var(--bg1);border:1px solid var(--line);min-width:120px;color:var(--ink);border-radius:9px;flex:1;padding:9px 11px;font-family:Nunito;font-size:13px;font-weight:700}.taddrow input:focus{border-color:var(--violet);outline:none}.taddrow .tadd{background:var(--violet);color:#fff;cursor:pointer;border:none;border-radius:9px;flex-shrink:0;padding:9px 14px;font-family:Noto Sans SC;font-size:13px}.tfoot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}#msgModal{top:0;bottom:0;left:0;right:0;z-index:365;background:#3c1e1499;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#msgModal.on{display:flex}.mbbox{background:var(--card);border:1px solid var(--line);border-radius:22px;flex-direction:column;width:100%;max-width:440px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #5a322866}.mbcompose{flex-wrap:wrap;gap:6px;padding:0 14px 10px;display:flex}.mbcompose .mbnick{flex-shrink:0;width:72px}.mbcompose input{background:var(--bg1);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:9px 11px;font-family:Nunito;font-size:13px;font-weight:700}.mbcompose #mbText{flex:1;min-width:130px}.mbcompose input:focus{border-color:var(--teal);outline:none}.mbpost{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:9px 14px;font-family:Noto Sans SC;font-size:13px}.mblist{flex:1;padding:4px 14px 14px;overflow-y:auto}.mbempty{text-align:center;color:var(--ink3);padding:30px 16px;font-size:12.5px;font-weight:700;line-height:1.7}.mbitem{background:var(--bg1);border:1px solid var(--line);border-radius:15px;margin-bottom:10px;padding:11px 13px}.mbhead{align-items:center;gap:8px;display:flex}.mbav{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.mbname{color:var(--ink);font-family:Noto Sans SC;font-size:13px}.mbtime{color:var(--ink3);font-size:10px;font-weight:700}.mblike{color:var(--ink3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:auto;font-size:11.5px;font-weight:800}.mblike.on{color:var(--coral)}.mbtx{color:var(--ink2);word-break:break-word;margin-top:6px;font-size:13px;font-weight:700;line-height:1.5}#quickTip{top:0;bottom:0;left:0;right:0;z-index:370;background:#040a08db;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#quickTip.on{display:flex}.qtbox{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 24px 60px #0009}.qtbox input{background:var(--bg1);border:1px solid var(--line);width:calc(100% - 28px);color:var(--ink);border-radius:11px;margin:0 14px;padding:11px 12px;font-family:Nunito;font-size:14px;font-weight:700}.qtbox input:focus{border-color:var(--violet);outline:none}.guidebar{background:#ffc53d17;border:1px solid #ffc53d47;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 13px;display:flex}.coach{top:0;bottom:0;left:0;right:0;z-index:400;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.coach.on{display:block}.coachhole{z-index:1;border:2.5px solid var(--amber);pointer-events:none;border-radius:16px;transition:all .25s;position:absolute;box-shadow:0 0 0 9999px #030a08d6}.coachbox{z-index:2;background:linear-gradient(160deg,#20423a,#16302a);border:1.5px solid #ffc53d8c;border-radius:18px;align-items:flex-start;gap:12px;max-width:488px;margin:0 auto;padding:15px;display:flex;position:absolute;left:16px;right:16px;box-shadow:0 18px 50px #0009,0 0 0 1px #0006}.coachbox .cl{flex-shrink:0;width:52px}.coachbox .cl svg{width:52px;height:auto}.coachbox h4{font-family:Noto Sans SC;font-size:15px}.coachbox .cstep{color:var(--amber);font-size:10.5px;font-weight:800}.coachbox p{color:var(--ink2);margin-top:4px;font-size:11.5px;line-height:1.5}.coachbtns{align-items:center;gap:10px;margin-top:10px;display:flex}.dots{gap:5px;display:flex}.dots i{background:#fff3;border-radius:4px;width:7px;height:7px;display:block}.dots i.on{background:var(--amber);width:16px}@media print{body{background:#fff!important}body:before,body:after,#app>section:not(#v-full),#nav,#confetti,#coach,#v-full .topbar,#v-full .seg,#v-full .card{display:none!important}#v-full,#v-full .scroll{padding:0!important;display:block!important;overflow:visible!important}#fullPaper{box-shadow:none!important;background:#fff!important;border:none!important;min-height:0!important;padding:0!important}#fullSheet svg *{fill:#000!important;stroke:#000!important}@page{size:A4 portrait;margin:14mm}}.pico.fing.on,.ftic.fing.on{color:var(--amber);background:#f5c77e29;border-color:#f5c77e80}.pico.fing.off,.ftic.fing.off{opacity:.5}.fgmask{top:0;bottom:0;left:0;right:0;z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0814b8;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.fgcard{box-sizing:border-box;width:min(420px,100%);max-height:calc(100vh - 32px);background:var(--sw-card,#1b1530);text-align:center;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;max-height:calc(100dvh - 32px);padding:20px 20px 16px;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000080}.fgcard h3{color:#fff6e8;margin:0 0 2px;font-size:18px}.fgcard p{color:#f3edff8c;margin:0 0 12px;font-size:12.5px;line-height:1.6}.fghand{flex:0 auto;width:auto;max-width:min(300px,100%);height:min(300px,42vh);min-height:0;margin:0 auto;display:block}@media (max-height:560px){.fgcard{padding:13px 16px 12px}.fgcard h3{font-size:16px}.fgcard p{margin:0 0 7px;font-size:11.5px;line-height:1.5}.fghand{height:min(200px,38vh)}}.fglist{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 14px;display:flex}.fglist span{color:#f3edffb8;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.fglist span b{color:var(--sw-gold1,#f5c77e);margin-right:4px}.fe-b{border:1px solid var(--sw-edge,#ffffff29);color:#fff6e8;min-height:30px;font:inherit;cursor:pointer;background:#ffffff0d;border-radius:9px;padding:0 11px;font-size:12px;font-weight:800}.fe-b:hover{border-color:#f5c77e80}.fe-b.on{color:#2a1230;background:linear-gradient(#f5c77e,#e8a96b);border-color:#0000}.fe-b.hi{color:#2a1230;background:linear-gradient(#8fe0cf,#4fbfa8);border-color:#0000}.shmask{top:0;bottom:0;left:0;right:0;z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0814bd;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.shcard{background:var(--sw-card,#1b1530);border:1px solid #ffffff24;border-radius:18px;flex-direction:column;gap:10px;width:min(560px,100%);max-height:88vh;padding:18px;display:flex;box-shadow:0 24px 70px #00000080}.shcard h3{color:#fff6e8;margin:0;font-size:17px}.shcard p{color:#f3edff8c;margin:0;font-size:12px;line-height:1.6}.shcard .shhint b{color:#f5c77e}.shcard textarea{resize:none;color:#fff6e8;background:#00000052;border:1px solid #ffffff24;border-radius:10px;flex:1;min-height:180px;padding:10px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.shcard .row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.shlink{word-break:break-all;color:#f5c77e;-webkit-user-select:all;-moz-user-select:all;user-select:all;-webkit-touch-callout:default;background:#0000004d;border:1px solid #f5c77e47;border-radius:10px;padding:11px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.shcard-poster{flex:none;width:min(460px,100%);max-height:none;margin:auto;overflow:visible}.shmask.shmask-poster{padding:max(18px,var(--safe-top,0px)) max(18px,var(--safe-right,0px)) max(18px,var(--safe-bottom,0px)) max(18px,var(--safe-left,0px));justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.shcard-poster>*{flex-shrink:0}.shposter-box{flex:none;place-items:center;min-height:200px;padding-bottom:8px;display:grid}.shposter{-webkit-touch-callout:default;border-radius:12px;max-width:100%;max-height:min(62vh,760px);display:block;box-shadow:0 14px 44px #0000008c}.shposter-wait{color:#f3edff80;padding:40px 0;font-size:12.5px}.shprev{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:11px;padding:11px 13px;display:flex}.shprev .sp-st{letter-spacing:2px;color:#f5c77e;flex:none;font-size:15px}.shprev .sp-tx{text-align:left;min-width:0}.shprev .sp-tx b{color:#fff6e8;font-size:13.5px;font-weight:900;display:block}.shprev .sp-tx small{color:#f3edff70;margin-top:2px;font-size:11px;display:block}.hidden{display:none!important}.fgmask{z-index:9801;padding:max(12px,var(--safe-top,0px)) max(12px,var(--safe-right,0px)) max(12px,var(--safe-bottom,0px)) max(12px,var(--safe-left,0px))}.fgcard{width:min(520px,100%);min-height:0;max-height:100%}.fg-hands{flex:1;justify-content:center;gap:18px;min-height:0;display:flex}.fg-hands figure{flex-direction:column;align-items:center;min-width:0;min-height:0;margin:0;display:flex}.fg-hands .fghand{width:100%;max-width:170px;height:min(240px,32vh);margin:0}.fg-hands figcaption{color:#fff6e8;flex:none;font-size:13px}.fgcard #fgClose{flex:none}@media (orientation:landscape) and (max-height:500px){.fgcard{grid-template-columns:1fr 1fr;gap:8px 20px;width:min(620px,100%);display:grid}.fgcard h3,.fgcard p,.fgcard .fglist,.fgcard #fgClose{grid-column:2;margin:0}.fgcard .fg-hands{grid-area:1/1/5;align-self:center;gap:8px}.fg-hands .fghand{height:min(190px,50vh)}}.bkeep:disabled{opacity:.55;cursor:default}@media (min-width:900px){body{background:#eef1ea;padding:0}#app{min-height:calc(100vh - 36px)}#nav{z-index:60;border-top:none;border-right:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#f3efe7;border-radius:28px 0 0 28px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;width:236px;height:100%;margin:0;padding:26px 0;position:absolute;top:0;bottom:auto;left:0}#nav .navbrand{align-items:center;gap:12px;margin-bottom:8px;padding:0 22px 20px;display:flex}#nav .navlogo{background:var(--teal);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Noto Sans SC;font-size:24px;display:flex}#nav .navname{flex-direction:column;line-height:1.2;display:flex}#nav .navname b{color:var(--ink);font-family:Noto Sans SC;font-size:17px}#nav .navname small{color:var(--ink3);letter-spacing:1.5px;font-size:9.5px}#nav>div[data-n]{color:var(--ink2);border-radius:14px;flex-direction:row;flex:none;justify-content:flex-start;gap:13px;margin:3px 14px;padding:13px 18px;font-size:15px;font-weight:800}#nav>div[data-n].on{color:var(--ink);background:#fff;box-shadow:0 3px 10px #0000000f}#nav>div[data-n] .ic{font-size:18px}#nav .navlight{border:1px solid var(--line);background:#fff;border-radius:14px;margin:auto 14px 4px;padding:12px 14px;display:block}#nav .navlight b{color:var(--ink);align-items:center;gap:7px;font-family:Noto Sans SC;font-size:12.5px;display:flex}#nav .navlight .dot{background:#4e9a6e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #4e9a6e2e}#nav .navlight small{color:var(--ink3);margin-top:4px;font-size:10px;font-weight:700;line-height:1.4;display:block}#app>section:not(#v-practice):not(#v-full){margin-left:236px}#v-library .topbar{display:none}#v-library .scroll{padding:26px 34px 30px}.topbar{padding:24px 34px 14px}.topbar h1{font-size:26px}.scroll{padding:6px 34px 28px}#officialList{grid-template-columns:repeat(4,1fr);gap:22px 18px}#mineWrap{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:16px}#mineList{display:contents}#mineList .trk,.upl{height:100%;margin:0}.resume{border-radius:24px;padding:26px 30px}.resume h4{font-size:30px}.resume p{margin-top:6px;font-size:13px}.resume .rl{margin-right:8px}#v-path .scroll{flex-direction:column;min-height:calc(100vh - 120px);padding-bottom:30px;display:flex}#v-path .scroll>p.hint{padding-top:16px}#v-path .ovwrap{grid-column:1/-1}#mapSecs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.unit{margin-bottom:0}#v-settings .scroll{max-width:820px}#v-progress .scroll{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}#v-score .scroll{flex-direction:column;min-height:calc(100vh - 120px);padding:24px 34px 34px;display:flex}#v-score .modegrid{flex:1;max-height:300px}#v-score .gswrap{margin-bottom:6px}.scard-row{flex-direction:row;align-items:center;gap:20px}.scard-main{flex:1}.scard-acts{flex-wrap:nowrap;flex:none;justify-content:flex-end}.scard-acts .actbtn{flex:none;width:auto;min-width:0}.modegrid{grid-template-columns:1fr 1fr}.modecard{margin-bottom:0}.gswrap{background:0 0;border:none;padding:2px}.gswrap .mini{border:1px solid var(--line);background:#fff;border-radius:15px;padding:5px}.gswrap .mini div{min-width:46px;padding:11px 22px;font-size:15px}.gswrap .mini div.on{background:var(--teal-d);color:#fff}#ctaStart{max-width:none}#v-practice.on{border-radius:28px;max-width:1240px;margin:0 auto;overflow:hidden;box-shadow:0 20px 55px #0000002e}#v-practice.on .ptop{padding:18px 26px 8px}#v-practice.on .passwrap{padding:8px 26px 4px}#v-practice.on .pmeters{padding:8px 26px 2px}#v-practice.on .ctrl{padding:12px 26px 6px}#v-practice.on #pracKb{padding:6px 26px 14px}#v-practice.on{--kb-h:clamp(96px,17vh,150px)}#v-practice.on .sc .n{font-size:28px}}#v-practice.on.land{--kb-h:clamp(80px,20vh,140px)}@media (max-height:470px){#v-practice.on.land{--kb-h:76px}#v-practice.on.land .ptop{padding:3px 16px 0}#v-practice.on.land #judgeBadge{padding:4px 12px;font-size:15px}}.ptop{border-bottom:1px solid #83ffd11f;padding:14px 22px 8px}.ptitle{color:#f2fff9}.psub{color:#7fa596}.px,.pico{color:#dce5df;background:#22332c;border:1px solid #7effd129}.pico.play{color:#fff;background:linear-gradient(135deg,#ff7654,#ff426f);border:0}.passhead{color:#8aa79a}.parea{background:#07100e;border-color:#71f0bd24;border-radius:16px;margin:8px 20px;box-shadow:inset 0 0 60px #2c9d770f,0 12px 40px #00000047}.parea.light{background:#fff}.parea.stage{background:#07100e}.jphdr{color:#8a857a}#hitLine i{background:#fff1c7;box-shadow:0 0 14px 3px #f5c77e73}#hitLine .tri.t{border-top-color:#e15f4a}#hitLine .tri.b{border-bottom-color:#e15f4a}.jphit i{background:linear-gradient(#e15f4a00,#e15f4a 25%,#ff426d 75%,#ff426d00);box-shadow:0 0 12px #e15f4a80}.jphit .tri.t{border-top-color:#e15f4a}.jphit .tri.b{border-bottom-color:#e15f4a}.hitzone{background:linear-gradient(90deg,#e15f4a00,#e15f4a1a,#e15f4a00)}.jkey,.slowseg{background:#040c0a8c;border:1px solid #76ffcf29;border-radius:999px}.jkey span,.slowseg span{color:#9fb3ab;border-radius:999px}.slowseg span.on{color:#07120f;background:#71f0bd}.pbpm{color:#9ab5ab}#pracKb{background:#040a088c;border-top:1px solid #7effd114;border-radius:0 0 16px 16px}@media (min-width:900px){body{background:var(--paper)!important}#app{max-width:none!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;margin:0!important}#nav{background:var(--sidebar);border-right:1px solid var(--line);gap:5px;width:236px;padding:30px 18px 25px!important}#nav .navbrand{margin-bottom:0;padding:4px 12px 0}#nav .navlogo{background:var(--forest);border-radius:8px;width:31px;height:31px;font-size:16px}#nav .navname b{font-size:16px}#nav .navname small{color:#8b968a}#nav>div[data-n],#nav>div[onclick]{color:#647067;min-height:45px;box-shadow:none;border-radius:7px;align-items:center;gap:12px;margin:2px 0;padding:0 13px;font-size:15px;font-weight:600;display:flex}#nav>div[data-n].on{color:var(--forest);box-shadow:none;background:#dce8d4}#nav .navlight{background:0 0;border:0;border-top:1px solid #dbe0d7;border-radius:0;margin:auto 0 0;padding:15px 12px 0}#app>section:not(#v-practice):not(#v-full){margin-left:236px}}.pl{padding:max(16px,var(--safe-top,env(safe-area-inset-top,0px))) clamp(22px,5vw,74px) 58px}.pl .ptopbar{justify-content:space-between;align-items:center;height:83px;display:flex}.pl .crumb{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.pl .crumb b{color:#b3bbb1;font-weight:400}.pl .crumb strong{color:var(--ink);font-weight:600}.pl .tacts{align-items:center;gap:17px;display:flex}.pl .api-state{color:#46765c;align-items:center;gap:7px;font-size:12px;display:flex}.pl .api-state i{background:#4fa17c;border-radius:99px;width:7px;height:7px}.pl .devbtn{color:#237052;background:#edf7f1;border:1px solid #8bb89e;border-radius:5px;align-items:center;gap:7px;min-height:35px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.pl .icon-button{border:1px solid var(--line);color:#4a584f;background:var(--surface);border-radius:50%;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.pl .hero{color:#f7faef;background:linear-gradient(120deg,#1f4638,#2f6b52);border-radius:8px;justify-content:space-between;gap:30px;min-height:230px;padding:41px 43px;display:flex;position:relative;overflow:hidden}.pl .hero .eyebrow,.pl .hero .kicker{color:#b8d5af;letter-spacing:.14em;margin:0;font-size:11px;font-weight:700}.pl .hero h1{color:#fff;margin:14px 0;font-size:max(28px,min(3vw,42px));line-height:1.18}.pl .hero .sub{color:#d5e0d4;max-width:440px;margin:0;font-size:14px;line-height:1.75}.pl .hero .metrics{grid-template-columns:1fr 1fr;align-self:flex-end;gap:20px;min-width:214px;display:grid}.pl .hero .metrics div{border-top:1px solid #f2f9e66b;padding-top:13px}.pl .hero .metrics strong{color:#fff;font-size:28px;font-weight:600;display:block}.pl .hero .metrics span{color:#d5e0d4;margin-top:2px;font-size:12px;display:block}.pl .kicker{color:#84917f;letter-spacing:.14em;margin:0;font-size:11px;font-weight:700}.pl .msearch{border:1px solid var(--line);background:var(--surface);color:#5a675e;border-radius:6px;align-items:center;gap:9px;min-width:250px;padding:9px 14px;display:inline-flex}.pl .msearch input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;font-size:13px}.pl .filter-bar{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.pl .cover{align-items:flex-end;height:150px;padding:14px;display:flex;position:relative;overflow:hidden}.pl .cover:after{content:"";top:0;bottom:0;left:0;right:0;background:linear-gradient(160deg,#0000 30%,#0f1e186b);position:absolute;top:0;bottom:0;left:0;right:0}.pl .cover h3{z-index:1;color:#fff;text-shadow:0 1px 8px #0000004d;margin:0;font-size:20px;position:relative}.pl .cover .prog{z-index:1;color:#35453a;background:#f8faf3eb;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}.pl .tg{border-radius:99px;padding:4px 9px;font-size:10px;font-weight:700}.pl .cat-tools{align-items:center;gap:10px;display:flex}@media (max-width:650px){.pl .cat-tools{width:100%}.pl{padding:0 17px 40px}.pl .ptopbar{height:56px}.pl .api-state{display:none}}.plmap .pl-back{color:#53645a;background:0 0;border:0;align-items:center;gap:7px;margin-top:2px;padding:7px 0;font-size:13px;font-weight:700;display:inline-flex}.plmap .pl-back span{font-size:18px}.plmap .map-stats{gap:28px;margin-top:24px;display:flex}.plmap .map-stats div{gap:2px;display:grid}.plmap .map-stats strong{color:var(--ink);font-size:22px}.plmap .map-stats span{color:#788379;font-size:11px}.plmap .continue-card{color:#f4f8ef;cursor:pointer;background:linear-gradient(120deg,#2b5144,#3a6b52);border-radius:9px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.plmap .cc-play{color:#20372c;background:#e9f3df;border:0;border-radius:99px;flex:none;align-items:center;gap:9px;padding:12px 22px;font-size:14px;font-weight:800;display:inline-flex}.plmap .ring{background:conic-gradient(var(--coral) 0 var(--p,42%),#ffffff2e 0 100%);border-radius:50%;flex:none;place-items:center;width:86px;height:86px;display:grid}.plmap .ring>i{color:#fff;background:#2c5343;border-radius:50%;place-items:center;width:66px;height:66px;font-size:16px;font-style:normal;font-weight:800;display:grid}.plmap .sect-title{align-items:center;gap:10px;margin:30px 0 4px;display:flex}.plmap .sect-title h2{color:var(--ink);margin:0;font-size:20px}.plmap .sect-title .cnt{color:#84917f;font-size:12px;font-weight:600}.plmap .seg-item{background:var(--surface);cursor:pointer;border:1px solid #dde4da;border-radius:9px;align-items:center;gap:16px;padding:16px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.plmap .seg-item:hover{border-color:#b7c8b7;box-shadow:0 8px 20px #21342912}.plmap .seg-dots{gap:5px;display:flex}.plmap .seg-dots i{background:#dce3d8;border-radius:50%;width:9px;height:9px}html.embed #nav{display:none!important}html.embed #app{max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0}html.embed.standalone #app{padding-bottom:var(--safe-bottom,env(safe-area-inset-bottom,0px))}html.embed.standalone #app:has(#v-progress.on){padding-bottom:0}html.standalone #v-practice.on .ptop{padding-top:calc(14px + var(--safe-top,env(safe-area-inset-top,0px)));padding-right:calc(22px + var(--safe-right,env(safe-area-inset-right,0px)));padding-left:calc(22px + var(--safe-left,env(safe-area-inset-left,0px)))}html.standalone #v-practice.on{--kb-pad:var(--safe-bottom,env(safe-area-inset-bottom,0px))}html.standalone #v-practice.on #pracKb{padding-right:var(--safe-right,env(safe-area-inset-right,0px));padding-left:var(--safe-left,env(safe-area-inset-left,0px))}@media (min-width:900px){html.embed #app>section:not(#v-practice):not(#v-full){margin-left:0}}#v-path,#v-path .plmap{background:0 0}#v-path .ptopbar .crumb,#v-path .ptopbar .crumb strong,#v-path .ptopbar .api-state{color:#dfeee6}#v-path .pl-back{color:#cfe3d8}.map-song{color:#eefaf2;background:linear-gradient(120deg,#244d3e,#2f6b52);border-radius:18px;margin:6px 0 18px;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.map-song .kicker{color:#bfe6d3;letter-spacing:.22em;margin:0 0 6px;font-size:11px;font-weight:800}.map-song h1{margin:0 0 6px;font-size:26px}.mode-accordions{flex-direction:column;gap:16px;padding-bottom:40px;display:flex}.mode-card{background:#0f1a16;border:1px solid #78dcb424;border-radius:16px;overflow:hidden}.free-new{color:#06140d;vertical-align:middle;background:#7cf0bd;border-radius:99px;margin-left:6px;padding:1px 7px;font-size:9px;font-weight:800;width:auto!important;display:inline-block!important}.free-go{color:#fff;cursor:pointer;background:linear-gradient(120deg,#2f6b52,#3f8f6c);border-radius:11px;flex:none;padding:9px 18px;font-size:13px;font-weight:800}.ftbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ftseg{background:#eef2ec;border:1px solid #e0e5de;border-radius:10px;padding:2px;display:inline-flex}.ftseg div{color:#8a9a8f;cursor:pointer;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:800;transition:all .12s}.ftfree{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.ftsep{background:#e0e5de;width:1px;height:20px;margin:0 3px}.ftgrp{background:#f2f5f0;border:1px solid #e4e9e2;border-radius:10px;align-items:center;gap:5px;padding:3px 7px;display:inline-flex}.ftl{color:#9aa49b;font-size:10px;font-weight:800}.ftval{color:#2f4a3f;text-align:center;min-width:34px;font-size:12px;font-weight:800}.ftstep{color:#3f8f6c;cursor:pointer;background:#fff;border:1px solid #dfe5dd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.ftstep[data-act=free\:speed]{touch-action:manipulation;flex:none;padding:0;font-family:inherit}.ftstep[data-act=free\:speed]:disabled{opacity:.4;cursor:default}.ftic{cursor:pointer;filter:grayscale(.4)opacity(.7);background:#f2f5f0;border:1px solid #e4e9e2;border-radius:9px;width:34px;height:32px;font-size:15px}.ftic.on{filter:none;background:#e7f3ec;border-color:#3f8f6c;box-shadow:inset 0 0 0 1px #3f8f6c}.ftab .ftmini{cursor:pointer;background:#fff;border:1px solid #dfe5dd;border-radius:7px;width:36px;height:36px;font-size:12px;font-weight:800}.ftab .ftmini#freeSetA{color:#2f6b52}.ftspacer{flex:1}.ftplay{color:#fff;cursor:pointer;background:linear-gradient(120deg,#e5484d,#c9333a);border-radius:11px;flex:none;padding:8px 22px;font-size:14px;font-weight:800;box-shadow:0 4px 14px #e5484d4d}.ftplay.on{background:linear-gradient(120deg,#d76952,#c9542f)}.ftinfo{color:#66716a;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.ftprg{background:#e8ece6;border-radius:3px;flex:1;height:5px;overflow:hidden}.ftprg i{background:linear-gradient(90deg,#3f8f6c,#7cf0bd);border-radius:3px;width:0;height:100%;display:block}#jpPlayhead{pointer-events:none;z-index:5;background:#e5484d;border-radius:2px;width:2.5px;display:none;position:absolute;box-shadow:0 0 8px #e5484d99}.mode-head{cursor:pointer;align-items:center;gap:14px;padding:16px 18px;display:flex}.mode-ic{background:#7cf0bd1f;border-radius:12px;flex:none;place-content:center;width:44px;height:44px;font-size:20px;display:grid}.mode-tt{flex:1;min-width:0}.mode-tt b{color:#eaf5ee;font-size:17px}.mode-tt span{color:#8fa89b;margin-top:3px;font-size:12.5px;display:block}.mode-prog{color:#e8c565;margin-right:4px;font-size:12px;font-weight:800}.mode-prog.zero{color:#8fa89b}.mode-acts{gap:10px;padding:0 18px 14px;display:flex}.mact{color:#eaf5ee;cursor:pointer;background:#ffffff09;border:1px solid #78dcb424;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:12.5px;font-weight:600;display:flex}.mact i{opacity:.9;font-size:14px;font-style:normal}.mact.primary{color:#cfe6da;background:#ffffff09;border-color:#78dcb433}.roadmap{max-width:480px;margin:0 auto;position:relative}.roadmap>svg{top:0;bottom:0;left:0;right:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.rm-node{text-align:center;cursor:pointer;width:150px;position:absolute;transform:translate(-50%,-50%)}.rm-dot{color:#eafff4;border-radius:20px;place-content:center;width:64px;height:64px;margin:0 auto 8px;font-size:22px;font-weight:800;display:grid;position:relative}.rm-cap{color:#eaf5ee;font-size:13px;font-weight:700}.rm-node.done .rm-dot{background:linear-gradient(135deg,#2f6b52,#3f8f6c);box-shadow:0 8px 20px #2f6b5280}.rm-node.cur .rm-dot{color:#fff;background:linear-gradient(135deg,#ed8564,#d76952);box-shadow:0 0 0 6px #ed85642e,0 10px 24px #d7695280}.rm-node.cur .rm-cap{color:#ffd9cb}.rm-node.lock .rm-dot{color:#4f6459;background:#122019;border:2px solid #ffffff17}.rm-node.final .rm-dot{color:#e8c565;background:#122019;border:2px dashed #e8c56599}.rm-badge{color:#7cf0bd;background:#0b1310;border:1px solid #78dcb433;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:-8px}.rm-empty{color:#8fa89b;text-align:center;padding:24px}#v-path{min-height:100vh}.mode-head{cursor:pointer}.map-sw{flex:none;align-items:center;gap:8px;display:flex}.cont{background:#ffffff0a;border:1px solid #78dcb41a;border-radius:12px;align-items:center;gap:12px;margin:0 18px 14px;padding:12px 14px;display:flex}.cont .k{color:#8fa89b;font-size:11px}.cont b{color:#eaf5ee;font-size:14px}.cont .go{color:#fff;cursor:pointer;background:linear-gradient(120deg,#2f6b52,#3f8f6c);border-radius:11px;margin-left:auto;padding:9px 18px;font-size:13px;font-weight:800}.cont.done .go{display:none}.resume-bar{cursor:pointer;background:linear-gradient(120deg,#ed856429,#d7695217);border:1px solid #ed856452;border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:15px 18px;display:flex}.map-stats-card{background:#0f1a16;border:1px solid #78dcb424;border-radius:16px;margin-top:6px;padding:18px 20px}@media (max-width:560px){html.on-path:not(.map-open) #v-path>.plmap{padding-bottom:16px;padding-left:14px;padding-right:14px}html.on-path:not(.map-open) .mapsong-row{gap:8px;padding:10px 12px}html.on-path:not(.map-open) .mapsong-row h1{font-size:21px}html.on-path:not(.map-open) .map-entries .story-entry,html.on-path:not(.map-open) .map-entries .theory-entry{transform-origin:100%;transform:scale(.88)}html.on-path:not(.map-open) .theory-peek{padding:6px 10px;font-size:11.5px}html.on-path:not(.map-open) .mode-grid{gap:7px}html.on-path:not(.map-open) .mode-card{border-radius:13px;padding:9px 12px 8px}html.on-path:not(.map-open) .mode-head{gap:8px}html.on-path:not(.map-open) .mode-ic{border-radius:9px;width:30px;height:30px;font-size:15px}html.on-path:not(.map-open) .mode-tt b{font-size:14.5px}html.on-path:not(.map-open) .mode-desc{margin:4px 0 0;font-size:11.5px;line-height:1.45}html.on-path:not(.map-open) .mode-prog,html.on-path:not(.map-open) .mode-foot{margin-top:6px}html.on-path:not(.map-open) .mode-start{margin-top:10px}html.on-path:not(.map-open) .mode-start .mbtn.primary{padding:11px 14px;font-size:14.5px}html.on-path:not(.map-open) .map-stats-card.slim{gap:6px 10px;padding:7px 12px}}html.on-path:not(.map-open) #v-path>.plmap{box-sizing:border-box;flex-direction:column;flex:auto;justify-content:flex-start;display:flex}@media (hover:none) and (pointer:coarse){html.on-path:not(.map-open) #v-path{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}}.path-topline{align-items:center;gap:12px;min-width:0;display:flex}.path-topline .popu-back{flex:none}.map-stats-slot{flex:auto;min-width:0}.map-stats-slot .map-stats-card.slim{margin-top:0}.map-stats-card.slim{border-color:var(--sw-edge);background:var(--sw-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding:10px 16px;display:flex}.map-stats-card.slim .ms-head{flex:none;align-items:baseline;gap:8px;margin:0;display:flex}.map-stats-card.slim .ms-head b{font-size:13px}.map-stats-card.slim .ms-pct{font-size:15px}.map-stats-card.slim .prow{flex:1;align-items:center;gap:8px;min-width:140px;margin:0;display:flex}.map-stats-card.slim .prow .lb{flex:none;font-size:11.5px}.map-stats-card.slim .prow .bar{flex:1}.map-stats-card.slim .prow .vv{flex:none;font-size:11.5px}@media (max-width:820px){.map-stats-card.slim{gap:8px 12px;padding:9px 14px}.map-stats-card.slim .prow{min-width:calc(50% - 30px)}}.q-redo{border:1px solid var(--sw-edge);color:#f3edffcc;width:100%;min-height:38px;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:11px;margin-top:12px;font-size:12.5px;font-weight:700}.q-redo:hover{border-color:var(--sw-edge-hi);color:#fff6e8}.q-mini{border:1px solid var(--sw-edge);color:#f3edffcc;min-height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:9px;flex:none;margin:0;padding:0 12px;font-size:12px;font-weight:700}.q-mini:hover{border-color:var(--sw-edge-hi);color:#fff6e8}.sl-chip.fav{color:#f0a48c;border-color:#e2836b66}.sl-chip.fav.on{color:#2a1230;background:linear-gradient(#ffb39a,#e2836b);border-color:#0000}.expmask{top:0;bottom:0;left:0;right:0;z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0806189e;place-items:center;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.expmask.on{display:grid}.expcard{border:1px solid var(--sw-edge);background:linear-gradient(160deg,#201136fa,#10091efa);border-radius:18px;width:100%;max-width:340px;padding:18px;box-shadow:0 24px 60px #0000008c}.exp-h{justify-content:space-between;align-items:center;display:flex}.exp-h b{color:#fff6e8;font-size:16px;font-weight:800}.exp-x{color:#fff6e8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:9px;width:30px;height:30px;font-size:13px}.exp-s{color:#f3edff80;margin:6px 0 14px;font-size:12px}.exp-seg{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sg-seg,.seg{background:#ffffff0d;border-radius:11px}.sg-seg>div.on,.seg>div.on{font-weight:800;color:#2a1230!important;background:linear-gradient(180deg,var(--sw-gold1),var(--sw-gold2))!important}.expopt{color:#fff6e8;min-height:56px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:13px;font-size:14px;font-weight:800;position:relative}.expopt i{color:#f5c77ed9;margin-top:3px;font-size:10px;font-style:normal;font-weight:700;display:block}.expopt.on{border-color:var(--sw-edge-hi);background:#ffc77e24}.exp-tip{text-align:center;color:#f5c77ed9;min-height:14px;margin:9px 0 0;font-size:11.5px}.ms-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.ms-head b{color:#eaf5ee;font-size:15px}.ms-pct{color:#7cf0bd;font-size:20px;font-weight:800}.prow{align-items:center;gap:12px;margin-bottom:10px;display:flex}.prow .lb{color:#a7b8ad;width:38px;font-size:12px;font-weight:700}.prow .bar{background:#1b2a24;border-radius:99px;flex:1;height:10px;overflow:hidden}.prow .bar i{border-radius:99px;height:100%;display:block}.prow .vv{text-align:right;color:#dfeee6;width:56px;font-size:12.5px;font-weight:800}.startgate{position:relative}.sg-x{color:#dfeee6;cursor:pointer;z-index:5;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;width:34px;height:34px;font-size:15px;line-height:1;position:absolute;top:12px;right:12px}.sg-x:hover{background:#ffffff1f}.phasecard{background:linear-gradient(160deg,#163027f7,#091411f7);border:1px solid #7cf0bd47;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:36px 48px;animation:.34s cubic-bezier(.2,.9,.3,1.2) pcpop;display:flex;box-shadow:0 26px 74px #0000008c,inset 0 1px #ffffff0f}.pc-title{color:#eafff4;letter-spacing:.02em;font-size:29px;font-weight:800}.pc-title small{letter-spacing:0;color:#eafff4b8;margin-top:8px;font-size:14px;font-weight:700;display:block}.pc-again{cursor:pointer;font:inherit;color:#eafff4;background:#ffffff14;border:1px solid #ffffff38;border-radius:99px;margin-top:12px;padding:9px 18px;font-size:13px;font-weight:800}.pc-again:hover{background:#ffffff29}@media (max-height:480px) and (orientation:landscape){.pc-again{margin-top:8px;padding:7px 14px;font-size:12px}}.pc-bar{background:#ffffff1f;border-radius:99px;width:190px;height:5px;overflow:hidden}.pc-bar i{transform-origin:0;background:linear-gradient(90deg,#7cf0bd,#3f8f6c);width:100%;height:100%;animation-name:pcfill;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@keyframes pcfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pcpop{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:none}}.unit-card{box-sizing:border-box;color:#fff6e8;background:#16102ef7;border:1px solid #f5c77e4d;border-radius:8px;width:min(720px,100% - 20px);padding:24px 28px;animation:.34s cubic-bezier(.2,.9,.3,1.2) pcpop;position:relative;box-shadow:0 26px 80px #040312ad}.unit-kicker{letter-spacing:.18em;color:#f5c77e;font-size:10px;font-weight:900}.unit-title{margin:7px 0 5px;font-size:25px}.unit-sub{color:#f3edff94;margin:0;font-size:12.5px;line-height:1.6}.unit-route{justify-content:center;align-items:center;gap:10px;margin:18px 0;display:flex}.unit-route span{border-bottom:1px solid #ffffff26;place-items:center;min-width:82px;min-height:42px;font-size:12px;font-weight:800;display:grid}.unit-route i{color:#f5c77e;font-style:normal}.unit-sub-bars{letter-spacing:.02em;color:#f5c77e;text-align:center;margin:6px 0 0;font-size:13px;font-weight:800}.unit-options{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 18px;display:grid}.unit-option{background:#ffffff0b;border:1px solid #ffffff21;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:9px 12px;display:flex}.unit-option b{font-size:13px;display:block}.unit-option small{color:#f3edff7a;margin-top:3px;font-size:10.5px;display:block}.unit-switch{background:#ffffff12;border-radius:6px;flex:none;padding:3px;display:flex}.unit-switch button{color:#f3edff85;cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:42px;padding:7px 9px;font:800 11px inherit}.unit-switch button.on{color:#2a1b33;background:#f5c77e}.unit-actions{justify-content:flex-end;gap:10px;display:flex}.unit-actions.one{justify-content:stretch}.unit-actions.one .btn{flex:1}.unit-error{color:#ff9aac;text-align:right;min-height:16px;margin:8px 0 0;font-size:11px}.ai-wait{text-align:center}.ai-core{place-items:center;width:118px;height:118px;margin:2px auto 14px;display:grid;position:relative}.ai-core:before,.ai-core:after{content:"";top:14px;bottom:14px;left:14px;right:14px;border:1px solid #8fe0cf6b;border-radius:50%;animation:1.8s ease-in-out infinite aiScan;position:absolute;top:14px;bottom:14px;left:14px;right:14px}.ai-core:after{top:0;bottom:0;left:0;right:0;border-color:#f5c77e47;animation-delay:-.9s;top:0;bottom:0;left:0;right:0}.ai-core b{color:#8fe0cf;text-shadow:0 0 18px #8fe0cf99;font-size:25px}@keyframes aiScan{0%,to{opacity:.25;transform:scale(.84)}50%{opacity:1;transform:scale(1.05)}}.ai-wait-lines{text-align:left;width:min(430px,100%);margin:16px auto 0}.ai-wait-lines p{color:#f3edff80;border-bottom:1px solid #ffffff17;justify-content:space-between;margin:0;padding:8px 2px;font-size:11.5px;display:flex}.ai-wait-lines p.on{color:#8fe0cf}.ai-wait-lines p span{color:inherit}.ai-score-head{align-items:center;gap:18px;margin:14px 0;display:flex}.ai-ceremony{background:radial-gradient(circle at 50% 0,#8fe0cf24,#0000 48%),linear-gradient(145deg,#2a1c45f2,#110b23fa);border:1px solid #f5c77e47;border-radius:12px;max-height:none;padding:15px 14px 14px;animation:.5s cubic-bezier(.2,1.4,.4,1) cerIn;position:relative;overflow:hidden}.ai-ceremony:before{content:"";top:10px;bottom:10px;left:10px;right:10px;pointer-events:none;border:1px solid #8fe0cf1f;border-radius:9px;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.ai-badgerow{cursor:pointer;background:#f5c77e12;border:1px solid #f5c77e42;border-radius:12px;align-items:center;gap:9px;margin:10px 0 0;padding:7px 10px;display:flex;position:relative}.ai-badgerow:hover{border-color:#f5c77e80}.ai-badgerow:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.ai-badgerow b{text-align:left;color:#f5c77e;flex:1;min-width:0;font-size:12px;font-weight:900}@keyframes aiOrbitReveal{0%{opacity:0;transform:scale(.55)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes aiTrackIn{0%{opacity:.2;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes aiDotIn{0%{opacity:0;left:7%}to{opacity:1;left:89%}}.ai-score-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 12px;display:grid;position:relative}.ai-score-cell{text-align:center;opacity:0;background:#ffffff0b;border-radius:6px;padding:7px 3px;animation:.45s forwards aiCellIn}.ai-score-cell:first-child{animation-delay:.25s}.ai-score-cell:nth-child(2){animation-delay:.38s}.ai-score-cell:nth-child(3){animation-delay:.51s}.ai-score-cell:nth-child(4){animation-delay:.64s}.ai-score-cell:nth-child(5){animation-delay:.77s}.ai-score-cell b{color:#fff6e8;font-size:16px;display:block}.ai-score-cell small{color:#f3edff80;font-size:9px}@keyframes aiCellIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ai-final-score{opacity:0;justify-content:center;align-items:center;gap:10px;margin:8px 0 12px;animation:.55s 2.02s forwards aiCellIn;display:flex}.ai-final-score b{color:#f5c77e;text-shadow:0 0 18px #f5c77e80;font-size:36px}.ai-final-score span{color:#f3edff9e;font-size:13px;font-weight:800}.ai-record-playback{align-items:center;gap:9px;margin:10px 0;display:flex}.ai-record-playback audio{opacity:.01;width:1px;height:1px;position:absolute}.ai-record-playback button{color:#fff6e8;cursor:pointer;background:#f5c77e1f;border:1px solid #f5c77e6b;border-radius:50%;width:30px;height:30px;font:800 12px inherit}.ai-record-playback input{accent-color:#f5c77e;flex:1;min-width:100px}.ai-record-playback time{color:#f3edff94;text-align:right;min-width:38px;font-size:10px}@media (orientation:landscape) and (max-height:480px){.unit-card{padding:14px 20px}.unit-title{font-size:19px}.unit-route{margin:9px 0}.unit-options{margin:8px 0 10px}.ai-core{width:76px;height:76px;margin-bottom:5px}.ai-score-head{margin:6px 0}}#freeLoopSummary{color:#eed8b3;overflow-wrap:anywhere;margin:6px 0 10px;font-size:13px;line-height:1.5}#freeCtl .ftab .ftmini{width:auto;min-width:36px;padding:5px 8px}#freeLoopN{white-space:nowrap}.ov.ov-fit,#v-practice.on .ov.ov-fit{overflow:hidden}.ai-ceremony{transform-origin:top;flex:none}.unit-card.ai-tight .ai-final-score{margin:4px 0 6px}.unit-card.ai-tight .ai-final-score b{font-size:26px}.unit-card.ai-tight .ai-badgerow{margin-top:6px;padding:5px 8px}.unit-card.ai-tight .drill-hot{display:none}@media (orientation:landscape) and (max-height:560px){.unit-card.ai-ceremony{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:dense;align-content:start;column-gap:16px;padding:12px 16px;display:grid}.unit-card.ai-ceremony>.ai-score-grid,.unit-card.ai-ceremony>.ai-final-score,.unit-card.ai-ceremony>.ai-record-playback{grid-column:1}.unit-card.ai-ceremony>.frag-row,.unit-card.ai-ceremony>.ai-badgerow,.unit-card.ai-ceremony>.drill-delta,.unit-card.ai-ceremony>.drill-hot,.unit-card.ai-ceremony>.story-unlock,.unit-card.ai-ceremony>.unit-actions{grid-column:2}.unit-card.ai-ceremony .unit-actions{margin-top:6px}}.unit-actions .btn{white-space:nowrap}.ai-score-cell.dim-na b{color:#f3edff57}.ai-score-cell.dim-na small,.ai-score-cell.dim-na u{color:#f3edff4d}.unit-card.quit-ask{width:min(380px,100% - 32px);padding:20px 22px 18px}.unit-card.quit-ask .unit-title{margin:6px 0;font-size:20px}.unit-card.quit-ask .unit-sub{font-size:12.5px;line-height:1.65}.unit-card.quit-ask .unit-actions{justify-content:stretch;gap:9px;margin-top:16px}.unit-card.quit-ask .unit-actions .btn{flex:1 1 0;min-width:0;min-height:40px}@media (max-width:430px){.unit-actions{flex-wrap:wrap;justify-content:stretch;gap:6px}.unit-actions .btn{flex:auto;min-width:0;padding-left:9px;padding-right:9px;font-size:12.5px}}.unit-card.ai-compact{padding:12px 14px}.unit-card.ai-compact .ai-score-grid{gap:4px;margin-bottom:7px}.unit-card.ai-compact .ai-score-cell{padding:4px 2px}.unit-card.ai-compact .ai-score-cell b{font-size:13px}.unit-card.ai-compact .ai-final-score{margin:4px 0 7px}.unit-card.ai-compact .ai-final-score b{font-size:26px}.unit-card.ai-compact .ai-record-playback{margin:7px 0}.unit-card.ai-compact:before{display:none}.unit-card.ai-compact .unit-actions{background:linear-gradient(#140d2a00,#140d2af5 32%);padding:8px 0 2px;position:-webkit-sticky;position:sticky;bottom:-12px}@media (orientation:portrait){.unit-options{grid-template-columns:1fr}}:root{--teal:#f5c77e;--teal-d:#e2836b;--coral:#e2836b;--coral-d:#d76952;--forest:#f5c77e;--forest2:#e2836b;--amber:#f5c77e;--violet:#8e7bc4;--glow:#8fe0cf;--blue:#8fb6e6;--blue-d:#6d94cc;--ink:#fff6e8;--ink2:#f3edff9e;--ink3:#f3edff70;--muted:#f3edff80;--surface:#1e1034b8;--card:#1e1034b8;--card2:#2a1744c7;--line:#c496ff29;--bg0:#0e0720;--bg1:#1e1034b8;--bg2:#2a1744c7;--sw-gold1:#ffd79a;--sw-gold2:#f5a05a;--sw-magenta:#ff2d95;--sw-purple:#7c6bbf;--sw-card:#1a0e2dd1;--sw-card-hi:#26153ee6;--sw-edge:#c496ff29;--sw-edge-hi:#ffc77e8c}body{color:var(--ink);background:linear-gradient(#06051a 0%,#100c28 50%,#2a0f3c 100%) fixed!important}body:before{width:520px;height:520px;margin-left:-260px;top:-160px;left:50%;background:radial-gradient(circle,#ffb5471a,#0000 65%)!important}body:after{background:radial-gradient(circle,#7850dc24,#0000 70%)!important}#app,html.embed #app{background:0 0}.mv-bg{top:0;bottom:0;left:0;right:0;z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}body:has(#v-practice.on) .mv-bg *{animation-play-state:paused!important}body:has(#v-practice.on) .mv-bg *{filter:none!important}body:has(#v-practice.on) .mv-bg *{will-change:auto!important}body:has(#v-full.on) .st-beam{display:none!important}body:has(#v-full.on) .st-ring{display:none!important}body:has(#v-full.on) .st-glow{display:none!important}body:has(#v-full.on) .st-scan{display:none!important}body:has(#v-full.on) .st-fog{display:none!important}body:has(#v-full.on):before{display:none}body:has(#v-full.on):after{display:none}.mv-bg:after{content:"";top:0;bottom:0;left:0;right:0;z-index:2;pointer-events:none;background:linear-gradient(#06051a57 0%,#06051a2e 45%,#06051a4d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.st-base{top:0;bottom:0;left:0;right:0;background:linear-gradient(#06051a 0%,#100c28 50%,#2a0f3c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.st-stars i{opacity:.5;background:#fff;border-radius:50%;animation:5s ease-in-out infinite st-twinkle;position:absolute}@keyframes st-twinkle{0%,to{opacity:.25}50%{opacity:.9}}.st-beam{transform-origin:50% 0;will-change:transform;background:50%/100% 100% no-repeat;width:max(190px,min(21.9vw,420px));height:114vh;position:absolute;top:-8%}.st-beam.l{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 304' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='rgb(255,110,190)' stop-opacity='.30'/%3E%3Cstop offset='.4' stop-color='rgb(255,110,190)' stop-opacity='.10'/%3E%3Cstop offset='.75' stop-color='rgb(255,110,190)' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-30%25' y='-10%25' width='160%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='10 9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='46,0 54,0 95,400 5,400' fill='url(%23g)' filter='url(%23b)'/%3E%3C/svg%3E");animation:16s ease-in-out infinite st-sweepL;left:calc(8% - 4.2vw)}.st-beam.r{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 304' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='rgb(63,224,200)' stop-opacity='.26'/%3E%3Cstop offset='.4' stop-color='rgb(63,224,200)' stop-opacity='.08'/%3E%3Cstop offset='.75' stop-color='rgb(63,224,200)' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-30%25' y='-10%25' width='160%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='10 9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='46,0 54,0 95,400 5,400' fill='url(%23g)' filter='url(%23b)'/%3E%3C/svg%3E");animation:19s ease-in-out infinite st-sweepR;right:calc(8% - 4.2vw)}.st-beam.m{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 304' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='rgb(255,181,71)' stop-opacity='.28'/%3E%3Cstop offset='.4' stop-color='rgb(255,181,71)' stop-opacity='.08'/%3E%3Cstop offset='.75' stop-color='rgb(255,181,71)' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-30%25' y='-10%25' width='160%25' height='120%25'%3E%3CfeGaussianBlur stdDeviation='10 9'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='47,0 53,0 95,400 5,400' fill='url(%23g)' filter='url(%23b)'/%3E%3C/svg%3E");width:max(170px,min(19.8vw,380px));margin-left:max(-190px,min(-9.9vw,-85px));animation:22s ease-in-out infinite st-sweepM;left:50%}@keyframes st-sweepL{0%,to{transform:rotate(-38deg)}50%{transform:rotate(-8deg)}}@keyframes st-sweepR{0%,to{transform:rotate(38deg)}50%{transform:rotate(6deg)}}@keyframes st-sweepM{0%,to{transform:rotate(14deg)}50%{transform:rotate(-16deg)}}.st-ring{will-change:transform;border-radius:50%;position:absolute;top:92%;left:50%;transform:translate(-50%,-50%)rotateX(72deg)}.st-ring.a{border:2px dashed #ffb547b3;width:57.3vw;height:57.3vw;animation:40s linear infinite st-holo;box-shadow:0 0 30px #ffb54799,inset 0 0 30px #ffb5474d}.st-ring.b{border:1px solid #ff6ebeb3;width:42.7vw;height:42.7vw;animation:28s linear infinite st-holo2;box-shadow:0 0 24px #ff6ebe99}.st-ring.c{border:3px solid #3fe0c899;border-color:#3fe0c899 #0000;width:29.2vw;height:29.2vw;animation:18s linear infinite st-holo;box-shadow:0 0 24px #3fe0c880}@keyframes st-holo{to{transform:translate(-50%,-50%)rotateX(72deg)rotate(360deg)}}@keyframes st-holo2{to{transform:translate(-50%,-50%)rotateX(72deg)rotate(-360deg)}}.st-glow{will-change:transform,opacity;background:radial-gradient(#ffc8789e,#ff78aa47 40%,#ff78aa00 72%);border-radius:50%;width:36.5vw;height:15vh;animation:6s ease-in-out infinite st-pulse;position:absolute;top:92%;left:50%;transform:translate(-50%,-50%)}@keyframes st-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}.st-scan{will-change:transform,opacity;background:linear-gradient(90deg,#0000,#3fe0c8e6 30%,#fffffff2 50%,#3fe0c8e6 70%,#0000);height:2px;animation:11s linear infinite st-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #3fe0c8cc}@keyframes st-scan{0%{opacity:0;transform:translateY(-10vh)}8%{opacity:.7}92%{opacity:.7}to{opacity:0;transform:translateY(110vh)}}.st-fog{will-change:transform;background:radial-gradient(64% 100% at 30% 100%,#ff6ebe33,#0000 78%),radial-gradient(64% 100% at 70% 100%,#7850dc3b,#0000 78%);height:45%;animation:20s ease-in-out infinite alternate st-fog;position:absolute;bottom:-10%;left:-10%;right:-10%}@keyframes st-fog{0%{transform:translate(-6%)}to{transform:translate(6%)}}@media (max-width:600px){.st-ring.a{width:150vw;height:150vw}.st-ring.b{width:112vw;height:112vw}.st-ring.c{width:76vw;height:76vw}.st-glow{width:90vw;height:12vh}}@media (prefers-reduced-motion:reduce){.mv-bg *{animation:none!important}.st-stars i{opacity:.6}}html[data-popu-tier=low] .mv-bg{display:none!important}html[data-popu-tier=low] .mv-bg *{animation:none!important}html[data-popu-tier=low] .st-stars i{opacity:.6}html[data-popu-tier=low] #v-library *{animation-iteration-count:1!important}html[data-popu-tier=low] #v-library .listenbar .dot,html[data-popu-tier=low] #v-library .ai-wait *,html[data-popu-tier=low] #v-library .ai-core *,html[data-popu-tier=low] #v-library .cy-ring,html[data-popu-tier=low] #v-library .cy-core,html[data-popu-tier=low] #v-library .ai-title.glitch:before,html[data-popu-tier=low] #v-library .ai-title.glitch:after{animation-iteration-count:infinite!important}html[data-popu-tier=still] .mv-bg *{will-change:auto!important;animation:none!important}html[data-popu-tier=still] .st-beam.l{transform:rotate(-38deg)}html[data-popu-tier=still] .st-beam.r{transform:rotate(38deg)}html[data-popu-tier=still] .st-beam.m{transform:rotate(14deg)}html[data-popu-tier=still] .st-glow{opacity:.6}html[data-popu-tier=still] .st-ring{transform:translate(-50%,-50%)scaleY(.309)}html[data-popu-tier=still] .st-scan{display:none}html[data-popu-tier=still] .st-stars i{opacity:.6}html[data-popu-tier=still] .scard.slrow{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a0e2df5}.topbar h1{color:var(--ink)}.iconbtn{border-color:var(--line);color:#f5c77e;background:#ffffff0f}.card{border-color:var(--line);background:#ffffff0d}.hero .go{color:#ffe3b0;background:#0c1b2e}#nav{border-top-color:var(--line);background:#0c0c24b8!important}#nav>div[data-n].on{color:#f5c77e}#midiStat{color:#f3edff8c;background:#ffffff0f}#midiStat.ok{color:#8fe0cf;background:#8fe0cf29}.pl .crumb strong{color:var(--ink)}.pl .kicker{color:#f3edff80}.pl .hero{color:#fff6e8;border:1px solid #ffffff14;box-shadow:0 20px 50px #0a082073;background:linear-gradient(120deg,#241a40,#3a2a55 52%,#7b4a63)!important}.pl .hero .eyebrow,.pl .hero .kicker{color:#f5c77e}.pl .hero h1{color:#fff6e8}.pl .hero .sub,.pl .hero .metrics span{color:#f3edffb8}.pl .hero .metrics strong{color:#ffe3b0}.pl .hero .metrics div{border-top-color:#f5c77e59}.pl .msearch{border-color:var(--line);color:#f3edff99;background:#ffffff0d}.pl .msearch input{color:var(--ink)}.pl .cover h3{color:#fff}.pl .cover .prog{color:#ffe3b0;background:#0a0a1e9e}.pl .tg.jp{color:#8fe0cf;background:#8fe0cf29}.pl .tg.st{color:#f5c77e;background:#f5c77e29}.pl .tg.fa{color:#b7d3f5;background:#8fb6e629}.pl .devbtn{border-color:var(--line);color:#f5c77e;background:#ffffff0f}.pl .icon-button{border-color:var(--line);color:#f3edffb3;background:#ffffff0f}.pl .api-state{color:#f3edff80}.pl .api-state i{background:#8fe0cf}.sl-rotate{z-index:120;top:0;bottom:0;left:0;right:0;color:#fff6e8;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08071af0;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.sl-rotate.hidden{display:none}.sl-rotate-card{background:linear-gradient(145deg,#2d2045f5,#14112bf7);border:1px solid #f5c77e47;border-radius:14px;justify-items:center;width:min(320px,100vw - 48px);padding:30px 26px 26px;display:grid;box-shadow:0 24px 72px #0403129e,inset 0 1px #ffffff14}.sl-rotate-card>strong{margin-top:20px;font-size:20px}.sl-rotate-card>small{color:#fff6e894;margin-top:7px;font-size:12px}.sl-rotate-card button{color:#3c2941;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#f5c77e;border:1px solid #f5c77e85;border-radius:10px;margin-top:22px;padding:0 16px;font-size:14px;font-weight:800;box-shadow:0 9px 24px #f5c77e2e}.sl-rotate-phone{border:2px solid #f5c77ed9;border-radius:8px;width:46px;height:74px;animation:2.6s ease-in-out infinite sl-rot-turn;display:block;box-shadow:0 0 20px #f5c77e2e}.sl-rotate-phone i{background:#f5c77eb3;border-radius:999px;width:18px;height:3px;margin:6px auto 0;display:block}@keyframes sl-rot-turn{0%,26%{transform:rotate(0)}52%,74%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.sl-rotate-phone{animation:none;transform:rotate(-90deg)}}#v-path{background:0 0!important}#v-path .ptopbar .crumb,#v-path .ptopbar .crumb strong,#v-path .ptopbar .api-state,#v-path .pl-back{color:#f3edffb8}.map-song{color:#fff6e8;box-shadow:0 16px 40px #0a082080;background:linear-gradient(120deg,#2a1f47,#4a2e51)!important}.map-song .kicker{color:#f5c77e}.mode-card{border-color:var(--line);background:#ffffff0a}.mode-card.open{background:#ffffff0f}.mode-card.free{background:linear-gradient(120deg,#f5c77e14,#ffffff0a);border-color:#f5c77e66}.free-new{color:#2a1b33;background:#f5c77e}.free-go{color:#2a1b33;background:linear-gradient(120deg,#f5c77e,#e2836b)}.plmap .continue-card{background:linear-gradient(120deg,#2a1f47,#4a2e51)!important}.plmap .cc-play{color:#2a1b33;background:linear-gradient(120deg,#f5c77e,#e2836b)}.plmap .ring{background:conic-gradient(#f5c77e 0 var(--p,42%),#ffffff24 0 100%)}.plmap .ring>i{color:#ffe3b0;background:#241a40}.plmap .seg-item{border-color:var(--line);background:#ffffff0a}.plmap .seg-dots i.on{background:#f5c77e}.rm-node.avail:not(.final) .rm-dot{color:#fff6e8;background:linear-gradient(135deg,#8e7bc4,#6d5fa3);border:0;box-shadow:0 8px 20px #6e5fa366}.rm-node.avail{cursor:pointer}.mode-ic{background:#f5c77e24}.mact.primary i{color:#f5c77e}.mode-prog{color:#ffe3b0}.cont{border-color:var(--line)}.cont .go{color:#2a1b33;background:linear-gradient(120deg,#f5c77e,#e2836b)}.rm-node.done .rm-dot{color:#06231d;background:linear-gradient(135deg,#4c907f,#8fe0cf);box-shadow:0 8px 20px #4c907f66}.rm-badge{color:#f5c77e;background:#0a0c24d9;border-color:#f5c77e4d}.map-stats-card{border-color:var(--line);background:#ffffff0a}.ms-pct{color:#ffe3b0}.prow.s .bar i{background:linear-gradient(90deg,#e2836b,#f5c77e)}.prow.d .bar i{background:linear-gradient(90deg,#6d5fa3,#8e7bc4)}.phasecard{background:linear-gradient(160deg,#241a40f7,#0a0c24f7)!important;border-color:#f5c77e47!important}.pc-bar i{background:linear-gradient(90deg,#ffe3b0,#f5c77e)}.jkey,.slowseg{border-color:#f5c77e2e}.slowseg span.on{color:#2a1b33;background:#f5c77e;box-shadow:0 0 18px #f5c77e47}.jkey span.on{color:#2a1b33;background:#f5c77e}.ftseg{background:#ffffff0d;border-color:#ffffff24}.ftseg div{color:#f3edff8c}.ftseg div.on{color:#2a1b33;background:#f5c77e;box-shadow:0 0 18px #f5c77e3d}.ftsep{background:#ffffff24}.ftgrp,.ftic{background:#ffffff0d;border-color:#ffffff24}.ftl{color:#f3edff73}.ftval{color:#fff6e8}.ftstep{color:#f5c77e;background:#ffffff14;border-color:#ffffff29}.ftic{color:#f3edffb3;filter:none;opacity:.72}.ftic svg{width:18px;height:18px;margin:0 auto;display:block}.ftic.on{color:#f5c77e;opacity:1;background:#f5c77e29;border-color:#f5c77e;box-shadow:inset 0 0 0 1px #f5c77e}.ftab .ftmini{background:#ffffff14;border-color:#ffffff29}.ftab .ftmini.x{color:#f3edff73}.ftinfo{color:#f3edff80}.ftprg{background:#ffffff1f}.ftprg i{background:linear-gradient(90deg,#e2836b,#f5c77e)}.ftstep,.ftab .ftmini#freeSetA{color:#e2836b}.ftab .ftmini#freeSetA.on{color:#2a1b33;background:#e2836b;border-color:#e2836b}.ftab .ftmini#freeSetB{color:#f5c77e}.ftab .ftmini#freeSetB.on{color:#2a1b33;background:#f5c77e;border-color:#f5c77e}.ftplay{color:#2a1b33;background:linear-gradient(150deg,#f5c77e,#e2836b);box-shadow:0 6px 18px #f5c77e3d}.ftplay.on{color:#fff6e8;background:linear-gradient(150deg,#e2836b,#c9542f)}@media (orientation:landscape) and (max-height:560px){#v-full .ftbar,#v-full .ftfree{gap:6px}#v-full .ftgrp{padding:3px 5px}#v-full .ftplay{padding:8px 16px}}#v-practice.on{color:#f3edff;background:radial-gradient(circle at 50% -18%,#241a40 0,#0f0d28 42%,#0a0c24 80%)!important}.pl .sl-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.sl-head-search{flex:1;align-self:center;min-width:200px;max-width:420px;margin:0 auto}.sl-head-l h1{letter-spacing:.01em;color:var(--ink);align-items:center;gap:10px;margin:0;font-size:42px;font-weight:900;display:flex}.sl-head-l .beta{letter-spacing:.06em;color:#f5c77e;background:#f5c77e29;border:1px solid #f5c77e66;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.sl-head-r{flex-wrap:wrap;align-items:center;gap:10px;margin-right:calc(-1*max(0px,min(5vw - 22px,42px)));display:flex}#midiBtn.sl-ic{color:#f3edffd9;width:auto;height:auto;min-height:38px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}#midiBtn.sl-ic>span:first-child{font-size:17px}#midiBtn.sl-ic:hover{color:var(--ink);border-color:#f5c77e80}#midiBtn.sl-ic.connected{color:#4ade80;background:#4ade801a;border-color:#4ade80a6}html.native-shell #midiBtn{display:none}.sl-iconbtn{color:#f3edffd9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;font-size:18px;line-height:1;display:grid}.sl-iconbtn:hover{color:var(--ink);border-color:#f5c77e80}.sl-progbtn{cursor:pointer;height:38px;font:inherit;color:#f5c77e;background:#f5c77e1a;border:1px solid #f5c77e57;border-radius:99px;flex:none;align-items:center;gap:8px;padding:0 13px 0 5px;display:inline-flex}.sl-progbtn:hover{background:#f5c77e2b;border-color:#f5c77e}.sl-progbtn:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.pb-ring{flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative}.pb-ring svg{top:0;bottom:0;left:0;right:0;width:28px;height:28px;position:absolute;top:0;bottom:0;left:0;right:0}.pb-ring .pb-arc{transition:stroke-dashoffset .6s}.pb-ring b{font-variant-numeric:tabular-nums;color:#f5c77e;font-size:11px;font-weight:900;line-height:1;position:relative}.pb-tx{letter-spacing:.02em;white-space:nowrap;font-size:12.5px;font-weight:800}@media (max-width:600px){.sl-progbtn{padding:0 6px 0 5px}.pb-tx{display:none}}.sl-search{background:var(--card);border:1px solid var(--line);min-width:230px;color:var(--ink3);border-radius:12px;align-items:center;gap:8px;padding:9px 13px;display:flex}.sl-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px;font-weight:600}.sl-search input::placeholder{color:var(--ink3)}.sl-ic{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink2);cursor:pointer;border-radius:12px;flex:none;place-items:center;font-size:16px;text-decoration:none;display:grid}.sl-ic:hover{color:#f5c77e;border-color:#f5c77e80}.sl-ic.connected{color:#8fe0cf;background:#8fe0cf1f;border-color:#8fe0cf80}.sl-herorow{grid-template-columns:1.55fr 1fr;gap:16px;margin:14px 0 12px;display:grid}.sl-herorow.one{grid-template-columns:1fr}.sl-resume{cursor:pointer;background:linear-gradient(120deg,#8e7bc44d,#e2836b26);border:1px solid #f5c77e3d;border-radius:18px;align-items:center;gap:16px;padding:17px 20px;display:flex}.sl-resume-badge{color:#fff;border-radius:14px;flex:none;place-items:center;width:54px;height:54px;font-size:22px;font-weight:800;display:grid}.sl-resume-badge.sw-icon{padding:0;overflow:hidden;box-shadow:0 6px 20px #00000059,inset 0 0 0 1px #ffc77e2e;background:0 0!important}.sl-resume-badge.sw-icon>svg{width:100%;height:100%;display:block}.sl-resume-badge.has-cover,.sbadge.has-cover,.sl-mine-badge.has-cover{position:relative;overflow:hidden}.sl-resume-badge.has-cover>img,.sbadge.has-cover>img,.sl-mine-badge.has-cover>img{top:0;bottom:0;left:0;right:0;object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sl-resume-badge.has-cover>span,.sbadge.has-cover>span,.sl-mine-badge.has-cover>span{z-index:0;position:relative}.sl-resume-body{flex:1;min-width:0}.sl-resume-kicker{letter-spacing:.1em;color:#f5c77e;font-size:11px;font-weight:800}.sl-resume-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:19px;font-weight:800;overflow:hidden}.sl-resume-title small{color:var(--ink2);font-size:13px;font-weight:600}.sl-resume-bar{background:#ffffff24;border-radius:6px;height:6px;margin-top:10px;overflow:hidden}.sl-resume-bar i{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:6px;height:100%;display:block}.sl-resume-right{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.sl-resume-btn{color:#2a1b33;cursor:pointer;white-space:nowrap;background:linear-gradient(150deg,#f5c77e,#e2836b);border:0;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:800}.sl-resume-frac{color:var(--ink3);white-space:nowrap;font-size:12px;font-weight:700}.sl-upcard{cursor:pointer;background:#ffffff08;border:1.5px dashed #ffffff38;border-radius:18px;align-items:center;gap:14px;padding:17px 20px;display:flex}.sl-upcard:hover{background:#f5c77e0f;border-color:#f5c77e80}.sl-upcard b{color:var(--ink);font-size:15px;display:block}.sl-upcard small{color:var(--ink3);margin-top:3px;font-size:12px;line-height:1.4;display:block}.sl-sect{margin-bottom:24px}.sl-sect-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.sl-sect-head h2{color:var(--ink);margin:0;font-size:20px}.sl-sect-head>div:first-child{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.sl-sect-r{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sl-alllink{color:#f5c77e;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:13px;font-weight:800}.sl-alllink b{font-weight:800}.sl-chips{flex-wrap:wrap;gap:8px;display:flex}.sl-chip{border:1px solid var(--line);background:var(--card);color:var(--ink2);cursor:pointer;white-space:nowrap;border-radius:10px;padding:6px 13px;font-size:12.5px;font-weight:700}.sl-chip.on{color:#2a1b33;background:linear-gradient(150deg,#f5c77e,#e2836b);border-color:#0000}.sl-chip b{opacity:.62;margin-left:4px;font-weight:800}.sl-chip.on b{opacity:.85}.sl-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:1240px){.sl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.sl-grid{grid-template-columns:repeat(2,1fr)}.sl-herorow{grid-template-columns:1fr}}@media (max-width:560px){.sl-grid{grid-template-columns:1fr}}.scard{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:16px;padding:15px;transition:border-color .16s,background .16s,transform .16s}.scard.slrow{border-color:var(--sw-edge);background:var(--sw-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:row;align-items:center;gap:14px;padding:13px 14px;display:flex;position:relative}html[data-popu-tier=low] .scard.slrow,html[data-popu-tier=mid] .scard.slrow{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a0e2df5}.scard.slrow:hover{border-color:var(--sw-edge-hi);transform:translateY(-2px)}.scard.slrow .scard-body{flex-direction:column;flex:1;align-items:flex-start;gap:7px;min-width:0;display:flex}.scard.slrow .scard-title{min-width:0;max-width:100%;color:var(--ink);font-size:16px;font-weight:800}.scard.slrow .scard-title .tt{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scard.slrow .dchip{flex:none}.sseal-wrap{flex:none;line-height:0;display:block;position:relative}.sseal{z-index:3;pointer-events:none;background:#0b0918eb;border:1px solid #f5c77e42;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-5px;right:-5px}.sseal>svg{color:#f5c77e57;width:11px;height:11px}.sseal.lit{border-color:#f5c77e;box-shadow:0 0 11px #f5c77eb8}.sseal.lit>svg{color:#f5c77e}@media (max-width:640px){.sseal{width:18px;height:18px;top:-4px;right:-4px}.sseal>svg{width:10px;height:10px}}.drill-delta{color:#fff6e8b3;background:#fff6e80f;border:1px solid #fff6e81a;border-radius:99px;align-items:center;gap:8px;margin:6px auto 2px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.drill-delta i{opacity:.5;font-style:normal}.drill-delta b{border-radius:99px;margin-left:2px;padding:2px 8px;font-size:12px}.drill-delta.up b{color:#2dd4bf;background:#2dd4bf2e}.drill-delta.down b{color:#ff6ba9;background:#ff6ba92e}.drill-delta.flat b{color:#fff6e899;background:#fff6e81a}.drill-hot{text-align:left;background:#f5c77e12;border:1px solid #f5c77e42;border-radius:12px;margin:12px 0 0;padding:11px 12px}.drill-hot .dh-top{color:#f5c77e;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.drill-hot .dh-top svg{width:14px;height:14px}.drill-hot.rhythm{background:#8fe0cf12;border-color:#8fe0cf59}.drill-hot.rhythm .dh-top{color:#8fe0cf}.drill-hot .dh-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.drill-hot .dh-chips span{color:var(--ink);background:#fff6e814;border:1px solid #fff6e81a;border-radius:8px;padding:4px 9px;font-size:11.5px;font-weight:700}.drill-hot .dh-chips span i{color:#ff6ba9;margin-left:5px;font-style:normal;font-weight:800}.sl-collect{border:1px solid var(--sw-edge);background:var(--sw-card);color:var(--ink3);border-radius:12px;align-items:center;gap:9px;margin:0 0 12px;padding:9px 12px;font-size:12.5px;font-weight:700;display:flex}.sl-collect>svg{color:#f5c77e;flex:none;width:14px;height:14px}.sl-collect b{color:#8fe0cf}.story-entry{cursor:pointer;color:#fff6e857;background:#0b091866;border:1px dashed #f5c77e57;border-radius:12px;flex:none;place-items:center;gap:3px;width:56px;padding:8px 0;font-family:inherit;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:grid}.story-entry:hover{color:#fff6e899;border-color:#f5c77e8c}.story-entry>svg{width:17px;height:17px}.story-entry>i{letter-spacing:.04em;font-size:9px;font-style:normal;font-weight:800}.story-entry.lit{color:#f5c77e;background:#f5c77e1a;border-style:solid;border-color:#f5c77e;box-shadow:0 0 16px #f5c77e4d}.story-entry:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.story-unlock{text-align:left;cursor:pointer;background:#f5c77e17;border:1px solid #f5c77e99;border-radius:14px;align-items:center;gap:10px;margin:14px 0 0;padding:7px 14px 7px 8px;animation:1.7s ease-in-out infinite storyPulse;display:flex}@keyframes storyPulse{0%,to{box-shadow:0 0 #f5c77e57}50%{box-shadow:0 0 0 8px #f5c77e00}}@keyframes storyTwinkle{0%,to{filter:drop-shadow(0 0 5px #f5c77e99);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 14px #f5c77e);transform:scale(1.16)rotate(9deg)}}@keyframes storyGlint{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}.story-ov{top:0;bottom:0;left:0;right:0;z-index:9600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060412e6;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.story-ov.hidden{display:none}.story-stage{place-items:center;gap:12px;width:min(420px,100%);display:grid}.story-star{cursor:pointer;background:0 0;border:0;place-items:center;width:116px;height:116px;display:grid;position:relative}.story-star:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #f5c77e}.story-star>.sg{color:#f5c77e57;width:54px;height:54px;transition:color .3s}.story-star.lit>.sg{color:#f5c77e;filter:drop-shadow(0 0 15px #f5c77ed9)}.story-halo{opacity:0;background:radial-gradient(circle,#f5c77e80,#0000 62%);border-radius:50%;width:116px;height:116px;position:absolute}.story-star.lit>.story-halo{animation:.62s ease-out both storyBloom}@keyframes storyBloom{0%{opacity:0;transform:scale(.35)}45%{opacity:1}to{opacity:0;transform:scale(2.6)}}.story-spark{opacity:0;background:#f5c77e;border-radius:50%;width:3px;height:3px;position:absolute}.story-star.lit>.story-spark{animation:.7s ease-out both storyFly}@keyframes storyFly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.story-cap{letter-spacing:.16em;color:#fff6e857;margin:0;font-size:11.5px}.story-panel{background:linear-gradient(165deg,#32235cf7,#130d28fc);border:1px solid #f5c77e33;border-radius:16px;width:100%;padding:18px;animation:.42s both storyIn;position:relative}@keyframes storyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.story-panel .sp-x,.sb-head .sp-x{color:#dfeee6;cursor:pointer;z-index:5;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.story-panel .sp-x:hover,.sb-head .sp-x:hover{background:#ffffff1f}.story-panel .sp-no{letter-spacing:.2em;color:#f5c77e;margin:0;font-size:9px;font-weight:800}.story-panel .sp-title{color:var(--ink);margin:6px 0 0;font-size:21px;font-weight:800}.story-panel .sp-by{color:#fff6e866;margin:5px 0 0;font-size:11px;line-height:1.6}.story-panel .sp-story{color:#f3edffe0;margin:13px 0 0;font-size:13.5px;line-height:1.95}.story-panel .sp-cheer{color:#f5c77e;border-left:2px solid #f5c77e;margin:11px 0 0;padding-left:11px;font-size:12.5px;line-height:1.8}.story-panel .sp-chips{border-top:1px dashed #fff6e821;flex-wrap:wrap;gap:5px;margin-top:13px;padding-top:11px;display:flex}.story-panel .sp-chips>span{color:#8fe0cf;background:#8fe0cf21;border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:700}.story-panel .sp-act{text-align:center;cursor:pointer;color:#2a1230;background:linear-gradient(#f5c77e,#e8a96b);border:0;border-radius:11px;width:100%;margin-top:14px;padding:11px;font-family:inherit;font-size:12.5px;font-weight:800}@media (max-height:470px){.story-ov{padding:12px}.story-panel{padding:14px 15px}.story-panel .sp-title{font-size:18px}.story-panel .sp-by{font-size:10px}.story-panel .sp-story{margin-top:10px;font-size:12.5px;line-height:1.8}.story-panel .sp-cheer{margin-top:9px;font-size:11.5px;line-height:1.7}.story-panel .sp-chips{margin-top:10px;padding-top:9px}.story-panel .sp-act{margin-top:11px;padding:9px}.story-star,.story-halo{width:88px;height:88px}.story-star>.sg{width:42px;height:42px}}#progBody{align-content:start}.prog-hero{border:1px solid var(--sw-edge);background:radial-gradient(circle at 12% 0,#f5c77e1f,transparent 58%),var(--sw-card);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.prog-hero .ph-ring{flex:none}.prog-hero .ph-who{min-width:150px}.prog-hero .ph-who h3{color:var(--ink);margin:0;font-size:15px;font-weight:900}.prog-hero .ph-who p{color:var(--ink3);margin:4px 0 0;font-size:11.5px}.prog-hero .ph-bar{background:#ffffff1f;border-radius:4px;height:6px;margin-top:7px;overflow:hidden}.prog-hero .ph-bar>i{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:4px;height:100%;display:block}.prog-hero .ph-nums{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.prog-hero .ph-num{text-align:center;border:1px solid var(--line);background:#fff6e80d;border-radius:11px;min-width:74px;padding:8px 11px}.prog-hero .ph-num b{font-size:16px;font-weight:900;line-height:1.15;display:block}.prog-hero .ph-num span{color:var(--ink3);margin-top:2px;font-size:10px;display:block}#v-progress.on{height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}#v-progress.on .scroll{overscroll-behavior:none;min-height:0;padding-bottom:max(18px,var(--safe-bottom,env(safe-area-inset-bottom,0px)));scrollbar-width:none;flex-direction:column;flex:auto;display:flex;overflow-x:hidden;overflow-y:auto}#v-progress.on .scroll::-webkit-scrollbar{width:0;height:0}@media (hover:none) and (pointer:coarse){#v-progress.on .scroll{overflow-y:hidden}}#v-progress.on #progBody{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex}#v-progress.on #progBody>*{flex:none}#v-progress.on #progBody>.wallbox{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:none;flex:auto;min-height:160px;margin-bottom:0;padding-bottom:12px;overflow-x:hidden;overflow-y:auto}#v-progress.on #progBody>.wallbox::-webkit-scrollbar{width:0;height:0}@media (orientation:landscape) and (max-height:560px){.prog-hero{flex-wrap:nowrap;align-items:center;gap:10px;padding:8px 12px}#v-progress .ph-fig{width:60px}.prog-hero .ph-ring svg{width:46px;height:46px}.prog-hero .ph-who{flex:auto;min-width:0}.prog-hero .ph-who h3{font-size:13px}.prog-hero .ph-who p{display:none}.prog-hero .ph-bar{height:4px;margin-top:5px}#v-progress .ph-btns{gap:4px;margin-top:5px}#v-progress .ph-wardrobe,#v-progress .ph-story{padding:3px 9px;font-size:10.5px}#v-progress.on #progBody{gap:6px}.prog-hero .ph-nums{flex:none;justify-content:flex-end;gap:4px;max-width:236px}.prog-hero .ph-num{min-width:56px;padding:4px 5px}.prog-hero .ph-num b{font-size:12.5px}.prog-hero .ph-num span{margin-top:1px;font-size:9px}#v-progress .sect.ptabs{margin-top:0!important}#v-progress .topbar{padding-top:max(8px,var(--safe-top,env(safe-area-inset-top,0px)));padding-bottom:6px}#progBody>p.hint{display:none}}@media (min-width:900px){.prog-hero{flex-wrap:nowrap}.prog-hero .ph-who{flex:auto;min-width:0}.prog-hero .ph-nums{flex:none;justify-content:flex-end;max-width:330px}}.bfil{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink3);background:#fff6e80a;border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.bfil:hover{color:var(--ink2);border-color:#f5c77e66}.bfil.on{color:#2a1230;background:#f5c77e;border-color:#0000}.bfil b{opacity:.75;font-size:10.5px;font-weight:900}.bfil:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}@media (max-width:599px){.prog-hero{align-items:center;gap:10px 12px;padding:10px 12px}#v-progress .ph-fig{width:56px}.prog-hero .ph-ring svg{width:48px;height:48px}.prog-hero .ph-who{flex:150px;min-width:0}.prog-hero .ph-who p{display:none}.prog-hero .ph-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-left:0;display:grid}.prog-hero .ph-num{min-width:0;padding:5px 4px}.prog-hero .ph-num b{font-size:14px}.prog-hero .ph-num span{white-space:nowrap;font-size:9px}#progBody .bwall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation:landscape) and (max-height:520px){.prog-hero{gap:8px;padding:6px 12px}.prog-hero .ph-num{min-width:52px;padding:3px 4px}.prog-hero .ph-num b{font-size:11.5px}.prog-hero .ph-num span{font-size:8.5px}}.bcard{background:var(--bfr);width:100%;max-width:132px;box-shadow:var(--bglw);isolation:isolate;border-radius:11px;flex-direction:column;padding:5px;display:flex;position:relative}.bcard:before{content:"";top:0;bottom:0;left:0;right:0;pointer-events:none;border-radius:13px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff59}.bcard.c1{--bfr:linear-gradient(160deg,#6e7699,#3d4463 55%,#565e80);--bglw:0 5px 18px #00000080;--bgem:#9aa3c4}.bcard.c2{--bfr:linear-gradient(160deg,#a8e8d8,#3e8c7c 52%,#7fd4c2);--bglw:0 5px 20px #00000080,0 0 18px #8fe0cf47;--bgem:#8fe0cf}.bcard.c3{--bfr:linear-gradient(160deg,#e2a0f5,#7b2da8 52%,#c86be8);--bglw:0 5px 22px #00000080,0 0 22px #c86be857;--bgem:#c86be8}.bcard.c4{--bfr:linear-gradient(160deg,#ffe9b8,#c9832b 48%,#ffd98a);--bglw:0 6px 26px #0000008c,0 0 30px #f5c77e7a;--bgem:#f5c77e}.bcard.c4:not(.lock):after{content:"";top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 40%,#fff6 50%,#0000 60%) 0 0/280% 100%;border-radius:13px;animation:4s ease-in-out infinite bfoil;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes bfoil{0%{background-position:170% 0}60%,to{background-position:-70% 0}}.bart{aspect-ratio:1/.86;background:linear-gradient(#1b1436,#0d0a1e);border-radius:9px;position:relative;overflow:hidden}.bart svg{top:0;bottom:0;left:0;right:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bgem{z-index:4;background:var(--bgem);width:13px;height:13px;box-shadow:0 0 9px var(--bgem),inset 0 0 0 1px #fff9;border-radius:3px;position:absolute;top:-4px;left:50%;translate:-50%;rotate:45deg}.bplate{text-align:center;background:linear-gradient(#0c091ae6,#0c091ab8);border-radius:6px;margin-top:5px;padding:4px 6px;box-shadow:inset 0 0 0 1px #ffffff21}.bplate b{color:var(--ink);font-size:10.5px;font-weight:900;line-height:1.3;display:block}.bdesc{text-align:center;color:#fff6e899;flex:1;margin-top:5px;padding:0 4px;font-size:9.5px;line-height:1.55}.bfoot{color:#fff6e86b;justify-content:center;align-items:center;gap:5px;margin-top:5px;font-family:Noto Sans SC,Arial;font-size:8.5px;display:flex}.bfoot .brr{color:var(--bgem);background:#00000073;border-radius:99px;padding:1px 5px}.bcard.lock{--bfr:linear-gradient(160deg,#4a4a5c,#2a2a38 55%,#3e3e4e);--bglw:0 4px 12px #00000073;--bgem:#6a6a7e}.bcard.lock .bart:after{content:"";top:0;bottom:0;left:0;right:0;background:#060412bd;position:absolute;top:0;bottom:0;left:0;right:0}.bcard.lock .bplate b{color:#fff6e873}.bcard.lock .bdesc{color:#fff6e84d}.bcard.lock .bfoot{color:#fff6e83d}.bcard.lock .bfoot .brr{color:#fff6e857;background:#00000080}.bprog{z-index:2;background:#0009;border-radius:3px;height:4px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.bprog i{background:var(--bgem);border-radius:3px;height:100%;display:block}.bwall{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));justify-items:center;gap:22px 18px;display:grid}.bwall-cat{grid-column:1/-1;align-items:center;gap:8px;margin-top:6px;display:flex}.bwall-cat:first-child{margin-top:0}.bwall-cat b{color:var(--ink2);font-size:12px;font-weight:900}.bwall-cat i{background:var(--line);flex:1;height:1px;font-style:normal}.bwall-cat small{color:var(--ink3);font-size:10.5px}.bopen{top:0;bottom:0;left:0;right:0;z-index:9800;padding:max(18px,var(--safe-top,0px)) max(18px,var(--safe-right,0px)) max(18px,var(--safe-bottom,0px)) max(18px,var(--safe-left,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060412f0;justify-content:center;align-items:stretch;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bopen.hidden{display:none}.bdeal{flex-direction:column;flex:none;align-items:center;gap:8px;width:min(1100px,100%);height:100%;min-height:0;padding:0;display:flex}.bdeal-h{text-align:center;flex:none;animation:.45s ease-out both bWord}.bdeal-h b{color:#f5c77e;font-family:Noto Sans SC;font-size:19px;display:block}.bdeal-h small{color:#fff6e870;margin-top:3px;font-size:11.5px;font-weight:800;display:block}.btable{flex:1;place-content:center;gap:8px;width:100%;min-height:0;display:grid;overflow:hidden}.bdeal-h{padding:0 38px}.bopen .btable .bslot{border-radius:11px;width:100%;height:100%;min-height:0;overflow:hidden}.bopen .btable .bslot .bart{flex:1;height:auto;min-height:0}.bopen .btable .bdesc,.bopen .btable .bfoot,.bopen .bword{display:none}.bopen .btable .bplate{flex:none;margin-top:4px;padding:4px 2px}.bopen .btable .bplate b{font-size:12px;line-height:1.3}.bopen .btable .bgem{width:8px;height:8px;top:2px}.bopen .btable.compact .bplate b{font-size:11px}.bopen .btable.tiny .bart{display:none}.bopen .btable.tiny .bcard{justify-content:center;padding:3px}.bopen .btable.tiny .bplate{box-shadow:none;background:0 0;margin:0;padding:0}.bopen .btable .back svg{width:50%;height:50%}.bopen .bhint{justify-content:center;align-items:center;max-width:100%;height:38px;font-size:12px;line-height:18px;display:flex;overflow:auto}.bopen .bkeep{padding:9px 24px}.bslot{opacity:0;perspective:900px;width:164px;height:272px;animation:bDeal .5s cubic-bezier(.2,1.45,.4,1) calc(var(--d)*1s) forwards;flex:none;position:relative}@keyframes bDeal{0%{opacity:0;transform:translateY(44px)scale(.55)rotate(-9deg)}to{opacity:1;transform:none}}.bbeam{z-index:1;background:linear-gradient(180deg,transparent,var(--beamc,#f5c77e));filter:blur(13px);opacity:0;width:96px;height:0;position:absolute;bottom:0;left:50%;translate:-50%}.bslot.go .bbeam{animation:1s cubic-bezier(.2,.8,.3,1) forwards bBeam}@keyframes bBeam{0%{opacity:0;height:0}22%{opacity:.95}70%{opacity:.8;height:100%}to{opacity:0;height:100%}}.bflip{z-index:2;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .62s cubic-bezier(.3,1.1,.4,1);position:relative}.bslot.go .bflip{transform:rotateY(180deg)}.bface{top:0;bottom:0;left:0;right:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.bface.back{background:linear-gradient(155deg,#2a1d52,#150f2e);border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #f5c77e3d,0 8px 26px #0000008c}.bface.back:after{content:"";top:0;bottom:0;left:0;right:0;pointer-events:none;opacity:0;border-radius:13px;animation:1.9s ease-in-out infinite bIdle;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 1px #f5c77e80}.bslot.go .bface.back:after{opacity:0;animation:none}@keyframes bIdle{0%,to{opacity:0}50%{opacity:.85}}.bface.front{transform:rotateY(180deg)}.bface.front>.bcard{width:100%;max-width:none;height:100%}.bspark{background:var(--beamc,#f5c77e);opacity:0;z-index:3;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.bslot.go .bspark{animation:.85s ease-out forwards bFly}@keyframes bFly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.bword{z-index:3;opacity:0;white-space:nowrap;letter-spacing:.28em;color:var(--beamc,#f5c77e);font-size:10.5px;font-weight:900;position:absolute;top:-15px;left:50%;translate:-50%}.bslot.go .bword{animation:.5s ease-out .42s forwards bWord}@keyframes bWord{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.bkeep{font:inherit;cursor:pointer;color:#2a1230;background:linear-gradient(#f5c77e,#e8a96b);border:0;border-radius:12px;flex:none;padding:11px 26px;font-size:13px;font-weight:900}.bhint{text-align:center;color:#fff6e8b8;flex:none;margin:0;font-size:13px}.bopen .bplate b{font-size:13px}.bopen .bdesc{color:#fff6e8d9;font-size:12px}.bopen .bfoot{color:#fff6e8bf;font-size:11px}.bopen .bslot .bart{aspect-ratio:auto;flex:none;height:128px}@media (max-width:380px){.bopen .bslot{width:min(220px,100%);height:310px}.bopen .bslot .bart{height:160px}}.bx{top:max(14px,var(--safe-top,0px));right:max(16px,var(--safe-right,0px));cursor:pointer;color:#fff6e8;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;width:34px;height:34px;font-size:15px;line-height:1;position:absolute}@media (prefers-reduced-motion:reduce){.bcard.c4:after{animation:none}.bslot{opacity:1;animation:none}.bslot.go .bflip{transition:none}.bface.back:after{opacity:.5;animation:none}}.growth{cursor:pointer;border:1px solid var(--sw-edge);background:var(--sw-card);color:var(--ink3);border-radius:99px;align-items:center;gap:9px;margin-top:9px;padding:6px 11px;font-size:12px;font-weight:800;transition:border-color .15s;display:inline-flex}.growth:hover{border-color:#f5c77e73}.growth:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.growth .gv-x{align-items:center;gap:8px;display:flex}.growth .gv-x em{font-style:normal}.growth .gv-x svg{vertical-align:-2px;width:12px;height:12px}.sl-collect{cursor:pointer;transition:border-color .15s,background .15s}.sl-collect:hover{border-color:#f5c77e73}.sl-collect:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.story-book-ov{z-index:9590}.story-book{-webkit-overflow-scrolling:touch;background:linear-gradient(165deg,#32235cf7,#130d28fc);border:1px solid #f5c77e33;border-radius:16px;width:min(760px,100%);max-height:100%;padding:18px;position:relative;overflow:auto}.sb-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sb-kicker{letter-spacing:.2em;color:#f5c77e;margin:0;font-size:9px;font-weight:800}.sb-head h3{color:var(--ink);margin:5px 0 0;font-size:19px;font-weight:800}.sb-head{padding-right:44px;position:relative}.sb-bar{background:#ffffff1a;border-radius:3px;height:4px;margin:12px 0 14px;overflow:hidden}.sb-bar>i{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:3px;height:100%;display:block}.sb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.sb-card{text-align:left;cursor:pointer;color:var(--ink);background:#fff6e80a;border:1px solid #fff6e817;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;font-family:inherit;display:flex}.sb-card:hover{border-color:#f5c77e66}.sb-card:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.sb-card .sb-star{background:#0b0918b3;border:1px solid #f5c77e38;border-radius:50%;place-items:center;width:26px;height:26px;margin-bottom:4px;display:grid}.sb-card .sb-star svg{color:#f5c77e4d;width:14px;height:14px}.sb-card.lit .sb-star{border-color:#f5c77e;box-shadow:0 0 12px #f5c77e99}.sb-card.lit .sb-star svg{color:#f5c77e}.sb-card b{font-size:13.5px;font-weight:800;line-height:1.3}.sb-card small{color:var(--ink3);font-size:10.5px}.sb-card i{color:#fff6e861;margin-top:5px;font-size:10px;font-style:normal;font-weight:700}.sb-card.lit i{color:#8fe0cf}.sb-empty{text-align:center;color:var(--ink3);grid-column:1/-1;padding:20px;font-size:12px}.sp-acts{gap:8px;margin-top:14px;display:flex}.sp-acts .sp-act{flex:1;margin-top:0}.sp-act.ghost{color:#f5c77e;background:#fff6e812;border:1px solid #f5c77e52}.story-tip{z-index:9700;text-align:center;color:#f5c77e;opacity:0;pointer-events:none;background:#0b0918f2;border:1px solid #f5c77e3d;border-radius:12px;max-width:min(360px,88vw);padding:11px 15px;font-size:12.5px;line-height:1.6;transition:opacity .22s,transform .22s;position:fixed;bottom:26px;left:50%;transform:translateY(8px)}.story-tip.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.story-unlock,.story-star.lit>.story-halo,.story-star.lit>.story-spark,.story-panel{animation:none!important}.story-tip{transition:none}}.scard.slrow .ml-heart{top:auto;bottom:auto;left:auto;right:auto;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative;top:auto;bottom:auto;left:auto;right:auto}.ml-heart{color:#fff6e880;cursor:pointer;z-index:2;background:#0a0a1e80;border:1px solid #fff6e829;border-radius:50%;width:30px;height:30px;font-size:14px;line-height:1;position:absolute;top:auto;bottom:9px;right:9px}@media (orientation:portrait),(max-width:640px){.sl-grid,#lib,#hallList{grid-template-columns:minmax(0,1fr)!important}}.scard:hover{background:#f5c77e0d;border-color:#f5c77e6b;transform:translateY(-2px)}.scard-top{gap:13px;display:flex}.sbadge{color:#fff;text-shadow:0 1px 3px #00000040;border-radius:14px;flex:none;place-items:center;width:76px;height:76px;font-size:28px;font-weight:800;display:grid;box-shadow:0 6px 20px #00000059,inset 0 0 0 1px #ffffff12}@media (max-width:640px){.sbadge{border-radius:12px;width:64px;height:64px;font-size:24px}}.scard-body{flex:1;min-width:0}.scard-title{color:var(--ink);align-items:center;gap:7px;font-size:15px;font-weight:800;line-height:1.25;display:flex}.scard-title .tt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.snew{letter-spacing:.05em;color:#8fe0cf;background:#8fe0cf29;border:1px solid #8fe0cf66;border-radius:5px;flex:none;padding:1px 6px;font-size:9px;font-weight:800}.dchip{border-radius:7px;padding:3px 9px;font-size:11px;font-weight:800}.scard-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:13px;padding-top:12px;display:flex}.sf-state{color:var(--ink3);font-size:12px;font-weight:700}.sf-act{color:var(--ink2);margin-left:auto;font-size:12px;font-weight:800}.sf-act b{color:#f5c77e;margin-left:3px}.sf-bar{background:#ffffff1f;border-radius:6px;flex:1;height:6px;overflow:hidden}.sf-bar i{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:6px;height:100%;display:block}.sf-bar.done i{background:linear-gradient(90deg,#8fe0cf,#57c08b)}.sl-minelist{flex-direction:column;gap:10px;display:flex}.sl-minerow{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.sl-minerow:hover{border-color:#f5c77e66}.sl-mine-badge{color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:grid}.sl-mine-body{min-width:0}.sl-mine-body b{color:var(--ink);font-size:14px}.sl-mine-body small{color:var(--ink3);margin-top:2px;font-size:11.5px;display:block}.sl-mine-seg{gap:4px;margin-left:auto;display:flex}.sl-mine-seg i{background:#ffffff24;border-radius:3px;width:22px;height:6px}.sl-mine-seg i.on{background:linear-gradient(90deg,#8fe0cf,#f5c77e)}.sl-mine-note{color:var(--ink3);white-space:nowrap;font-size:11.5px;font-weight:700}.sl-mine-cont{color:#f5c77e;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:12.5px;font-weight:800}.sl-mine-empty{text-align:center;color:var(--ink3);border:1px dashed var(--line);border-radius:14px;padding:22px;font-size:13px}.sl-h1b{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;display:flex}.sl-sub-inline{color:var(--ink3);font-size:12px;font-weight:600}.sl-hall-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sl-chipdiv{background:var(--line);width:1px;height:18px}.sl-sort{color:var(--ink2);cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-size:12.5px;font-weight:700}.sl-more{text-align:center;margin:28px 0 8px}.sl-more button{border:1px solid var(--line);background:var(--card);color:var(--ink2);cursor:pointer;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:700}.sl-empty{text-align:center;color:var(--ink3);grid-column:1/-1;padding:30px;font-size:13px}.cloud-fail{background:#e8a96b1a;border:1px solid #e8a96b6b;border-radius:12px;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;display:flex}.cloud-fail .cf-tx{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cloud-fail b{color:var(--ink);font-size:13px;font-weight:800}.cloud-fail small{color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.cloud-fail .btn{white-space:nowrap;flex:none}@media (max-width:640px){.pl .sl-head{flex-wrap:wrap;align-items:flex-start;margin-bottom:14px}.sl-head-l h1{font-size:30px}.sl-search{flex:1;min-width:0}.sl-head-r{flex:none;width:auto;margin-right:0}.sl-resume{gap:12px;padding:14px 15px}.sl-resume-badge{width:46px;height:46px;font-size:18px}.sl-resume-title{font-size:16px}.sl-resume-title small{margin-top:2px;display:block}.sl-resume-btn{padding:8px 13px;font-size:13px}.sl-resume-frac{font-size:11px}.sl-hall-filters{gap:8px}.sl-sort{text-align:left;width:100%;margin-left:0}}@media (orientation:landscape) and (max-height:560px){html.standalone #app{padding-left:0;padding-right:0}html.standalone .pl{padding-left:max(22px,var(--safe-left,env(safe-area-inset-left,0px)));padding-right:max(22px,var(--safe-right,env(safe-area-inset-right,0px)))}}#popuBack{display:none}#popuBack.show{display:inline-flex}.sl-toolrow{z-index:40;padding-top:max(6px,var(--safe-top,env(safe-area-inset-top,0px)));align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex;position:-webkit-sticky;position:sticky;top:0}.sl-toolrow:before{content:"";z-index:-1;background:#0a0c24;position:absolute;top:0;bottom:0;left:-100vw;right:-100vw}.sl-toolrow:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a0c24 0%,#0a0c2400 100%);height:14px;position:absolute;top:100%;left:-100vw;right:-100vw}.sl-toolrow .sl-head-search{flex:1;align-self:auto;min-width:0;max-width:none;margin:0}.sl-toolrow .sl-head-r{margin-left:auto}@media (orientation:landscape) and (max-height:560px){.sl-toolrow .sl-head-r{margin-right:0}#v-library.on>.pl{padding-top:max(14px,var(--safe-top,env(safe-area-inset-top,0px)))}.sl-toolrow{padding-top:0}.pl .sl-head{margin-bottom:6px}.sl-head-l h1{font-size:26px}}#v-library.on .sl-scroll{padding-bottom:calc(24px + var(--safe-bottom,env(safe-area-inset-bottom,0px)))}#v-library.on>.pl{padding-bottom:0}#v-library.on .sl-herorow.one{margin:0}.bslot:not(.go) .bface.front,.bslot.go .bface.back{visibility:hidden}.ml-heart:hover{color:#e2836b}.ml-heart.on{color:#e2836b;background:#e2836b29;border-color:#e2836b80}.ml-heart:disabled{cursor:default;opacity:1}.ml-heart>.heart-icon{z-index:2;width:18px;height:18px;transition:color .25s,transform .25s cubic-bezier(.22,.9,.32,1.35),filter .25s;display:block;position:relative}.ml-heart.on>.heart-icon{filter:drop-shadow(0 2px 6px #e2836b80)}.heart-particles{z-index:3;top:50%;bottom:auto;left:50%;right:auto;pointer-events:none;width:0;height:0;position:absolute;top:50%;bottom:auto;left:50%;right:auto}.heart-particles i{left:calc(var(--size)/-2);top:calc(var(--size)/-2);color:#e2836b;opacity:0;display:block;position:absolute;transform:translate(0)scale(.15)rotate(0)}.heart-particles i svg{width:var(--size);height:var(--size);filter:drop-shadow(0 1px 4px #e2836b94)}.broken-heart{z-index:4;top:0;bottom:0;left:0;right:0;opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.broken-heart i{color:#e2836b;transform-origin:50% 48%;width:18px;height:18px;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);overflow:hidden}.broken-heart i svg{top:0;bottom:0;left:0;right:0;width:18px;height:18px;position:absolute;top:0;bottom:0;left:0;right:0}.broken-left{clip-path:polygon(0 0,55% 0,46% 18%,58% 32%,43% 48%,56% 65%,43% 100%,0 100%)}.broken-right{clip-path:polygon(55% 0,100% 0,100% 100%,43% 100%,56% 65%,43% 48%,58% 32%,46% 18%)}.ml-heart.heart-burst>.heart-icon{animation:.72s cubic-bezier(.18,.89,.32,1.5) both heart-pop}.ml-heart.heart-burst:before{content:"";z-index:1;top:4px;bottom:4px;left:4px;right:4px;border:2px solid #e2836bb3;border-radius:50%;animation:.62s ease-out both heart-ring;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.ml-heart.heart-burst .heart-particles i{animation:mini-heart-float .98s cubic-bezier(.17,.72,.23,1) var(--delay) both}.ml-heart.heart-break>.heart-icon{animation:.62s both heart-break-base}.ml-heart.heart-break .broken-heart{opacity:1}.ml-heart.heart-break .broken-heart i{filter:drop-shadow(0 2px 6px #e2836b80)}.ml-heart.heart-break .broken-left{animation:.62s cubic-bezier(.3,.02,.55,1) both heart-left-fall}.ml-heart.heart-break .broken-right{animation:.62s cubic-bezier(.3,.02,.55,1) both heart-right-fall}@keyframes heart-pop{0%{opacity:0;transform:scale(0)}38%{opacity:1;transform:scale(1.42)}62%{transform:scale(.88)}82%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes heart-ring{0%{opacity:.85;transform:scale(.2)}to{opacity:0;transform:scale(1.75)}}@keyframes mini-heart-float{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}12%{opacity:var(--alpha);transform:translateY(-3px)scale(.9)rotate(0)}68%{opacity:calc(var(--alpha)*.82)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(var(--r))}}@keyframes heart-break-base{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(.82,.72)}32%,to{opacity:0;transform:scale(.95)}}@keyframes heart-left-fall{0%,22%{opacity:0;transform:translate(0)rotate(0)scale(.92)}29%{opacity:1}48%{opacity:1;transform:translate(-5px,3px)rotate(-12deg)scale(.9)}to{opacity:0;transform:translate(-14px,16px)rotate(-38deg)scale(.68)}}@keyframes heart-right-fall{0%,22%{opacity:0;transform:translate(0)rotate(0)scale(.92)}29%{opacity:1}48%{opacity:1;transform:translate(5px,3px)rotate(12deg)scale(.9)}to{opacity:0;transform:translate(14px,16px)rotate(38deg)scale(.68)}}.sl-tb-title,.sl-side{display:none}#v-library.on .sl-scroll{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}#v-library.on .sl-scroll>.sl-sect{flex-direction:column;flex:auto;min-height:0;margin-bottom:0;display:flex}#v-library.on .sl-sect-head{flex:none}#v-library.on #featGrid{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;min-height:0;padding:2px 2px calc(24px + var(--safe-bottom,env(safe-area-inset-bottom,0px)));scrollbar-width:none;flex:auto;align-content:start;overflow-x:hidden;overflow-y:auto}#v-library.on #featGrid::-webkit-scrollbar{width:0;height:0}@media (min-width:640px){.sl-side{margin-bottom:12px;display:block}}@media (min-width:820px){#xsgHome .xsg-row{display:block}}@media (min-width:900px){#xsgHome .xsg-mini{gap:16px;padding:12px 18px 12px 14px}#xsgHome .xh-av,#xsgHome .xh-av svg{width:64px}#xsgHome .xn-title{font-size:17px;line-height:22px}#xsgHome .xh-act{padding:10px 22px;font-size:14px}}@media (orientation:landscape) and (max-height:560px){#v-library.on>.pl{grid-template-rows:auto minmax(0,1fr);grid-template-columns:196px minmax(0,1fr);align-content:start;column-gap:12px;display:grid}#v-library.on .sl-toolrow{grid-column:1/-1;margin-bottom:6px}#v-library.on .pl .sl-head,#v-library.on .sl-herorow{display:none}.sl-tb-title{color:#fff6e8;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:21px;font-weight:900;display:inline-flex}.sl-tb-title .beta{padding:1px 5px;font-size:9px}.sl-toolrow #device-state{display:none}.sl-side{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:var(--safe-bottom,env(safe-area-inset-bottom,0px));flex-direction:column;grid-area:2/1;margin-bottom:0;display:flex;overflow-y:auto}.sl-side>#xsgHome{flex-direction:column;flex:auto;min-height:0;display:flex}#v-library.on .sl-scroll{grid-area:2/2;min-height:0;padding-bottom:0}#v-library.on #featGrid{padding-bottom:calc(6px + var(--safe-bottom,env(safe-area-inset-bottom,0px)))}#v-library .sl-side>#xsgHome{flex:auto;min-height:0}#v-library .sl-side .xsg-row{flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0;display:flex}#v-library .sl-side .xsg-mini{flex-direction:column;flex:none;align-items:stretch;gap:5px;padding:8px 11px 9px}#v-library .sl-side .xm-top{align-items:center;gap:10px;display:flex}#v-library .sl-side .xh-av,#v-library .sl-side .xh-av svg{width:44px}#v-library .sl-side .xm-lv{align-items:flex-start;gap:3px}#v-library .sl-side .xm-sep{display:none}#v-library .sl-side .xn-title{font-size:14px;line-height:18px}#v-library .sl-side .xh-act{text-align:center;width:100%;margin-top:2px;padding:7px 10px;font-size:12.5px}#v-path .mode-grid .mode-tt b{font-size:20px}#v-path .mode-grid .mode-desc{font-size:13px}#v-path .mode-start .mbtn.primary{font-size:15.5px}#v-library .sl-side .xsg-mini{flex:auto;justify-content:space-evenly;padding:12px 10px 14px}#v-library .sl-side .xh-av,#v-library .sl-side .xh-av svg{width:72px}#v-library .sl-side .xm-top{justify-content:center}#v-library .sl-side .xm-next{text-align:center;flex:none;align-items:center}#v-library .sl-side .xm-lv b{font-size:17px}#v-library .sl-side .xm-lv .xm-bar{width:88px;height:5px}#v-library .sl-side .xn-title{white-space:normal;font-size:20px;line-height:26px}#v-library .sl-sect-head{align-items:center;margin-bottom:8px}#v-library .sl-sect h2{font-size:16px}#v-library .sl-alllink{display:none}#v-library .sl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#v-library .scard.slrow{border-radius:12px;gap:8px;padding:8px}#v-library .scard.slrow .sbadge{border-radius:9px;width:44px;height:44px;font-size:12px}#v-library .scard.slrow .scard-title{font-size:13px;line-height:1.3}#v-library .scard.slrow .scard-body{gap:4px}#v-library .scard.slrow .ml-heart{width:28px;height:28px}#v-library .scard.slrow .scard-title .tt{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}html[data-core-fail] #v-library.on>.pl:before{content:"引擎没加载出来，曲谱可能画不出来 · 检查网络后下拉刷新";color:#ffb3a8;background:#ff7a6b1f;border:1px solid #ff7a6b80;border-radius:12px;margin:0 0 10px;padding:9px 12px;font-size:12.5px;font-weight:800;display:block}html.vp-mismatch #v-library.on>.pl{width:var(--vp-w,100%);max-width:100%;display:block;overflow-x:hidden}html.vp-mismatch .sl-toolrow{flex-wrap:wrap;gap:8px}html.vp-mismatch .sl-toolrow .sl-head-r{margin-left:0}html.vp-mismatch .sl-toolrow .sl-head-search{flex:1 0 100%;order:3;max-width:none}html.vp-mismatch .sl-toolrow:before,html.vp-mismatch .sl-toolrow:after{left:0;right:0}html.vp-mismatch .sl-tb-title{display:none}html.vp-mismatch .sl-side{margin-bottom:12px;display:block;overflow:visible}html.vp-mismatch #v-library.on .pl .sl-head{display:block}html.vp-mismatch #v-library.on .sl-scroll{display:block;overflow:visible}html.vp-mismatch #v-library.on #featGrid{min-height:0;overflow:visible}html.vp-mismatch #v-library .sl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}html.vp-mismatch #vmodal,html.vp-mismatch #modeModal,html.vp-mismatch #tipModal,html.vp-mismatch #msgModal,html.vp-mismatch #quickTip,html.vp-mismatch .coach,html.vp-mismatch .fgmask,html.vp-mismatch .shmask,html.vp-mismatch .expmask,html.vp-mismatch .sl-rotate,html.vp-mismatch .story-ov,html.vp-mismatch .bopen,html.vp-mismatch #aiOnboarding,html.vp-mismatch .dq-ov,html.vp-mismatch #cloudLoading,html.vp-mismatch #v-practice.on,html.vp-mismatch .mv-bg{width:var(--vp-w,100%)}html.vp-mismatch .dq-pop{width:calc(var(--vp-w,100%) - 24px);max-width:none;margin:0;left:12px;right:auto}@media (max-width:640px){.sl-toolrow{flex-wrap:wrap;gap:8px;margin-bottom:14px}.sl-toolrow .sl-head-r{gap:8px;margin-left:auto}.sl-toolrow .sl-head-search{flex:1 0 100%;order:3;max-width:none}}#v-practice.on{max-width:none;box-shadow:none;top:0;right:var(--perf-dock-right,0px);bottom:var(--perf-dock-bottom,0px);left:0;inset:0 var(--perf-dock-right,0px) var(--perf-dock-bottom,0px) 0;border-radius:0;margin:0;overflow:hidden}#v-practice.on[data-notation=waterfall],#v-practice.on[data-notation=numbered]{background:#131028}#v-practice.on[data-notation=staff]{background:#160b28}.fx-layer{top:0;bottom:0;left:0;right:0;z-index:0;pointer-events:none;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.fx-layer>i{display:block;position:absolute}.fx-rain>i{width:1.5px;height:var(--len,40px);top:0;left:var(--x,50%);background:linear-gradient(180deg,#96c3ff00,rgba(170,205,255,var(--a,.42)));animation:fx-fall var(--d,1.4s) linear var(--dl,0s) infinite;border-radius:1px}@keyframes fx-fall{0%{opacity:0;transform:translateY(calc(-100% - 40px))}8%{opacity:1}88%{opacity:.85}to{opacity:0;transform:translateY(100vh)}}.fx-fire>i{width:calc(var(--s,5px) + var(--g,7px)*2);height:calc(var(--s,5px) + var(--g,7px)*2);margin:calc(var(--g,7px)*-1);left:var(--x,50%);top:var(--y,50%);animation:fx-drift var(--d,9s) ease-in-out var(--dl,0s) infinite;background:radial-gradient(circle,#ffe0a0 0%,#ffe2a6f0 13%,#f7aa46d1 25%,#f29e3e5c 45%,#e68c3221 65%,#0000 80%);border-radius:50%}@keyframes fx-drift{0%{opacity:0;transform:translate(0)scale(.7)}18%{opacity:.9}50%{transform:translate(var(--dx,26px),var(--dy,-22px)) scale(1.1);opacity:.55}82%{opacity:.85}to{transform:translate(calc(var(--dx,26px)*-.6),calc(var(--dy,-22px)*1.7)) scale(.75);opacity:0}}@media (prefers-reduced-motion:reduce){.fx-layer{display:none}}#xsg{right:max(14px,var(--safe-right,env(safe-area-inset-right,0px)));bottom:max(14px,var(--safe-bottom,env(safe-area-inset-bottom,0px)));z-index:70;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 10px 26px #00000073);width:96px;transition:transform .2s cubic-bezier(.2,.9,.3,1.4);position:fixed}#xsg:hover{transform:translateY(-3px)scale(1.03)}#xsg:active{transform:scale(.95)}#xsg svg{width:100%;height:auto;display:block}#xsg.hidden{display:none}#xsg .xsg-body{transform-origin:50% 92%;animation:3.4s ease-in-out infinite xsg-bob}@keyframes xsg-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-1.2deg)}}#xsg[data-mood=happy] .xsg-armL{transform-origin:78% 18%;animation:1s ease-in-out infinite xsg-wave}@keyframes xsg-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)}}.xsg-bubble{z-index:71;right:max(14px,var(--safe-right,env(safe-area-inset-right,0px)));bottom:calc(max(14px,var(--safe-bottom,env(safe-area-inset-bottom,0px))) + 108px);border:1px solid var(--sw-edge-hi);max-width:min(280px,66vw);color:var(--ink);background:linear-gradient(160deg,#26153efa,#120a22fa);border-radius:14px 14px 4px;padding:11px 14px;font-size:12.5px;font-weight:700;line-height:1.6;animation:.28s cubic-bezier(.2,.9,.3,1.5) both xsg-pop;position:fixed;box-shadow:0 14px 40px #00000080}@keyframes xsg-pop{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.xsg-bubble b{color:var(--sw-gold1)}@media (max-width:640px){#xsg{width:74px}.xsg-bubble{bottom:calc(max(14px,var(--safe-bottom,env(safe-area-inset-bottom,0px))) + 86px)}}@media (orientation:landscape) and (max-height:560px){#xsg{width:62px}.xsg-bubble{bottom:calc(max(10px,var(--safe-bottom,env(safe-area-inset-bottom,0px))) + 72px);padding:9px 12px;font-size:11.5px}}@media (prefers-reduced-motion:reduce){#xsg .xsg-body,#xsg .xsg-armL{animation:none}}.xsg-head{flex-direction:column;align-items:center;gap:4px;margin-bottom:2px;display:flex}.xsg-av{flex:none;width:78px;position:relative}.xsg-av svg{filter:drop-shadow(0 8px 20px #0006);width:100%;height:auto;display:block}.xsg-av .xsg-badge{width:34px;height:34px;color:var(--sw-gold1,#f5c77e);background:linear-gradient(160deg,#3a2350,#1b0e2c);border:1.5px solid #ffc77e73;border-radius:50%;place-items:center;font-size:18px;font-style:normal;display:grid;position:absolute;bottom:8px;right:-6px;box-shadow:0 4px 14px #00000080}.xsg-av .xsg-badge svg{filter:none;width:20px;height:20px}.xsg-name{letter-spacing:.08em;color:var(--sw-gold1,#f5c77e);opacity:.9;font-size:11.5px;font-weight:800}@media (max-height:560px){.xsg-av{width:56px}.xsg-av .xsg-badge{width:26px;height:26px;font-size:15px}}.ai-countbox{place-items:center;gap:8px;padding:22px 16px;display:grid}.ai-count{color:var(--sw-gold1);text-shadow:0 0 26px #ffbe6eb3;font-size:56px;font-weight:800;line-height:1;animation:.5s cubic-bezier(.2,.9,.3,1.5) ai-count-pop}@keyframes ai-count-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.ai-count-tip{color:#f3edff8c;margin:0;font-size:12px}.ai-result-box{align-items:center;gap:18px;display:flex}.ai-rank{border:1px solid var(--sw-edge-hi);background:linear-gradient(160deg,#ffd79a38,#f5a05a1f);border-radius:22px;flex:none;place-items:center;width:96px;height:96px;display:grid}.ai-rank b{color:var(--sw-gold1);text-shadow:0 0 20px #ffbe6e99;font-size:38px;font-weight:800;line-height:1}.ai-rank span{color:#f3edff99;margin-top:2px;font-size:12px;font-weight:800}.ai-rank.rS b,.ai-rank.rA b{color:#ffe3a8}.ai-rank.rC b{color:#ff9bb8}.ai-rank-info{flex:1;min-width:0}.ai-rank-line{color:var(--ink);margin:0;font-size:14px}.ai-rank-line b{color:var(--sw-gold1);font-size:18px}.ai-rank-tip{color:#f3edff99;margin:4px 0 8px;font-size:12px}.ai-jianpu.small .ai-jp-note{font-size:12px}.ai-jianpu.small .ai-measure{min-height:0;padding:4px}.ai-analyze.cyber{padding:6px 2px 2px}.cy-stage{place-items:center;width:150px;height:150px;margin:2px auto 12px;display:grid;position:relative}.cy-grid{top:0;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,#ff2d9533 0,#ff2d9533 1px,#0000 1px,#0000 14px),repeating-linear-gradient(#8fe0cf29 0,#8fe0cf29 1px,#0000 1px,#0000 14px);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask:radial-gradient(circle,#000 55%,#0000 78%);mask:radial-gradient(circle,#000 55%,#0000 78%)}.cy-scan{background:linear-gradient(#0000,#8fe0cf52,#0000);border-radius:50%;height:26%;animation:1.9s ease-in-out infinite cy-scan;position:absolute;left:0;right:0}@keyframes cy-scan{0%,to{top:-8%}50%{top:82%}}.cy-ring{border:1px solid #ffc77e59;border-radius:50%;position:absolute}.cy-ring.r1{top:6px;bottom:6px;left:6px;right:6px;border-color:#ffc77e73;animation:5s linear infinite cy-spin;top:6px;bottom:6px;left:6px;right:6px}.cy-ring.r2{top:22px;bottom:22px;left:22px;right:22px;border-style:dashed;border-color:#ff2d9573;animation:7s linear infinite reverse cy-spin;top:22px;bottom:22px;left:22px;right:22px}.cy-ring.r3{top:38px;bottom:38px;left:38px;right:38px;border-color:#8fe0cf80;animation:2.2s ease-in-out infinite cy-pulse;top:38px;bottom:38px;left:38px;right:38px}@keyframes cy-spin{to{transform:rotate(360deg)}}@keyframes cy-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:.3;transform:scale(1.12)}}.cy-core{z-index:2;background:linear-gradient(160deg,#ffd79af2,#f57896e6);border-radius:16px;place-items:center;width:54px;height:54px;animation:1.6s ease-in-out infinite cy-core;display:grid;position:relative;box-shadow:0 0 30px #ff967899}.cy-core b{color:#25102f;letter-spacing:.06em;font-size:17px;font-weight:800}@keyframes cy-core{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.cy-bits{top:0;bottom:0;left:0;right:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cy-bits i{width:3px;height:3px;transform:rotate(calc(var(--i)*25.7deg)) translateX(70px);animation:cy-bit 1.8s ease-in-out calc(var(--i)*-.13s) infinite;background:#ffdca0f2;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ffbe78e6}@keyframes cy-bit{0%,to{opacity:0;transform:rotate(calc(var(--i)*25.7deg)) translateX(74px) scale(.4)}45%{opacity:1;transform:rotate(calc(var(--i)*25.7deg)) translateX(30px) scale(1)}70%{opacity:0;transform:rotate(calc(var(--i)*25.7deg)) translateX(6px) scale(.3)}}.ai-title.glitch{text-align:center;position:relative}.ai-title.glitch:before,.ai-title.glitch:after{content:attr(data-t);pointer-events:none;position:absolute;top:0;left:0;right:0}.ai-title.glitch:before{color:#8fe0cf;clip-path:inset(0 0 62%);animation:2.6s steps(2,end) infinite cy-gl1}.ai-title.glitch:after{color:#ff2d95;clip-path:inset(58% 0 0);animation:3.1s steps(2,end) infinite cy-gl2}@keyframes cy-gl1{0%,92%,to{opacity:0;transform:none}94%{opacity:.85;transform:translate(-2px)}97%{opacity:.6;transform:translate(2px)}}@keyframes cy-gl2{0%,90%,to{opacity:0;transform:none}93%{opacity:.8;transform:translate(2px)}96%{opacity:.55;transform:translate(-3px)}}.cy-lines{gap:5px;margin-top:2px;display:grid}.cy-lines .ai-analysis-line{background:#ffffff08;border:1px solid #c496ff1f;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:6px 11px;display:flex}.cy-lines .ai-analysis-line span{color:#f3edff6b;font-size:11.5px;font-weight:800}.cy-lines .ai-analysis-line.done{background:#8fe0cf14;border-color:#8fe0cf6b}.cy-lines .ai-analysis-line.done span{color:#8fe0cf}#v-settings .pl{padding-top:max(10px,var(--safe-top,env(safe-area-inset-top,0px)))}.set-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.set-head h1{color:var(--ink);margin:0;font-size:32px;font-weight:800}.set-head .set-sub{color:var(--ink3);margin:4px 0 0;font-size:13px}#setBody{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:14px;display:grid}.diag-text{max-height:190px;white-space:pre-wrap;word-break:break-word;color:#fff6e8;scrollbar-width:thin;scrollbar-color:#f5c77e66 transparent;background:#ffffff0d;border:1px solid #f5c77e38;border-radius:6px;max-height:min(190px,32vh);margin:0;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.7;overflow:auto}.diag-text::-webkit-scrollbar{width:6px}.diag-text::-webkit-scrollbar-thumb{background:#f5c77e66;border-radius:3px}.diag-text::-webkit-scrollbar-track{background:0 0}#midiBtn.device-button{color:#fff6e8;min-height:35px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}#midiBtn.device-button>span:first-child{font-size:17px}#midiBtn.device-button:hover{background:#ffffff24}#midiBtn.device-button.connected{color:#7fe0a0;background:#78dc961f;border-color:#78dc9680}#midiBtn.device-button.connected>span:first-child{color:#7fe0a0}.device-dialog{color:#fff6e8;background:0 0;border:1px solid #f5c77e47;border-radius:8px;width:min(440px,100vw - 34px);margin:auto;padding:0;box-shadow:0 24px 72px #0403129e}.device-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080618ad}.device-dialog .device-card{isolation:isolate;background:linear-gradient(145deg,#2d2045fa,#14112bfa);border-radius:8px;padding:31px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.device-dialog .device-card:before{content:"";z-index:-1;top:0;bottom:0;left:0;right:0;pointer-events:none;opacity:.72;background:radial-gradient(circle at 12% 18%,#ffffffe6 0,#ffffffe6 1px,#0000 1.5px),radial-gradient(circle at 76% 14%,#ffffffb8 0,#ffffffb8 1px,#0000 1.5px),radial-gradient(circle at 88% 52%,#8fe0cfcc 0,#8fe0cfcc 1px,#0000 1.6px),radial-gradient(circle at 31% 72%,#f5c77eb8 0,#f5c77eb8 1px,#0000 1.5px),radial-gradient(circle at 56% 40%,#ffffff94 0,#ffffff94 1px,#0000 1.4px);position:absolute;top:0;bottom:0;left:0;right:0}.device-dialog .section-kicker{color:#f5c77e;letter-spacing:.14em;margin:0;font-size:11px;font-weight:700}.device-dialog .device-card h2{color:#fff6e8;margin:8px 0;font-family:Noto Sans SC,sans-serif;font-size:25px}.device-dialog .device-card h2:focus{outline:none}.device-dialog .device-current{color:#fff6e8a8;margin:0 0 18px;font-size:13px}.device-dialog .device-options{gap:9px;display:grid}.device-dialog .device-options button{color:#fff6e8;text-align:left;min-height:69px;font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #f5c77e38;border-radius:5px;gap:3px;padding:13px 15px;display:grid;box-shadow:inset 0 1px #ffffff0a}.device-dialog .device-options button:hover{background:#8fe0cf1a;border-color:#8fe0cf8f}.device-dialog .device-options button:disabled{opacity:.5;cursor:wait}.device-dialog .device-options strong{font-size:14px}.device-dialog .device-options span{color:#fff6e88c;font-size:11px}.device-dialog .disconnect-button{color:#8fe0cf;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;margin-top:14px;padding:9px 0;font-size:12px;font-weight:700}.device-dialog .dialog-close{z-index:2;color:#fff6e8;cursor:pointer;background:#2b2046;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:0;line-height:0;display:grid;position:absolute;top:13px;right:14px}.device-dialog .dialog-close:before,.device-dialog .dialog-close:after{content:"";background:currentColor;border-radius:2px;width:13px;height:1.8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.device-dialog .dialog-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.device-dialog .dialog-close:hover{background:#372857;border-color:#f5c77e6b}.qcard{flex-direction:column;display:flex}.qcard .q-desc{min-height:2.9em}.qcard .q-opts{margin-top:0}.qcard .q-redo{margin-top:auto}.qcard{border:1px solid var(--sw-edge);background:var(--sw-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;width:auto;margin:0;padding:20px;position:relative}@media (max-width:640px){#setBody{grid-template-columns:minmax(0,1fr)}.set-head h1{font-size:26px}}@media (orientation:landscape) and (max-height:560px){#setBody{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.set-head h1{font-size:22px}}.q-kicker{letter-spacing:.14em;color:#f5c77e;margin:0;font-size:11px;font-weight:800}.q-title{color:#fff6e8;margin:8px 0 6px;font-size:24px;font-weight:800}.q-desc{color:#f3edff8c;margin:0 0 18px;font-size:13px;line-height:1.65}.q-opts{gap:9px;display:grid}.q-opt{color:#fff6e8;text-align:left;min-height:66px;font:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #f5c77e38;border-radius:12px;gap:3px;padding:13px 15px;display:grid}.q-opt strong{font-size:14px;font-weight:800}.q-opt span{color:#fff6e88c;font-size:11.5px}.q-opt:hover{border-color:#8fe0cf80}.q-opt.active{color:#2a1b33;background:linear-gradient(150deg,#f5c77e,#e2836b);border-color:#0000}.q-opt.active span{color:#2a1b33b8}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.mode-grid .mode-card{border:1px solid var(--sw-edge);background:var(--sw-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;padding:16px 16px 14px;display:flex;overflow:hidden}.mode-grid .mode-card.free{border-color:var(--sw-edge);background:linear-gradient(150deg,#ffc77e1a,var(--sw-card))}.mode-grid .mode-head{cursor:default;align-items:center;gap:12px;padding:0;display:flex}.mode-grid .mode-ic{background:#f5c77e24;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.mode-grid .mode-card.free .free-ic{background:#8fe0cf29}.mode-grid .mode-tt b{color:#fff6e8;font-size:23px;font-weight:800}.mode-desc{color:#f3edff80;flex:1;margin:12px 0 0;font-size:12.5px;line-height:1.6}.mode-prog{align-items:center;gap:10px;margin-top:14px;display:flex}.mp-bar{background:#ffffff1a;border-radius:6px;flex:1;height:6px;overflow:hidden}.mp-bar i{background:linear-gradient(90deg,var(--sw-gold1),var(--sw-gold2));border-radius:6px;height:100%;display:block;box-shadow:0 0 10px #f5a05a80}.mp-num{color:#f3edff9e;white-space:nowrap;font-size:12px;font-weight:800}.mode-foot{align-items:center;gap:10px;margin-top:14px;display:flex}.mode-btns{gap:10px;width:100%;margin-left:auto;display:flex}.mode-card.free .mode-btns{width:auto}.mbtn{border:1px solid var(--sw-edge);color:#fff6e8;min-height:40px;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:12px;flex:1;padding:0 16px;font-size:13px;font-weight:800}.mbtn:hover{border-color:#f5c77e80}.mbtn.primary{color:#2a1230;background:linear-gradient(180deg,var(--sw-gold1),var(--sw-gold2));border-color:#0000;flex:2;font-weight:800;box-shadow:0 6px 22px #f5a05a52}.mbtn.primary:hover{filter:brightness(1.06)}.mode-card.free .mbtn.primary{flex:none;min-width:120px}.mode-grid .mode-card{position:relative}.mode-grid .mode-tt{flex-direction:column;justify-content:center;min-height:44px;display:flex}.mode-grid .mode-tt .free-new{vertical-align:2px;line-height:1;position:relative;top:-1px}.mode-grid .mode-card.has-rec .mode-head{padding-right:84px}.mode-rec{z-index:2;letter-spacing:.02em;color:#2a1230;background:linear-gradient(180deg,var(--sw-gold1),var(--sw-gold2));border-radius:99px;align-items:center;gap:4px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0;padding:3px 9px 3px 7px;font-size:11px;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #f5a05a59}.mode-grid .mode-desc{min-height:max(40px,min(100vw - 600px,80px))}.mode-grid .mode-card.free .mode-prog,.mode-grid .mode-card.free .mode-foot{visibility:hidden;pointer-events:none}.mode-rec i{font-size:10px;font-style:normal;line-height:1}.coach.map-guide .coachbox p b{color:#f5c77e}.mode-grid .mode-card{cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.mode-grid .mode-card:hover{transform:translateY(-2px)}.mode-grid .mode-card.sel{border-color:var(--sw-gold1);box-shadow:0 0 0 1px var(--sw-gold1),0 12px 44px #f5a05a47}.mode-grid .mode-card .mode-pick{color:#f3edff73;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:800;display:flex}.mode-grid .mode-card .mode-pick i{color:#2a1230;border:1.5px solid #ffffff47;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid}.mode-grid .mode-card.sel .mode-pick{color:var(--sw-gold1)}.mode-grid .mode-card.sel .mode-pick i{border-color:var(--sw-gold1);background:var(--sw-gold1)}.mode-start{z-index:5;padding:10px 0 max(6px,var(--safe-bottom,env(safe-area-inset-bottom,0px)));background:linear-gradient(to top,var(--sw-bg,#0a0c24) 62%,#0a0c2400);margin:18px 0 4px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.mode-start .mbtn.primary{border-radius:16px;flex:1;min-height:56px;font-size:17px;box-shadow:0 10px 30px #f5a05a5c}@media (max-width:520px){.mode-start .mbtn.primary{min-height:50px;font-size:15.5px}}html.zen-full #v-full .topbar,html.zen-full #v-full .full-controls,html.zen-full #v-full .ftbar,html.zen-full #v-full .ftinfo{display:none!important}@media (orientation:landscape) and (max-height:560px){#v-full .ftbar{flex-wrap:nowrap;gap:5px;min-width:0;margin-bottom:6px}#v-full .ftbar .ftl{display:none}#v-full .ftseg{border-radius:8px;flex:none;padding:1px}#v-full .ftseg div{border-radius:6px;padding:4px 8px;font-size:11.5px}#v-full .ftfree{align-items:center;gap:5px;min-width:0;display:flex}#v-full .ftsep{display:none}#v-full .ftgrp{border-radius:8px;flex:none;gap:3px;padding:2px 5px}#v-full .ftval{min-width:30px;font-size:11.5px}#v-full .ftstep{border-radius:5px;width:26px;height:26px;font-size:13px}#v-full .ftic{border-radius:7px;flex:none;width:28px;height:28px}#v-full .ftic svg{width:16px;height:16px}#v-full .ftab .ftmini{border-radius:5px;width:26px;height:26px;font-size:11px}#v-full .ftplay{border-radius:9px;flex:none;padding:6px 13px;font-size:12.5px}#v-full .ftspacer{min-width:4px}}html.zen-full #v-full .scroll{margin-top:calc(58px + var(--safe-top,env(safe-area-inset-top,0px)));padding-top:0!important}html.zen-full #fullZenBtn{display:none!important}.zen-x{display:none}html.zen-full .zen-x{z-index:80;color:#f3edff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;top:max(10px,var(--safe-top,env(safe-area-inset-top,0px)));right:max(10px,var(--safe-right,env(safe-area-inset-right,0px)));background:#14102cb8;border:1px solid #f3edff33;border-radius:12px;justify-content:center;align-items:center;padding:0;font:600 16px/1 inherit;display:inline-flex;position:fixed}html.zen-full .zen-x:active{transform:scale(.96)}#v-full .scroll{overflow-anchor:none;overflow-x:hidden;overflow-y:auto}#v-full.on{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}#v-full.on>.scroll{flex:auto;min-height:0}#v-full .scroll{touch-action:pan-x pan-y;cursor:grab}#v-full .scroll:active{cursor:grabbing}html.on-path,html.on-path body{height:100%;overflow:hidden}@media (orientation:landscape) and (max-height:480px){#v-path .pl{padding-bottom:8px}#v-path .map-song{margin:2px 0 8px;padding:6px 12px}#v-path .map-song h2{font-size:15px}#v-path #modeAccordions{padding-bottom:8px}#v-path .mode-grid{gap:8px}#v-path .mode-card{padding:10px 12px}#v-path .mode-head{margin-bottom:4px}#v-path .mode-ic{width:28px;height:28px;font-size:15px}#v-path .mode-tt b{font-size:14px}#v-path .mode-desc{margin:4px 0 0;font-size:11px;line-height:1.45}#v-path .mode-prog{margin-top:6px}#v-path .mode-pick{margin-top:7px;font-size:11px}#v-path .mode-foot{margin-top:6px}#v-path .mbtn{min-height:30px;font-size:11.5px}#v-path .ovwrap{display:none}}#v-path{max-height:100vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:100dvh;overflow-x:hidden;overflow-y:auto}html.map-open #v-path{overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto}html.map-open #v-path>.plmap{box-sizing:border-box;flex-direction:column;flex:auto;justify-content:flex-start;display:flex}html.map-open,html.map-open body{height:100%;overflow:hidden}@media (orientation:landscape){html.on-path,html.on-path body{height:100%;overflow:hidden}}.unit-card.ai-compact .drill-hot{margin-top:8px;padding:7px 9px}.unit-card.ai-compact .drill-hot .dh-top{font-size:10.5px}.unit-card.ai-compact .drill-hot .dh-chips{gap:4px;margin-top:5px}.unit-card.ai-compact .drill-hot .dh-chips span{padding:3px 7px;font-size:10.5px}.unit-card.ai-compact .drill-delta{margin:4px auto 0;padding:4px 10px;font-size:11px}#v-path .ptopbar{display:none!important}#v-path .pl{padding-top:max(10px,var(--safe-top,env(safe-area-inset-top,0px)))}.mapsong-row{border:1px solid var(--sw-edge);background:var(--sw-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;padding:16px 20px!important}.mapsong-row .msr-l{flex:auto;min-width:0;margin-right:auto}.mapsong-row .map-entries{flex:none;align-items:center;gap:8px;display:flex}.mapsong-row .map-entries.te-wait:after{content:"";flex:0 0 56px;height:0}.mapsong-row h1{color:#fff6e8;letter-spacing:.01em;margin:0;font-size:27px;font-weight:800}.resume-pill{cursor:pointer;background:#f5c77e1f;border:1px solid #f5c77e6b;border-radius:12px;align-items:center;gap:12px;padding:9px 10px 9px 14px;display:flex}.resume-pill .rp-tx{min-width:0;line-height:1.25;display:grid}.resume-pill .rp-tx span{color:#f5c77ee6;font-size:10.5px;font-weight:800}.resume-pill .rp-tx b{color:#fff6e8;white-space:nowrap;font-size:12.5px}.resume-pill .rp-go{color:#2a1b33;background:linear-gradient(150deg,#f5c77e,#e2836b);border-radius:9px;flex:none;padding:7px 13px;font-size:12.5px;font-weight:800}#mapResumeSlot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}#mapResumeSlot .resume-pill{flex:auto;width:auto;min-width:0}@media (orientation:landscape) and (max-height:560px){#mapResumeSlot .resume-pill:not(.review){display:none}}.resume-pill.review{background:#8fe0cf1a;border-color:#8fe0cf6b}.resume-pill.review .rp-tx span{color:#8fe0cff2}.resume-pill.review .rp-go{color:#123028;background:linear-gradient(150deg,#8fe0cf,#5fbfae)}.msact{cursor:pointer;color:#fff6e8;min-height:36px;font:inherit;background:#ffffff0d;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.msact i{font-size:13px;font-style:normal}.msact:hover{border-color:#f5c77e80}.msact.primary{color:#2a1b33;background:linear-gradient(150deg,#f5c77e,#e2836b);border-color:#0000}@media (max-width:820px){.mapsong-row{padding:14px 16px!important}.mapsong-row h1{font-size:22px}.resume-pill{width:100%}.resume-pill .rp-go{margin-left:auto}}@media (orientation:landscape) and (max-height:560px){.mapsong-row{margin-bottom:8px;padding:9px 14px!important}.mapsong-row h1{font-size:19px}.resume-pill{padding:6px 8px 6px 11px}.resume-pill .rp-go{padding:5px 10px;font-size:11.5px}.mode-grid .mode-card{padding:11px 12px}.mode-grid .mode-ic{border-radius:10px;width:34px;height:34px;font-size:17px}.mode-grid .mode-tt b{font-size:15px}.mode-desc{margin-top:6px;font-size:11px}.mode-prog,.mode-foot{margin-top:9px}.mbtn{min-height:34px;font-size:12px}.mode-start{margin:4px 0 2px}}.roadmap.rm-h{max-width:none;margin:0;position:relative}.roadmap.rm-h>svg{top:0;bottom:0;left:0;right:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.rm-h .rm-node{text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:120px;display:flex;position:absolute;transform:translate(-50%,-50%)}.rm-h .rm-dot{background:var(--sw-purple);border-radius:14px;place-items:center;width:56px;height:56px;margin:0 auto;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 8px 20px #0a082080}.rm-h .rm-num{color:#fff6e8;font-size:19px;font-weight:800;line-height:1;transform:rotate(-45deg)}.rm-h .rm-node.done .rm-dot{background:linear-gradient(150deg,var(--sw-gold1),var(--sw-gold2))}.rm-h .rm-node.cur .rm-dot{background:linear-gradient(150deg,var(--sw-gold1),var(--sw-gold2));box-shadow:0 0 0 4px #f5a75b38,0 0 30px #ffa05ab3}.rm-h .rm-node.avail .rm-dot{background:var(--sw-purple)}.rm-h .rm-node.final .rm-dot{background:linear-gradient(150deg,#8fe0cf,#5fb8a6)}.rm-h .rm-badge{background:linear-gradient(180deg,var(--sw-gold1),var(--sw-gold2));color:#2a1230;letter-spacing:.04em;border-radius:6px;padding:2px 8px;font-size:9.5px;font-weight:800;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-45deg)}.rm-h .rm-cap{color:#f3edffa8;white-space:nowrap;height:29px;margin-top:16px;font-size:11.5px;font-weight:700;line-height:1.25}.rm-h .rm-node.ch .rm-cap{white-space:normal;word-break:keep-all;width:132px;line-height:1.25}.rm-h .rm-node.final .rm-cap{white-space:normal;line-height:1.25}.rm-h .rm-node.cur .rm-cap{color:#f5c77e}.rm-h .rm-node.ch .rm-dot{border-radius:0;transform:none}.rm-h .rm-node.ch .rm-num{transform:none}.rm-h .rm-node.mini .rm-dot{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);width:62px;height:62px;box-shadow:none;background:#8fe0cf}.rm-h .rm-node.mini .rm-dot:before{content:"";top:2.5px;bottom:2.5px;left:2.5px;right:2.5px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:#141033;position:absolute;top:2.5px;bottom:2.5px;left:2.5px;right:2.5px}.rm-h .rm-node.mini .rm-num{z-index:1;color:#8fe0cf;place-items:center;display:grid;position:relative}.rm-h .rm-node.mini .rm-num svg{width:26px;height:26px}.rm-h .rm-node.mini .rm-cap{color:#8fe0cf}.rm-h .rm-node.mini.done .rm-dot:before{background:linear-gradient(135deg,#2f6b52,#4c907f)}.rm-h .rm-node.mini.done .rm-num{color:#fff6e8}.rm-h .rm-node.mini.lock .rm-dot{background:#8fe0cf47}.rm-h .rm-node.mini.lock .rm-num{color:#8fe0cf73}.rm-h .rm-node.mini.lock .rm-cap,.rm-h .rm-node.final.lock .rm-cap{color:#f3edff66}.rm-h .rm-node.final .rm-dot{clip-path:none;background:radial-gradient(circle at 38% 28%,#fff4d6,#f5c77e 48%,#c9832b);border-radius:50%;width:74px;height:74px;box-shadow:0 12px 26px #c9832b6b}.rm-h .rm-node.final .rm-dot:before{content:"";top:6px;bottom:6px;left:6px;right:6px;border:1.5px dashed #2a123057;border-radius:50%;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.rm-h .rm-node.final .rm-num{z-index:1;color:#2a1230;place-items:center;margin:0;font-size:0;display:grid;position:relative}.rm-h .rm-node.final .rm-num svg{width:42px;height:42px}.rm-h .rm-node.final .rm-cap{color:#f5c77e;white-space:nowrap;font-weight:800}.rm-h .rm-node.final .rm-halo{pointer-events:none;border:1px solid #f5c77e6b;border-radius:50%;width:96px;height:96px;animation:2.6s ease-in-out infinite rm-halo;position:absolute;top:37px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px #f5c77e38}@keyframes rm-halo{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}.rm-h .rm-node.final.lock .rm-dot{filter:grayscale()brightness(.45)}.rm-h .rm-node.final.lock .rm-halo{display:none}.rm-h .rm-node.ch.cur .rm-dot{animation:none}.rm-h .rm-node.ch.cur .rm-dot:after{display:none}.rm-h .rm-node.ch .rm-badge{transform:translate(-50%)}.rm-h .rm-score{z-index:2;color:#8fe0cf;font-variant-numeric:tabular-nums;background:#06231d;border:1px solid #8fe0cf80;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:-8px;right:8px}.map-toast{left:50%;bottom:calc(28px + var(--safe-bottom,env(safe-area-inset-bottom,0px)));z-index:9000;opacity:0;pointer-events:none;color:#2a1230;background:linear-gradient(#ffd79a,#f5a05a);border-radius:99px;padding:9px 16px;font-size:12.5px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,10px);box-shadow:0 10px 30px #0006}.map-toast.on{opacity:1;transform:translate(-50%)}.ch-gate{position:relative;overflow:hidden}.ch-gate.final{border-color:#f5c77e8c;box-shadow:0 0 0 1px #f5c77e59,0 30px 90px #f5a05a38}.ch-curtain{top:0;bottom:0;left:0;right:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff05 0,#ffffff05 2px,#0000 2px,#0000 46px);position:absolute;top:0;bottom:0;left:0;right:0}.ch-chips{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.ch-chip{border:1px solid var(--sw-edge);color:#f3edff9e;background:#ffffff0a;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.ch-chip b{color:#fff6e8;font-variant-numeric:tabular-nums}.ch-count{text-align:center;place-items:center;gap:14px;display:grid}.ch-count .cc-t{color:#f3edff9e;letter-spacing:.2em;font-size:14px}.ch-count .cc-big{color:#f5c77e;text-shadow:0 0 40px #f5c77e80;font-family:Noto Sans SC;font-size:120px;font-weight:900;line-height:1}.ch-count .cc-big.pop{animation:.5s cubic-bezier(.2,1.5,.4,1) ccPop}@keyframes ccPop{0%{opacity:.3;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.ch-count .cc-s{color:#f3edff6b;letter-spacing:.06em;font-size:12px}body.challenge-run .mv-bg .st-beam{opacity:.25}body.challenge-run #phaseStrip,body.challenge-run #stageFlow,body.challenge-run .passwrap,body.challenge-run #statCards,body.challenge-run #btnFinger{display:none!important}.chbar{color:#f3edff9e;align-items:center;gap:12px;padding:6px 14px;font-size:12px;font-weight:800;display:flex}.chbar .cb-m{white-space:nowrap;font-variant-numeric:tabular-nums}.chbar .cb-track{background:#ffffff1a;border-radius:5px;flex:1;height:8px;position:relative;overflow:visible}.chbar .cb-fill{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:5px;transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.chbar .cb-ticks u{background:#fff6e866;width:1px;position:absolute;top:-3px;bottom:-3px}.chbar .cb-combo{text-align:right;color:#8fe0cf;font-variant-numeric:tabular-nums;min-width:64px}.ch-res .ch-stars{justify-content:center;gap:8px;margin:4px 0 2px;display:flex}.ch-res .ch-stars svg{width:36px;height:36px}.ch-carve{text-align:left;background:#f5c77e17;border:1px solid #f5c77e57;border-radius:12px;align-items:center;gap:12px;margin:10px 0 0;padding:10px 12px;display:flex}.ch-carve b{color:#f5c77e;font-size:12.5px;display:block}.ch-carve span{color:#f3edff70;font-size:11.5px}.unit-card.ai-tight .ch-stars svg{width:26px;height:26px}@media (orientation:landscape) and (max-height:560px){.unit-card.ai-ceremony>.ch-stars{grid-column:1}.unit-card.ai-ceremony>.ch-carve{grid-column:2}.ch-count .cc-big{font-size:84px}}.rm-h .rm-lit{filter:drop-shadow(0 0 5px #ffbe788c)}.rm-h .rm-comet{filter:drop-shadow(0 0 7px #ffdca0f2);animation:2.6s linear infinite rm-comet}.rm-h .rm-comet2{filter:drop-shadow(0 0 8px #ff78bee6);animation-duration:3.6s;animation-delay:-1.3s}@keyframes rm-comet{0%{stroke-dashoffset:7px}to{stroke-dashoffset:-93px}}.rm-h .rm-node.cur .rm-dot{animation:2.2s ease-in-out infinite rm-breathe}@keyframes rm-breathe{0%,to{transform:rotate(45deg)scale(1);box-shadow:0 0 0 4px #f5a75b33,0 0 26px #ffa05a99}50%{transform:rotate(45deg)scale(1.09);box-shadow:0 0 0 7px #f5a75b1f,0 0 40px #ffa05ad9}}.rm-h .rm-node.cur .rm-dot:after{content:"";top:-6px;bottom:-6px;left:-6px;right:-6px;pointer-events:none;border:2px solid #ffc77e8c;border-radius:18px;animation:2.2s ease-out infinite rm-ping;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes rm-ping{0%{opacity:.75;transform:scale(.9)}70%{opacity:0;transform:scale(1.35)}to{opacity:0}}.rm-h .rm-node.rm-unlock .rm-dot{z-index:3;animation:.9s cubic-bezier(.2,1.5,.35,1) both rm-unlock-pop,2.2s ease-in-out .9s infinite rm-breathe}@keyframes rm-unlock-pop{0%{filter:brightness(2.2);transform:rotate(45deg)scale(.5)}45%{filter:brightness(1.6);transform:rotate(45deg)scale(1.28)}to{filter:none;transform:rotate(45deg)scale(1)}}.rm-h .rm-node.rm-unlock .rm-dot:before{content:"";top:-10px;bottom:-10px;left:-10px;right:-10px;pointer-events:none;border:3px solid #ffd696e6;border-radius:22px;animation:.95s ease-out 2 both rm-unlock-ring;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}@keyframes rm-unlock-ring{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(2.1)}}.rm-h .rm-node.rm-unlock .rm-cap{color:#f5c77e;animation:.9s ease-out both rm-unlock-cap}@keyframes rm-unlock-cap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rm-h .rm-comet,.rm-h .rm-node.cur .rm-dot,.rm-h .rm-node.cur .rm-dot:after,.rm-h .rm-node.rm-unlock .rm-dot,.rm-h .rm-node.rm-unlock .rm-dot:before,.rm-h .rm-node.rm-unlock .rm-cap{animation:none}}@media (max-width:820px){.rm-h .rm-dot{width:48px;height:48px}.rm-h .rm-num{font-size:17px}.rm-h .rm-cap{font-size:10.5px}}.mapscreen{border:1px solid var(--sw-edge);background:var(--sw-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;overflow:hidden}@keyframes mapPop{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:none}}@keyframes nodePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.mapscreen.pop{transform-origin:50% 0;animation:.3s cubic-bezier(.22,1,.36,1) both mapPop}.mapscreen.pop .rm-node{animation:.34s cubic-bezier(.34,1.4,.5,1) both nodePop}.mapscreen.pop>svg,.mapscreen.pop .roadmap>svg{animation:.4s both mapPop}@media (prefers-reduced-motion:reduce){.mapscreen.pop,.mapscreen.pop .rm-node{animation:none}}.ms-top{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:14px 16px;display:flex}.ms-x{color:#fff6e8;width:44px;height:44px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;flex:none;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.ms-x:hover{background:#ffffff1f}.ms-top b{color:#fff6e8;font-size:15px;font-weight:800}.ms-count{color:#f5c77e;margin-left:auto;margin-right:14px;font-size:12.5px;font-weight:800}.ms-body{padding:10px 8px 18px;overflow-x:auto}@media (orientation:landscape) and (max-height:560px){#v-path .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#v-path .mode-grid .mode-card{border-radius:14px;padding:10px 12px 9px}#v-path .mode-grid .mode-head{gap:8px}#v-path .mode-grid .mode-ic{border-radius:9px;width:30px;height:30px;font-size:15px}#v-path .mode-grid .mode-tt b{font-size:14px}#v-path .mode-rec{margin-top:4px;padding:2px 7px 2px 6px;font-size:10px}#v-path .mode-desc{margin-top:6px;font-size:11px;line-height:1.45}#v-path .mode-prog{gap:8px;margin-top:8px}#v-path .mp-num{font-size:11px}#v-path .mode-foot{gap:8px;margin-top:8px}#v-path .mode-grid .mode-card .mode-pick{margin-top:8px;font-size:11.5px}#v-path .mbtn{border-radius:10px;min-height:32px;padding:0 10px;font-size:12px}#v-path .mode-start .mbtn.primary{border-radius:12px;min-height:40px;font-size:14px}}html.zen-full .zen-play{left:max(10px,var(--safe-left,env(safe-area-inset-left,0px)));color:#24182e;background:#f5c77e;width:auto;min-width:88px;padding:0 12px;right:auto}@media (max-width:820px) and (orientation:portrait){.mode-grid{grid-template-columns:1fr;gap:12px}.mode-grid .mode-card{padding:14px}.mode-grid .mode-tt b{font-size:17px}.mode-desc{margin-top:8px}.mode-btns,.mode-card.free .mode-btns{width:100%}.mode-card.free .mbtn.primary{flex:1;min-width:0}.ms-top b{font-size:13.5px}.ms-count{font-size:11.5px}}@media (orientation:landscape) and (max-height:560px){html.map-open .mapsong-row{display:none}.ms-top{padding:8px 12px}.ms-top b{font-size:13px}.ms-count{font-size:11.5px}.msact{min-height:32px;padding:0 11px;font-size:12px}.ms-body{padding:4px 6px 0}.rm-h .rm-dot{width:42px;height:42px}.rm-h .rm-num{font-size:15px}.rm-h .rm-cap{margin-top:11px;font-size:10px}.rm-h .rm-badge{padding:1px 6px;font-size:9px;top:-25px}}#v-full .paper,#v-full .paper.light,#fullPaper,#fullPaper.light{background:#131028!important;border-color:#ffffff1a!important}#v-practice.on[data-notation=staff] #sheetWrap,#v-practice.on[data-notation=staff] #sheetScroll{background:#131028}#v-practice.on[data-notation=staff] .parea,#v-practice.on[data-notation=staff] .parea.light{background:#131028!important;border-color:#ffffff1a!important}#v-practice.on .ptop{z-index:24;box-sizing:border-box;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0912f0;border:0;border-bottom:1px solid #ffffff17;height:56px;padding:0;position:absolute;top:0;left:0;right:0}#v-practice.on .ptop>*{pointer-events:auto}#v-practice.on .ptt{display:none}#v-practice.on .phasestrip{z-index:2;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:232px;right:88px}.ps-row{background:#171323;border:1px solid #f5c77e3d;border-radius:24px;align-items:center;gap:4px;padding:2px;display:flex}.ps-step{color:#bbb3c8;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:48px;min-height:40px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;display:flex}.ps-step.cur{color:#2a1b33;background:#f5c77e}.ps-step.locked{color:#aaa0b6}.ps-step:focus-visible{outline-offset:2px;outline:2px solid #fff6e8}.ps-lock{fill:none;stroke:currentColor;stroke-width:1.5px;width:12px;height:12px}.ps-hint{color:#fff0d8;box-sizing:border-box;background:#282034;border:1px solid #756147;border-radius:12px;width:320px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:13px;line-height:1.6;position:absolute;top:calc(100% + 8px);box-shadow:0 8px 24px #0008}.ps-hint[hidden]{display:none}.rec-dot{z-index:24;top:max(58px,calc(var(--safe-top,env(safe-area-inset-top,0px)) + 48px));left:calc(14px + var(--safe-left,env(safe-area-inset-left,0px)));letter-spacing:.04em;color:#ffd9d9;background:#c83c3c38;border:1px solid #e88a8a80;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:flex;position:absolute}.rec-dot i{background:#e85a5a;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite recBlink}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.rec-dot i{animation:none}}.ps-sub{display:none}#v-practice.on .px,#v-practice.on .pico{top:calc(10px + var(--safe-top,env(safe-area-inset-top,0px)));color:#f3edffa8;width:44px;height:44px;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;place-items:center;padding:0;font-size:0;display:grid;position:absolute}#v-practice.on :-webkit-any(.px,.pico) svg{pointer-events:none;width:19px;height:19px;display:block}#v-practice.on :-moz-any(.px,.pico) svg{pointer-events:none;width:19px;height:19px;display:block}#v-practice.on :is(.px,.pico) svg{pointer-events:none;width:19px;height:19px;display:block}#v-practice.on .px{right:calc(12px + var(--safe-right,env(safe-area-inset-right,0px)));left:auto}#v-practice.on #btnMetro{right:calc(calc(12px + var(--safe-right,env(safe-area-inset-right,0px))) + 80px)}#v-practice.on #btnSound{right:calc(calc(12px + var(--safe-right,env(safe-area-inset-right,0px))) + 136px)}#v-practice.on #pListen{right:calc(calc(12px + var(--safe-right,env(safe-area-inset-right,0px))) + 192px)}#v-practice.on #btnDigits{right:calc(calc(12px + var(--safe-right,env(safe-area-inset-right,0px))) + 248px);display:none}#v-practice.on #btnFinger{right:calc(calc(12px + var(--safe-right,env(safe-area-inset-right,0px))) + 248px)}#v-practice.on #btnFingerL{right:calc(calc(12px + var(--safe-right,env(safe-area-inset-right,0px))) + 304px)}#v-practice.on :-webkit-any(#btnFinger,#btnFingerL).on{color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on :-moz-any(#btnFinger,#btnFingerL).on{color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on :is(#btnFinger,#btnFingerL).on{color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on :-webkit-any(#btnFinger,#btnFingerL).off{opacity:.5}#v-practice.on :-moz-any(#btnFinger,#btnFingerL).off{opacity:.5}#v-practice.on :is(#btnFinger,#btnFingerL).off{opacity:.5}#v-practice.on[data-notation=waterfall] #btnDigits{display:grid}#v-practice.on :-webkit-any(#btnMetro.on,#btnSound:not(.off)){color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on :-moz-any(#btnMetro.on,#btnSound:not(.off)){color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on :is(#btnMetro.on,#btnSound:not(.off)){color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on #btnDigits.on{color:#f5c77e;background:#f5c77e24;border-color:#f5c77e8c}#v-practice.on #pPlay{right:auto;left:calc(14px + var(--safe-left,env(safe-area-inset-left,0px)));color:#3a2636;background:linear-gradient(150deg,#ffe3b0,#e8a96b);border-color:#0000;box-shadow:0 6px 18px #f5c77e47}#v-practice.on #pPlay .icon-pause,#v-practice.on #btnSound .icon-muted,#v-practice.on #pPlay.paused .icon-play,#v-practice.on #btnSound.off .icon-volume{display:none}#v-practice.on #pPlay.paused .icon-pause,#v-practice.on #btnSound.off .icon-muted{display:block}#v-practice.on .parea{--progress-top:4px}#v-practice.on .passwrap{display:none}#v-practice.on>.practice-loopbar{z-index:24;pointer-events:auto;margin:0;position:absolute;top:58px;left:14px;right:14px}#v-practice.on .passhead{display:none}#v-practice.on .parea{top:56px;right:0;bottom:calc(var(--kb-h) + var(--kb-pad));left:0;inset:56px 0 calc(var(--kb-h) + var(--kb-pad));box-shadow:none;background:#131028;border:0;border-radius:0;margin:0;position:absolute;overflow:hidden}#v-practice.on #pracKb{z-index:23;padding:0 0 var(--kb-pad);position:absolute;bottom:0;left:0;right:0}.loopmask{pointer-events:none;z-index:3;background:#d769521a;border-top:2px solid #d769526b;border-bottom:2px solid #d769526b;border-radius:6px;position:absolute}.loopmask.live{background:#d7695233;border-color:#e98c6ed9}.loopmask>b{color:#e98c6ef2;font:800 11px/1 Noto Sans SC,Arial;position:absolute;top:-15px;left:4px}#v-practice.on[data-notation=waterfall]{--kb-h:0px;--kb-pad:0px}#v-practice.on .parea.stage,#v-practice.on[data-notation=numbered] .parea{background:#131028}.parea{position:relative}.parea>.fx-layer{z-index:0}.parea>#pracFall,.parea>#pracJianpu,.parea>#pracSheet{z-index:1}#v-practice.on[data-notation=staff] .parea.light{background:#fff}#v-practice.on #pracSheet,#v-practice.on #pracJianpu,#v-practice.on #pracFall{overflow:hidden}#v-practice.on .ctrl{z-index:25;top:max(10px,var(--safe-top,env(safe-area-inset-top,0px)));bottom:auto;right:auto;left:calc(max(14px,var(--safe-left,env(safe-area-inset-left,0px))) + 50px);pointer-events:none;align-items:center;gap:30px;height:44px;min-height:44px;padding:0;position:absolute}#v-practice.on .ctrl>*{pointer-events:auto}#v-practice.on .chbar{z-index:1;top:max(10px,var(--safe-top,env(safe-area-inset-top,0px)));box-sizing:border-box;pointer-events:none;background:#15121fe6;border:1px solid #ffffff14;border-radius:8px;width:min(30vw,300px);height:44px;padding:0 12px;position:absolute;left:calc(50% + 55px);transform:translate(-50%)}#v-practice.on .chbar .cb-m{display:none}#v-practice.on .chbar .cb-combo{min-width:0}#v-practice.on .chbar .cb-combo:empty{display:none}#v-practice.on .practice-change-mode{color:#fff6e8;height:44px;min-height:44px;font:inherit;cursor:pointer;background:#15121ff0;border:1px solid #a985ff61;border-radius:6px;padding:0 16px;font-size:12px;font-weight:800}#v-practice.on .practice-speed-control{box-sizing:border-box;color:#aaa5b7;background:#15121ff0;border:1px solid #a985ff57;border-radius:6px;align-items:center;gap:7px;height:44px;min-height:44px;padding:5px 7px 5px 12px;font-size:12px;font-weight:800;display:flex}#v-practice.on .practice-speed-control select{color:#fff;min-width:58px;height:28px;font:inherit;background:#29233b;border:0;border-radius:4px;outline:0;padding:0 24px 0 8px;font-size:12px;font-weight:800}#v-practice.on[data-notation=numbered] :is(.jphdr,.jphit .tri){display:none}#v-practice.on[data-notation=numbered] .jphit i{top:var(--judge-top,94px);bottom:var(--judge-bottom,62px);background:#fff1c7;width:3px;box-shadow:0 0 14px #f5c77e61}#v-practice.on[data-notation=numbered] .jphit{--judge-top:94px;--judge-bottom:62px}#v-practice.on .ov{z-index:50;top:0;bottom:0;left:0;right:0;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0a091cf7,#1a1332f7);justify-content:safe center;padding:18px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}#v-practice.on .startgate{box-sizing:border-box;background:linear-gradient(145deg,#2d2045f5,#14112bfa);border:1px solid #f5c77e47;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;width:min(680px,100% - 20px);max-height:100%;padding:20px;display:grid;box-shadow:0 24px 72px #0403129e,inset 0 1px #ffffff14}#v-practice.on .startgate :-webkit-any(.sg-kicker,.sg-title,.sg-sub,.sg-go){grid-column:1/-1}#v-practice.on .startgate :-moz-any(.sg-kicker,.sg-title,.sg-sub,.sg-go){grid-column:1/-1}#v-practice.on .startgate :is(.sg-kicker,.sg-title,.sg-sub,.sg-go){grid-column:1/-1}#v-practice.on .startgate .sg-kicker{color:#f5c77e}#v-practice.on .startgate .sg-title{color:#fff6e8;margin:0;padding-right:40px;font-size:21px}#v-practice.on .startgate .sg-sub{color:#fff6e894;margin:0}#v-practice.on .sg-block{background:#ffffff0d;border-radius:7px;min-height:52px;padding:8px 11px}#v-practice.on .sg-lab{font-size:12.5px}#v-practice.on .sg-seg{border-radius:6px}#v-practice.on .sg-seg div{border-radius:4px;min-width:34px;padding:7px 12px;font-size:11.5px}#v-practice.on .sg-seg div.on{color:#2a1b33;background:#f5c77e}#v-practice.on .startgate .sg-go{color:#2a1230;background:linear-gradient(180deg,var(--sw-gold1),var(--sw-gold2));border-radius:12px;min-height:44px;margin-top:0;font-weight:800;box-shadow:0 8px 26px #f5a05a57}#v-practice.on .sg-x{border-radius:50%}#v-practice.on .phasecard{border-radius:8px;background:linear-gradient(145deg,#2d2045f5,#14112bfa)!important}#v-practice.on .hitzone{background:linear-gradient(90deg,#f5c77e00,#f5c77e09 34%,#f5c77e29 50%,#f5c77e09 66%,#f5c77e00);width:132px;left:calc(25% - 66px)}#v-practice.on #hitLine i,#v-practice.on .jphit i{animation:1.8s ease-in-out infinite super-judge-breathe}@keyframes super-judge-breathe{0%,to{opacity:.68;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.35)}}#v-practice.on .countin span{color:#2a1b33;background:linear-gradient(150deg,#f5c77e,#e2836b);border-radius:8px}@media (max-width:880px) and (min-height:520px){#v-practice.on .ptop{height:86px}#v-practice.on .parea{top:86px;right:0;bottom:calc(var(--kb-h) + var(--kb-pad));left:0;inset:86px 0 calc(var(--kb-h) + var(--kb-pad))}#v-practice.on>.practice-loopbar{top:90px}}@media (max-width:880px) and (orientation:portrait){#v-practice.on .ptop{height:132px}#v-practice.on .ctrl{top:calc(max(10px,var(--safe-top,env(safe-area-inset-top,0px))) + 46px)}#v-practice.on .parea{top:132px;right:0;bottom:calc(var(--kb-h) + var(--kb-pad));left:0;inset:132px 0 calc(var(--kb-h) + var(--kb-pad))}#v-practice.on .chbar{top:calc(max(10px,var(--safe-top,env(safe-area-inset-top,0px))) + 94px);width:min(70vw,360px);left:50%}#v-practice.on>.practice-loopbar{top:136px}}@media (orientation:landscape) and (max-width:760px){#v-practice.on .ctrl{gap:12px}#v-practice.on .practice-change-mode{padding:0 11px;font-size:11px}#v-practice.on .practice-speed-control{padding-left:8px;font-size:11px}}@media (orientation:landscape) and (max-height:480px){#v-practice.on .ov{padding:8px 14px}#v-practice.on .startgate{gap:6px 10px;padding:12px 16px}#v-practice.on .startgate .sg-kicker{font-size:9px}#v-practice.on .startgate .sg-title{font-size:17px}#v-practice.on .startgate .sg-sub{display:none}#v-practice.on .sg-block{min-height:44px;padding:5px 9px}#v-practice.on .startgate .sg-go{min-height:36px}#v-practice.on .phasecard{gap:10px;padding:22px 38px}#v-practice.on .pc-title{font-size:22px}}@media (orientation:portrait){#v-practice.on .startgate{grid-template-columns:1fr;width:min(440px,100% - 12px)}#v-practice.on .startgate :-webkit-any(.sg-kicker,.sg-title,.sg-sub,.sg-go){grid-column:1}#v-practice.on .startgate :-moz-any(.sg-kicker,.sg-title,.sg-sub,.sg-go){grid-column:1}#v-practice.on .startgate :is(.sg-kicker,.sg-title,.sg-sub,.sg-go){grid-column:1}}@media (orientation:portrait) and (max-width:820px){.mapsong-row{padding:9px 14px!important}.mapsong-row h1{font-size:21px}.resume-pill{padding:7px 8px 7px 11px}.mode-grid{gap:8px}.mode-grid .mode-card{padding:11px 14px}.mode-grid .mode-ic{border-radius:11px;width:38px;height:38px;font-size:19px}.mode-grid .mode-tt b{font-size:16px}.mode-desc{margin-top:5px;font-size:12px;line-height:1.45}.mode-prog,.mode-foot{margin-top:8px}.mbtn{min-height:36px;font-size:12.5px}.map-stats-card.slim{margin-top:8px;padding:8px 14px}#v-path .pl{padding-top:calc(6px + var(--safe-top,env(safe-area-inset-top,0px)))}}#aiOnboarding{top:0;bottom:0;left:0;right:0;z-index:10020;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff6e8;background:#07091bdb;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#aiOnboarding.on{animation:.28s both aiFadeIn;display:flex}@keyframes aiFadeIn{0%{opacity:0}to{opacity:1}}.ai-x{z-index:2;color:#fff6e8b3;width:32px;height:32px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff6e838;border-radius:50%;place-items:center;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.ai-x:active{transform:scale(.94)}.ai-shell{width:min(520px,100%);max-height:calc(100vh - 28px);border:1px solid var(--sw-edge);background:linear-gradient(160deg,#201136fa,#0e0720fa);border-radius:22px;flex-direction:column;max-height:calc(100dvh - 28px);padding:28px 22px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 90px #00000080,0 0 0 1px #c496ff0d}.ai-kicker{letter-spacing:.2em;color:var(--sw-gold1);text-transform:uppercase;padding-right:34px;font-size:10px;font-weight:800}.ai-title{color:#fff6e8;margin-top:8px;font-family:Noto Sans SC;font-size:25px;line-height:1.28}.ai-sub{color:#fff6e8a8;margin-top:8px;font-size:12px;font-weight:700;line-height:1.65}.ai-progress{gap:6px;margin:18px 0 20px;display:flex}.ai-progress i{background:#ffffff24;border-radius:4px;flex:1;height:4px}.ai-progress i.on{background:#7fd0a8;box-shadow:0 0 12px #7fd0a899}.ai-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.ai-option{color:#fff6e8;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;min-height:78px;padding:13px 10px}.ai-option b{font-size:14px;display:block}.ai-option small{color:#fff6e88f;margin-top:5px;font-size:10px;line-height:1.4;display:block}.ai-option.sel{background:#7fd0a829;border-color:#7fd0a8;box-shadow:inset 0 0 0 1px #7fd0a838}.ai-field{margin-top:18px}.ai-field label{color:#fff6e8c7;margin-bottom:8px;font-size:12px;display:block}.ai-seg{flex-wrap:wrap;gap:7px;display:flex}.ai-seg button{color:#fff6e8bd;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21;border-radius:11px;padding:9px 12px;font:700 12px inherit}.ai-seg button.sel{color:#fff6e8;background:#f5c77e29;border-color:#f5c77e}.ai-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.ai-shell>.ai-actions{flex:none}.ai-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.ai-actions .btn{width:auto;min-width:120px}.ai-note{color:#fff6e880;margin-top:12px;font-size:11px;line-height:1.5}.ai-test{background:#0000002e;border:1px solid #ffffff1a;border-radius:18px;margin-top:20px;padding:16px}.ai-test-head{justify-content:space-between;align-items:center;font-size:12px;display:flex}.ai-test-head b{color:#7fd0a8;font-size:18px}.ai-keys{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:16px;display:grid}.ai-key{aspect-ratio:1/1.35;color:#27213d;cursor:pointer;background:linear-gradient(#fff,#ddd);border:1px solid #ffffff29;border-radius:9px;font:800 12px inherit}.ai-key.hit{color:#fff;background:#7fd0a8;box-shadow:0 0 18px #7fd0a8cc}.ai-jianpu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.ai-measure{background:#ffffff0b;border-left:2px solid #f5c77e61;border-right:2px solid #f5c77e61;justify-content:space-around;align-items:center;gap:5px;min-height:58px;padding:9px;display:flex}.ai-jp-note{color:#fff6e89e;border-radius:8px;place-items:center;width:28px;height:32px;font-size:18px;display:grid;position:relative}.ai-jp-note.now{color:#251b38;background:#f5c77e;box-shadow:0 0 18px #f5c77e8c}.ai-jp-note.done{color:#7fd0a8}.ai-jp-note.wrong{color:#ff8d9e}.ai-jp-note.long:after{content:"";background:currentColor;height:1px;position:absolute;bottom:2px;left:5px;right:5px}.ai-test-title{color:#fff6e88c;text-align:center;margin-top:12px;font-size:11px}.ai-test-actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.ai-reset{color:#fff6e88c;cursor:pointer;background:0 0;border:0;font:700 11px inherit}.ai-keys.seven{grid-template-columns:repeat(7,1fr)}@media (max-height:760px){.ai-shell{padding:20px 18px 16px}.ai-title{font-size:21px}.ai-progress{margin:12px 0 14px}.ai-test{margin-top:12px;padding:12px}.ai-jianpu{gap:6px;margin-top:10px}.ai-measure{min-height:48px;padding:7px}.ai-keys{gap:5px;margin-top:10px}.ai-actions{margin-top:16px}}.ai-analyze{text-align:center;padding:16px 6px 8px}.ai-analysis-line{color:#fff6e8bd;margin-top:9px;font-size:12px}.ai-analysis-line.done{color:#7fd0a8}.ai-result{padding-top:2px}.ai-paths{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.ai-path{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21;border-radius:14px;padding:13px}.ai-path.sel{background:#f5c77e24;border-color:#f5c77e}.ai-path b{font-size:14px}.ai-path small{color:#fff6e88f;margin-top:5px;font-size:10px;line-height:1.4;display:block}.ai-path b{color:#fff}.coach.map-guide .coachbox{background:linear-gradient(155deg,#241a40fc,#0c0e28fc);border-color:#f5c77e94}.coach.map-guide .coachbox h4{color:#fff6e8}.coach.map-guide .coachbox p{color:#fff6e8a6}.coach.map-guide .coachhole{border-color:#f5c77e;box-shadow:0 0 0 9999px #07091bdb,0 0 26px #f5c77e99}@media (max-width:420px){.ai-shell{border-radius:22px;padding:23px 16px 17px}.ai-options{grid-template-columns:1fr}.ai-option{min-height:62px}.ai-paths{grid-template-columns:1fr}.ai-title{font-size:22px}}html.on-settings,html.on-settings body{height:100%;overflow:hidden}#v-settings{max-height:100vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:100dvh;overflow-y:auto}@media (orientation:portrait) and (max-width:640px){.set-head{margin-bottom:12px}.set-head h1{font-size:24px}.set-head .set-sub{font-size:12px}#setBody{gap:10px}.qcard{border-radius:16px;padding:14px 16px}.q-title{margin:6px 0 4px;font-size:19px}.q-desc{margin:0 0 11px;font-size:12px;line-height:1.5}.q-opts{gap:7px}.q-opt{padding:9px 12px}.q-opt strong{font-size:13.5px}.q-opt span{font-size:11px}.q-redo{min-height:34px;margin-top:9px;font-size:12px}}@media (orientation:landscape) and (max-height:560px){.set-head{margin-bottom:10px}.set-head h1{font-size:22px}.set-head .set-sub{font-size:11.5px}#setBody{gap:10px}.qcard{border-radius:14px;padding:12px 14px}.q-kicker{font-size:10px}.q-title{margin:5px 0 3px;font-size:17px}.q-desc{margin:0 0 9px;font-size:11.5px;line-height:1.45}.q-opts{gap:6px}.q-opt{padding:7px 11px}.q-opt strong{font-size:12.5px}.q-opt span{font-size:10.5px}.q-redo{min-height:32px;margin-top:8px;font-size:11.5px}}@media (max-height:620px){#aiOnboarding{padding:8px}.ai-shell{border-radius:16px;width:min(720px,100%);padding:12px 14px 10px}.ai-kicker{font-size:9px}.ai-title{margin-top:2px;font-size:16px;line-height:1.2}.ai-sub{margin-top:3px;font-size:10.5px;line-height:1.35}.ai-progress{margin:7px 0 8px}.ai-options{gap:6px;margin-top:8px}.ai-option small{margin-top:2px;font-size:9px;line-height:1.25}.ai-field{margin-top:8px}.ai-field label{margin-bottom:5px;font-size:11px}.ai-seg button{padding:6px 10px;font-size:11px}.ai-test{border-radius:12px;margin-top:8px;padding:8px}.ai-test-head{font-size:11px}.ai-test-head b{font-size:14px}.ai-jianpu{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}.ai-measure{gap:3px;min-height:34px;padding:4px}.ai-test-title{font-size:10px}.ai-keys{gap:4px;margin-top:6px}.ai-key{aspect-ratio:auto;height:34px}.ai-test-actions{margin-top:6px}.ai-actions .btn{min-width:104px;min-height:34px}.ai-note{margin-top:6px;font-size:10px}.ai-analyze{padding:6px 4px 2px}.ai-body{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px 12px;display:grid}.ai-body>.ai-title,.ai-body>.ai-options,.ai-body>.ai-test,.ai-body>.ai-analyze,.ai-body>.ai-result{grid-column:1/-1}.ai-body>.ai-sub{display:none}.ai-body>.ai-field{margin-top:0}.ai-test{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:8px 12px;display:grid}.ai-test-head{grid-column:1/-1}.ai-jianpu{margin-top:0}.ai-test-title{grid-column:1;margin-top:2px}.ai-keys{align-self:center;margin-top:0}.ai-test-actions{grid-column:1/-1;margin-top:2px}.ai-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:6px 12px;display:grid}.ai-result>.ai-title{grid-column:1/-1}.ai-result>.ai-sub{display:none}.ai-paths{margin-top:0}.ai-shell{width:min(560px,100%);padding:14px 18px 12px}.ai-body{align-content:center}.ai-title{font-size:18px}.ai-option{min-height:58px;padding:9px 11px}.ai-option b{font-size:13.5px}.ai-option small{font-size:9.5px}.ai-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ai-actions{margin-top:12px}.ai-actions .btn{min-height:38px}.cy-stage{width:96px;height:96px;margin:0 auto 8px}.cy-core{border-radius:12px;width:38px;height:38px}.cy-core b{font-size:13px}.cy-bits i{transform:rotate(calc(var(--i)*25.7deg)) translateX(44px)}@keyframes cy-bit{0%,to{opacity:0;transform:rotate(calc(var(--i)*25.7deg)) translateX(48px) scale(.4)}45%{opacity:1;transform:rotate(calc(var(--i)*25.7deg)) translateX(20px) scale(1)}70%{opacity:0;transform:rotate(calc(var(--i)*25.7deg)) translateX(4px) scale(.3)}}.cy-lines .ai-analysis-line{padding:4px 9px;font-size:11.5px}.ai-count{font-size:42px}.ai-rank{border-radius:18px;width:76px;height:76px}.ai-rank b{font-size:30px}}.frag-row{text-align:left;background:#f5c77e12;border:1px solid #f5c77e73;border-radius:13px;align-items:center;gap:10px;margin:10px 0 0;padding:8px 10px;display:flex;position:relative}.frag-row.t2{background:#dde3f00f;border-color:#dde3f066}.frag-row.t1{background:#d9a06614;border-color:#d9a06680}@keyframes fragPop{0%{opacity:0;transform:scale(.2)rotate(-90deg)}60%{opacity:1;transform:scale(1.25)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes frBreathe{0%,to{transform:scale(1);box-shadow:0 0 #f5c77e99}50%{transform:scale(1.05);box-shadow:0 0 0 8px #f5c77e00}}.cst-svg{width:100%;height:100%;display:block;overflow:visible}.cst-svg line{stroke:#fff6e824;stroke-width:1.3px;stroke-dasharray:3 5}.cst-svg line.lit{stroke:#f5c77e80;stroke-dasharray:none}.cst-svg.formed line.lit{stroke:#f5c77e;stroke-width:1.8px;filter:drop-shadow(0 0 4px #f5c77ecc)}.cst-svg .cs.t3 path{filter:drop-shadow(0 0 5px #f5c77ee6)}.cst-svg .cs.pending path{stroke:#ffffff59;stroke-width:1px;filter:none;fill:#ffffff24!important}.cst-svg .cs.pending circle{opacity:0}.cst-svg .cs.landed path{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.2,1.5,.4,1) both csLand}@keyframes csLand{0%{transform:scale(.3)}60%{transform:scale(1.7)}to{transform:scale(1)}}.cst-svg text{fill:#fff6e873;font:700 10px -apple-system,PingFang SC,sans-serif}.cst-svg .cs.story path{filter:drop-shadow(0 0 8px #fff3d6f2)}.cst-panel.unit-card{width:min(640px,100% - 8px);max-height:calc(100dvh - 40px);padding:22px 24px 20px;overflow:auto}.cst-panel .sg-x{border-radius:50%}.cst-panel .unit-title{padding-right:40px;font-size:22px}.cst-panel .unit-sub b{color:#f5c77e}.cst-panel .unit-actions{margin-top:12px}.cst-rank{vertical-align:middle;letter-spacing:.04em;color:#f5c77e;background:#f5c77e29;border-radius:99px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.cst-track{grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 10px;display:grid}.ct-node{text-align:center;color:#fff6e880;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:8px 5px 7px;position:relative}.ct-node i{color:#2a1230;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:18px;height:18px;margin:0 auto 4px;font-size:11px;font-style:normal;font-weight:900;display:grid}.ct-node b{color:#fff6e8bf;font-size:11px;font-weight:800;display:block}.ct-node small{margin-top:2px;font-size:9.5px;line-height:1.35;display:block}.ct-node em{color:#f5c77eb3;margin-top:3px;font-size:9.5px;font-style:normal;font-weight:800;display:block}.ct-node.on{color:#fff6e8b3;background:#f5c77e1a;border-color:#f5c77e8c}.ct-node.on i{background:#f5c77e;border-color:#f5c77e}.ct-node.on b{color:#f5c77e}.ct-node.on em{color:#8fe0cf}@media (max-width:520px){.ct-node small{display:none}.cst-panel.unit-card{padding:18px 14px 16px}.cst-panel .unit-title{font-size:19px}}.cst-stage{height:160px;margin:4px 0 2px}.cst-hand{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:99px;gap:2px;margin:2px 0 6px;padding:3px;display:inline-flex}.cst-hand .ch-seg{font:inherit;color:#fff6e899;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:4px 12px;font-size:11.5px;font-weight:800}.cst-hand .ch-seg.on{color:#2a1230;background:#f5c77e}.pcode-ta{box-sizing:border-box;color:#fff6e8;word-break:break-all;resize:vertical;background:#00000040;border:1px solid #ffffff24;border-radius:12px;width:100%;min-height:120px;margin:10px 0 0;padding:10px;font:12px/1.4 ui-monospace,Menlo,monospace}.unit-card.pcode{width:min(560px,100% - 16px)}.pcode-note{color:#fff6e89e;min-height:1.5em;margin:8px 0 0;font-size:12px;line-height:1.5}.pcode-note.good{color:#8fe0cf}.pcode-actions{flex-wrap:wrap;gap:8px;display:flex}.cst-legend{color:#fff6e88c;flex-wrap:wrap;gap:6px 12px;margin:0 0 8px;font-size:11px;display:flex}.cst-legend span:before{content:"";background:#ffffff29;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.cst-legend .t1:before{background:#d9a066}.cst-legend .t2:before{background:#dde3f0}.cst-legend .t3:before{background:#f5c77e;box-shadow:0 0 6px #f5c77e}.cst-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;max-height:32vh;display:grid;overflow:auto}.cst-item{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:9px;padding:7px 9px;display:flex}.cst-item.off{opacity:.5}.cst-item .ci-star{color:#fff3;flex:none;width:18px;height:18px}.cst-item .ci-star svg{width:100%;height:100%;display:block}.cst-item>div{flex:1;min-width:0}.cst-item b{font-size:12px;font-weight:800;display:block}.cst-item small{color:#fff6e880;font-size:10.5px;display:block}.cst-play{color:#f5c77e;width:30px;height:30px;font:inherit;cursor:pointer;background:#f5c77e1a;border:1px solid #f5c77e66;border-radius:50%;flex:none;font-size:12px}.cst-play.on{color:#2a1230;background:#f5c77e}.cst-panel .btn.sm.ghost.on{background:var(--teal-d);color:#fff;border-color:#0000}.cst-wrap{margin:8px 2px 0}.cst-wrap .sect{margin:0 0 6px}.cst-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.cst-grid::-webkit-scrollbar{width:0;height:0}.cst-grid.wrap{flex-wrap:wrap;overflow:visible}.cst-card{color:#fff6e8;width:184px;font:inherit;text-align:left;cursor:pointer;background:#fff6e80a;border:1px solid #f5c77e38;border-radius:12px;flex:none;padding:8px 10px 9px}.cst-card svg{width:100%;height:50px;display:block}.cst-card b{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;font-weight:800;display:block;overflow:hidden}.cst-card small{color:#fff6e880;font-size:10.5px;display:block}.cst-card.formed{border-color:#f5c77e;box-shadow:0 0 0 1px #f5c77e4d,0 0 18px #f5c77e40}.cst-empty{color:#fff6e873;padding:12px 4px;font-size:12px}.bempty{text-align:center;color:#fff6e880;padding:24px 12px;font-size:12px}.wk{flex-direction:column;gap:14px;padding:2px;display:flex}.wk-empty{text-align:center;color:#fff6e899;padding:26px 14px;font-size:13px;line-height:1.7}.wk-empty small{color:#fff6e866}.wk-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.wk-head b{color:#fff6e8;font-size:19px;font-weight:900}.wk-head span{color:#fff6e88c;font-size:12px}.wk-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;padding:6px 0 0;display:grid}.wk-bar{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.wk-bar em{color:#fff6e873;height:12px;font-size:10px;font-style:normal}.wk-bar i{background:#ffffff1a;border-radius:5px;width:100%;max-width:26px;display:block}.wk-bar.on i{background:linear-gradient(#8fe0cf,#f5c77e)}.wk-bar span{color:#fff6e880;font-size:10.5px}.wk-bar.today span{color:#f5c77e;font-weight:800}.wk-sec{border-top:1px dashed #fff6e824;padding-top:12px}.wk-h{color:#fff6e8b8;margin-bottom:8px;font-size:12.5px;font-weight:800}.wk-dims{flex-direction:column;gap:7px;display:flex}.wk-dim{color:#fff6e8b3;grid-template-columns:52px minmax(0,1fr) 62px;align-items:center;gap:8px;font-size:12px;display:grid}.wk-dim i{background:#ffffff1a;border-radius:4px;height:7px;display:block;overflow:hidden}.wk-dim i b{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:4px;height:100%;display:block}.wk-dim em{text-align:right;color:#fff6e8;font-style:normal;font-weight:800}.wk-dim u{margin-left:4px;font-size:11px;text-decoration:none}.wk-dim u.up{color:#8fe0cf}.wk-dim u.down{color:#ff9aac}.wk-tip{color:#fff6e866;margin-top:7px;font-size:10.5px;display:block}.wk-gets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wk-gets div{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:9px 6px}.wk-gets b{color:#f5c77e;font-size:19px;font-weight:900;display:block}.wk-gets span{color:#fff6e880;font-size:10.5px}.wk-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-bottom:6px;padding:9px 11px;display:grid}.wk-row b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.wk-row small{color:#fff6e880;grid-column:1;font-size:11px}.wk-row em{color:#f5c77e;grid-row:1/3;font-size:16px;font-style:normal;font-weight:900}.wk-row.good{border-color:#8fe0cf66}.wk-row.good em{color:#8fe0cf}.wk-go{font:inherit;color:#2a1230;cursor:pointer;background:#f5c77e;border:0;border-radius:99px;grid-row:1/3;padding:6px 12px;font-size:11.5px;font-weight:800}.wk-none{color:#fff6e873;padding:4px 2px;font-size:11.5px}.cst-book{cursor:pointer;width:100%;font:inherit;text-align:left;color:#f5c77e;background:#f5c77e14;border:1px solid #f5c77e57;border-radius:14px;margin-top:10px;padding:11px 14px;font-size:12.5px;font-weight:800;display:block}.cst-book:hover{background:#f5c77e29}.dh-topic{cursor:pointer;font:inherit;color:#8fe0cf;background:#8fe0cf1a;border:1px solid #8fe0cf66;border-radius:99px;margin:6px 0 0;padding:5px 11px;font-size:11.5px;font-weight:800;display:inline-block}.dh-topic:hover{background:#8fe0cf33}.dq-cards small{color:#fff6e86b;margin-top:2px;font-size:10px;font-weight:600;display:block}.sl-empty small,.rm-empty small{opacity:.75;margin-top:5px;font-size:11.5px;display:block}@media (prefers-reduced-motion:reduce){.cst-svg .cs.landed path{animation:none!important}}.xsg-row{flex-direction:column;gap:10px;margin:12px 0;display:flex}.xsg-mini{color:#fff6e8;box-sizing:border-box;background:linear-gradient(135deg,#8f7bc429,#16102e80);border:1px solid #f5c77e47;border-radius:16px;align-items:center;gap:14px;padding:10px 16px 10px 12px;display:flex}.xh-av{flex:none;width:58px}.xh-av svg{filter:drop-shadow(0 6px 16px #00000059);width:58px;height:auto;display:block}.xm-top{flex:none;align-items:center;gap:12px;display:flex}.xm-lv{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;display:flex}.xm-lv b{color:#f5c77e;letter-spacing:.04em;white-space:nowrap;font-size:13px;font-weight:900}.xm-lv .xm-bar{background:#ffffff21;border-radius:2px;width:64px;height:4px;display:block;overflow:hidden}.xm-lv .xm-bar>i{background:linear-gradient(90deg,#8fe0cf,#f5c77e);border-radius:2px;height:100%;display:block}.xm-lv small{color:#fff6e8b3;white-space:nowrap;font-size:11px;font-weight:800}.xm-lv small svg{vertical-align:-1px;width:11px;height:11px}.xm-sep{border-left:1px dashed #fff6e829;flex:none;align-self:stretch;width:1px}.xm-next{flex-direction:column;flex:auto;min-width:0;display:flex}.xn-title{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:16px;font-weight:900;line-height:21px;overflow:hidden}.xh-act{font:inherit;color:#2a1230;cursor:pointer;white-space:nowrap;background:#f5c77e;border:0;border-radius:99px;flex:none;margin:0;padding:9px 20px;font-size:13.5px;font-weight:800}@media (max-width:639px){.xsg-mini{flex-direction:column;align-items:stretch;gap:9px;padding:13px 14px 14px}.xm-sep{display:none}.xm-lv{align-items:flex-start;gap:3px}.xsg-mini .xh-act{text-align:center;width:100%}}.dq-btn{gap:7px}.dq-ic{color:#f5c77e;flex:none;place-items:center;width:24px;height:24px;display:grid;position:relative}.dq-ic svg{width:22px;height:22px}.dq-dot{background:#ff7a6b;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-3px;box-shadow:0 0 0 2px #16102ef2}.dq-dot.off{display:none}.dq-ov{top:0;bottom:0;left:0;right:0;z-index:59;position:fixed;top:0;bottom:0;left:0;right:0}.dq-pop{z-index:60;top:var(--dq-top,64px);right:var(--dq-right,20px);width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 90px);-webkit-overflow-scrolling:touch;color:#fff6e8;box-sizing:border-box;background:#16102efa;border:1px solid #f5c77e4d;border-radius:18px;max-height:calc(100dvh - 90px);padding:16px 18px 14px;animation:.22s cubic-bezier(.2,1.1,.4,1) both rsSlide;position:fixed;overflow:auto;box-shadow:0 26px 80px #040312ad}.dq-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dq-head b{font-size:16px;font-weight:900}.dq-head span{color:#fff6e88c;font-size:11.5px}.dq-ci{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;margin-top:12px;padding:14px 16px 16px}.dq-body.one .dq-days{gap:7px;margin-top:14px}.dq-body.one .dq-day{gap:5px;font-size:11px}.dq-body.one .dq-day i{width:30px;height:30px;font-size:13px}.dq-body.one .dq-ci-btn{justify-content:center;margin-top:16px}.dq-body.one .dq-go{text-align:center;width:100%;padding:11px 18px;font-size:14.5px}.dq-body.one .dq-fire{font-size:15px}.dq-ci-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.dq-fire{color:#f5c77e;align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.dq-fire svg{width:16px;height:16px}.dq-fire small{color:#fff6e899;font-size:11.5px;font-weight:700}.dq-cards{color:#fff6e88c;font-size:11.5px;font-weight:800}.dq-days{gap:6px;margin-top:10px;display:flex}.dq-day{color:#fff6e880;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10.5px;display:flex}.dq-day i{border:1px solid #fff3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;font-weight:900;display:grid}.dq-day.on i{color:#06231d;background:#8fe0cf;border-color:#8fe0cf}.dq-day.on.ci i{color:#8fe0cfcc;background:0 0;border-color:#8fe0cf9e}.dq-day.today{color:#f5c77e;font-weight:800}.dq-day.today i{color:#f5c77e;border-width:2px;border-color:#f5c77e}.dq-ci-btn{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.dq-ci-btn small{color:#fff6e88c;font-size:11.5px}.dq-go{font:inherit;color:#2a1230;cursor:pointer;background:#f5c77e;border:0;border-radius:99px;padding:9px 18px;font-size:13.5px;font-weight:900}.dq-go.done{color:#8fe0cf;cursor:default;background:#8fe0cf29}.dq-h{color:#fff6e8b3;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;font-size:12.5px;font-weight:800;display:flex}.dq-h b{color:#8fe0cf;margin-left:6px}.dq-tasks{flex-direction:column;gap:6px;margin-top:8px;display:flex}@media (max-width:899px){.dq-btn .pb-tx{display:none}.dq-btn{padding:0 10px}}@media (max-height:480px) and (orientation:landscape){.dq-pop{width:auto;max-width:420px;margin:0 auto;padding:12px 16px 10px;top:52px;left:20px;right:20px}.dq-ci{margin-top:8px}}@media (min-width:640px){.pl .sl-head{margin-bottom:8px}.sl-head-l h1{font-size:42px}.xsg-row{margin:8px 0 4px}.xsg-mini{padding:9px 16px 9px 12px}.xh-av,.xh-av svg{width:52px}}.xh-repair{font:inherit;color:#2a1230;cursor:pointer;background:#f5c77e;border:0;border-radius:99px;padding:5px 10px;font-size:11.5px;font-weight:800;animation:1.7s ease-in-out infinite storyPulse}.xh-repair.off{color:#fff6e873;cursor:default;background:#ffffff14;animation:none}.gv-fire{align-items:center;gap:3px;display:inline-flex}.gv-fire.t2{color:#ffc53d}.gv-fire.t3{color:#ff7a59}.gv-fire.t4{color:#8fd4ff}.gv-fire.cold{color:#fff6e873;animation:1.6s ease-in-out infinite fireCold}@keyframes fireCold{0%,to{opacity:.55}50%{opacity:1}}.lv-card.unit-card{text-align:center;width:min(440px,100% - 8px)}.lv-av{width:132px;margin:10px auto 2px;position:relative}.lv-av svg{z-index:1;filter:drop-shadow(0 12px 30px #00000080);width:100%;height:auto;animation:.8s cubic-bezier(.2,1.4,.4,1) both lvPop;display:block;position:relative}.lv-ring{top:-14px;bottom:-14px;left:-14px;right:-14px;background:radial-gradient(circle,#f5c77e59,#0000 65%);border-radius:50%;animation:1.6s ease-in-out infinite workPulse;position:absolute;top:-14px;bottom:-14px;left:-14px;right:-14px}@keyframes lvPop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}70%{opacity:1;transform:scale(1.1)rotate(3deg)}to{transform:scale(1)rotate(0)}}.lv-card .unit-title{color:#f5c77e;font-size:30px}.lv-bar{background:#ffffff1a;border-radius:4px;max-width:280px;height:8px;margin:10px auto 0;overflow:hidden}.lv-bar i{background:linear-gradient(90deg,#f5c77e,#ffe7b8);height:100%;display:block}.lv-rewards{gap:6px;margin:12px 0 0;display:grid}.lv-rw{text-align:left;background:#f5c77e1a;border:1px solid #f5c77e66;border-radius:12px;padding:9px 12px}.lv-rw b{color:#f5c77e;font-size:13px;display:block}.lv-rw small{color:#fff6e899;font-size:11px;display:block}.lv-none{color:#fff6e880;margin:12px 0 0;font-size:12px}.lv-card .unit-actions{justify-content:center;margin-top:14px}.sect.ptabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;overflow-x:auto}.sect.ptabs::-webkit-scrollbar{width:0;height:0}.sect.ptabs .ptab{white-space:nowrap;flex:none}.ptab{font:inherit;border:1px solid var(--line);color:var(--ink3);cursor:pointer;background:#fff6e80a;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.ptab span{color:var(--teal);font-family:Nunito;font-size:11px;font-weight:800}.ptab.on{color:#f5c77e;background:#f5c77e1f;border-color:#f5c77e}.wallbox .wd-grid{margin:0}.ph-fig{cursor:pointer;width:92px;font:inherit;background:0 0;border:0;flex:none;padding:0}.ph-fig svg{filter:drop-shadow(0 10px 24px #00000073);width:100%;height:auto;display:block}.ph-fig .xsg-body{transform-origin:50% 92%;animation:3.4s ease-in-out infinite xsg-bob}.wardrobe.unit-card{width:min(760px,100% - 8px);max-height:calc(100dvh - 40px);overflow:auto}.wd-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:12px 0 4px;display:grid}.wd-card{color:#fff6e8;font:inherit;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-items:center;gap:2px;padding:10px 6px 9px;display:grid;position:relative}.wd-card .wd-av{width:64px}.wd-card .wd-av svg{filter:drop-shadow(0 6px 14px #0006);width:100%;height:auto;display:block}.wd-card b{font-size:12px;font-weight:800}.wd-card small{color:#fff6e880;min-height:26px;font-size:9.5px;line-height:1.35}.wd-card em{color:#fff6e8b3;background:#ffffff1a;border-radius:99px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800}.wd-card.on{background:#f5c77e1a;border-color:#f5c77e}.wd-card.on em{color:#2a1230;background:#f5c77e}.wd-card.lock .wd-av{filter:grayscale();opacity:.45}.wd-card.lock b,.wd-card.lock em{color:#fff6e8}.wd-card.lock small{color:#c7bdd2}.wd-card.lock em{background:#ffffff14}.wd-card.fest{background:linear-gradient(#ff8a5a14,#ffffff08);border-color:#ff8a5a59}.wd-card .wd-tag{letter-spacing:.3px;color:#2a1230;background:linear-gradient(90deg,#ff8a5a,#f5c77e);border-radius:99px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:900;line-height:1.3;position:absolute;top:6px;left:6px}.wd-card.lock .wd-tag{opacity:.9}.wd-sect{border-top:1px dashed #ffffff1f;align-items:baseline;gap:8px;margin:14px 4px 6px;padding-top:12px;display:flex}.wd-sect b{color:#ffb08a;font-size:13px;font-weight:900}.wd-sect small{color:#fff6e880;font-size:10.5px}.ph-wardrobe{font:inherit;color:#f5c77e;cursor:pointer;background:#f5c77e1a;border:1px solid #f5c77e66;border-radius:99px;margin-top:8px;padding:6px 11px;font-size:11.5px;font-weight:800}.ph-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ph-btns .ph-wardrobe{margin-top:0}.ph-story svg{vertical-align:-1px;width:11px;height:11px;margin-right:2px}.lv-stage{text-align:center;color:#fff6e8;align-content:center;place-items:center;gap:10px;width:min(520px,100%);height:min(60vh,420px);display:grid;position:relative;overflow:hidden}.lv-rays{top:-40%;bottom:-40%;left:-40%;right:-40%;background:conic-gradient(from 0deg,#f5c77e00 0 18deg,#f5c77e38 18deg 26deg,#f5c77e00 26deg 60deg,#ffe7b82e 60deg 66deg,#f5c77e00 66deg 108deg,#f5c77e33 108deg 116deg,#f5c77e00 116deg 180deg,#ffe7b829 180deg 186deg,#f5c77e00 186deg 250deg,#f5c77e33 250deg 258deg,#f5c77e00 258deg 310deg,#ffe7b82e 310deg 316deg,#f5c77e00 316deg 360deg);pointer-events:none;animation:6s linear infinite lvRays,.6s ease-out both lvFade;position:absolute;top:-40%;bottom:-40%;left:-40%;right:-40%}@keyframes lvRays{to{transform:rotate(360deg)}}@keyframes lvFade{0%{opacity:0}to{opacity:1}}.lv-word{letter-spacing:.42em;color:#f5c77e;font-size:14px;font-weight:900;animation:.7s cubic-bezier(.2,1.3,.4,1) both lvWord;position:relative}@keyframes lvWord{0%{opacity:0;letter-spacing:1em;transform:scale(2.6)}to{opacity:1;transform:scale(1)}}.lv-num{color:#fff6e8;text-shadow:0 0 30px #f5c77e8c;width:260px;height:96px;font-size:78px;font-weight:900;line-height:96px;position:relative;overflow:hidden}.lv-num span{position:absolute;left:0;right:0}.lv-num .old{animation:.5s ease-in .55s both lvOut}.lv-num .new{color:#f5c77e;animation:.55s cubic-bezier(.2,1.2,.4,1) .75s both lvIn;transform:translateY(100%)}@keyframes lvOut{to{opacity:0;transform:translateY(-100%)}}@keyframes lvIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.lv-sbar{background:#ffffff1f;border-radius:5px;width:min(300px,80%);height:10px;position:relative;overflow:hidden}.lv-sbar i{background:linear-gradient(90deg,#f5c77e,#ffe7b8);width:0;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) .2s both lvFill,.6s ease-out 1.1s both lvGlow;display:block}@keyframes lvFill{0%{width:18%}to{width:100%}}@keyframes lvGlow{0%{box-shadow:0 0 #f5c77ee6}to{box-shadow:0 0 24px 6px #f5c77e00}}.lv-who{color:#fff6e8b3;font-size:13px;animation:.5s ease-out 1.1s both lvFade;position:relative}.lv-rw{animation:.5s cubic-bezier(.2,1.2,.4,1) both lvRwIn}@keyframes lvRwIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cst-audio{border-top:1px dashed #fff6e824;margin-top:10px;padding-top:8px}.cst-audio .ca-h{letter-spacing:.2em;color:#f5c77e;margin:0 0 6px;font-size:10.5px;font-weight:900}.cst-audio .cst-final{margin:0 0 6px}.cst-audio .cst-work{margin:0}.cst-final.off,.cst-work.off{opacity:.45;cursor:default}.cst-final{background:linear-gradient(90deg,#8fe0cf24,#8fe0cf0d);border:1px solid #8fe0cf73;border-radius:12px;align-items:center;gap:10px;margin:10px 0 0;padding:9px 12px;display:flex}.cst-final .cw-disc{color:#06231d;background:radial-gradient(circle at 40% 35%,#d6fff5,#8fe0cf 45%,#2a7a6a);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.cst-final .cw-disc svg{width:16px;height:16px}.cst-final .cw-tx{flex:1;min-width:0}.cst-final .cw-tx b{color:#fff6e8;font-size:12.5px;font-weight:900;display:block}.cst-final .cw-tx small{color:#fff6e88c;font-size:10.5px;display:block}@media (prefers-reduced-motion:reduce){.lv-rays,.lv-word,.lv-num span,.lv-sbar i,.lv-who,.lv-rw,.xh-av.hop svg{animation:none!important}}.star-book .cst-grid.wrap{flex-wrap:wrap;overflow:visible}.star-book .sb-works{gap:6px;display:grid}.sl-collect.cst>svg{color:#f5c77e;flex:none;width:16px;height:16px}.sl-collect.cst b{color:#fff6e8;font-size:12.5px;font-weight:800}.sl-collect.cst small{color:#fff6e880;flex:1;font-size:11px}.cst-panel.sky2{background:radial-gradient(1.2px 1.2px at 12% 18%,#ffffffb3,#0000 60%),radial-gradient(1px 1px at 78% 26%,#fff9,#0000 60%),radial-gradient(1.4px 1.4px at 55% 70%,#ffffff8c,#0000 60%),radial-gradient(1px 1px at 30% 84%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 88% 78%,#ffffff80,#0000 60%),radial-gradient(120% 90% at 50% 0,#8f7bc438,#0000 55%),#0a081efa}.unit-card.rs{transform-origin:top;color:#fff6e8;flex:none;width:min(680px,100% - 16px);padding:20px 22px 18px}.rs .sg-x{border-radius:50%}.rs-head{flex-wrap:wrap;align-items:baseline;gap:8px;padding-right:40px;display:flex}.rs-head b{flex:none;font-size:15px;font-weight:900}.rs-head small{color:#fff6e880;flex:0 auto;font-size:11.5px}.rs-score{flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;display:flex}.rs-score-row{justify-content:flex-start;align-items:center;gap:16px;display:flex}.rs-ring{color:#f5c77e;background:radial-gradient(circle at 40% 35%,#f5c77e38,#f5c77e0a);border:4px solid #f5c77e8c;border-radius:50%;flex:none;place-items:center;width:96px;height:96px;font-size:42px;font-weight:900;animation:.6s cubic-bezier(.2,1.5,.4,1) .3s both rsPop;display:grid;box-shadow:0 0 22px #f5c77e40}.rs-ring.gS{border-color:#f5c77e;box-shadow:0 0 28px #f5c77e80}.rs-ring.gB,.rs-ring.gC{color:#8fe0cf;background:radial-gradient(circle at 40% 35%,#8fe0cf2e,#0000);border-color:#8fe0cf80}.rs-stars{flex:none;gap:4px;display:flex}.rs-stars svg{width:30px;height:30px;animation:.5s cubic-bezier(.2,1.6,.4,1) both rsPop}.rs-stars svg:nth-child(2){animation-delay:.16s}.rs-stars svg:nth-child(3){animation-delay:.32s}.rs-num{align-items:baseline;gap:8px;min-width:0;display:flex}.rs-num b{color:#f5c77e;font-variant-numeric:tabular-nums;font-size:52px;font-weight:900;line-height:1;animation:.6s cubic-bezier(.2,1.2,.4,1) .6s both rsNum}.rs-num span{color:#fff6e88c;font-size:12px}.rs-score>em{color:#fff6e880;font-size:11.5px;font-style:normal}.rs-score>em.up{color:#8fe0cf}.rs-score>em.down{color:#ff9aac}.rs-blank{text-align:center;color:#fff6e8b8;margin:16px 0 4px;font-size:15px;font-weight:800}.rs-band.rs-top{display:block}.rs-band.rs-top .rs-score{margin-top:10px}.rs-band.rs-top .rs-dims{margin-top:12px}.rs-foot{gap:10px;margin-top:12px;display:grid}.rs-foot>.rs-play,.rs-foot>.rs-gain{min-width:0;margin-top:0}.rs-dims{margin-top:12px;display:block}.rs-dims .ai-score-grid{margin:0}.rs-hot{margin-top:12px}.rs-hot.ok{color:#8fe0cf;font-size:12px;font-weight:800}.rs-play{background:#00000029;border:1px solid #ffffff0f;border-radius:12px;margin-top:12px;padding:8px 10px 2px}.rs-play small{color:#fff6e880;font-size:10.5px;font-weight:800;display:block}.rs-play .ai-record-playback{margin:4px 0 6px}.ai-record-playback.perf .pf-tx{color:#f3edff9e;flex:1;min-width:0;font-size:11.5px}.rs-gain{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:0;animation:.5s cubic-bezier(.2,1.2,.4,1) 1.4s both rsSlide;display:flex}.rs-gain.plain{background:0 0;border:0;padding:0}.rs-gain-tx{flex:1;min-width:0}.rs-gain-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:900;display:block;overflow:hidden}.rs-gain-tx small{color:#fff6e88c;font-size:10.5px;display:block}.rs-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.rs-chip{font:inherit;color:#fff6e8cc;background:#fff6e81a;border:0;border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.rs-chip.xp{color:#8fe0cf;background:#8fe0cf29}.rs-chip.rank{color:#2a1230;background:linear-gradient(90deg,#f5c77e,#ffe7b8)}.rs-chip.ach{color:#e2a0f5;cursor:pointer;background:#c86be82e}.rs-gain .rs-story{font:inherit;color:#f5c77e;cursor:pointer;white-space:nowrap;background:#f5c77e24;border:1px solid #f5c77e8c;border-radius:9px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:800;animation:1.7s ease-in-out infinite storyPulse;display:inline-flex}.rs-gain .rs-story svg{width:12px;height:12px;animation:1.4s ease-in-out infinite storyTwinkle}.ai-score-cell b i{margin-left:3px;font-size:10px;font-style:normal;font-weight:800}.ai-score-cell b i.up{color:#8fe0cf}.ai-score-cell b i.down{color:#e88a8a}.ai-score-cell u{color:#f3edff66;letter-spacing:0;white-space:nowrap;margin-top:1px;font-size:9.5px;font-weight:600;text-decoration:none;display:block}@media (max-height:480px) and (orientation:landscape){.ai-score-cell u{display:none}}.rs-say{color:#f3edffc7;margin:10px 0 0;font-size:12.5px;line-height:1.6;animation:.5s 2s both rsFade}.rs-say b{color:#f5c77e}.rs-more{width:100%;font:inherit;color:#fff6e8bf;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:8px;margin:10px 0 0;padding:9px 12px;font-size:12px;font-weight:800;animation:.5s 2s both rsFade;display:flex}.rs-more i{color:#f5c77e;font-style:normal;transition:transform .2s;display:inline-block}.rs-more.on i{transform:rotate(90deg)}.rs-drawer{background:#0000002e;border:1px solid #ffffff0f;border-radius:12px;margin-top:8px;padding:10px}.rs-drawer .ai-score-grid{margin:0 0 8px}.rs-drawer .ai-record-playback{margin-top:8px}.rs-actions{gap:8px;margin-top:12px;animation:.5s 2.1s both rsFade;display:grid}.rs-actions .rs-main{width:100%;min-height:46px;font-size:14px}.rs-actions .rs-sub{gap:8px;display:flex}.rs-actions .rs-sub .btn{flex:1;min-height:42px}.rs-actions .rs-sub:empty{display:none}.rs.fail .rs-ring,.rs.fail .rs-num b,.rs.fail .rs-gain,.rs.fail .rs-say,.rs.fail .rs-more,.rs.fail .rs-actions{animation:none}.unit-card.rs .rs-actions{padding-bottom:4px;position:relative}.rs .ai-score-grid{grid-template-columns:repeat(5,1fr);gap:4px;margin:0;display:grid}.rs .ai-score-cell{opacity:1;min-width:0;padding:6px 2px;animation:none}.rs .ai-score-cell b{font-size:14px}.rs .ai-score-cell small{font-size:9.5px}.rs-gain-tx{text-align:left}.rs-actions .rs-sub .btn{white-space:nowrap;padding:0 8px;font-size:12.5px}@keyframes rsPop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes rsNum{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rsSlide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rsFade{0%{opacity:0}to{opacity:1}}@media (orientation:landscape) and (min-width:640px){.unit-card.rs{width:min(940px,100% - 16px)}.rs-band.rs-top{align-items:center;gap:22px;margin-top:6px;display:flex}.rs-band.rs-top .rs-score{flex:none;margin-top:0}.rs-band.rs-top .rs-dims{flex:auto;min-width:0;margin-top:0}.rs-foot{grid-template-columns:minmax(210px,1fr) minmax(0,1.4fr);align-items:center}.rs-foot>.rs-gain{justify-self:end;width:100%}.rs-gain .rs-chip{padding:3px 10px;font-size:11.5px}.rs-gain .rs-story{padding:8px 14px;font-size:12px}.rs-actions{grid-template-columns:1fr}.rs-actions .rs-sub>.btn{flex:1 1 0;min-width:0}.rs.blank .rs-actions{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.rs.blank{width:min(560px,100% - 16px)}}@media (max-height:520px) and (orientation:landscape){.unit-card.rs{padding:12px 16px}.rs-score{margin-top:6px}.rs-ring{border-width:3px;width:66px;height:66px;font-size:29px}.rs-num b{font-size:38px}.rs-actions .rs-main{min-height:40px}.rs-actions .rs-sub .btn{min-height:36px}}@media (prefers-reduced-motion:reduce){.rs-ring,.rs-stars svg,.rs-num b,.rs-gain,.rs-say,.rs-more,.rs-actions,.rs-gain .rs-story,.rs-gain .rs-story svg{animation:none!important}}.work-stage{text-align:center;color:#fff6e8;width:min(560px,100%)}.work-sky{height:190px;position:relative}.work-sky .cst-svg{width:100%;height:100%}.cst-svg .cs.fly{transform-box:fill-box;transform-origin:50%;transition:transform 1.1s cubic-bezier(.3,.7,.2,1),opacity 1s .2s}.work-core{color:#f5c77e;width:72px;height:72px;transition:transform .7s cubic-bezier(.2,1.5,.4,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.work-core span{width:100%;height:100%;display:block}.work-core svg{filter:drop-shadow(0 0 24px #f5c77ef2);width:100%;height:100%;display:block}.work-core.on{animation:1.3s ease-in-out .7s infinite workPulse;transform:translate(-50%,-50%)scale(1)}@keyframes workPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.14)}}.work-kicker{letter-spacing:.24em;color:#f5c77e;margin:6px 0 0;font-size:10.5px;font-weight:900}.work-title{margin:6px 0 4px;font-size:24px;font-weight:900}.work-sub{color:#fff6e899;margin:0;font-size:12.5px}.work-bar{background:#ffffff1a;border-radius:3px;max-width:320px;height:6px;margin:14px auto 0;overflow:hidden}.work-bar i{background:linear-gradient(90deg,#f5c77e,#ffe7b8);height:100%;transition:width .35s;display:block}.work-card.unit-card{text-align:center;width:min(520px,100% - 8px)}.work-card .unit-title{padding:0 40px}.work-disc{color:#f5c77e;background:repeating-radial-gradient(circle,#1b1538 0,#1b1538 2px,#241b49 2px,#241b49 5px);border-radius:50%;place-items:center;width:132px;height:132px;margin:14px auto 6px;display:grid;position:relative;box-shadow:0 0 0 6px #f5c77e29,0 22px 50px #0000008c}.work-disc i{top:38px;bottom:38px;left:38px;right:38px;background:radial-gradient(circle at 40% 35%,#ffe7b8,#f5c77e 45%,#8a5a1c);border-radius:50%;position:absolute;top:38px;bottom:38px;left:38px;right:38px}.work-disc svg{color:#2a1230;width:34px;height:34px;position:relative}.work-disc.spin{animation:5s linear infinite workSpin}@keyframes workSpin{to{transform:rotate(360deg)}}.work-player{align-items:center;gap:10px;margin:12px 0 4px;display:flex}.wp-btn{font:inherit;color:#2a1230;cursor:pointer;background:#f5c77e;border:0;border-radius:99px;flex:none;padding:9px 14px;font-size:12.5px;font-weight:800}.work-player input[type=range]{accent-color:#f5c77e;flex:1;min-width:0}.work-player span{color:#fff6e880;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.cst-work{width:100%;font:inherit;color:#fff6e8;text-align:left;cursor:pointer;background:linear-gradient(90deg,#f5c77e29,#f5c77e0f);border:1px solid #f5c77e80;border-radius:12px;align-items:center;gap:10px;margin:0 0 8px;padding:9px 12px;display:flex}.cst-work.todo{border-style:dashed;animation:1.7s ease-in-out infinite storyPulse}.cst-work .cw-disc{color:#2a1230;background:radial-gradient(circle at 40% 35%,#ffe7b8,#f5c77e 45%,#8a5a1c);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.cst-work .cw-disc svg{width:16px;height:16px}.cst-work .cw-tx{flex:1;min-width:0}.cst-work .cw-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:900;display:block;overflow:hidden}.cst-work .cw-tx small{color:#fff6e88c;font-size:10.5px;display:block}.cst-work .cw-go{color:#2a1230;background:#f5c77e;border-radius:9px;flex:none;padding:6px 11px;font-size:11px;font-weight:800}@media (prefers-reduced-motion:reduce){.work-core.on,.work-disc.spin,.cst-work.todo{animation:none!important}}.rm-h .rm-node.done:not(.ch) .rm-dot{background:linear-gradient(135deg,#c9832b,#f5c77e);box-shadow:0 0 18px #f5c77e47}#v-practice.on .ov.rs-scroll{justify-content:flex-start;overflow:auto}#v-practice.on #pracOv{padding:max(18px,var(--safe-top,env(safe-area-inset-top,0px))) max(18px,var(--safe-right,env(safe-area-inset-right,0px))) max(18px,var(--safe-bottom,env(safe-area-inset-bottom,0px))) max(18px,var(--safe-left,env(safe-area-inset-left,0px)));scroll-padding:max(18px,var(--safe-top,env(safe-area-inset-top,0px))) max(18px,var(--safe-right,env(safe-area-inset-right,0px))) max(18px,var(--safe-bottom,env(safe-area-inset-bottom,0px))) max(18px,var(--safe-left,env(safe-area-inset-left,0px)))}.rs .ai-score-cell b{flex-wrap:wrap;justify-content:center;align-items:baseline;display:flex}.rs .ai-score-cell u{white-space:normal;overflow-wrap:anywhere}.unit-card.rs.fail .rs-score{align-items:center;width:100%}.unit-card.rs.fail .rs-score-row{justify-content:center}.unit-card.rs.fail .rs-top{flex-direction:column}.unit-card.rs.fail .rs-dims{width:100%}.story-ov.lv-ov{padding:max(12px,var(--safe-top,0px)) max(12px,var(--safe-right,0px)) max(12px,var(--safe-bottom,0px)) max(12px,var(--safe-left,0px));overflow:hidden}.lv-card.unit-card{flex-direction:column;gap:8px;min-height:0;max-height:100%;padding:18px;display:flex;overflow:hidden}.lv-card>.unit-kicker,.lv-card>.unit-title,.lv-card>.unit-sub,.lv-card>.unit-actions,.lv-card>.lv-bar{flex:none;margin:0}.lv-card .lv-av{flex:none;width:100px;margin:0 auto}.lv-card .lv-bar{align-self:center;width:100%}.lv-card .lv-rewards{overscroll-behavior:contain;min-height:0;margin:0;overflow-y:auto}.lv-card .unit-actions{padding-top:4px}@media (orientation:landscape) and (max-height:600px){.lv-card.unit-card{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;grid-template-columns:120px minmax(0,1fr);gap:6px 18px;width:min(720px,100%);display:grid}.lv-card>.unit-kicker,.lv-card>.unit-title,.lv-card>.unit-sub,.lv-card>.lv-bar,.lv-card>.lv-rewards,.lv-card>.lv-none,.lv-card>.unit-actions{grid-column:2}.lv-card>.lv-av{grid-area:1/1/7;align-self:center;width:110px}.lv-card>.unit-title{font-size:26px}.lv-card>.unit-sub{font-size:12px}.lv-card .unit-actions .btn{min-height:36px;padding:7px 14px}}@media (max-height:360px){.lv-card.unit-card{gap:4px 12px;padding:12px}.lv-card .lv-rw{padding:5px 8px}}#aiOnboarding,.story-ov,.expmask,#v-practice.on .ov{--safe-overlay-height:calc(100vh - var(--safe-top,env(safe-area-inset-top,0px)) - var(--safe-bottom,env(safe-area-inset-bottom,0px)) - 24px);padding-top:calc(var(--safe-top,env(safe-area-inset-top,0px)) + 12px);padding-right:calc(var(--safe-right,env(safe-area-inset-right,0px)) + 12px);padding-bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 12px);padding-left:calc(var(--safe-left,env(safe-area-inset-left,0px)) + 12px);box-sizing:border-box}@supports (height:100dvh){#aiOnboarding,.story-ov,.expmask,#v-practice.on .ov{--safe-overlay-height:calc(100dvh - var(--safe-top,env(safe-area-inset-top,0px)) - var(--safe-bottom,env(safe-area-inset-bottom,0px)) - 24px)}}#aiOnboarding .ai-shell,.story-ov .unit-card,.expmask .expcard{max-height:var(--safe-overlay-height);overflow-y:auto}.coach.map-guide .coachbox{left:calc(var(--safe-left,env(safe-area-inset-left,0px)) + 12px);right:calc(var(--safe-right,env(safe-area-inset-right,0px)) + 12px);width:auto;max-width:560px;max-height:calc(100vh - var(--safe-top,env(safe-area-inset-top,0px)) - var(--safe-bottom,env(safe-area-inset-bottom,0px)) - 24px);margin-left:auto;margin-right:auto;overflow-y:auto;transform:none}#v-practice.on .parea{top:calc(var(--practice-head) + var(--practice-loop-height,0px) + var(--safe-top,env(safe-area-inset-top,0px)))}#v-practice.on>.practice-loopbar{top:calc(var(--practice-loop-top) + var(--safe-top,env(safe-area-inset-top,0px)));left:calc(14px + var(--safe-left,env(safe-area-inset-left,0px)));right:calc(14px + var(--safe-right,env(safe-area-inset-right,0px)))}@media (max-width:880px) and (min-height:520px){#v-practice.on{--practice-head:86px;--practice-loop-top:88px}}@media (max-width:880px) and (orientation:portrait){#v-practice.on{--practice-head:132px;--practice-loop-top:136px}}@media (max-width:380px) and (orientation:portrait){#v-practice.on .ptop{--toolbar-left:calc(12px + var(--safe-left,env(safe-area-inset-left,0px)));--toolbar-step:calc((100% - 68px - var(--safe-left,env(safe-area-inset-left,0px)) - var(--safe-right,env(safe-area-inset-right,0px))) / 5)}#v-practice.on #btnFinger{left:calc(var(--toolbar-left) + var(--toolbar-step));right:auto}#v-practice.on #btnSound{left:calc(var(--toolbar-left) + 3 * var(--toolbar-step));right:auto}#v-practice.on #btnMetro{left:calc(var(--toolbar-left) + 4 * var(--toolbar-step));right:auto}#v-practice.on .px{left:calc(var(--toolbar-left) + 5 * var(--toolbar-step));right:auto}#v-practice.on #btnFingerL{top:calc(58px + var(--safe-top,env(safe-area-inset-top,0px)));right:calc(12px + var(--safe-right,env(safe-area-inset-right,0px)))}#v-practice.on .ctrl{gap:12px}}@media (orientation:landscape){#v-practice.on .ctrl{gap:16px}}#v-practice.on #pracKeys{--keyboard-bleed:1;width:calc(100% + var(--safe-left,env(safe-area-inset-left,0px)) + var(--safe-right,env(safe-area-inset-right,0px)));margin-left:calc(0px - var(--safe-left,env(safe-area-inset-left,0px)))}html.on-path #v-path.on{top:0;bottom:0;left:0;right:0;height:100vh;overscroll-behavior:none;touch-action:none;height:100dvh;min-height:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}html.on-path #v-path>.plmap{box-sizing:border-box;width:100%;max-width:none;height:100%;min-height:0;padding:calc(var(--safe-top,0px) + 8px) calc(var(--safe-right,0px) + 12px) calc(var(--safe-bottom,0px) + 8px) calc(var(--safe-left,0px) + 12px);flex-direction:column;justify-content:flex-start;gap:8px;margin:0;display:flex;overflow:hidden}html.on-path #v-path .path-topline,html.on-path #v-path .mapsong-row{flex:none;min-width:0;margin:0}html.on-path:not(.map-open) #modeAccordions{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0;display:flex}html.on-path:not(.map-open) #v-path .mode-grid{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0}html.on-path:not(.map-open) #v-path .mode-card{min-width:0;min-height:0}html.on-path:not(.map-open) #v-path .mode-start{flex:none;margin:0;padding:0;position:static}@media (orientation:landscape) and (max-height:500px){html.on-path:not(.map-open) #v-path .mapsong-row{flex-wrap:nowrap;padding:6px 12px!important}html.on-path:not(.map-open) #v-path .mode-card{padding:8px 10px}html.on-path:not(.map-open) #v-path .mode-head{gap:6px;padding-right:0}html.on-path:not(.map-open) #v-path .mode-tt{min-height:28px}html.on-path:not(.map-open) #v-path .mode-rec{margin:0;padding:1px 5px;font-size:9px;position:static}html.on-path:not(.map-open) #v-path .mode-prog,html.on-path:not(.map-open) #v-path .mode-pick,html.on-path:not(.map-open) #v-path .mode-foot{margin-top:4px}html.on-path:not(.map-open) #v-path .mode-desc{margin-top:4px;font-size:10px;line-height:1.3}html.on-path:not(.map-open) #v-path .mode-start .mbtn{min-height:40px}}@media (orientation:portrait) and (max-width:600px){html.on-path:not(.map-open) #v-path .mode-grid{grid-template-columns:1fr;gap:6px}html.on-path:not(.map-open) #v-path .mode-card{grid-template-columns:1fr auto;align-content:center;gap:3px 8px;padding:8px 10px;display:grid}html.on-path:not(.map-open) #v-path .mode-head{grid-column:1/-1;padding-right:0}html.on-path:not(.map-open) #v-path .mode-desc{grid-column:1/-1;margin:0;font-size:11px}html.on-path:not(.map-open) #v-path .mode-prog{grid-column:1;margin:0}html.on-path:not(.map-open) #v-path .mode-pick{grid-column:1;margin:0;font-size:11px}html.on-path:not(.map-open) #v-path .mode-foot{grid-area:3/2/5;align-self:center;margin:0}html.on-path:not(.map-open) #v-path .mode-rec{margin:0;padding:1px 5px;font-size:9px;position:static}html.on-path:not(.map-open) #v-path .mode-tt{flex-direction:row;align-items:center;gap:6px;min-height:24px}html.on-path:not(.map-open) #v-path .mode-ic{width:24px;height:24px;font-size:14px}html.on-path:not(.map-open) #v-path .mode-tt b{font-size:14px}}#v-practice.on #judgeBadge{transform:translate(-50%)}#v-practice.on #judgeBadge.show{animation:.62s ease-out judge-contained}@keyframes judge-contained{0%{opacity:0;transform:translate(-50%)scale(.85)}20%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.95)}}@media (orientation:portrait) and (max-width:600px){html.on-path:not(.map-open) #v-path .mapsong-row{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid;padding:6px 10px!important}html.on-path:not(.map-open) #v-path .mapsong-row h1{font-size:18px}html.on-path:not(.map-open) #v-path .map-entries{grid-area:1/2;gap:4px}html.on-path:not(.map-open) #v-path .map-entries button{width:38px;min-width:0;height:38px;padding:4px;transform:none}html.on-path:not(.map-open) #v-path .map-entries button svg{width:16px;height:16px}html.on-path:not(.map-open) #v-path .map-entries button i{font-size:9px}html.on-path:not(.map-open) #mapResumeSlot{grid-column:1/-1}html.on-path:not(.map-open) #mapResumeSlot .resume-pill{min-height:0;margin:0;padding:4px 6px;font-size:10px}html.on-path:not(.map-open) #v-path .map-stats-card.slim{grid-template-columns:1fr;gap:3px;padding:5px 8px;display:grid}html.on-path:not(.map-open) #v-path .map-stats-card.slim .prow{gap:4px;width:100%;min-width:0}html.on-path:not(.map-open) #v-path .map-stats-card.slim .ms-head b{font-size:10px}html.on-path:not(.map-open) #v-path .map-stats-card.slim .ms-pct{font-size:12px}html.on-path:not(.map-open) #v-path .mode-head{grid-row:1}html.on-path:not(.map-open) #v-path .mode-desc{grid-row:2}html.on-path:not(.map-open) #v-path .mode-prog{grid-row:3}html.on-path:not(.map-open) #v-path .mode-pick{grid-row:4}}@media (orientation:portrait) and (max-width:600px) and (max-height:700px){html.on-path:not(.map-open) #v-path .mode-card{grid-template-rows:22px 14px 12px 16px;align-content:center;gap:1px 6px;padding:5px 8px}html.on-path:not(.map-open) #v-path .mode-head,html.on-path:not(.map-open) #v-path .mode-tt{height:22px;min-height:0;margin:0}html.on-path:not(.map-open) #v-path .mode-head{justify-content:flex-start}html.on-path:not(.map-open) #v-path .mode-ic{width:20px;height:20px;font-size:12px}html.on-path:not(.map-open) #v-path .mode-desc{white-space:nowrap;font-size:9px;line-height:14px}html.on-path:not(.map-open) #v-path .mode-foot .mbtn{min-height:28px;padding:0 8px;font-size:11px}html.on-path:not(.map-open) #v-path .mode-pick i{width:12px;height:12px}html.on-path:not(.map-open) #v-path .mode-tt b{font-size:12px}}.recording-gate-score{color:#f5c77e;margin:10px 0;font-size:52px;font-weight:900;line-height:1.2}.recording-gate-score small{color:#c3b9cc;margin-left:8px;font-size:15px}@media (orientation:landscape) and (max-height:500px){#v-practice.on .recording-gate{padding:14px 24px}.recording-gate-score{margin:6px 0;font-size:38px}#v-practice.on .recording-gate .unit-sub{margin:6px 0}}.full-demo-entry{color:#f5c77e;cursor:pointer;background:#f5c77e1f;border:1px solid #f5c77e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:62px;min-height:52px;padding:8px 10px;display:flex}.full-demo-entry i{white-space:nowrap;font-size:12px;font-style:normal}#fullHandsDemo{z-index:11000;color:#fff6e8;height:100vh;background:#0e0b1b;flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hands-demo-header{padding:calc(6px + var(--safe-top,0px)) calc(12px + var(--safe-right,0px)) 6px calc(12px + var(--safe-left,0px));box-sizing:border-box;flex:none;align-items:center;gap:8px;min-height:52px;display:flex}.hands-demo-header .popu-back{justify-self:start;position:relative}#fullHandsDemo iframe{background:#0e0b1b;border:0;flex:1;width:100%;min-height:0;display:block}@media (orientation:landscape) and (max-height:560px){.full-demo-entry{gap:2px;min-width:58px;min-height:38px;padding:4px 8px}.full-demo-entry i{font-size:10px}}@media (orientation:landscape) and (max-height:600px){.hands-demo-header{padding-top:calc(3px + var(--safe-top,0px));padding-bottom:3px}}@media (max-width:600px){.hands-demo-header{padding-left:calc(8px + var(--safe-left,0px));padding-right:calc(8px + var(--safe-right,0px))}}.hands-demo-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#fullHandsDemo .hands-demo-content iframe{height:100%;min-height:0}.demo-main-play{color:#27152e;background:#f5c77e;min-width:64px}#v-practice.on .ptop{height:56px;min-height:56px}#v-practice.on .ptop .px,#v-practice.on .ptop #pPlay,#v-practice.on .ptop #pListen{box-sizing:border-box;border-radius:22px;width:64px;min-width:64px;height:44px;min-height:44px;padding:0;font-size:13px;top:8px;right:auto}#v-practice.on #pModeButton{left:auto;right:calc(12px + var(--safe-right,0px));border-radius:22px;width:64px;min-width:64px;height:44px;min-height:44px;padding:0;font-size:13px;position:fixed;top:8px}#v-practice.on #btnFinger,#v-practice.on #btnFingerL,#v-practice.on #btnMetro,#v-practice.on #btnSound,#v-practice.on #btnDigits,#v-practice.on .practice-speed-control,#v-practice.on #jKey{display:none!important}#v-practice.on .ctrl{width:0;height:0;left:auto;right:0}.performance-extra{flex-wrap:wrap;gap:8px;display:flex}.performance-extra button{color:#fff6e8;background:#282039;border:1px solid #514360;border-radius:8px;padding:8px}#v-practice.on{--practice-head:56px;--practice-loop-top:58px}#v-practice.on .ptop{height:calc(var(--practice-head) + var(--safe-top,0px))}#v-practice.on .ptop .px,#v-practice.on .ptop #pPlay,#v-practice.on .ptop #pListen,#v-practice.on #pModeButton,#v-practice.on .phasestrip{top:calc(8px + var(--safe-top,0px))}#v-practice.on .ptop .px{left:calc(12px + var(--safe-left,0px))}#v-practice.on #pPlay{left:calc(84px + var(--safe-left,0px))}#v-practice.on #pListen{left:calc(156px + var(--safe-left,0px))}#v-practice.on .phasestrip{left:calc(232px + var(--safe-left,0px));right:calc(88px + var(--safe-right,0px))}@media (max-width:679px){#v-practice.on{--practice-head:108px;--practice-loop-top:110px}#v-practice.on .phasestrip{top:calc(58px + var(--safe-top,0px));left:calc(12px + var(--safe-left,0px));right:calc(12px + var(--safe-right,0px))}#v-practice.on .ps-row{flex:1;max-width:440px}#v-practice.on .ps-step{flex:1;min-height:40px}}body.challenge-run #v-practice.on{--practice-head:56px;--practice-loop-top:58px}.hands-demo-visual{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}#fullHandsDemo .hands-demo-visual iframe{width:100%;height:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0}html.on-path #v-path>.plmap>.ptopbar{display:none}html.on-path #v-path .path-topline{align-items:flex-start}html.on-path #v-path .map-stats-card.slim{margin-top:0}html.map-open #pathBackBtn{display:inline-flex}html.map-open #v-path #modeAccordions{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 0;display:flex}html.map-open #v-path .mapscreen{box-sizing:border-box;border-radius:18px;flex-direction:column;width:100%;max-width:1280px;max-height:100%;display:flex;box-shadow:0 16px 48px #0000003d}html.map-open #v-path .ms-top{flex:none;min-width:0}html.map-open #v-path .ms-top b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}html.map-open #v-path .ms-count{flex:none;margin-right:4px}html.map-open #v-path .ms-body{touch-action:pan-x pan-y;overscroll-behavior:contain;min-height:0;overflow:auto}@media (max-width:600px){html.on-path #v-path .map-stats-card.slim{grid-template-columns:1fr 1fr;gap:4px 8px;padding:6px 10px;display:grid}html.on-path #v-path .map-stats-card.slim .ms-head{grid-column:1/-1}html.on-path #v-path .map-stats-card.slim .prow{gap:4px;min-width:0}html.map-open #v-path .ms-top{flex-wrap:wrap;gap:8px;padding:10px}html.map-open #v-path .ms-top b{flex:1}html.map-open #v-path .ms-count{flex-basis:100%;order:3;margin:0}}@media (orientation:landscape) and (max-height:500px){html.map-open #v-path #modeAccordions{padding:0}html.map-open #v-path .ms-top{padding:6px 12px}html.map-open #v-path .ms-body{padding-top:0;padding-bottom:4px}}.startgate .performance-extra{grid-column:1/-1;align-items:center;height:auto;min-height:0}.startgate .performance-extra select{color:#fff6e8;background:#282039;border:1px solid #514360;border-radius:8px;padding:8px}#fullHandsDemo .hands-demo-header{z-index:2;width:100%;min-width:0;position:relative}#fullHandsDemo .demo-main-play{justify-self:start}#fullHandsDemo .hands-demo-content{z-index:1;position:relative}#fullHandsDemo .hands-demo-header{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow-x:auto;overflow-y:hidden}#fullHandsDemo .hands-demo-header>*{flex-shrink:0}#fullHandsDemo .demo-toolbar-options{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;display:flex}#fullHandsDemo .hands-demo-header button:not(.popu-back){box-sizing:border-box;height:40px;min-height:40px;font:inherit;color:#fff6e8;white-space:nowrap;cursor:pointer;background:#241c35;border:1px solid #514360;border-radius:10px;padding:6px 12px;font-size:13px;line-height:1.2}#fullHandsDemo .hands-demo-header .demo-main-play{color:#27152e;background:#f5c77e;border-color:#f5c77e}#fullHandsDemo .demo-toolbar-options [aria-pressed=true],#fullHandsDemo .demo-toolbar-options [aria-expanded=true]{color:#ffe0ac;background:#403048;border-color:#f5c77e}#fullHandsDemo .hands-demo-header button:disabled{opacity:.5;cursor:default}#fullHandsDemo button:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}#fullHandsDemo .demo-menu-shade{z-index:5;background:#0e0b1b59;position:absolute;top:0;bottom:0;left:0;right:0}#fullHandsDemo .demo-menu{box-sizing:border-box;color:#fff6e8;background:#241c35;border:1px solid #514360;border-radius:12px;flex-direction:column;gap:4px;width:220px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);padding:6px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 12px 36px #0006}#fullHandsDemo .demo-menu button{min-height:40px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:14px}#fullHandsDemo .demo-menu [aria-selected=true]{color:#27152e;background:#f5c77e}@media (orientation:landscape) and (max-height:560px){html.on-path:not(.map-open) #v-path .map-stats-card.slim{flex-wrap:nowrap;align-items:center;gap:10px;padding:6px 10px;display:flex}html.on-path:not(.map-open) #v-path .map-stats-card.slim .ms-head{white-space:nowrap;flex:none;font-size:11px}html.on-path:not(.map-open) #v-path .map-stats-card.slim .ms-pct{font-size:14px}html.on-path:not(.map-open) #v-path .map-stats-card.slim .prow{flex:1;gap:6px;width:auto;min-width:0;font-size:11px}html.on-path:not(.map-open) #v-path .mode-card{grid-template-rows:auto minmax(0,1fr) 14px 18px 32px;gap:3px;padding:6px 10px;display:grid}html.on-path:not(.map-open) #v-path .mode-head{gap:6px;min-height:24px;margin:0;padding:0}html.on-path:not(.map-open) #v-path .mode-tt{flex-flow:wrap;align-items:center;gap:5px;min-height:24px}html.on-path:not(.map-open) #v-path .mode-tt b{font-size:14px;line-height:18px}html.on-path:not(.map-open) #v-path .mode-ic{width:24px;height:24px;font-size:15px}html.on-path:not(.map-open) #v-path .mode-rec{margin:0;padding:1px 4px;font-size:8px;position:static}html.on-path:not(.map-open) #v-path .mode-desc{min-height:0;margin:0;font-size:10px;line-height:1.25;overflow:hidden}html.on-path:not(.map-open) #v-path .mode-prog,html.on-path:not(.map-open) #v-path .mode-pick,html.on-path:not(.map-open) #v-path .mode-foot{min-height:0;margin:0}html.on-path:not(.map-open) #v-path .mode-foot .mbtn{height:32px;min-height:32px;padding:0 8px;font-size:12px}html.on-path:not(.map-open) #v-path .mode-foot .mode-btns{height:32px}}#v-practice.on .startgate{max-height:var(--safe-overlay-height,calc(100dvh - 24px));grid-auto-rows:max-content;align-content:start;overflow-y:auto}#v-practice.on .startgate .sg-block{box-sizing:border-box;flex-wrap:wrap;align-items:center;min-width:0;height:auto;min-height:52px}#v-practice.on .startgate .sg-seg{box-sizing:border-box;flex-wrap:wrap;min-width:0;max-width:100%;height:auto;display:flex}#v-practice.on .startgate .sg-seg div{white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;flex:auto;min-width:0}#v-practice.on .startgate .performance-extra{grid-column:1/-1;justify-content:flex-start}#v-practice.on .startgate .sg-go{flex:none;position:static}#freeFingerL,#btnFingerL{display:none!important}.popu-back,#v-practice.on .ptop .px{touch-action:manipulation;min-height:44px}@media (orientation:landscape) and (max-height:560px){#v-practice.on .startgate{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;width:min(900px,100%);padding:10px 14px}#v-practice.on .startgate .sg-title{font-size:16px;line-height:20px}#v-practice.on .startgate .sg-kicker{padding-right:38px;font-size:10px}#v-practice.on .startgate .sg-block{align-content:center;gap:5px;min-height:40px;padding:5px 8px}#v-practice.on .startgate .sg-lab{font-size:11px;line-height:16px}#v-practice.on .startgate .sg-seg{flex-wrap:nowrap;gap:2px;padding:3px}#v-practice.on .startgate .sg-seg div{min-height:28px;padding:5px 7px;font-size:10px;line-height:14px}#v-practice.on .startgate .sg-step button{width:30px;height:30px;font-size:18px}#v-practice.on .startgate .sg-step b{font-size:18px}#v-practice.on .startgate .performance-extra{gap:6px;min-height:38px}#v-practice.on .startgate .performance-extra label{font-size:12px}#v-practice.on .startgate .performance-extra button,#v-practice.on .startgate .performance-extra select{min-height:28px;padding:5px 7px;font-size:11px}#v-practice.on .startgate .sg-go{min-height:34px;padding:6px;font-size:14px}}.demo-main-play{cursor:pointer;min-height:40px;font:inherit;border:1px solid #514360;border-radius:10px;padding:8px 16px;font-size:13px}#v-practice.on .startgate .sg-header{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}#v-practice.on .startgate .sg-header .sg-kicker{padding:0}#v-practice.on .startgate .sg-header .sg-x{touch-action:manipulation;flex:none;width:40px;height:40px;margin:0;position:static}html.on-path:not(.map-open) #v-path .mode-grid .mode-tt b{white-space:nowrap;font-size:max(22px,min(2.6vw,28px));line-height:1.2}@media (orientation:landscape) and (max-height:560px){html.on-path:not(.map-open) #v-path .mode-grid .mode-tt b{font-size:max(18px,min(2.3vw,22px))}html.on-path:not(.map-open) #v-path .mode-grid .mode-tt{height:auto;min-height:26px}}@media (orientation:landscape) and (max-height:560px),(orientation:portrait) and (max-width:600px){html #v-practice.on,html.standalone #v-practice.on{--kb-pad:max(8px,var(--safe-bottom,0px))}#v-practice.on #pracKb{background:#131028}}.full-actions{display:contents}@media (orientation:portrait) and (max-width:600px){#v-full .full-topbar{padding:max(10px,var(--safe-top,0px)) max(12px,var(--safe-right,0px)) 10px max(12px,var(--safe-left,0px));flex:none;grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}#fullTitle{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;line-height:1.4;overflow:hidden;font-size:16px!important}.full-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.full-actions>*{white-space:nowrap;width:auto;min-width:0;height:40px;min-height:40px;box-shadow:none;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:4px;margin:0;line-height:1;display:flex;padding:0 6px!important;font-size:12px!important}.full-actions svg{flex:none;width:15px;height:15px}.full-controls{flex:none;min-width:0;padding:0 max(12px,var(--safe-right,0px)) 8px max(12px,var(--safe-left,0px))!important}.ftbar{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px;min-width:0;margin-bottom:6px;display:grid}.ftseg{min-width:0;padding:2px;display:flex}.ftseg div{text-align:center;white-space:nowrap;flex:1;min-width:0;padding:8px 4px;font-size:13px;line-height:18px}.ftfree{grid-column:1/-1;grid-template-columns:minmax(0,1fr) repeat(2,36px);gap:6px;min-width:0;display:grid}.ftsep,.ftspacer{display:none}.ftgrp{box-sizing:border-box;justify-content:space-between;gap:4px;min-width:0;padding:2px 4px}.ftgrp>.ftl{white-space:nowrap;font-size:11px}.ftval{min-width:28px;font-size:12px}.ftstep{flex:none;width:30px;height:30px;font-size:15px}.ftic{border-radius:9px;width:36px;height:36px;margin:0;padding:0}.ftic svg{width:18px;height:18px}.ftab{grid-column:1/-1;grid-template-columns:auto auto auto 32px minmax(32px,1fr) repeat(2,32px);justify-content:stretch;display:grid}.ftab .ftmini{width:30px;height:30px;margin:0;padding:0}.ftplay{height:38px;min-height:38px;box-shadow:none;grid-column:1/-1;padding:0 14px;font-size:14px;line-height:1}.ftinfo{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;font-size:11px;display:grid}#fsInfo{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;min-width:0;overflow:hidden}#fsBpm{white-space:nowrap;grid-area:1/2}.ftprg{grid-column:1/-1;height:4px}#v-full.on>.scroll{padding-right:max(8px,var(--safe-right,0px))!important;padding-left:max(8px,var(--safe-left,0px))!important;padding-bottom:max(12px,var(--safe-bottom,0px))!important}}@media (orientation:landscape),(min-width:601px){#v-path .mode-grid .mode-desc{flex-direction:column;padding-top:5px;display:flex}}.mode-mini{flex:1;min-height:0;max-height:90px;display:block;position:relative}.mode-mini svg{width:100%;height:100%;position:absolute;top:0;left:0}#v-practice.on .ov.phase-access{top:calc(var(--practice-head) + var(--safe-top,0px));padding:12px}.practice-phase-guide{z-index:12000;background:#05030fb8;position:fixed;top:0;bottom:0;left:0;right:0}.practice-phase-guide-card{box-sizing:border-box;color:#fff6e8;background:#241b35;border:1px solid #f5c77e;border-radius:18px;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:18px;position:absolute;overflow:auto;box-shadow:0 16px 50px #0008}.practice-phase-guide-card h2{margin:0 0 6px;font-size:20px}.practice-phase-guide-card p{color:#c8bed4;margin:0;font-size:13px;line-height:1.6}.practice-phase-guide-card dl{gap:8px;margin:14px 0;display:grid}.practice-phase-guide-card dl div{gap:12px;font-size:13px;line-height:1.5;display:flex}.practice-phase-guide-card dt{color:#f5c77e;flex:none;width:28px;font-weight:800}.practice-phase-guide-card dd{margin:0}.practice-phase-guide-card button{color:#2a1b33;cursor:pointer;background:#f5c77e;border:0;border-radius:12px;width:100%;min-height:44px;font-size:14px;font-weight:800}.practice-phase-guide-target{pointer-events:none;justify-content:center;display:flex;position:fixed}.practice-phase-guide-target .ps-row{outline-offset:3px;outline:2px solid #f5c77e}.practice-phase-guide-target button:disabled{opacity:1}@media (min-width:601px) and (min-height:601px){html.on-path:not(.map-open) #modeAccordions{justify-content:flex-start;gap:16px;padding-top:16px}html.on-path:not(.map-open) #v-path .mode-grid{flex:0 max(330px,min(52vh,580px));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-self:center;width:100%;max-width:1600px}html.on-path:not(.map-open) #v-path .mode-card{padding:max(16px,min(2vw,28px));overflow:hidden}html.on-path:not(.map-open) #v-path .mode-desc{flex:1;min-height:0;margin:12px 0 0}html.on-path:not(.map-open) #v-path .mode-mini{flex:none;height:64px;max-height:64px;margin-top:8px}html.on-path:not(.map-open) #v-path .mode-head{flex-wrap:nowrap;padding-right:0}html.on-path:not(.map-open) #v-path .mode-rec{margin:0;padding:2px 7px;font-size:10px;display:inline-block;position:absolute;top:8px;right:12px}html.on-path:not(.map-open) #v-path .mode-tt b{font-size:max(22px,min(2.1vw,30px))}html.on-path:not(.map-open) #v-path .mode-start{align-self:center;width:100%;max-width:1600px}}@media (min-width:601px) and (min-height:601px) and (orientation:portrait){html.on-path:not(.map-open) #v-path .mode-grid{flex-basis:max(490px,min(65vh,850px));grid-template-rows:minmax(0,3fr) minmax(0,2fr);grid-template-columns:repeat(2,minmax(0,1fr))}html.on-path:not(.map-open) #v-path .mode-card.free{grid-column:1/-1}html.on-path:not(.map-open) #v-path .mode-card.free .mode-desc{flex:none;margin-top:8px}html.on-path:not(.map-open) #v-path .mode-card.free .mode-pick{margin-top:12px}}.mode-free-desc p{margin:0}.mode-free-art{object-fit:contain;pointer-events:none;width:100%;height:max(64px,min(10vh,132px));margin:12px auto;display:block}.mode-free-features{text-align:center;font-size:12px}@media (max-width:600px),(max-height:600px){#v-path .mode-free-art{display:none}#v-path .mode-free-features{text-align:left;font-size:10px}}@media (min-width:601px) and (min-height:601px){html.on-path:not(.map-open) #v-path .mode-head{min-height:60px}html.on-path:not(.map-open) #v-path .mode-mini{height:max(64px,min(10vh,132px));max-height:132px;margin-top:12px}html.on-path:not(.map-open) #v-path .mode-desc{font-size:max(12px,min(1.2vw,17px))}html.on-path:not(.map-open) #v-path .mode-free-features{font-size:max(11px,min(1.1vw,15px))}}@media (min-width:601px) and (min-height:601px) and (orientation:portrait){html.on-path:not(.map-open) #v-path .mode-card.free{padding-right:48%;position:relative}html.on-path:not(.map-open) #v-path .mode-free-art{width:44%;height:65%;margin:0;position:absolute;top:15%;right:16px}html.on-path:not(.map-open) #v-path .mode-free-features{text-align:left;margin-top:8px}html.on-path:not(.map-open) #v-path .mode-card.free .mode-prog,html.on-path:not(.map-open) #v-path .mode-card.free .mode-foot{display:none}}#freeCtl .ftab .ftmini{white-space:nowrap;min-width:36px;height:36px}#freeCtl #freeSetA,#freeCtl #freeSetB{min-width:54px}.popu-back.popu-back{box-sizing:border-box;color:#f3edff;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a1b33a8;border:1px solid #f3edff38;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:background .2s,transform .15s;display:inline-flex}.popu-back.popu-back:before{content:"";box-sizing:border-box;border-bottom:2px solid;border-left:2px solid;width:9px;height:9px;margin-left:4px;transform:rotate(45deg)}.popu-back.popu-back>span{display:none}.popu-back.popu-back:hover{background:#2a1b33d9}.popu-back.popu-back:active{transform:scale(.96)}.popu-back.popu-back:focus-visible{outline-offset:3px;outline:2px solid #f5c77e}@media (prefers-reduced-motion:reduce){.popu-back.popu-back{transition:none}}.game-progress{top:var(--progress-top,0px);bottom:auto;left:var(--safe-left,env(safe-area-inset-left,0px));right:var(--safe-right,env(safe-area-inset-right,0px));z-index:6;cursor:pointer;touch-action:none;background:#fff6e829;align-content:normal;height:6px;display:block;position:absolute;overflow:visible}.game-progress:before{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.game-progress:after{content:"";z-index:1;top:0;bottom:0;left:0;right:0;pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#fff6e885 0);background-size:var(--measure-step,100%) 100%;background-repeat:repeat-x;position:absolute;top:0;bottom:0;left:0;right:0}.game-progress i{height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#7fe3d2,#36c9b0);display:block;position:relative;box-shadow:0 0 8px #50dcbe8c}.game-progress i:after{content:"";z-index:2;box-sizing:border-box;background:#ee9a5c;border:2px solid #fff9;border-radius:50%;width:14px;height:14px;position:absolute;top:calc(50% - 7px);right:-7px;box-shadow:0 0 10px #ee9a5ca6}.game-progress.is-static{cursor:default;pointer-events:none;touch-action:auto}.game-progress.is-static:before{content:none}.theory-ov{z-index:9620;padding:12px}.theory-ov.hidden{display:none}.theory-ov .unit-card{max-height:calc(100vh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#16102efb radial-gradient(120% 70% at 50% -10%,#8f7bc429,#0000 60%);border-radius:16px;max-height:calc(100dvh - 24px);overflow:auto}@media (hover:none) and (pointer:coarse){.theory-ov .unit-card{overscroll-behavior:none;touch-action:pan-x;overflow:hidden}.theory-ov .tb-track{scroll-snap-type:x mandatory;touch-action:pan-x;overscroll-behavior-x:contain;overflow-x:auto;overflow-y:hidden}}.theory-ov .sp-x{color:#dfeee6;cursor:pointer;z-index:5;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.theory-ov .sp-x:hover{background:#ffffff1f}.theory-ov .unit-title{letter-spacing:.01em;margin:2px 0 0;padding-right:44px;font-size:28px}.theory-ov .unit-actions{margin-top:14px}.theory-card .unit-actions.tc-actions{justify-content:space-between;align-items:center;gap:12px}.theory-ov .btn.sm.tc-go{border-radius:14px;padding:13px 30px;font-size:17px;font-weight:800}.theory-ov .btn.sm.teal{color:#2a1230;background:linear-gradient(#f5c77e,#e8a96b);border-bottom-color:#b9783f}.theory-ov .btn.sm.ghost{color:#fff6e8d1}.theory-ov .btn.sm.ghost b{color:#8fe0cf;font-weight:800}.theory-card.unit-card{width:min(640px,100% - 8px);padding:22px 24px 18px}.tc-grid{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.theory-card .unit-actions.tc-actions{flex-wrap:nowrap}.theory-card .unit-actions.tc-actions .btn.sm{flex:none}.tc-key{background:linear-gradient(135deg,#f5c77e24,#f5c77e0a);border:1px solid #f5c77e52;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px 12px;padding:12px 14px;display:grid}.tc-key-big{color:#2a1230;background:#f5c77e;border-radius:12px;place-items:center;min-width:76px;padding:8px 10px;line-height:1.05;display:grid}.tc-key-big b{letter-spacing:.01em;font-size:24px;font-weight:900}.tc-key-tx>b{color:#fff6e8;font-size:16px;line-height:1.25;display:block}.tc-key-tx>small{color:#fff6e89e;margin-top:3px;font-size:11.5px;font-weight:700;line-height:1.35;display:block}.tc-facts{grid-column:1/-1;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:0 14px;display:grid}.tc-facts div{text-align:left;background:0 0;border:0;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:0 5px;padding:0;display:grid}.tc-facts i{letter-spacing:.08em;color:#fff6e880;font-size:10px;font-style:normal;font-weight:800;line-height:1.2}.tc-facts b{color:#fff6e8;white-space:nowrap;font-size:13.5px;line-height:1.2}.tc-mod{color:#fff6e8b8;border-top:1px dashed #fff6e824;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 8px;padding-top:9px;font-size:12px;line-height:1.5;display:grid}.tc-mod i{letter-spacing:.12em;color:#fff6e899;background:#fff6e81a;border-radius:6px;align-self:start;margin-top:1px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:900}.tc-mod b{color:#f5c77e;font-weight:800}.tc-mod.has i{color:#8fe0cf;background:#8fe0cf2e}.tc-mod.has b{color:#8fe0cf}.tc-topics{border-top:1px dashed #fff6e821;margin-top:12px;padding-top:11px}.tc-chips{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:7px;display:grid}.tc-chip{cursor:pointer;font:inherit;text-align:left;background:#f5c77e1f;border:1px solid #f5c77e8c;border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:1px 8px;padding:8px 10px;display:grid}.tc-chip:hover{background:#f5c77e33;border-color:#f5c77e}.tc-chip .ic{color:#f5c77e;background:#f5c77e2e;border-radius:8px;grid-area:1/1/span 2;align-self:center;place-items:center;width:26px;height:26px;font-size:13px;font-style:normal;line-height:1;display:grid}.tc-chip b{color:#fff6e8;grid-area:1/2;font-size:12.5px;font-weight:800;line-height:1.25}.tc-chip .lv{letter-spacing:.05em;color:#f5c77e;opacity:.85;grid-area:2/2;font-size:9.5px;font-weight:700;line-height:1.2}.tc-chip:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.tp-play:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.tp-drill:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.tb-arrow:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.tb-dots button:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.tp-src span:focus-visible{outline-offset:2px;outline:2px solid #f5c77e}.tc-rest{flex-wrap:wrap;align-items:center;gap:5px 6px;margin-top:8px;display:flex}.tc-rest>i{letter-spacing:.12em;color:#fff6e88c;background:#fff6e81a;border-radius:6px;flex:none;padding:2px 7px;font-size:10px;font-style:normal;font-weight:900}.tc-chip.tc-mini{color:#fff6e8b8;background:#8fe0cf14;border:1px solid #8fe0cf42;border-radius:8px;padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-block}.tc-chip.tc-mini:hover{color:#fff6e8;background:#8fe0cf29;border-color:#8fe0cf99}.tc-empty{color:#fff6e880;margin-top:6px;font-size:12px}@media (min-width:600px){.tc-key{grid-template-columns:auto minmax(0,1fr) auto}.tc-facts{grid-area:1/3;justify-self:end;gap:0 16px}}@media (max-height:860px){.theory-card.unit-card{padding:16px 18px 14px}.theory-ov .unit-title{font-size:23px}.tc-grid{gap:8px;margin-top:10px}.tc-key{gap:8px 12px;padding:10px 12px}.tc-topics{margin-top:9px;padding-top:9px}.tc-chips{gap:6px}.tc-rest{margin-top:7px}.theory-ov .unit-actions{margin-top:10px}}@media (max-height:700px){.theory-card.unit-card{padding:12px 14px 11px}.theory-ov .unit-title{font-size:21px}.tc-key{gap:7px 10px}.tc-key-big{min-width:64px;padding:6px 8px}.tc-key-big b{font-size:20px}.tc-key-tx>b{font-size:15px}.tc-key-tx>small{font-size:11px}.tc-facts b{font-size:12.5px}.tc-mod{padding-top:8px;font-size:11.5px}.tc-chip{padding:6px 8px}.tc-chip .ic{width:23px;height:23px;font-size:12px}.tc-chip b{font-size:12px}.tc-rest{margin-top:6px}.tc-chip.tc-mini{padding:2px 8px;font-size:11px}.theory-ov .btn.sm.tc-go{padding:10px 22px;font-size:15px}}@media (max-height:480px) and (orientation:landscape){.theory-ov{padding:10px}.theory-ov .unit-card{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.theory-card.unit-card{width:min(700px,100% - 8px);padding:14px 18px 12px}.theory-card .unit-title{margin:2px 0 0;font-size:22px;line-height:1.2}.tc-grid{gap:8px;margin-top:9px}.tc-key{gap:7px 10px;padding:9px 11px}.tc-key-big{min-width:66px;padding:6px 8px}.tc-key-big b{font-size:20px}.tc-key-tx>b{font-size:14px}.tc-key-tx>small{margin-top:2px;font-size:10.5px}.tc-facts b{font-size:12.5px}.tc-mod{padding-top:7px;font-size:11.5px}.tc-topics{margin-top:8px;padding-top:8px}.tc-chips{gap:6px}.tc-chip{padding:6px 9px}.tc-chip .ic{width:23px;height:23px;font-size:12px}.tc-chip b{font-size:12px}.tc-rest{margin-top:6px}.tc-chip.tc-mini{padding:2px 8px;font-size:11px}.theory-ov .unit-actions{margin-top:9px}.theory-ov .unit-actions .btn.sm{padding:8px 14px;font-size:13px}.theory-ov .btn.sm.tc-go{padding:10px 24px;font-size:15px}.theory-card .unit-actions{background:linear-gradient(#16102e00,#16102efa 28%);margin:8px -18px -12px;padding:8px 18px 10px;position:-webkit-sticky;position:sticky;bottom:-12px}}.theory-book.unit-card{flex-direction:column;width:min(780px,100% - 8px);padding:20px 22px 14px;display:flex}.tb-head{padding-right:44px}.tb-head .unit-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin:5px 0 0;font-size:21px;display:flex}.tb-head .unit-title small{color:#fff6e880;font-size:12px;font-weight:800}.tb-head .unit-title small b{color:#8fe0cf}.tb-body{min-height:0;margin-top:10px;position:relative}.tb-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:14px;display:flex;overflow-x:auto;overflow-y:hidden}.tb-track::-webkit-scrollbar{display:none}.tb-page{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;min-width:0;padding:2px 2px 4px}.tp-head{align-items:center;gap:10px;display:flex}.tp-ic{color:#2a1230;background:linear-gradient(160deg,#f5c77e,#e8a96b);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-family:Arial,Helvetica Neue,sans-serif;font-size:19px;font-weight:900;line-height:1;display:grid}.tp-head h3{color:#fff6e8;margin:0;font-size:18px}.tp-head small{color:#fff6e88c;margin-top:2px;font-size:11px;display:block}.tp-head small b{color:#f5c77e;letter-spacing:.06em;font-weight:800}.tp-grid{grid-template-columns:1fr;gap:12px;margin-top:10px;display:grid}.tp-demo{align-content:start;gap:8px;display:grid}.tp-cv-wrap{background:#0806168c;border:1px solid #8fe0cf42;border-radius:14px;padding:25px 4px 4px;position:relative}.tp-cv-wrap canvas{width:100%;height:118px;display:block}.tp-cv-wrap .tp-cap{letter-spacing:.08em;color:#8fe0cfcc;font-size:10px;font-weight:800;position:absolute;top:7px;left:10px}.tp-cv-wrap.playing{border-color:#f5c77e8c;box-shadow:0 0 0 3px #f5c77e1f}.tp-demo-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-play{cursor:pointer;min-height:36px;font:inherit;color:#8fe0cf;background:#8fe0cf1a;border:1px solid #8fe0cf80;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.tp-play:hover{background:#8fe0cf2e}.tp-play.on{color:#2a1230;background:#8fe0cf;border-color:#8fe0cf}.tp-play.alt{color:#fff6e8c7;background:#fff6e80f;border-color:#fff6e838;padding:0 13px}.tp-play.alt:hover{background:#fff6e81f;border-color:#fff6e866}.tp-play.alt.on{color:#2a1230;background:#f5c77e;border-color:#f5c77e}.tp-src{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.tp-src span{cursor:pointer;color:#fff6e899;background:#fff6e80d;border:1px solid #fff6e81f;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800}.tp-src span.on{color:#f5c77e;background:#f5c77e1f;border-color:#f5c77e8c}.tp-text{align-content:start;gap:8px;min-width:0;display:grid}.tp-kid{color:#f3edffe6;margin:0;font-size:13.5px;line-height:1.75}.tp-kid b{color:#f5c77e;font-weight:800}.tp-here{color:#fff6e8;background:#f5c77e12;border:1px solid #f5c77e42;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.tp-here i{letter-spacing:.1em;color:#f5c77e;flex:none;font-size:10px;font-style:normal;font-weight:900}.tp-here b{font-weight:800}.tp-drill{cursor:pointer;font:inherit;color:#2a1230;background:linear-gradient(#f5c77e,#e8a96b);border:0;border-radius:9px;flex:none;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:800}.tp-how,.tp-watch{color:#fff6e8b3;align-items:flex-start;gap:7px;margin:0;font-size:12px;line-height:1.6;display:flex}.tp-how b,.tp-watch b{letter-spacing:.08em;color:#8fe0cf;background:#8fe0cf26;border-radius:6px;flex:none;margin-top:2px;padding:2px 6px;font-size:10px;font-weight:900}.tp-watch b{color:#f5c77e;background:#f5c77e29}.tb-arrow{z-index:3;cursor:pointer;color:#fff6e8;background:#16102eeb;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:-17px;padding:0 0 2px;font-family:inherit;font-size:20px;line-height:1;display:grid;position:absolute;top:50%}.tb-arrow.prev{left:-12px}.tb-arrow.next{right:-12px}.tb-arrow:hover{color:#f5c77e;border-color:#f5c77e99}.tb-arrow[disabled]{opacity:.28;cursor:default}.tb-foot{justify-content:center;align-items:center;gap:10px;min-height:22px;margin-top:10px;display:flex}.tb-dots{align-items:center;gap:6px;display:flex}.tb-dots button{cursor:pointer;background:#fff6e838;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .2s,background .2s}.tb-dots button.on{background:#f5c77e;transform:scale(1.35)}.tb-foot .tb-count{color:#fff6e873;font-size:11px;font-weight:800}.tb-hint{color:#fff6e866;font-size:11px}@media (min-width:640px){.tp-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:14px}.theory-book.unit-card{padding:20px 30px 14px}.tb-arrow.prev{left:-24px}.tb-arrow.next{right:-24px}}@media (max-width:639px){.tb-arrow{display:none}.tb-foot{justify-content:space-between}.tb-foot .tb-btn{cursor:pointer;color:#fff6e8;width:32px;height:32px;font:inherit;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;place-items:center;padding:0 0 2px;font-size:18px;line-height:1;display:inline-grid}.tb-foot .tb-btn[disabled]{opacity:.28}}@media (min-width:640px){.tb-foot .tb-btn{display:none}}@media (max-height:860px){.tp-cv-wrap canvas{height:96px}}@media (max-height:700px){.tp-cv-wrap canvas{height:78px}.tp-head h3{font-size:16px}}@media (max-height:480px) and (orientation:landscape){.theory-book.unit-card{width:min(820px,100% - 8px);padding:12px 26px 10px}.tb-head .unit-title{margin-top:3px;font-size:17px}.tb-body{margin-top:6px}.tp-head{gap:8px}.tp-ic{border-radius:10px;width:32px;height:32px;font-size:16px}.tp-head h3{font-size:15.5px}.tp-head small{margin-top:1px;font-size:10.5px}.tp-grid{gap:10px;margin-top:7px}.tp-cv-wrap canvas{height:104px}.tp-demo{gap:6px}.tp-play{min-height:32px;padding:0 13px;font-size:12px}.tp-src span{padding:4px 8px;font-size:10.5px}.tp-text{gap:6px}.tp-kid{font-size:12.5px;line-height:1.55}.tp-here{padding:6px 9px;font-size:11.5px}.tp-drill{padding:6px 10px;font-size:11.5px}.tp-how,.tp-watch{font-size:11.5px;line-height:1.5}.tb-foot{min-height:18px;margin-top:6px}.tb-arrow{width:30px;height:30px;margin-top:-15px}.tb-arrow.prev{left:-20px}.tb-arrow.next{right:-20px}}@media (max-width:480px){.theory-card.unit-card{padding-left:16px;padding-right:16px}.theory-book.unit-card{padding:18px 16px 12px}}.theory-entry{position:relative}.theory-entry.lit{color:#8fe0cf;background:#8fe0cf1a;border-style:solid;border-color:#8fe0cf;box-shadow:0 0 16px #8fe0cf40}.theory-entry.lit:hover{color:#8fe0cf;border-color:#8fe0cf}.theory-entry .te-n{color:#2a1230;background:#f5c77e;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000059}.theory-peek{background:#8fe0cf17;border:1px solid #8fe0cf57;border-radius:14px;align-items:center;gap:10px;margin:-10px 0 16px;padding:9px 12px;display:flex}.theory-peek .tk-tx{flex:auto;min-width:0;font-size:12.5px;line-height:1.5}.theory-peek b{letter-spacing:.02em;color:#8fe0cf;margin-right:8px;font-weight:800}.theory-peek span{color:#fff6e8c7}.theory-peek .tk-go{cursor:pointer;font:inherit;color:#2a1230;background:#8fe0cf;border:0;border-radius:99px;flex:none;padding:6px 12px;font-size:12.5px;font-weight:800}.theory-peek .tk-go:hover{background:#a8e9db}.theory-peek .tk-x{cursor:pointer;color:#fff6e899;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;padding:0;font-size:12px;line-height:1;display:grid}.theory-peek .tk-x:hover{color:#fff6e8;background:#ffffff1f}@media (max-height:560px) and (orientation:landscape){.theory-peek{display:none}}html.no-flex-gap .tp-head>*+*{margin-left:10px}html.no-flex-gap .tp-demo-btns>*+*{margin-left:8px}html.no-flex-gap .tp-how>*+*,html.no-flex-gap .tp-watch>*+*{margin-left:7px}html.no-flex-gap .tb-dots>*+*{margin-left:6px}html.no-flex-gap .tc-key-tx>*+*{margin-left:0}html.no-flex-gap .tc-rest>*+*{margin-left:6px}html.no-flex-gap .theory-peek>*+*{margin-left:10px}@media (prefers-reduced-motion:reduce){.theory-ov .unit-card,.tb-dots button{transition:none!important;animation:none!important}.tb-track{scroll-behavior:auto}}.tb-directory{color:#fff6e8;min-height:44px;font:inherit;cursor:pointer;background:#302140;border:1px solid #655778;border-radius:12px;align-self:flex-start;margin:0 48px 8px 0;padding:6px 12px}