@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&family=Noto+Music&display=swap";:root{--bg: #0a0c11;--s1: #12151d;--s2: #1a1e28;--s3: #232833;--bd: rgba(255, 255, 255, .08);--bd2: rgba(255, 255, 255, .13);--tx: #e9ebf2;--dim: rgba(233, 235, 242, .55);--dim2: rgba(233, 235, 242, .34);--blue: #4d9fff;--amber: #ffa24d;--green: #4ad991;--purple: #a98bff;--gold: #ffcf5c;--red: #ff7a7a;--font-display: "Space Grotesk", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "Space Mono", monospace;--font-music: "Noto Music", serif;--gamebar: #080a0f;--trilho: rgba(255, 255, 255, .1)}:root[data-theme=light]{--bg: #f4f6fb;--s1: #ffffff;--s2: #eef1f7;--s3: #e3e8f0;--bd: rgba(10, 12, 17, .1);--bd2: rgba(10, 12, 17, .16);--tx: #12151d;--dim: rgba(18, 21, 29, .6);--dim2: rgba(18, 21, 29, .4);--gamebar: #ffffff;--trilho: rgba(10, 12, 17, .12)}:root[data-contrast=on]{--bd: rgba(255, 255, 255, .28);--bd2: rgba(255, 255, 255, .4);--dim: rgba(233, 235, 242, .8)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,.lyrics-panel,.lyrics-line{-webkit-user-select:text;-moz-user-select:text;user-select:text}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes cad-pulse{0%,to{box-shadow:0 0 #4d9fff8c}50%{box-shadow:0 0 0 9px #4d9fff00}}@keyframes cad-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#app{display:flex;height:100vh;overflow:hidden;font-family:var(--font-body);color:var(--tx);background:var(--bg)}.sidebar{width:236px;flex:none;background:var(--s1);border-right:1px solid var(--bd);display:flex;flex-direction:column;padding:22px 16px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;font:700 18px var(--font-display);color:#fff;box-shadow:0 4px 14px #4d9fff59}.brand-name{font:600 18px var(--font-display);letter-spacing:-.2px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;color:var(--dim);cursor:pointer;font:500 14px var(--font-body);border-radius:9px;text-align:left}.nav-item:hover{color:var(--tx)}.nav-item.active{color:var(--tx);background:var(--s3);box-shadow:inset 2px 0 0 var(--blue)}.nav-item svg{flex:none}.side-label{padding:14px 12px 4px;font:600 11px var(--font-mono);letter-spacing:.12em;color:var(--dim2);margin-top:22px}.account-row{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;margin-top:2px;border:none;background:none;color:inherit;cursor:pointer;border-radius:9px;text-align:left;width:100%}.account-row:hover{background:var(--s2)}.account-row.active{background:var(--s3);box-shadow:inset 2px 0 0 var(--blue)}.avatar svg{display:block;border-radius:50%}.avatar{flex:none;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:#3a1420}.btn-practice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:11px;background:linear-gradient(150deg,var(--blue),#3b7fe0);color:#fff;font:600 14px var(--font-body);cursor:pointer;box-shadow:0 6px 18px #4d9fff52}.main{flex:1;height:100vh;overflow-y:auto}.view{max-width:960px;margin:0 auto;padding:34px 40px 60px;animation:cad-rise .4s ease}.page-head{position:sticky;top:0;z-index:6;background:var(--bg);padding-top:14px;padding-bottom:12px;margin-top:-14px}.page-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(var(--bg),transparent);pointer-events:none}.view.narrow{max-width:760px}.page-title{font:600 28px var(--font-display);letter-spacing:-.4px}.page-sub{font:400 14px var(--font-body);color:var(--dim)}.mono{font-family:var(--font-mono)}.h-card{font:600 18px var(--font-display);letter-spacing:-.2px}.card{background:var(--s1);border:1px solid var(--bd);border-radius:14px}.pill{padding:9px 16px;border-radius:20px;font:500 13px var(--font-body);background:var(--s2);border:1px solid var(--bd);color:var(--dim);cursor:pointer}.pill.active{background:var(--tx);color:#0a0c11;border-color:transparent;font-weight:600}.filter-groups{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;margin-bottom:22px;overflow-x:auto;padding-bottom:6px}.filter-group{display:flex;align-items:center;gap:6px;flex:none}.filter-label{font:600 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim2);flex:none}.filter-chips{display:flex;gap:5px;flex-wrap:nowrap}.fchk{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 6px;border-radius:8px;font:500 11.5px var(--font-body);background:var(--s2);border:1px solid var(--bd);color:var(--dim);cursor:pointer;white-space:nowrap;flex:none}.fchk .fbox{width:14px;height:14px;border-radius:4px;border:1px solid var(--bd2);background:var(--s1);display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#fff;flex:none}.fchk:hover{color:var(--tx)}.fchk.on{color:var(--tx);border-color:var(--blue);background:#4d9fff1a}.fchk.on .fbox{background:var(--blue);border-color:var(--blue)}.fchk-clear{background:none;border:none;color:var(--dim2);font:500 11px var(--font-mono);cursor:pointer;text-decoration:underline;padding:6px 4px}.pill-feat.active{background:#4ad99129;color:var(--green);border-color:var(--green)}.free-tabs{display:flex;gap:8px;flex-wrap:wrap}.free-tab{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--stroke);background:#ffffff08;color:var(--dim);font:600 12px var(--font-body);padding:7px 13px;border-radius:18px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.free-tab:hover{color:var(--tx);border-color:var(--dim2)}.free-tab.on{background:#4d9fff29;color:var(--blue);border-color:var(--blue)}.free-tab-n{font:600 10px var(--font-mono);opacity:.7}.lib-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.lib-search{display:inline-flex;align-items:center;gap:7px;padding:0 12px;height:38px;min-width:220px;border:1px solid var(--stroke);border-radius:10px;background:#ffffff08}.lib-search:focus-within{border-color:var(--blue)}.lib-search-i{font-size:13px;opacity:.6}.lib-search input{flex:1;border:none;background:none;outline:none;color:var(--tx);font:500 13px var(--font-body);min-width:0}.lib-search input::placeholder{color:var(--dim2)}.filter-box{position:relative}.filter-box-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid var(--stroke);border-radius:10px;background:#ffffff08;color:var(--dim);font:600 12px var(--font-body);cursor:pointer}.filter-box-btn:hover{color:var(--tx);border-color:var(--dim2)}.filter-box-btn.has{color:var(--blue);border-color:var(--blue);background:#4d9fff1a}.filter-box.open .filter-box-btn{border-color:var(--blue);color:var(--tx)}.fb-count{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--blue);color:#fff;font:700 10px var(--font-mono);display:inline-flex;align-items:center;justify-content:center}.fb-caret{font-size:9px;opacity:.7}.filter-box-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:172px;padding:8px;display:flex;flex-direction:column;gap:4px;background:var(--s1, #14171d);border:1px solid var(--bd2);border-radius:12px;box-shadow:0 14px 40px #00000073}.heart-btn{width:38px;height:38px;border:1px solid var(--stroke);border-radius:10px;background:#ffffff08;color:var(--dim);font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.heart-btn:hover{color:#ff6b8f;border-color:var(--dim2)}.heart-btn.on{color:#ff6b8f;border-color:#ff6b8f;background:#ff6b8f1f}.help-dot{width:30px;height:30px;border-radius:50%;border:1px solid var(--stroke);background:#ffffff0a;color:var(--dim);font:700 13px var(--font-display);cursor:pointer;flex:none}.help-dot:hover{color:var(--tx);border-color:var(--blue)}.pill-diff{padding:6px 13px;font-size:12px;background:transparent}.pill-diff.active{background:#4d9fff29;color:var(--blue);border-color:var(--blue)}.fav-btn{position:absolute;top:6px;left:8px;background:#0006;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;line-height:1;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center}.fav-btn.on,.fav-btn:hover{color:#ff7a9c}.song-art{height:96px;display:flex;align-items:center;justify-content:center;position:relative}.song-card:not(.locked) .song-art{cursor:pointer}.song-card.locked{opacity:.72}.song-play{width:46px;height:46px;border-radius:50%;background:#0000004d;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;padding-left:3px;transition:transform .12s,background .12s}.song-art:hover .song-play{background:#00000080;transform:scale(1.1)}.song-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:0 12px;color:#ffffffd9}.song-lock-detail{font:600 10px var(--font-mono);color:#ffffffd9;line-height:1.25}.song-unit-badge{position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:12px;font:600 9px var(--font-mono);background:#00000052;color:#ffffffe6}.song-lyric-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:12px;font:600 9px var(--font-mono);background:#0006}.song-acquired{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:12px;font:700 9px var(--font-mono);background:#4ad991e6;color:#04120a}.col-header{position:sticky;top:0;z-index:12;background:var(--bg, #0a0c10);padding:4px 0 14px;margin-bottom:8px;border-bottom:1px solid var(--bd)}.col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.col-grid.col-grid-avatares{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.conq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:900px){.conq-grid{grid-template-columns:1fr}}.conq-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--bd);border-radius:14px;background:var(--s2)}.conq-card.got{border-color:#ffcf5c66;background:linear-gradient(150deg,rgba(255,207,92,.07),var(--s2))}.conq-card:not(.got){opacity:.6}.conq-icon{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;background:var(--s3)}.conq-card.got .conq-icon{background:linear-gradient(150deg,var(--gold),#e0a93a)}.conq-main{flex:1;min-width:0}.conq-title{font:600 14px var(--font-display)}.conq-desc{font:400 12px var(--font-body);color:var(--dim);margin-top:2px}.conq-reward{flex:none;text-align:right}.conq-xp{font:700 13px var(--font-mono);color:var(--blue)}.conq-notas{font:700 12px var(--font-mono);color:var(--purple);margin-top:2px}.btn{border:none;border-radius:10px;cursor:pointer;font:600 13px var(--font-body);display:inline-flex;align-items:center;gap:7px;padding:10px 16px}.btn-primary{background:linear-gradient(150deg,var(--blue),#3b7fe0);color:#fff}.btn-neutral{background:var(--s2);color:var(--tx);border:1px solid var(--bd2)}.btn-green{background:var(--green);color:#04120a}.btn-white{background:#fff;color:#0a0c11}.btn-s3{background:var(--s3);color:var(--tx)}.toggle{width:42px;height:23px;border-radius:23px;flex:none;position:relative;transition:background .18s;background:#ffffff26;cursor:pointer}.toggle.on{background:var(--green)}.toggle .knob{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:transform .18s}.toggle.on .knob{transform:translate(19px)}.settings-group{background:var(--s1);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin-bottom:22px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--bd)}.settings-row:last-child{border-bottom:none}.settings-label{font:500 14px var(--font-body)}.settings-desc{font:400 12px var(--font-body);color:var(--dim);padding-right:18px}.section-label{font:600 12px var(--font-mono);letter-spacing:.1em;color:var(--dim2);margin:0 0 10px 2px}.game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05070b;display:flex;flex-direction:column}.game-overlay[hidden]{display:none}.game-topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--bd);background:var(--gamebar)}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--bd);border-radius:10px;background:var(--s2);color:var(--tx);cursor:pointer}.segmented{display:flex;gap:4px;background:var(--s2);border:1px solid var(--bd);border-radius:11px;padding:4px}.seg-tab{padding:7px 15px;border:none;border-radius:8px;cursor:pointer;font:600 13px var(--font-body);background:transparent;color:var(--dim)}.seg-tab.on{background:var(--s3);color:var(--tx)}.bpm-wrap{display:flex;align-items:center;gap:10px}.slider{width:110px;height:5px;background:#ffffff1f;border-radius:5px;position:relative}.slider-fill{height:100%;background:var(--tx);border-radius:5px;position:relative}.slider-knob{position:absolute;right:-6px;top:-4px;width:13px;height:13px;border-radius:50%;background:#fff}.speed-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:5px;border-radius:5px;background:#ffffff1f;cursor:pointer}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.speed-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;cursor:pointer}.icon-btn.active{background:#4d9fff38;border-color:var(--blue);color:var(--blue)}.hand-select{background:var(--s2);color:var(--tx);border:1px solid var(--bd);border-radius:9px;padding:6px 9px;font:500 12px var(--font-body);cursor:pointer}.game-topbar{gap:12px}.seg-vertical{flex-direction:column;height:64px;gap:4px}.seg-vertical .seg-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:0 16px;white-space:nowrap}.game-title{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.gt-line,.gt-line2{display:flex;align-items:center;width:min(380px,100%);gap:10px}.gt-fav{flex:none;background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:var(--dim2);padding:0}.gt-fav.on{color:var(--red)}.gt-name{flex:0 1 auto;margin-left:auto;text-align:right;font:700 17px var(--font-display);color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gt-author{flex:none;margin-right:auto;font:400 12px var(--font-body);color:var(--dim2);white-space:nowrap}.gt-diff-stars{flex:none;font:600 12px var(--font-mono);color:var(--gold);letter-spacing:1px}.gt-line2{justify-content:center;margin-top:1px}.gt-best{flex:none;font:600 11px var(--font-mono);color:var(--gold);white-space:nowrap}.gt-best b{color:var(--tx);font-weight:700}.gt-best-acc{color:var(--dim);font-weight:500}.gt-step{font:700 12px var(--font-mono);color:var(--blue);letter-spacing:.03em}.gt-best-empty{color:var(--dim2);font-weight:500}.sheet-layout{position:absolute;top:16px;left:18px;z-index:7;display:inline-flex;gap:3px;padding:3px;background:#0a0c11b8;border:1px solid var(--bd);border-radius:11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-layout[hidden]{display:none}.sl-tab{border:none;background:none;color:var(--dim);font:600 11px var(--font-body);padding:5px 11px;border-radius:8px;cursor:pointer}.sl-tab.on{background:var(--blue);color:#fff}.score-live{position:absolute;top:16px;left:18px;z-index:4;transition:top .15s;padding:9px 16px;display:flex;align-items:center;gap:12px;background:#0a0c11b8;border:1px solid var(--bd);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.score-live-main{text-align:center}.score-live-combo{font:700 15px var(--font-mono);color:var(--dim2);padding:4px 9px;border-radius:9px;background:#ffffff0d;transition:color .15s,background .15s}.score-live-combo.hot{color:var(--amber);background:#ffa24d29}.score-live.below-layout{top:62px}.score-live-val{font:700 42px var(--font-display);color:var(--purple);line-height:1}.score-live-label{font:600 10px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-top:3px}.score-live.up{animation:score-up .5s ease}.score-live.down{animation:score-down .5s ease}.score-live.up .score-live-val{animation:score-num-up .5s ease}.score-live.down .score-live-val{animation:score-num-down .5s ease}@keyframes score-up{0%,to{transform:scale(1);border-color:var(--bd);box-shadow:none}35%{transform:scale(1.1);border-color:var(--green);box-shadow:0 0 26px #4ad9918c}}@keyframes score-down{0%,to{transform:scale(1);border-color:var(--bd);box-shadow:none}35%{transform:scale(.93);border-color:var(--red);box-shadow:0 0 26px #ff7a7a80}}@keyframes score-num-up{0%,to{color:var(--purple)}35%{color:var(--green)}}@keyframes score-num-down{0%,to{color:var(--purple)}35%{color:var(--red)}}.bpm-top{display:flex;align-items:center;justify-content:center;gap:8px}.metro-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px}.bpm-col .speed-range{width:92px}.ctl-col{display:flex;flex-direction:column;gap:6px;justify-content:center}.stack-7030{height:64px}.ouvir-btn{flex:7 1 0;justify-content:center;padding:0 14px;font-size:13px}.letra-btn{flex:3 1 0;justify-content:center;padding:0 12px;font-size:11px}.guides-col{height:64px}.guide-toggle{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--stroke);border-radius:9px;background:#ffffff08;color:var(--dim);font:600 11px var(--font-body);padding:0 8px;cursor:pointer;white-space:nowrap}.guide-toggle:hover{color:var(--tx);border-color:var(--dim2)}.guide-toggle.on{background:#4d9fff29;color:var(--blue);border-color:var(--blue)}.bpm-col{align-items:center;gap:5px}.bpm-num{font:600 12px var(--font-mono);color:var(--dim)}.bpm-row{display:flex;align-items:center;gap:6px}.bpm-row .speed-range{width:84px}.mini-btn{width:30px;height:26px;border:1px solid var(--bd);border-radius:8px;background:var(--s2);color:var(--tx);cursor:pointer;font-size:13px}.mini-btn.active{background:#4d9fff33;border-color:var(--blue)}.input-col{align-items:center;gap:5px}.input-seg .seg-tab{padding:6px 9px;font-size:14px}.input-status{font:500 10px var(--font-mono);color:var(--dim);white-space:nowrap}.midi-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dim2);margin-left:3px;vertical-align:middle}.midi-dot.on{background:var(--green);box-shadow:0 0 6px var(--green)}.transport{display:flex;flex-direction:column;gap:5px;height:64px;padding:5px;background:#ffffff08;border:1px solid var(--bd);border-radius:12px}.transport-row{display:flex;gap:5px;flex:7 1 0}.tp-btn{flex:1;min-width:46px;border:1px solid var(--bd);border-radius:9px;background:var(--s2);color:var(--tx);cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center}.tp-btn:hover{border-color:var(--bd2)}.tp-loop{flex:3 1 0;border:1px solid var(--bd);border-radius:8px;background:var(--s2);color:var(--dim);cursor:pointer;font:600 11px var(--font-mono)}.tp-loop.active{background:#4ad9912e;border-color:var(--green);color:var(--green)}.sair-btn{align-self:center;padding:10px 18px}.game-topbar .locked{opacity:.4;cursor:not-allowed;position:relative}.game-topbar button.locked:after{content:"🔒";position:absolute;top:-7px;right:-5px;font-size:10px}.zoom-float{position:absolute;right:16px;bottom:160px;z-index:4;width:40px;height:40px;border-radius:10px;border:1px solid var(--bd2);background:#0a0c11cc;color:var(--tx);cursor:pointer;font-size:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zoom-float.active{background:#4d9fff40;border-color:var(--blue);color:var(--blue)}.falling-area{flex:1;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#0d1017,#05070b)}#stage-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.falling-area[hidden],.sheet-area[hidden]{display:none}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.hud-stack{position:absolute;top:16px;right:18px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.hud{display:flex;gap:10px}.hud-card{background:#0a0c11b3;border:1px solid var(--bd);border-radius:11px;padding:9px 15px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-val{font:700 20px var(--font-display)}.hud-label{font:500 10px var(--font-mono);color:var(--dim)}.hud-detail{display:flex;gap:6px}.hud-detail[hidden]{display:none}.hud-chip{font:600 11px var(--font-mono);padding:5px 9px;border-radius:8px;background:#0a0c11b3;border:1px solid var(--bd);color:var(--dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:capitalize}.hud-chip.ok{color:var(--green);border-color:#4ad99166}.hud-chip.warn{color:var(--amber);border-color:#ffa24d66}.hud-chip.bad{color:var(--red);border-color:#ff7a7a66}.ready-overlay{position:absolute;top:0;right:0;bottom:150px;left:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer}.ready-overlay[hidden]{display:none}.ready-card{text-align:center}.ready-big{font-size:44px;color:var(--blue);margin-bottom:12px}.ready-start{background:#0a0c1180;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 22px;box-shadow:0 12px 30px #00000052}.ready-title{font:600 16px var(--font-display);color:#fff}.ready-sub{font:400 13px var(--font-body);color:var(--dim);margin-top:6px}.countdown-num{font:700 92px var(--font-display);color:#fff;line-height:1;width:150px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0c1180;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px #00000059;animation:cad-rise .3s ease}.pause-hint{font:500 11px var(--font-mono);color:var(--dim);background:#0a0c11b3;border:1px solid var(--bd);border-radius:8px;padding:5px 9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-hint[hidden]{display:none}.demo-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:9px;font:600 13px var(--font-body);color:#06210f;background:linear-gradient(90deg,var(--green),#7fe6b0);border-radius:999px;padding:8px 16px;box-shadow:0 8px 26px #4ad99159}.demo-banner[hidden]{display:none}.demo-dot{width:9px;height:9px;border-radius:50%;background:#06210f;animation:cad-pulse 1.2s infinite}.btn.active{background:#4ad99133;border-color:var(--green);color:var(--green)}.lyrics-panel{position:absolute;bottom:166px;left:20px;z-index:4;max-width:320px;max-height:40%;overflow-y:auto;background:#0a0c11d1;border:1px solid var(--bd);border-radius:12px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lyrics-panel[hidden]{display:none}.lyrics-title{font:600 13px var(--font-display);color:var(--blue);margin-bottom:8px}.lyrics-line{font:400 14px var(--font-body);color:var(--tx);line-height:1.6}.game-hint{position:absolute;left:0;right:0;bottom:166px;text-align:center;z-index:3;font:500 13px var(--font-body);color:var(--dim);pointer-events:none}.mic-hud{position:absolute;top:106px;left:18px;z-index:3;display:flex;align-items:center;gap:8px;background:#0a0c11b8;border:1px solid var(--bd);border-radius:999px;padding:5px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:340px;font:600 12px var(--font-body)}.mic-hud[hidden]{display:none}.mic-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:cad-pulse 1.6s infinite}.mic-status{color:var(--tx);white-space:nowrap}.mic-note{font:600 12px var(--font-mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mic-note.on{color:var(--green)}.theory-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#06090edb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.theory-card{width:min(620px,100%);max-height:100%;overflow-y:auto;background:var(--s1, #121722);border:1px solid var(--bd2);border-radius:18px;padding:22px 26px 24px;box-shadow:0 18px 50px #00000080}.theory-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.theory-kicker{font:700 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--purple)}.theory-close{background:none;border:none;color:var(--dim2);cursor:pointer;font-size:17px;line-height:1;padding:4px 6px;border-radius:7px}.theory-close:hover{color:var(--tx);background:#ffffff0f}.theory-title{margin:8px 0 0;font:800 24px var(--font-display);color:var(--tx);letter-spacing:-.3px}.theory-dots{display:flex;gap:6px;margin:14px 0 18px}.theory-dots span{width:26px;height:4px;border-radius:999px;background:#ffffff1f}.theory-dots span.past{background:color-mix(in srgb,var(--purple) 55%,transparent)}.theory-dots span.on{background:var(--purple)}.theory-text{font:400 15px var(--font-body);line-height:1.65;color:var(--tx)}.theory-text b{color:var(--tx);font-weight:700}.theory-q{font:700 17px var(--font-display);color:var(--tx);line-height:1.4;margin-bottom:14px}.theory-opts{display:flex;flex-direction:column;gap:9px}.theory-opt{text-align:left;padding:13px 15px;border:1px solid var(--bd2);border-radius:11px;background:var(--s2);color:var(--tx);font:600 14px var(--font-body);cursor:pointer;transition:border-color .12s,background .12s}.theory-opt:hover:not(:disabled){border-color:var(--blue);background:var(--s3, rgba(255, 255, 255, .06))}.theory-opt.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--tx)}.theory-opt:disabled{cursor:default;opacity:.85}.theory-opt.wrong{border-color:color-mix(in srgb,var(--red, #ef7a7a) 60%,transparent);background:color-mix(in srgb,var(--red, #ef7a7a) 12%,transparent)}.theory-opts-row{flex-direction:row;flex-wrap:wrap}.theory-opts-row .theory-opt{flex:1 1 0;min-width:84px;text-align:center}.theory-staff{display:block;width:100%;max-width:320px;margin:6px auto 16px;background:#ffffff0a;border:1px solid var(--bd2);border-radius:12px}.rh-track{display:flex;gap:6px;margin:10px 0 4px;height:66px}.rh-note{display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--bd2);border-radius:9px;font-size:24px;color:var(--tx);min-width:34px}.rh-note.rh-rest{background:transparent;border-style:dashed;color:var(--dim2);font-size:20px}.theory-clef{font:600 11px var(--font-mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.rh-status{margin-top:10px;min-height:20px;font:700 14px var(--font-mono);color:var(--blue)}.rh-tap{width:100%;margin-top:10px;padding:20px;border-radius:12px;border:1px solid color-mix(in srgb,var(--blue) 55%,transparent);background:color-mix(in srgb,var(--blue) 16%,transparent);color:var(--tx);font:800 15px var(--font-mono);letter-spacing:.1em;cursor:pointer}.rh-tap:active{background:color-mix(in srgb,var(--blue) 34%,transparent)}.theory-hint{font:500 12px var(--font-body);color:var(--dim)}.theory-feedback{margin-top:14px;font:700 14px var(--font-display)}.theory-feedback.ok{color:var(--green)}.theory-feedback.no{color:var(--amber)}.theory-actions{display:flex;justify-content:flex-end;margin-top:20px;min-height:42px}.theory-next{padding:11px 22px}@media(max-width:560px){.theory-card{padding:18px 18px 20px}.theory-title{font-size:20px}}@media(max-height:520px){.theory-screen{padding:10px}.theory-card{padding:12px 18px 14px}.theory-title{font-size:18px;margin-top:4px}.theory-dots{margin:8px 0 10px}.theory-text{font-size:13.5px;line-height:1.5}.theory-staff{max-width:240px;margin:2px auto 10px}.rh-track{height:52px;margin:6px 0 2px}.rh-tap{padding:12px}.theory-actions{margin-top:10px;min-height:34px}}.result-hint{margin:0 0 12px;padding:9px 12px;border-radius:9px;font:500 12px var(--font-body);color:var(--dim);background:#ffffff0d;border:1px solid var(--bd2)}.result-hint.warn{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,transparent);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.result-hint b{color:var(--tx)}.mic-detect{margin-left:6px;background:#ffffff0f;color:var(--tx);border:1px solid var(--bd2);border-radius:7px;padding:2px 5px;font:600 10px var(--font-mono);cursor:pointer}.sheet-overlay-panel{position:absolute;left:0;right:0;top:0;bottom:150px;z-index:2}.sheet-overlay-panel[hidden]{display:none}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05070bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.lr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#0d1017,#05070b);color:var(--tx)}.lr-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd)}.lr-body{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.lr-card{text-align:center;max-width:560px}.lr-canvas{width:100%;height:160px;flex:none}.tut-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.tut-spot{position:absolute;border:2.5px solid var(--blue);border-radius:10px;box-shadow:0 0 0 4000px #03050a5c,0 0 18px 2px var(--blue);transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}.tut-tip{position:absolute;pointer-events:auto;max-width:92vw;background:linear-gradient(160deg,var(--s2),var(--s1));border:1px solid var(--blue);border-radius:12px;padding:14px 16px;box-shadow:0 14px 44px #0000008c}.tut-tip-title{font:700 15px var(--font-display);color:var(--tx);margin-bottom:6px}.tut-tip-body{font:400 13px var(--font-body);color:var(--dim);line-height:1.55}.tut-tip-body b{color:var(--tx)}.tut-prog{margin-top:10px;font:600 12px var(--font-mono);color:var(--tx);background:#ffffff0d;border-radius:8px;padding:7px 10px}.tut-checks{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 12px;background:#ffffff0d;border-radius:8px;padding:7px 10px}.tut-check{white-space:nowrap;font:600 12px var(--font-mono);color:var(--tx)}.tut-target{margin-top:10px;font:600 15px var(--font-body);color:var(--tx);background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid color-mix(in srgb,var(--green) 45%,transparent);border-radius:8px;padding:8px 11px}.tut-target b{font-size:18px;color:var(--green)}.tut-target-hint{font-weight:500;font-size:12px;color:var(--dim)}.tut-ok{animation:cad-tut-ok .8s ease-out}@keyframes cad-tut-ok{0%{background:var(--green);color:#08131f;transform:scale(1.07)}55%{background:color-mix(in srgb,var(--green) 45%,transparent);transform:scale(1)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.tut-ok{animation:none}}.tut-tip-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.tut-tip-nav button{background:var(--s3, rgba(255, 255, 255, .06));color:var(--dim);border:1px solid var(--bd2);border-radius:8px;padding:6px 12px;font:600 12px var(--font-body);cursor:pointer}.tut-tip-nav button:hover{color:var(--tx);border-color:var(--dim2)}.tut-tip-count{font:600 11px var(--font-mono);color:var(--dim2)}.tut-q{font:600 14px var(--font-body);color:var(--tx);margin:4px 0 10px}.tut-mc{display:flex;flex-direction:column;gap:8px}.tut-mc button{text-align:left;padding:10px 12px;border:1px solid var(--bd2);border-radius:10px;background:var(--s2);color:var(--tx);font:600 13px var(--font-body);cursor:pointer;transition:border-color .1s,transform .08s}.tut-mc button:hover{border-color:var(--blue)}.tut-mc button.wrong{border-color:var(--red, #ef7a7a);animation:cad-shake .3s}.tut-check-ok{font:700 18px var(--font-display);color:var(--green);text-align:center;padding:10px 0}@keyframes cad-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.tut-spot{transition:none}.tut-mc button.wrong{animation:none}}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;background:#05070bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.celebrate-overlay[hidden]{display:none}.celebrate-overlay.in{animation:cad-result-bg .24s ease both}.celebrate-card{--cel: var(--blue);position:relative;width:380px;max-width:100%;max-height:100%;overflow-y:auto;background:linear-gradient(160deg,var(--s2),var(--s1));border:1px solid var(--cel);border-radius:22px;padding:30px 30px 26px;text-align:center;color:var(--tx);box-shadow:0 24px 70px #0000008c,0 0 0 4px color-mix(in srgb,var(--cel) 16%,transparent)}.celebrate-overlay.in .celebrate-card{animation:cad-cel-pop .42s cubic-bezier(.2,1.3,.4,1) both}@keyframes cad-cel-pop{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.cel-burst{font-size:54px;line-height:1;margin-bottom:14px;filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--cel) 55%,transparent));animation:cad-cel-burst .6s ease both}@keyframes cad-cel-burst{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.cel-title{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cel);margin-bottom:6px}.cel-headline{font:700 26px var(--font-display);letter-spacing:-.4px}.cel-detail{font:400 13px var(--font-body);color:var(--dim);margin-top:8px;line-height:1.4}.cel-dots{display:flex;gap:6px;justify-content:center;margin-top:16px}.cel-dots span{width:7px;height:7px;border-radius:50%;background:var(--bd2)}.cel-dots span.on{background:var(--cel)}.cel-btn{margin-top:20px;width:100%;justify-content:center;padding:12px}.result-overlay[hidden]{display:none}.result-overlay.reveal{animation:cad-result-bg .28s ease both}.result-overlay.reveal .result-card{animation:cad-result-card .34s cubic-bezier(.22,1,.36,1) both}@keyframes cad-result-bg{0%{opacity:0}to{opacity:1}}@keyframes cad-result-card{0%{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}.result-card{position:relative;width:440px;max-width:100%;max-height:100%;overflow-y:auto;background:linear-gradient(160deg,var(--s2),var(--s1));border:1px solid var(--bd2);border-radius:22px;padding:32px 34px;text-align:center;color:var(--tx);animation:cad-rise .4s ease}.rw-anim{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.rw-block{text-align:left}.rw-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.rw-lvl{font:600 12px var(--font-mono);color:var(--dim)}.rw-lvl b{color:var(--tx)}.rw-gain{font:600 13px var(--font-mono);color:var(--tx);transition:transform .4s ease,color .4s ease}.rw-gain.xp.show{color:var(--blue)}.rw-gain.notas.show{color:var(--purple)}.rw-gain.show{font-weight:800;transform:scale(1.5);transform-origin:right center}.rw-bar{height:9px;border-radius:6px;background:var(--trilho);overflow:hidden}.rw-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--blue),var(--purple));transition:width .08s linear}.rw-sub{font:500 10px var(--font-mono);color:var(--dim);margin-top:5px}.rw-sub-r{text-align:right}.rw-head .rw-gain.xp{transform-origin:center}.rw-next{opacity:.65}.rw-notas-line{display:inline-flex;align-items:center;gap:6px}.rw-coin{display:inline-flex;color:var(--purple)}.rw-coin svg{width:15px;height:15px}.rw-notas-line b{font:700 16px var(--font-display);color:var(--purple)}.result-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);background:var(--s2);color:var(--dim);border-radius:8px;cursor:pointer;font-size:15px;line-height:1}.result-close:hover{color:var(--tx);border-color:var(--bd2)}.retry-float{position:absolute;left:50%;top:calc(50% - 75px);transform:translate(-50%,-50%);z-index:6;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0a0c1180;color:#fff;font-size:30px;cursor:pointer;box-shadow:0 12px 30px #00000059}.retry-float:hover{background:#1418209e}.retry-float[hidden]{display:none}.btn-skip{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--dim);font:500 12px var(--font-body);cursor:pointer}.btn-skip:hover{color:var(--tx)}.result-overlay.onb-tour{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;padding:0}.onb-spot{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #05070bcc,0 0 0 2px var(--blue);pointer-events:none;z-index:60;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease}.onb-tip{position:fixed;width:300px;background:linear-gradient(160deg,var(--s2),var(--s1));border:1px solid var(--bd2);border-radius:14px;padding:15px 17px;box-shadow:0 20px 50px #0000008c;z-index:61;animation:cad-rise .25s ease}.trail{max-width:460px;margin:0 auto}.mod-menu{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.mod-card{border-radius:18px;background:linear-gradient(135deg,var(--uc, var(--s2)),var(--us, var(--s3)));box-shadow:0 10px 26px #00000047;overflow:hidden}.mod-card.locked{background:var(--s2);border:1px solid var(--bd);box-shadow:none;opacity:.7}.mod-card-body{padding:15px 20px}.mod-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mod-card-title{font:800 20px var(--font-display);color:#08131f}.mod-card.locked .mod-card-title{color:var(--tx)}.mod-card-badge{font:700 14px var(--font-mono);color:#08131f;background:#ffffff8c;border-radius:999px;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.mod-card-sub{font:500 13px var(--font-body);color:#08131fb8;margin:3px 0 12px}.mod-card-foot{display:flex;align-items:center;gap:16px}.mod-card-prog{flex:1;min-width:0}.mod-card-bar{height:10px;border-radius:999px;background:#08131f38;overflow:hidden}.mod-card-fill{height:100%;border-radius:999px;background:#ffffffeb}.mod-card-status{font:600 11px var(--font-mono);color:#08131fc7;margin:6px 0 0}.mod-card-done{color:#08131f;font-weight:700}.mod-card-lock{font:600 13px var(--font-mono);color:var(--dim);margin-top:6px}.mod-card-btn{flex:none;justify-content:center;background:#fff;color:var(--us, var(--purple));font-weight:800;border:none;padding:11px 26px;white-space:nowrap}.trail-modchip{position:sticky;top:10px;z-index:30;display:inline-flex;align-items:center;gap:9px;width:fit-content;margin:0 0 -46px;padding:3px}.trail-modchip-name{font:700 11px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.trail-back{border:none;background:var(--s2);color:var(--tx);width:34px;height:34px;border-radius:10px;cursor:pointer;font:700 16px var(--font-display);display:inline-flex;align-items:center;justify-content:center;line-height:1}.trail-back:hover{background:var(--s3)}.trail-view .trail-head{position:sticky;top:10px;z-index:20}.composer-card{max-width:460px;margin:-2px auto 14px;padding:12px 16px;background:var(--s2);border:1px solid var(--bd);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.composer-card-bio{margin:0;font:400 13px var(--font-body);line-height:1.5;color:var(--tx)}.composer-card-btn{font:600 12.5px var(--font-display);color:#fff;background:linear-gradient(135deg,var(--cc),var(--cs));border:none;border-radius:999px;padding:7px 16px;cursor:pointer;box-shadow:0 3px 12px #0000004d;transition:transform .12s ease,filter .12s ease}.composer-card-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.composer-card-btn:focus-visible{outline:2px solid var(--cc);outline-offset:2px}.composer-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:hidden;display:flex;align-items:center;opacity:0;transition:opacity .3s ease}.composer-intro.ci-in{opacity:1}.composer-intro.ci-out{opacity:0}.ci-bg{position:absolute;top:0;right:0;bottom:0;left:0}.ci-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#030408ed,#030408b8 34%,#0304081f 72%,#0304088c),linear-gradient(180deg,rgba(3,4,8,.55) 0%,transparent 22%,transparent 68%,rgba(3,4,8,.8) 100%)}.ci-glyph{position:absolute;right:3%;bottom:-8%;font:700 48vh var(--font-display);color:#ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none}.ci-content{position:relative;max-width:620px;margin-left:clamp(24px,8vw,120px);padding:24px;color:#f4f5fa}.ci-era{margin-bottom:12px;font:600 13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8}.ci-name{margin:0 0 20px;font:700 clamp(34px,6vw,64px) var(--font-display);line-height:1.02;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.5)}.ci-bio{margin:0 0 28px;max-width:54ch;font:400 clamp(15px,1.7vw,19px) var(--font-body);line-height:1.65;color:#ffffffe6}.ci-start{font:600 15px var(--font-display);color:#05060a;background:#fff;border:none;border-radius:999px;padding:13px 28px;cursor:pointer;box-shadow:0 6px 24px #00000073;transition:transform .14s ease,box-shadow .14s ease}.ci-start:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000008c}.ci-start:focus-visible{outline:2px solid #fff;outline-offset:3px}.ci-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:400 24px/1 var(--font-body);color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .12s ease}.ci-close:hover{background:#ffffff38}.ci-in .ci-era{animation:ciRise .5s .05s both}.ci-in .ci-name{animation:ciRise .6s .18s both}.ci-in .ci-bio{animation:ciRise .7s .38s both}.ci-in .ci-start{animation:ciRise .6s .64s both}@keyframes ciRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.composer-intro{transition:none}.ci-in .ci-era,.ci-in .ci-name,.ci-in .ci-bio,.ci-in .ci-start{animation:none}}.trail-modulo{margin-bottom:12px}.trail-modulo-head{text-align:center;margin:8px auto 22px;padding:6px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}.trail-modulo-title{font:700 13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx)}.trail-modulo-sub{font:500 11px var(--font-body);color:var(--dim);margin-top:2px}.trail-meta{font:500 9px var(--font-mono);color:var(--dim);margin-top:2px}.trail-unit{margin-bottom:36px}.trail-head{border-radius:16px;padding:16px 20px;color:#06121f;box-shadow:0 8px 22px #0000004d;margin-bottom:10px}.trail-head-title{font:700 16px var(--font-display)}.trail-head-sub{font:500 12px var(--font-body);opacity:.85;margin-top:2px}.trail-path{display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px 0 8px}.trail-row{display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .2s}.trail-node{width:66px;height:66px;border-radius:50%;border:none;cursor:default;font-size:26px;display:flex;align-items:center;justify-content:center;color:#06121f;background:var(--s3);box-shadow:0 5px #00000059}.trail-node.done{background:var(--nc, var(--green));box-shadow:0 5px 0 var(--ns, #2e9c64)}.trail-node[data-action]{cursor:pointer}.trail-node.current{background:var(--nc, var(--blue));box-shadow:0 6px 0 var(--ns, #2f6fc0);cursor:pointer;color:#fff;animation:cad-bounce 1.4s infinite}.trail-node.locked{background:var(--s2);color:var(--dim2);box-shadow:0 5px #0000004d}.trail-node.trophy{font-size:30px;background:linear-gradient(150deg,#ffd873,#ffb01f);box-shadow:0 5px #c9861a}.trail-node.trophy.locked{background:var(--s2);filter:grayscale(1) opacity(.6);box-shadow:0 5px #0000004d}.trail-node.current:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ns, #2f6fc0)}.trail-name{font:500 11px var(--font-body);color:var(--dim);text-align:center;margin-top:8px;max-width:120px;line-height:1.3}.trail-here{position:absolute;top:-30px;background:#fff;color:#0a0c11;font:700 10px var(--font-mono);letter-spacing:.06em;padding:4px 9px;border-radius:8px;box-shadow:0 4px 10px #0000004d;animation:cad-bounce 1.4s infinite}.trail-here:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);border:5px solid transparent;border-top-color:#fff;border-bottom:0}@keyframes cad-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-col{display:flex;flex-direction:column;min-width:0}.admin-label{font:600 10px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim2);margin-bottom:6px}.admin-input{background:var(--s2);color:var(--tx);border:1px solid var(--bd);border-radius:9px;padding:9px 11px;font:500 13px var(--font-body)}.admin-textarea{background:var(--s1);color:var(--tx);border:1px solid var(--bd);border-radius:10px;padding:11px 12px;font:400 12px var(--font-mono);line-height:1.6;height:260px;resize:vertical;white-space:pre;overflow:auto}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-msg{margin-top:10px;font:500 12px var(--font-mono);color:var(--dim);min-height:18px}.admin-msg.err{color:var(--red)}.admin-msg.ok{color:var(--green)}.admin-sheet{background:#f6f7fb;border-radius:12px;padding:10px;overflow-x:auto;min-height:150px;box-shadow:0 12px 30px #0000004d}.admin-tabs{display:flex;gap:8px;max-width:960px;margin:0 auto;padding:22px 40px 0}.admin-tab{padding:9px 18px;border:1px solid var(--bd);background:var(--s1);color:var(--dim);border-radius:10px;cursor:pointer;font:600 14px var(--font-body);transition:background .15s,color .15s,border-color .15s}.admin-tab:hover{color:var(--tx)}.admin-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.admin-hint{margin-top:6px;font:500 11px var(--font-mono);color:var(--dim2)}.dev-table th{font:600 11px var(--font-mono);color:var(--dim2)}.admin-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:11px 14px;margin-bottom:14px;background:var(--s1);border:1px solid var(--bd);border-radius:12px}.admin-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-filter-label{font:600 10px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dim2)}.admin-check{display:inline-flex;align-items:center;gap:5px;font:500 12px var(--font-body);color:var(--dim);cursor:pointer;white-space:nowrap}.admin-check input{accent-color:var(--blue);cursor:pointer;margin:0}.admin-list-wrap{border:1px solid var(--bd);border-radius:12px;overflow:auto;max-height:62vh}.admin-list{width:100%;border-collapse:collapse}.admin-list th{position:sticky;top:0;z-index:1;background:var(--s2);font:600 10px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);padding:9px 12px;text-align:center;border-bottom:1px solid var(--bd);box-shadow:0 1px 0 var(--bd);-webkit-user-select:none;user-select:none}.admin-list th[data-sort]:hover{color:var(--tx)}.sort-ind{color:var(--blue);font-size:9px}.admin-list td{padding:5px 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);font:500 13px var(--font-body)}.admin-list-row{cursor:pointer;transition:background .12s}.admin-list-row:hover{background:#4d9fff12}.admin-list-row:last-child td{border-bottom:none}.admin-table-wrap{border:1px solid var(--bd);border-radius:10px;max-height:300px;overflow-y:auto}.admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-table th{position:sticky;top:0;background:var(--s2);font:600 10px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dim);padding:8px 4px;text-align:center;border-bottom:1px solid var(--bd)}.admin-table td{padding:2px 4px;text-align:center;border-bottom:1px solid rgba(255,255,255,.04)}.admin-table th.admin-rownum,.admin-table td.admin-rownum{width:34px;font:500 10px var(--font-mono);color:var(--dim2)}.admin-table th:last-child,.admin-table td:last-child{width:34px}.admin-cell{width:100%;background:transparent;color:var(--tx);border:1px solid transparent;border-radius:6px;padding:6px 4px;font:500 12px var(--font-mono);text-align:center}.admin-cell:hover{border-color:var(--bd)}.admin-cell:focus{outline:none;border-color:var(--blue);background:#4d9fff14}select.admin-cell{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.admin-rowdel{background:none;border:none;color:var(--dim2);cursor:pointer;font-size:11px;padding:4px}.admin-rowdel:hover{color:var(--red)}.admin-badge{font:600 9px var(--font-mono);letter-spacing:.05em;color:var(--amber);background:#ffa24d24;border:1px solid rgba(255,162,77,.4);border-radius:8px;padding:2px 7px;margin-left:6px;text-transform:none}.admin-pager{display:flex;align-items:center;gap:6px}.admin-pager .mini-btn[disabled]{opacity:.35;cursor:default}.admin-page{font:600 11px var(--font-mono);color:var(--dim);min-width:34px;text-align:center}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}}.bottom-nav,.so-celular{display:none}@media(max-width:760px){.so-celular{display:block}}.rotate-block{display:none}@media(orientation:portrait)and (max-width:760px){.rotate-block{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 28px;text-align:center;background:var(--bg)}.rotate-block-icon{font-size:46px;animation:cad-rotate-pulse 2.2s ease-in-out infinite}.rotate-block-title{font:700 21px var(--font-display);color:var(--tx)}.rotate-block-sub{font:400 14px var(--font-body);color:var(--dim);line-height:1.55;max-width:320px;margin-bottom:8px}}@keyframes cad-rotate-pulse{0%,to{opacity:.95;transform:rotate(0)}50%{opacity:.6;transform:rotate(-12deg)}}@media(max-width:760px){.sidebar{display:none}#app{flex-direction:column}.main{height:auto;flex:1;padding-bottom:68px}.view,.view.narrow{padding:20px 16px 40px;max-width:100%}.page-title{font-size:23px}.view [style*="grid-template-columns:repeat(3,1fr)"],.view [style*="grid-template-columns:1.3fr 1fr"],.view [style*="grid-template-columns:1.1fr 1fr"]{grid-template-columns:1fr!important}.view [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--s1);border-top:1px solid var(--bd);padding:6px 4px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--dim);cursor:pointer;font:500 10px var(--font-body);padding:4px 0}.bnav-item.active{color:var(--blue)}.game-topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.game-title{display:none}.bpm-wrap{order:5}.hand-select{padding:6px 8px;font-size:11px}.hud-stack{top:10px;right:10px;gap:6px}.hud{gap:6px}.hud-card{padding:6px 10px}.hud-val{font-size:16px}.score-live{top:10px;left:10px;padding:6px 13px}.score-live-val{font-size:30px}.mic-hud{top:84px;left:10px;max-width:160px}.countdown-num{font-size:96px}.ready-title{font-size:18px}.result-card{width:100%;padding:24px 20px}}.login-field{display:block;font:500 12px var(--font-mono);color:var(--dim);margin-bottom:12px}.login-field input{display:block;width:100%;margin-top:5px;background:var(--s2);color:var(--tx);border:1px solid var(--bd2);border-radius:8px;padding:10px 12px;font:400 14px var(--font-body)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;background:var(--s3);color:var(--tx);border:1px solid var(--bd2);border-radius:10px;padding:12px 18px;font:500 13px var(--font-body);box-shadow:0 8px 24px #0006;animation:cad-rise .25s ease}.toast[hidden]{display:none}.pass-meter{margin:-6px 0 10px;font:500 11px var(--font-mono);color:var(--dim)}.pass-bar{height:4px;border-radius:999px;background:#ffffff17;overflow:hidden;margin-bottom:5px}.pass-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--red, #ef7a7a);transition:width .18s,background .18s}.pass-meter.f-media .pass-bar i{background:var(--amber)}.pass-meter.f-boa .pass-bar i{background:var(--blue)}.pass-meter.f-forte .pass-bar i{background:var(--green)}.pass-meter.f-forte span{color:var(--green)}.card-help{position:absolute;top:8px;right:8px;z-index:3;width:22px;height:22px;border-radius:50%;border:1px solid var(--bd2);background:#0a0c118c;color:var(--dim);font:700 12px var(--font-body);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-help:hover{color:var(--tx);border-color:var(--blue)}:root[data-theme=light] .card-help{background:#ffffffbf}.item-info{width:420px;max-width:92vw;text-align:left}.ii-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.ii-title{font:600 19px var(--font-display)}.ii-sub{font:500 11px var(--font-mono);color:var(--dim2);margin-top:2px}.ii-text{font:400 13px var(--font-body);color:var(--dim);line-height:1.5}.ii-bonus{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,207,92,.3);background:#ffcf5c17}.ii-bonus-mult{flex:none;font:700 20px var(--font-mono);color:var(--gold)}.ii-bonus-t{font:600 13px var(--font-body);color:var(--tx)}.ii-bonus-d{font:400 12px var(--font-body);color:var(--dim);line-height:1.45;margin-top:2px}.ii-bonus-d b{color:var(--gold)}.ii-bonus-off{border-color:var(--bd);background:var(--s2)}.ii-bonus-off .ii-bonus-mult{color:var(--dim2)}.ii-fatos{margin-top:12px;display:grid;gap:6px}.ii-fatos>div{display:flex;justify-content:space-between;gap:12px;font:400 12px var(--font-body);color:var(--dim);padding:6px 0;border-bottom:1px solid var(--bd)}.ii-fatos b{color:var(--tx);font-weight:600;text-align:right}.ii-nota{margin-top:14px;display:flex;align-items:center;gap:8px;font:400 11px var(--font-body);color:var(--dim2);line-height:1.4}.btn-sair{background:#ff7a7a1f;border:1px solid rgba(255,122,122,.35);color:var(--red)}.btn-sair:hover{background:#ff7a7a33}.tom-vitrine{height:120px;border-radius:10px;background:radial-gradient(120% 90% at 50% 25%,#ffffff0f,#00000040);display:flex;align-items:center;justify-content:center}.tom-quadro{width:120px;height:120px;overflow:hidden;position:relative}.tom-quadro img{position:absolute;left:0;top:0;width:720px;height:120px;max-width:none}.avatar-picker{width:560px;max-width:94vw;text-align:left}.av-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;max-height:56vh;overflow-y:auto}.av-op{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--dim);font:500 11px var(--font-body);cursor:pointer}.av-op svg{border-radius:50%;display:block}.av-op:hover{background:var(--s2);color:var(--tx)}.av-op.on{border-color:var(--blue);background:#4d9fff1f;color:var(--tx)}@media(max-width:760px){.home-hero-art{display:none}.home-hero-txt{padding:22px 20px}.settings-row{flex-direction:column;align-items:stretch;gap:12px}.settings-desc{padding-right:0}.settings-row>:last-child{align-self:flex-start}.settings-row .seg{width:100%;justify-content:space-between}}@media(max-height:520px){.game-topbar{gap:8px;padding:6px 10px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.game-topbar::-webkit-scrollbar{display:none}#game-fav,.gt-author,.gt-diff-stars,.input-status,.pause-hint{display:none}.game-title{min-width:56px;overflow:hidden}.gt-name{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.gt-best{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg-vertical{height:48px}.seg-vertical .seg-tab{padding:0 8px;font-size:10px}.ctl-col{gap:4px}.stack-7030,.guides-col{height:48px}.hand-select{padding:4px;font-size:10px;max-width:106px}.ouvir-btn{padding:0 10px;font-size:12px}.letra-btn{padding:0 8px;font-size:10px}.guide-toggle{padding:0 6px;font-size:10px}.bpm-num{font-size:10px}.speed-range{width:84px}.input-seg .seg-tab{padding:5px 8px}.transport-row .tp-btn{width:30px;height:30px}.tp-loop{padding:3px 8px;font-size:10px}.sair-btn{position:sticky;right:0;padding:9px 14px;font-size:12px;flex:none;box-shadow:-8px 0 12px #080a0fe6}.score-live{transform:scale(.8);transform-origin:top left}.hud-card{padding:6px 10px}}@media(max-width:1024px){.trail-modchip{position:sticky;top:0;z-index:31;display:flex;width:auto;margin:0 -16px 10px;padding:8px 16px 12px;background:var(--bg)}.trail-view .trail-head{top:54px;z-index:25}}@media(prefers-reduced-motion:reduce){.rotate-block-icon{animation:none}}@media(max-height:520px){.tut-tip{max-height:68vh;overflow-y:auto;padding:10px 12px;max-width:70vw}.tut-tip-title{font-size:13px;margin-bottom:4px}.tut-tip-body{font-size:12px;line-height:1.45}.tut-tip-nav{margin-top:8px;gap:8px}.tut-tip-nav .btn{padding:7px 10px;font-size:11px}}@media(max-width:760px){.perfil-card{flex-wrap:wrap;gap:14px!important}.perfil-card>:nth-child(2){flex:1 1 100%!important;order:3}.xp-linha{flex-wrap:wrap}.xp-linha>:last-child{flex:1 1 100%}}html,body{touch-action:manipulation;overflow-x:hidden;overscroll-behavior-x:none}.game-overlay,.game-overlay canvas{touch-action:none}.game-topbar{touch-action:pan-x}@media(max-width:760px){input,select,textarea,.login-field input,.lib-search input,.admin-input{font-size:16px}}