:root{--bg:#120e19;--bg-2:#18131f;--panel:#1d1728;--panel-2:#262033;--line:#3a3150;--fg:#f1ebf8;--fg-2:#d3c9e2;--muted:#a59abb;--line-2:#463c5f;--line-3:#5d4f7a;--accent:#ffb547;--accent-ink:#2a1700;--danger:#ff5c6c;--g:#3ddc84;--r:#ff4d5e;--y:#ffd23f;--b:#3fa7ff;--o:#ff8a3d;--f-display:"Bungee",Impact,"Arial Black",sans-serif;--f-ui:"Saira Semi Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:16px/1.45 var(--f-ui);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 520px at 50% -180px,#ffb5471a,#0000 70%);background-repeat:no-repeat;overflow-x:hidden}body[data-screen=game]{overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit}kbd{font:600 .85em var(--f-ui);background:var(--panel-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}p{margin:0}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:1px solid var(--line);background:var(--panel-2);min-height:44px;color:var(--fg);letter-spacing:.02em;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.5em;padding:0 18px;font-weight:600;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover{border-color:var(--line-3);background:#2e2741}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#ffc66f}.btn.ghost{background:0 0}.btn.small{min-height:34px;padding:0 12px;font-size:.9rem}.btn.big{width:100%;min-height:54px;font-size:1.08rem}.btn.danger{color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--line);border-radius:8px;width:100%;min-height:44px;padding:9px 12px}textarea{resize:vertical;min-height:84px;font-size:.9rem}input::placeholder,textarea::placeholder{color:#8a7da3}label{display:block}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.wrap{max-width:1040px;padding-block:40px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.home{max-width:1160px;padding-block:clamp(28px,6vh,64px) 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;position:relative;overflow-x:clip}.pbar{z-index:2;border:1px solid var(--line);background:linear-gradient(180deg,#ffb5470f,transparent 60%),var(--panel);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"me stats act";align-items:center;gap:14px 28px;padding:12px 14px 12px 12px;display:grid;position:relative}.pb-me{grid-area:me;align-items:center;gap:14px;min-width:0;display:flex}.pb-lvl{flex:none;place-content:center;justify-items:center;width:60px;height:60px;line-height:1;display:grid;position:relative}.pb-lvl svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.pl-bg,.pl-fg{fill:none;stroke-width:5px}.pl-bg{stroke:var(--line)}.pl-fg{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 5px #ffb5478c);transition:stroke-dashoffset .6s cubic-bezier(.25,1,.5,1)}.pb-lvl b{font-family:var(--f-display);color:var(--fg);font-size:1.45rem;font-weight:400}.pb-lvl small{color:var(--muted);margin-top:1px;font-size:.6rem;font-weight:700}.pb-who{gap:5px;min-width:0;display:grid}.pb-name{cursor:pointer;max-width:100%;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;justify-self:start;align-items:center;gap:7px;padding:0;font-size:1.1rem;font-weight:700;display:inline-flex;overflow:hidden}.pb-name .ico{width:14px;height:14px;color:var(--muted);flex:none;transition:color .15s}.pb-name:hover .ico,.pb-name:focus-visible .ico{color:var(--accent)}.pb-name-in{width:min(220px,100%);min-height:32px;padding:4px 10px;font-weight:700}.pb-xp{background:var(--bg-2);width:clamp(140px,18vw,230px);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;overflow:hidden}.pb-xp i{transform-origin:0;background:linear-gradient(90deg,#e8962a,#ffb547 60%,#ffd890);height:100%;display:block;box-shadow:0 0 8px #ffb54780}.pb-xp-t{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.pb-stats{grid-area:stats;justify-self:center;gap:clamp(16px,2.6vw,34px);margin:0;display:flex}.pb-stats div{text-align:center;gap:1px;display:grid}.pb-stats dt{color:var(--muted);white-space:nowrap;font-size:.76rem;font-weight:600}.pb-stats dd{font-family:var(--f-display);color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;line-height:1.15}.pb-act{grid-area:act;gap:8px;display:flex}.pb-act .btn .ico{width:18px;height:18px}.pb-act .pb-ico{width:44px;padding:0}.pb-vs{border-color:var(--line-2);background:linear-gradient(90deg,#ff4d5e33,#3fa7ff33),var(--panel-2);font-variant-numeric:tabular-nums}.pb-vs:hover{border-color:var(--line-3);background:linear-gradient(90deg,#ff4d5e4d,#3fa7ff4d),var(--panel-2)}.gpu-note{color:#f4dcb6;background:#ffb54712;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 14px;margin-top:14px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffb54766}.gpu-ico{width:34px;height:34px;color:var(--accent);background:#ffb54729;border-radius:10px;place-items:center;display:grid}.gpu-ico .ico{width:20px;height:20px}.gpu-b{gap:6px;min-width:0;display:grid}.gpu-note .gpu-b h2{font-family:var(--f-ui);text-transform:none;color:var(--fg);font-size:1.05rem;font-weight:700;line-height:1.25}.gpu-b p{text-wrap:pretty;max-width:80ch;font-size:.92rem;line-height:1.45}.gpu-b b{color:var(--fg);font-weight:600}.gpu-b code{background:var(--bg-2);color:var(--fg);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px;font-size:.86em}.gpu-b .linkish{font-size:inherit;color:var(--accent)}.gpu-more{color:var(--fg-2)}.gpu-x{align-self:start}.gpu-note.inline{grid-template-columns:auto minmax(0,1fr);margin-top:10px;padding:12px 14px}.gpu-note.inline .chk{color:var(--fg);margin-top:4px}@media (max-width:560px){.gpu-note{grid-template-columns:auto minmax(0,1fr)}.gpu-x{grid-column:1/-1;justify-self:start}}.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(24px,4vw,56px);min-height:min(580px,72vh);margin-top:clamp(8px,2vh,20px);display:grid}.hero-copy{align-content:center;gap:22px;padding-top:24px;display:grid}.wordmark{font-family:var(--f-display);letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:.22em;margin:0;font-size:clamp(2.5rem,6.2vw,4.6rem);font-weight:400;line-height:.92;display:flex}.wordmark svg{filter:drop-shadow(0 6px 18px #ffb54759);flex:none;width:.82em;height:.82em}.hero-tag{color:var(--fg-2);text-wrap:pretty;max-width:44ch;font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.5}.yt-form{gap:8px;max-width:600px;display:grid}.yt-label{color:var(--fg-2);font-size:.95rem;font-weight:600}.yt-row{gap:10px;display:flex}.yt-field{flex:1;min-width:0;display:flex;position:relative}.yt-field svg{color:#ff4d5e;pointer-events:none;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%;left:14px}.yt-field input{padding-left:46px}.yt-row input,.yt-row .btn{min-height:54px}.yt-row input{background:var(--bg-2);border-color:var(--line-2);font-size:1.05rem}.yt-row input:hover{border-color:var(--line-3)}.yt-row input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ffb54738}.yt-row input[aria-invalid=true]{border-color:var(--danger)}.yt-row .btn.primary{padding:0 22px;font-size:1.02rem}.err{color:var(--danger);font-size:.92rem}.warn{color:#f4dcb6;background:#ffb54714;border:1px solid #ffb54759;border-radius:10px;padding:10px 14px;font-size:.92rem}.warn code{background:#0000004d;border-radius:4px;padding:1px 5px;font-size:.85rem}.hero-alt{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.hero-alt .muted{margin-right:2px}.hero-alt .btn svg{width:13px;height:13px}@media (max-width:520px){.hero-alt{grid-template-columns:1fr 1fr;display:grid}.hero-alt .muted{grid-column:1/-1}.hero-alt .btn{padding:0 10px}}.hero-stage{isolation:isolate;grid-template-rows:1fr auto auto;align-self:stretch;gap:10px;min-height:440px;margin:0;display:grid;position:relative}.hero-stage[data-mode="3d"] .hw{-webkit-mask-image:linear-gradient(#0000 4%,#000 30%);mask-image:linear-gradient(#0000 4%,#000 30%)}.mode{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.mode-tg{background:var(--bg-2);border:1px solid var(--line);border-radius:99px;gap:2px;padding:4px;display:inline-flex}.mode-tg button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:6px;padding:0 16px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.mode-tg button .ico{width:17px;height:17px}.mode-tg button:hover:not(:disabled){color:var(--fg)}.mode-tg button[aria-checked=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px #ffb5474d}.mode-tg button:disabled{opacity:.45;cursor:not-allowed}.mode-note{color:var(--muted);text-align:center;font-size:.84rem}.hero-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 38% at 50% 0,#ffb54733,#0000 72%),radial-gradient(52% 26% at 50% 86%,#ffb5471f,#0000 70%);position:absolute;inset:0 -10% 4%}.hw{touch-action:none;cursor:pointer;width:100%;height:100%;min-height:380px;display:block}.hw-cap{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:.9rem;display:flex}.hw-cap kbd,.kb-lanes kbd{border-bottom-color:var(--c);border-bottom-width:3px}.quests{gap:14px;margin-top:clamp(36px,6vh,60px);display:grid}.q-list{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.q{--tc:var(--g);--ta:#3ddc8421;align-items:flex-start;gap:14px;min-width:0;padding:16px 18px;display:flex}.q+.q{border-left:1px solid var(--line)}.q-medio{--tc:var(--accent);--ta:#ffb54721}.q-dificil{--tc:var(--r);--ta:#ff4d5e21}.q-ico{width:44px;height:44px;color:var(--tc);background:var(--ta);border-radius:12px;flex:none;place-items:center;display:grid}.q-ico .ico{width:22px;height:22px}.q-body{flex:1;gap:6px;min-width:0;display:grid}.q-tier{color:var(--tc);font-size:.78rem;font-weight:700}.q-body b{text-wrap:balance;font-weight:700;line-height:1.25}.q-bar{background:var(--bg-2);height:8px;box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;margin-top:2px;overflow:hidden}.q-bar i{transform-origin:0;background:var(--tc);height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:block}.q-foot{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:.84rem;display:flex}.q-xp{color:var(--accent);font-weight:700}.q.done{background:linear-gradient(#3ddc8412,#0000 80%)}.q.done .q-ico{color:#062a15;background:var(--g);box-shadow:0 4px 14px #3ddc8459}.q.done .q-bar i{background:var(--g)}.q.done .q-foot span:first-child{color:var(--g);font-weight:700}.sod{background:radial-gradient(70% 140% at 0% 50%,#ffb54724,transparent 70%),var(--panel);border:1px solid #ffb54766;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;padding:14px 18px 14px 14px;display:grid}.sod-thumb{aspect-ratio:16/9;background:#000;border-radius:10px;width:clamp(120px,16vw,176px);overflow:hidden;box-shadow:0 8px 22px #0006}.sod-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sod-body{gap:3px;min-width:0;display:grid}.sod-k{color:var(--accent);align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.sod-k .ico{width:15px;height:15px}.sod-t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.2rem;line-height:1.2;display:-webkit-box;overflow:hidden}.sod-c{color:var(--muted);font-size:.88rem}.sod-r{color:var(--fg-2);text-wrap:pretty;margin-top:4px;font-size:.9rem}.sod-r b{color:var(--accent)}.sod-r .ico{width:16px;height:16px;color:var(--g);vertical-align:-3px;margin-right:5px}.sod.done{background:radial-gradient(70% 140% at 0% 50%,#3ddc841a,transparent 70%),var(--panel);border-color:#3ddc8466}.sod .btn{min-height:50px;padding:0 22px}.trend{gap:16px;margin-top:clamp(40px,7vh,72px);display:grid}.tr-genres{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.tr-genres::-webkit-scrollbar{display:none}.tr-genres button{border:1px solid var(--line);background:var(--bg-2);min-height:34px;color:var(--fg-2);cursor:pointer;white-space:nowrap;border-radius:99px;flex:none;padding:0 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.tr-genres button small{color:var(--muted);margin-left:2px;font-weight:600}.tr-genres button:hover{border-color:var(--line-3)}.tr-genres button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.tr-genres button[aria-pressed=true] small{color:var(--bg);opacity:.7}.tr-genre{color:var(--fg-2)}.tr-row{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-3) transparent;grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;gap:16px;margin:0 -16px;padding:4px 16px 12px;scroll-padding-inline:16px;list-style:none;display:grid;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 40px),#0000)}.tr-row li{scroll-snap-align:start;min-width:0}@media (min-width:1100px){.tr-row{grid-auto-columns:calc(21.7391% - 13.913px)}}.tr-card{width:100%}.tr-rank{font-family:var(--f-display);color:var(--fg);text-shadow:0 2px #0009,0 0 18px #000000a6;-webkit-text-stroke:1px #00000059;font-size:2.4rem;line-height:1;position:absolute;top:4px;left:8px}.tr-state{color:var(--muted);font-size:.8rem;font-weight:600}.tr-state.ok{color:var(--g)}.tr-state.first{color:var(--accent)}.tr-card.ready .thumb{box-shadow:0 0 0 2px #3ddc848c}.comm{gap:16px;margin-top:clamp(40px,7vh,72px);display:grid}.comm-tools{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.comm-tools input{flex:280px;max-width:460px}.comm-sort{margin:0;padding:0;overflow:visible}.comm-new{color:var(--accent-ink);background:var(--accent);border-radius:99px;padding:2px 9px;font-size:.76rem;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 4px 12px #00000059}.comm-empty{color:var(--muted);text-wrap:pretty;max-width:60ch}.comm-artist{color:var(--fg-2);font-weight:600}.comm-more{justify-self:start}.comm-skel{flex-direction:column;gap:10px;animation:1.4s ease-in-out infinite skelPulse;display:flex}.comm-skel .thumb{aspect-ratio:16/9;background:var(--bg-2);box-shadow:0 0 0 1px var(--line);border-radius:12px;display:block}.comm-skel .cb{gap:8px;padding:0 2px;display:grid}.comm-skel i{background:var(--panel-2);border-radius:6px;height:12px;display:block}.comm-skel i+i{width:55%}@keyframes skelPulse{50%{opacity:.5}}.lib{gap:16px;margin-top:clamp(40px,7vh,72px);display:grid}.sec-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.sec-head h2,.vs-copy h2{letter-spacing:.005em;font-size:1.45rem;font-weight:700}.sec-head .btn{margin-left:auto}.import-row{grid-template-columns:1fr auto;align-items:start;gap:10px;max-width:760px;display:grid}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px 16px;display:grid}.card{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:10px;padding:0;display:flex}.card .thumb{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--line);background:#000;border-radius:12px;transition:box-shadow .18s,transform .18s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block}.card:hover .thumb{box-shadow:0 0 0 1px var(--line-3),0 14px 30px #00000073;transform:translateY(-3px)}.card:hover img{transform:scale(1.04)}.card:focus-visible{outline:none}.card:focus-visible .thumb{box-shadow:0 0 0 2px var(--accent)}.card:active .thumb{transform:translateY(-1px)}.card .cb{gap:3px;padding:0 2px;display:grid}.card .ct{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card .cm{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.86rem}.card .demo-art{background:radial-gradient(90% 80% at 50% 0,#3a2a1c,#120e19 72%)}.demo-art svg{width:100%;height:100%;display:block}.grade-badge{min-width:34px;height:34px;font-family:var(--f-display);color:var(--accent);background:#0c0912d1;border-radius:8px;place-items:center;padding:0 6px;font-size:1.15rem;line-height:1;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 0 0 1px #ffb54759}.grade-badge[data-g=S]{color:#1f1300;background:var(--accent);box-shadow:0 4px 14px #ffb54773}.grade-badge[data-g=A]{color:var(--g);box-shadow:0 0 0 1px #3ddc8466}.grade-badge[data-g=B]{color:var(--b);box-shadow:0 0 0 1px #3fa7ff66}.grade-badge[data-g=C],.grade-badge[data-g=D]{color:var(--fg-2);box-shadow:0 0 0 1px var(--line-3)}.grade-badge[data-g=F]{color:var(--danger);box-shadow:0 0 0 1px #ff5c6c73}.lib-empty{max-width:46ch;color:var(--muted);text-wrap:pretty;grid-column:span 2;align-self:center;padding:4px 2px}.vs{border:1px solid var(--line);background:radial-gradient(60% 120% at 0% 0%,#ff4d5e21,transparent 60%),radial-gradient(60% 120% at 100% 100%,#3fa7ff21,transparent 60%),var(--panel);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px 48px;margin-top:clamp(28px,5vh,56px);padding:clamp(22px,3.4vw,36px);display:grid}.vs-copy{gap:10px;display:grid}.vs-copy p{color:var(--fg-2);text-wrap:pretty;max-width:52ch}.vs-act{gap:14px;display:grid}.join{gap:8px;display:grid}#vs-code{text-transform:uppercase;letter-spacing:.32em;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:1.25rem;font-weight:700}#vs-code::placeholder{letter-spacing:.32em}.vs-create{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.vs-create .btn{min-height:54px;padding:0 26px;font-size:1.02rem}.home-keys{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin-top:clamp(40px,6vh,64px);padding-top:22px;font-size:.92rem;display:grid}.kb-row{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}.kb-lanes{gap:5px;display:inline-flex}.home-keys .linkish{font-size:inherit;color:var(--fg-2);margin-left:4px}.lang-links{flex-wrap:wrap;gap:4px 14px;display:inline-flex}.home-keys .lang-links .linkish{margin-left:0;text-decoration-color:#0000}.home-keys .lang-links .linkish:hover{text-decoration-color:currentColor}.home-keys .lang-links .linkish[aria-pressed=true]{color:var(--fg);font-weight:700;text-decoration:none}@media (max-width:560px){.pb-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pb-stats dt{white-space:normal;font-size:.68rem;line-height:1.15}.pb-stats dd{font-size:1rem}.pb-xp{width:100%}}.setup-top{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.setup-top #btn-back{flex:none}.song-head{flex:1;gap:8px;min-width:0;padding-top:2px;display:grid}.song-head h1{overflow-wrap:anywhere;font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:700;line-height:1.08}.song-meta{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.song-artist{margin-right:4px;font-size:1.02rem;font-weight:600}.chip{min-height:26px;color:var(--fg-2);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.chip .ico{width:14px;height:14px}.chip-gold{color:var(--accent);background:#ffb54714;box-shadow:inset 0 0 0 1px #ffb5476b}.chip-hot{color:var(--o);background:#ff8a3d14;box-shadow:inset 0 0 0 1px #ff8a3d6b}.chip-ok{color:var(--g);background:#3ddc8412;box-shadow:inset 0 0 0 1px #3ddc8461}.setup-grid{grid-template:"slot panel""stakes panel"1fr/minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px 24px;display:grid}.slot-col{grid-area:slot;gap:12px;display:grid}.setup-grid>.panel{grid-area:panel}.yt-slot{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:16px;min-width:0;padding:18px;display:grid}.tabs{background:var(--bg-2);border-radius:10px;gap:4px;padding:4px;display:flex}.tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.tabs button:hover{color:var(--fg)}.tabs button[aria-selected=true]{background:var(--panel-2);color:var(--fg)}.tab-n{background:var(--line);min-width:20px;height:20px;color:var(--fg-2);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;padding:0 6px;font-size:.74rem;display:inline-grid}.pane{gap:16px;display:grid}.help{color:var(--muted);text-wrap:pretty;font-size:.95rem}.note{color:var(--muted);font-size:.85rem}.chk{cursor:pointer;align-items:center;gap:10px;display:flex}.chk input{width:20px;height:20px;min-height:0;accent-color:var(--accent)}.linkish{color:var(--fg-2);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.9rem;text-decoration:underline}.linkish:hover{color:var(--fg)}.note .linkish{font-size:inherit}.anl{gap:8px;display:grid}.anl h3{align-items:center;gap:8px;font-size:1.2rem;display:flex}.done-dot{color:var(--g);filter:drop-shadow(0 0 6px #3ddc8499);font-size:.8em}.anl-prog{gap:8px;margin-top:4px;display:grid}.anl-prog .bar{background:var(--bg-2);height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:5px;overflow:hidden}.anl-prog .bar i{transform-origin:0;background:linear-gradient(90deg,#e8962a,var(--accent) 70%,#ffd890);height:100%;transition:transform .25s linear;display:block;box-shadow:0 0 10px #ffb54780}.anl-row{font-variant-numeric:tabular-nums;color:var(--fg-2);justify-content:space-between;align-items:center;gap:10px;font-size:.92rem;display:flex}.ladder{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.ladder-h{color:var(--fg-2);margin-bottom:4px;padding:0;font-size:.9rem;font-weight:600}.rung{--dc:var(--g);--da:#3ddc8421;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto 40px;align-items:center;gap:12px;min-height:58px;padding:8px 10px 8px 14px;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .1s;display:grid;position:relative;overflow:hidden}.rung[data-diff=medio]{--dc:var(--accent);--da:#ffb54721}.rung[data-diff=dificil]{--dc:var(--r);--da:#ff4d5e21}.rung[data-diff=expert]{--dc:#c18cff;--da:#c18cff26}.rung:hover{border-color:var(--line-3)}.rung:active{transform:translateY(1px)}.rung:has(input:checked){border-color:var(--dc);background:linear-gradient(90deg,var(--da),transparent 75%) var(--bg-2);box-shadow:inset 0 0 0 1px var(--dc),0 10px 26px -14px var(--dc)}.rung:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:2px}.lanes{grid-template-columns:repeat(5,9px);gap:3px;display:grid}.lanes i{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--line-2);border-radius:50%}.lanes i.on{background:var(--c);box-shadow:none}.rung:has(input:checked) .lanes i.on{box-shadow:0 0 7px var(--c)}.rung-name{gap:1px;min-width:0;display:grid}.rung-name b{color:var(--dc);font-size:1.06rem;font-weight:700;line-height:1.2}.rung-name small{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.rung-xp{color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem;font-weight:700}.rung-end{width:40px;height:32px;color:var(--muted);place-items:center;display:grid}.rung-end .ico{width:18px;height:18px}.no-grade{border:1px dashed var(--line-2);min-width:34px;height:30px;color:var(--line-3);border-radius:8px;place-items:center;font-weight:700;display:grid}.grade-badge.inline{min-width:34px;height:30px;font-size:1.05rem;position:static}.ladder[data-state=locked] .rung{cursor:default;background:0 0;border-style:dashed}.ladder[data-state=locked] .rung-name b{color:color-mix(in srgb,var(--dc) 55%,var(--muted))}.ladder[data-state=locked] .lanes i.on{opacity:.4}.ladder:disabled .rung:hover{border-color:var(--line)}.ladder:disabled .rung:active{transform:none}.ladder[data-state=busy] .rung{cursor:progress}.ladder[data-state=busy] .rung:after{content:"";pointer-events:none;background:linear-gradient(100deg,transparent 25%,color-mix(in srgb,var(--dc) 18%,transparent) 50%,transparent 75%);animation:1.9s cubic-bezier(.45,0,.2,1) infinite rungScan;animation-delay:calc(var(--i) * .14s);position:absolute;inset:0;transform:translate(-100%)}@keyframes rungScan{to{transform:translate(100%)}}.ladder[data-unlocked] .rung{animation:.5s cubic-bezier(.22,1,.36,1) backwards rungIn;animation-delay:calc(var(--i) * 70ms)}@keyframes rungIn{0%{opacity:.3;box-shadow:inset 0 0 0 1px var(--dc),0 0 0 4px var(--da);transform:translateY(6px)}}.go{gap:10px;display:grid}.go .btn.big .ico{width:17px;height:17px}.goal{color:var(--fg-2);text-wrap:pretty;align-items:flex-start;gap:8px;font-size:.9rem;line-height:1.4;display:flex}.goal .ico{width:16px;height:16px;color:var(--accent);flex:none;margin-top:2px}.goal b{color:var(--fg)}.goal-gold{color:#f4dcb6;background:#ffb54714;border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffb54759}.goal-gold b{color:var(--accent)}.go-row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.go-row .btn{flex:200px}.stakes{grid-area:stakes;gap:10px;min-width:0;display:grid}.stakes h2{font-size:1.05rem}.stk-list{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.stk{--tc:var(--g);--ta:#3ddc8421;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.stk+.stk{border-top:1px solid var(--line)}.stk.q-medio{--tc:var(--accent);--ta:#ffb54721}.stk.q-dificil{--tc:var(--r);--ta:#ff4d5e21}.stk-gold{--tc:var(--accent);--ta:#ffb54724;background:linear-gradient(90deg,#ffb54712,#0000 70%)}.stk-ico{width:36px;height:36px;color:var(--tc);background:var(--ta);border-radius:10px;place-items:center;display:grid}.stk-ico .ico{width:18px;height:18px}.stk-b{gap:5px;min-width:0;display:grid}.stk-b b{text-wrap:balance;font-size:.95rem;font-weight:600;line-height:1.25}.stk-b small{color:var(--muted);font-size:.84rem}.stk-bar{background:var(--bg-2);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:3px;display:block;overflow:hidden}.stk-bar i{transform-origin:0;background:var(--tc);height:100%;display:block}.stk em{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.88rem;font-style:normal;font-weight:700}.stk.done .stk-ico{color:#062a15;background:var(--g)}.stk.done em{color:var(--g)}.stk.done .stk-bar i{background:var(--g)}.mk{gap:12px;display:grid}.mk+.mk{border-top:1px solid var(--line);padding-top:18px}.mk h3{font-size:1.08rem}.tap-row{align-items:stretch;gap:12px;display:flex}.tap{border:2px solid var(--accent);min-height:64px;color:var(--accent);font-family:var(--f-display);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;flex:1;font-size:1.05rem;transition:background 80ms}.tap.hit{background:#ffb5472e}.tap-read{text-align:right;align-content:center;min-width:110px;display:grid}.tap-read b{font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1.1}.tap-read span{color:var(--muted);font-size:.85rem}.fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fields input{font-variant-numeric:tabular-nums}.seg{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.seg button{border:1px solid var(--line);background:var(--bg-2);min-height:42px;color:var(--muted);cursor:pointer;border-radius:8px;font-weight:600}.seg3{grid-template-columns:repeat(3,1fr)}.seg button[aria-pressed=true]{border-color:var(--accent);color:var(--fg);background:#ffb5471f}.saved{gap:8px;display:grid}.saved .empty{color:var(--muted);border:1px dashed var(--line-2);text-wrap:pretty;border-radius:10px;padding:14px;font-size:.95rem}.srow{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 12px;display:flex}.srow>.grade-badge,.srow>.no-grade{flex:none}.srow .si{flex:160px;min-width:0}.srow .sn{font-weight:600}.srow .sm{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.srow .sa{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (max-width:900px){.setup-grid{grid-template-rows:none;grid-template-areas:"slot""panel""stakes"}}@media (max-width:560px){.setup-top{gap:12px}.setup-top #btn-back{padding:0 12px}.rung{grid-template-columns:auto minmax(0,1fr) 40px;grid-template-areas:"l n e""l x e";row-gap:2px;padding-left:12px}.rung .lanes{grid-area:l}.rung-name{grid-area:n}.rung-xp{grid-area:x;font-size:.76rem}.rung-end{grid-area:e}}#scr-game{z-index:5;font-family:"Barlow Semi Condensed",var(--f-ui);color:#f6ead8;--pulse:0;--energy:.6;background:repeating-linear-gradient(0deg,#00000080 0 3px,#0000 3px 32px),repeating-linear-gradient(90deg,#00000061 0 3px,#0000 3px 72px),radial-gradient(46% 40% at 50% 26%,#ffaa6e12,#0000 72%),linear-gradient(#160a06,#110805 34%,#0a0403 72%);position:fixed;inset:0;overflow:hidden}.st-par{pointer-events:none;width:34%;height:72%;opacity:calc(.4 + var(--pulse) * .6);background:radial-gradient(at 50% 20%,#ffb05a6b,#0000 65%);border-radius:50%;margin-left:-17%;position:absolute;top:-12%}#scr-game.surge .st-par{background:radial-gradient(at 50% 20%,#96cdff6b,#0000 65%)}.st-neon{text-align:center;pointer-events:none;color:#ff6a8a;text-shadow:0 0 8px #ff6a8a,0 0 26px #ff2f6a,0 0 60px #ff2f6a;font-family:Monoton,Big Shoulders Display,cursive;font-size:clamp(34px,5vw,64px);animation:3.2s linear infinite flicker;position:absolute;top:7%;left:0;right:0}@keyframes flicker{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.35}}.st-spk{aspect-ratio:170/300;pointer-events:none;background:#120c0a;border:3px solid #2c2220;border-radius:6px;flex-direction:column;justify-content:space-around;align-items:center;width:min(170px,13vw);display:flex;position:absolute;bottom:9%}.st-spk i{aspect-ratio:1;width:66%;transform:scale(calc(1 + var(--pulse) * .12));background:radial-gradient(circle,#3a302c 0 16%,#0c0807 18% 58%,#2a211e 60% 66%,#0c0807 68%);border-radius:50%}.st-smoke{filter:blur(44px);pointer-events:none;background:#ffd6aa21;border-radius:50%;height:30%;animation:8s ease-in-out infinite alternate smoke;position:absolute;bottom:4%;left:8%;right:8%}@keyframes smoke{0%{transform:translate(-6%)scale(1)}to{transform:translate(6%)scale(1.15)}}.st-dust span{opacity:0;background:#ffd9a6;border-radius:50%;width:3px;height:3px;animation:4s linear infinite dust;position:absolute}@keyframes dust{0%{opacity:0;transform:translateY(0)}20%{opacity:.85}to{opacity:0;transform:translateY(-120px)}}.st-stage{position:absolute;inset:0}#cv,#cv3{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#cv3{pointer-events:none}#scr-game{--rim:#ffb27a;--rim-soft:#ffb27a59}#scr-game[data-m="2"]{--rim:#5cb0ff;--rim-soft:#5cb0ff59}#scr-game[data-m="3"]{--rim:#52e09a;--rim-soft:#52e09a59}#scr-game[data-m="4"]{--rim:#ffc04d;--rim-soft:#ffc04d66}#scr-game.surge{--rim:#a8d4ff;--rim-soft:#a8d4ff73}.st-crowd{pointer-events:none;z-index:2;position:absolute;inset:0}.st-crowd .p{--up:clamp(0, (var(--energy) - var(--th)) * 5, 1);height:var(--h);aspect-ratio:100/210;transform-origin:50% 100%;transform:translateY(calc(var(--pulse) * var(--k) * (.25 + var(--up)) * -12px)) rotate(calc(var(--pulse) * var(--sw) * 2deg));position:absolute;bottom:-18px}.st-crowd svg{fill:#070302;stroke:#070302;width:100%;height:100%;filter:drop-shadow(0 -2px 0 var(--rim)) drop-shadow(0 -3px 10px var(--rim-soft));display:block;overflow:visible}.st-crowd path{fill:none;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round}.st-crowd .bd{fill:inherit;stroke:none}.st-crowd .al{transform-origin:24px 112px;transform:rotate(calc(var(--up) * var(--l) * (150deg + var(--pulse) * 14deg)))}.st-crowd .ar{transform-origin:76px 112px;transform:rotate(calc(var(--up) * var(--r) * (-150deg - var(--pulse) * 14deg)))}.st-crowd .ph{fill:#d6e4ff;stroke:none}.st-crowd .back svg{fill:#160a06;stroke:#160a06;filter:drop-shadow(0 -1.5px 0 var(--rim-soft))}.hud-l{z-index:3;left:max(24px,env(safe-area-inset-left,0px));top:max(24px,env(safe-area-inset-top,0px));flex-direction:column;gap:16px;width:236px;display:flex;position:absolute}.setlist{color:#1b140d;background:#f4ecdb;padding:14px 18px 12px;position:relative;transform:rotate(-2deg);box-shadow:0 6px 16px #0009}.setlist:before{content:"";background:#282828d9;width:80px;height:20px;position:absolute;top:-10px;left:34%}.setlist .lb{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.g-score{font-variant-numeric:tabular-nums;font-family:Big Shoulders Display,Impact,sans-serif;font-size:50px;font-weight:900;line-height:1}.combo{align-items:baseline;gap:10px;margin-top:6px;display:flex}.combo b{font-variant-numeric:tabular-nums;font-family:Big Shoulders Display,Impact,sans-serif;font-size:28px;font-weight:900}.combo span{letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hud-row{align-items:center;gap:14px;display:flex}.mult{color:#2a1500;width:64px;height:64px;transform:scale(calc(1 + var(--pulse) * .07));background:radial-gradient(circle at 40% 35%,#fff7e6,#d9c3a0 55%,#7d6646);border-radius:50%;flex:none;place-items:center;font-family:Big Shoulders Display,Impact,sans-serif;font-size:30px;font-weight:900;display:grid}.mult[data-m="2"]{background:radial-gradient(circle at 40% 35%,#eef6ff,#6fb0f0 55%,#1f5a9a);box-shadow:0 0 22px #50a0f080}.mult[data-m="3"]{background:radial-gradient(circle at 40% 35%,#effff4,#5fd690 55%,#1d7a45);box-shadow:0 0 22px #50d28280}.mult[data-m="4"]{background:radial-gradient(circle at 40% 35%,#fff4dc,#ffb547 55%,#b0670e);box-shadow:0 0 26px #ffb54799}#scr-game.surge .mult{color:#0b1d33;background:radial-gradient(circle at 40% 35%,#fff,#b9dcff 55%,#4f86c6);box-shadow:0 0 30px #96cdffe6}.meter{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.meter .mh{letter-spacing:.14em;text-transform:uppercase;color:#e6cfa8;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex}.meter .mh b{color:#dff0ff;font-weight:700}.segs{gap:6px;display:flex}.segs i{background:#140a06bf;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f1e3c659}.segs i b{background:#dff0ff;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #96cdffe6}.crowdbar{background:#140a06bf;border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #f1e3c659}.crowdbar i{background:linear-gradient(90deg,#d8323f,#f2c230 45%,#34b56a);width:60%;height:100%;transition:width .12s linear;display:block}.hud-r{z-index:3;right:max(24px,env(safe-area-inset-right,0px));top:max(24px,env(safe-area-inset-top,0px));flex-direction:column;gap:10px;width:290px;display:flex;position:absolute}.vcard{background:#160d09;border:2px solid #4a352a;border-radius:6px;padding:10px}.vcard .yt-slot{border-radius:3px}.media-card{aspect-ratio:16/9;background:linear-gradient(135deg,#2c1d15,#120a06);border-radius:3px;place-items:center;display:grid}.media-card svg{opacity:.9;width:56px;height:56px}.g-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:16px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.g-sub{color:#c4a986;font-size:13px}.prog{background:#3a2418;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.prog i{background:#e6cfa8;width:0;height:100%;display:block}.g-actions{gap:8px;display:flex}.g-actions .btn{color:#f6ead8;background:#160d09d9;border-color:#4a352a;flex:1;min-height:40px}#btn-surge.ready{color:#0b1d33;background:#dff0ff;border-color:#dff0ff;animation:1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #96cdff40}}.rec-banner{z-index:4;bottom:max(18px,env(safe-area-inset-bottom,0px));border:1px solid var(--danger);white-space:nowrap;background:#1d120ceb;border-radius:99px;align-items:center;gap:12px;padding:6px 8px 6px 16px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rec-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.25}}.fx-smoke,.fx-dark{pointer-events:none;opacity:0;z-index:1;transition:opacity .5s;position:absolute}.fx-smoke{filter:blur(18px);background:radial-gradient(40% 50% at 30% 60%,#beb4aaf2,#0000 70%),radial-gradient(45% 55% at 70%,#aaa096f2,#0000 70%),radial-gradient(60% 40% at 50% 80%,#d2c8bee6,#0000 70%);height:62%;animation:4s ease-in-out infinite alternate paused smokeDrift;top:0;left:15%;right:15%}@keyframes smokeDrift{0%{transform:translate(-4%)scale(1)}to{transform:translate(4%)scale(1.08)}}.fx-dark{background:linear-gradient(#000 0 50%,#000000e0 60%,#0000 74%);inset:0}.fx-smoke.on,.fx-dark.on{opacity:1}.fx-smoke.on{animation-play-state:running}.items .islots{gap:6px;display:flex}.items .islots span{letter-spacing:.02em;text-transform:uppercase;text-align:center;background:#140a06bf;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:40px;padding:3px 2px;font-size:10px;font-weight:700;line-height:1.1;display:flex;box-shadow:inset 0 0 0 1px #f1e3c659}.items .islots span b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:inherit;overflow:hidden}.items .islots .ico{flex:none;width:15px;height:15px}.items .islots span.atk{color:#ffe1d6;box-shadow:none;background:#7a1f1a}.items .islots span.buf{color:#e3f2ff;box-shadow:none;background:#1f4d7a}.items .islots span.rare{box-shadow:inset 0 0 0 2px #ffc24d}.items .islots span:first-child.atk,.items .islots span:first-child.buf{outline-offset:1px;outline:2px solid #f4ecdb}.items .islots.got{animation:.5s ease-out gotItem}@keyframes gotItem{40%{filter:brightness(1.4);transform:scale(1.06)}}.opp.got,.opp-track.got{animation:.6s ease-out gotGlow}@keyframes gotGlow{30%{box-shadow:0 0 0 2px #ffc24d,0 0 26px #ffc24d8c}}.effs{flex-wrap:wrap;gap:6px;min-height:0;display:flex}.effs span{color:#ffe1d6;font-variant-numeric:tabular-nums;background:#7a1f1a;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700}.effs span.buf{color:#e3f2ff;background:#1f4d7a}.opp{background:#160d09e6;border:2px solid #4a352a;border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.opp .oh{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.opp .on{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.opp .om{color:#ffcf8a;font-family:Big Shoulders Display,Impact,sans-serif;font-size:20px;font-weight:900}.opp .os-row{align-items:baseline;gap:10px;min-width:0;display:flex}.opp .os{font-variant-numeric:tabular-nums;font-family:Big Shoulders Display,Impact,sans-serif;font-size:30px;font-weight:900;line-height:1}.opp .oc{letter-spacing:.08em;text-transform:uppercase;color:#e6cfa8;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.opp .lead{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.opp .lead.up{color:#7fe0a6}.opp .lead.down{color:#ff8f8f}.opp.struck,.opp-track.struck{animation:.5s ease-out struck}@keyframes struck{0%,to{transform:none}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}20%{box-shadow:0 0 0 2px #ff3040,0 0 26px #ff304099}}#scr-game.guarded:after{content:"";z-index:4;pointer-events:none;animation:.6s ease-out forwards guarded;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #9fd0ffe6,inset 0 0 90px #50a0f073}@keyframes guarded{0%{opacity:1}to{opacity:0}}.fly{z-index:6;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;will-change:transform,opacity;border-radius:99px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:13px;font-weight:800;display:flex;position:absolute;top:0;left:0;box-shadow:0 6px 18px #0000008c}.fly .ico{width:18px;height:18px}.fly.atk{color:#ffe9e2;background:#a3241d;box-shadow:0 0 0 2px #ff786499,0 0 24px #ff30408c}.fly.buf{color:#e8f4ff;background:#1f5a94;box-shadow:0 0 0 2px #a0d2ff99,0 0 24px #50a0f080}.fly.rare{box-shadow:0 0 0 2px #ffc24d,0 0 28px #ffc24d99}.opp-track{background:#0c0705db;border:2px solid #4a352a;border-radius:6px;min-height:0;position:relative;overflow:hidden}.opp-track canvas{width:100%;height:100%;display:block}#scr-game[data-view=mini] .hud-r{bottom:max(24px,env(safe-area-inset-bottom,0px))}#scr-game[data-view=mini] .opp-track{flex:220px;min-height:110px;max-height:320px}#scr-game[data-view=lado] #cv,#scr-game[data-view=lado] #cv3{width:50%}#scr-game[data-view=lado] .fx-smoke{left:5%;right:55%}#scr-game[data-view=lado] .fx-dark{right:50%}#scr-game[data-view=lado] .st-crowd,#scr-game[data-view=lado] .st-spk{display:none}#scr-game[data-view=lado] .hud-r{width:240px;left:calc(50% - 120px);right:auto}#scr-game[data-view=lado] .opp{right:max(24px,env(safe-area-inset-right,0px));top:max(24px,env(safe-area-inset-top,0px));width:236px;position:fixed}#scr-game[data-view=lado] .opp-track{z-index:-1;background:0 0;border:0;border-left:1px solid #f1e3c62e;border-radius:0;position:fixed;inset:0 0 0 50%}#btn-view .ico{flex:none;width:16px;height:16px}.room{gap:22px;display:grid}.room-top{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.room-code{align-items:baseline;gap:12px;min-width:0;margin-right:auto;display:flex}.room-code-l{color:var(--fg-2);white-space:nowrap;font-size:1.05rem;font-weight:600}.vs-code{letter-spacing:.12em;color:var(--accent);font-variant-numeric:tabular-nums;font-family:Big Shoulders Display,Impact,sans-serif;font-size:clamp(40px,5vw,56px);font-weight:900;line-height:1}.room-share{flex-wrap:wrap;gap:8px;display:flex}.duel{border:1px solid var(--line);background:radial-gradient(60% 140% at 0% 50%,#ff4d5e24,transparent 60%),radial-gradient(60% 140% at 100% 50%,#3fa7ff24,transparent 60%),var(--panel);border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px 24px;padding:clamp(16px,2.6vw,24px) clamp(16px,3vw,28px);display:grid}.duelist{justify-items:start;gap:6px;min-width:0;display:grid}.duelist.op{text-align:right;justify-items:end}.duel-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.5rem;font-weight:700;line-height:1.2;overflow:hidden}.duelist.op.empty .duel-name{color:var(--muted);font-weight:600}.duel-edit{cursor:text;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.duel-edit input{background:0 0;border-color:#0000;max-width:100%;min-height:0;margin-left:-7px;padding:2px 6px;transition:border-color .15s,background-color .15s}.duel-edit input::placeholder{color:var(--fg-2)}.duel-edit:hover input{border-color:var(--line-2)}.duel-edit input:focus-visible{border-color:var(--accent);background:var(--bg-2);outline:none;box-shadow:0 0 0 3px #ffb54738}.duel-edit .ico{width:16px;height:16px;color:var(--muted);flex:none}.duel-st{color:var(--fg-2);text-wrap:pretty;align-items:center;gap:8px;min-width:0;font-size:.9rem;display:inline-flex}.duel-st[data-s=ok]{color:#8ff0b8}.duel-st[data-s=bad]{color:#ff9aa4}.duel-ping{color:var(--muted);font-variant-numeric:tabular-nums}.duel-mid{text-align:center;justify-items:center;gap:4px;display:grid}.duel-score{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;font-family:Big Shoulders Display,Impact,sans-serif;font-size:clamp(40px,5vw,56px);font-weight:900;line-height:1;display:flex}.duel-score b:first-child{color:#ff9aa4}.duel-score b:last-child{color:#9fd0ff}.duel-score i{color:var(--muted);font-size:.5em;font-style:normal}.duel-vs{font-family:var(--f-display);color:var(--muted);font-size:1.7rem;line-height:1}.duel-mid small{color:var(--muted);font-size:.8rem}.pdot{background:var(--line-3);border-radius:50%;flex:none;width:9px;height:9px}[data-s=ok]>.pdot,.pdot[data-s=ok]{background:var(--g);box-shadow:0 0 8px #3ddc8499}[data-s=wait]>.pdot,.pdot[data-s=wait]{background:var(--accent);animation:1.4s ease-in-out infinite pdotPulse}[data-s=bad]>.pdot,.pdot[data-s=bad]{background:var(--danger)}@keyframes pdotPulse{50%{opacity:.3}}.room-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:22px 24px;display:grid}.room-h{font-size:1.15rem;font-weight:700}.rthumb{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--line);background:#000;border-radius:10px;display:block;overflow:hidden}.rthumb img,.rthumb svg{object-fit:cover;width:100%;height:100%;display:block}.rthumb.demo-art{background:radial-gradient(90% 80% at 50% 0,#3a2a1c,#120e19 72%)}.rsong{grid-template-columns:148px minmax(0,1fr);align-items:center;gap:14px;animation:.25s cubic-bezier(.25,1,.5,1) rsongIn;display:grid}@keyframes rsongIn{0%{opacity:0;transform:translateY(4px)}}.rsong-b{gap:4px;min-width:0;display:grid}.rsong h3{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.15rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.rsong-m{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.rsong.empty{animation:none}.rsong.empty .rthumb{box-shadow:none;border:1px dashed var(--line-2);background:0 0}.rsong.empty h3{color:var(--fg-2)}.room-diffs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.room-diffs button{--dc:var(--g);--da:#3ddc8421;border:1px solid var(--line);background:var(--bg-2);min-width:0;color:var(--fg-2);cursor:pointer;border-radius:10px;justify-items:center;gap:6px;padding:10px 6px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.room-diffs [data-diff=medio]{--dc:var(--accent);--da:#ffb54721}.room-diffs [data-diff=dificil]{--dc:var(--r);--da:#ff4d5e21}.room-diffs [data-diff=expert]{--dc:#c18cff;--da:#c18cff26}.room-diffs b{color:var(--dc);font-size:.92rem;font-weight:700}.room-diffs .lanes{grid-template-columns:repeat(5,7px)}.room-diffs .lanes i{width:7px;height:7px}.room-diffs button:hover:not(:disabled){border-color:var(--line-3)}.room-diffs button[aria-pressed=true]{border-color:var(--dc);background:linear-gradient(180deg,var(--da),transparent 85%) var(--bg-2);box-shadow:inset 0 0 0 1px var(--dc);cursor:default}.room-diffs button[aria-pressed=true] .lanes i.on{box-shadow:0 0 7px var(--c)}.room-diffs button:disabled{opacity:.45;cursor:not-allowed}.room-diffs button[aria-busy=true]{opacity:1;cursor:progress;animation:1s ease-in-out infinite pdotPulse}.room-song .btn.big .ico{width:17px;height:17px}.room-status{min-height:2.7em;color:var(--fg-2);text-wrap:pretty;font-size:.92rem}.room-status.bad{color:var(--danger)}.room-pick-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.room-pick-h .muted{font-size:.88rem}.rs-list{overscroll-behavior:contain;gap:2px;max-height:min(58vh,540px);margin:0 -6px;padding:0 6px;list-style:none;display:grid;overflow:auto}.rs{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px;transition:background-color .15s,border-color .15s;display:grid}.rs:hover:not(:disabled){background:var(--panel-2)}.rs:focus-visible{outline:2px solid var(--accent);outline-offset:0}.rs[aria-current=true]{cursor:default;background:#3ddc840f;border-color:#3ddc8473}.rs:disabled{opacity:.5;cursor:not-allowed}.rs[aria-busy=true]{opacity:1;cursor:progress}.rs[aria-busy=true] .rs-m{color:var(--accent)}.rs .rthumb{border-radius:8px}.rs-b{gap:2px;min-width:0;display:grid}.rs-t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rs-m{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.rpick-pane{gap:12px;min-width:0;display:grid}.rs-empty{padding:0 2px}.rs-tools{gap:10px;display:grid}.rs-more{justify-self:center}.rs-filter{flex-wrap:wrap;gap:6px;display:flex}.rs-filter button{border:1px solid var(--line);background:var(--bg-2);min-height:32px;color:var(--fg-2);cursor:pointer;border-radius:99px;padding:0 12px;font-size:.88rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}.rs-filter button small{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px;font-weight:600}.rs-filter button:hover{border-color:var(--line-3)}.rs-filter button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.rs-filter button[aria-pressed=true] small{color:var(--bg);opacity:.7}.own{vertical-align:1px;border-radius:99px;margin-right:6px;padding:0 7px;font-size:.74rem;font-weight:700;line-height:1.6;display:inline-block}.own.me{color:#ffc3c9;background:#ff4d5e29}.own.op{color:#cfe6ff;background:#3fa7ff2e}.own.both{color:var(--fg-2);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-2)}.rs-skel{cursor:default;animation:1.4s ease-in-out infinite skelPulse}.rs-skel .rthumb{background:var(--bg-2)}.rs-skel i{background:var(--panel-2);border-radius:6px;height:11px;display:block}.rs-skel i+i{width:55%;margin-top:6px}.rs-empty b{color:var(--fg-2)}.rs-link{gap:10px;display:grid}.rs-miss{text-wrap:pretty;color:#f4dcb6;background:#ffb54714;border-radius:10px;justify-items:start;gap:10px;padding:12px 14px;font-size:.92rem;display:grid;box-shadow:inset 0 0 0 1px #ffb54759}.rs-miss.bad{color:#ffc3c9;background:#ff5c6c14;box-shadow:inset 0 0 0 1px #ff5c6c66}.room-foot{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.vs-rules{color:var(--muted);text-wrap:pretty;max-width:78ch;font-size:.9rem}.vs-items summary{cursor:pointer;color:var(--fg);font-size:.92rem;font-weight:600}.vs-items ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 18px;margin:10px 0 0;padding:0;list-style:none;display:grid}.vs-items li{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;font-size:.86rem;display:grid}.vs-items li .ico{box-sizing:content-box;border-radius:7px;grid-row:span 2;width:20px;height:20px;padding:5px}.vs-items li.atk .ico{color:#ffe1d6;background:#7a1f1a}.vs-items li.buf .ico{color:#e3f2ff;background:#1f4d7a}.vs-items li.rare .ico{box-shadow:inset 0 0 0 2px #ffc24d}.vs-items li span{color:var(--muted)}.room-bar{left:50%;bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:20;border:1px solid var(--line-2);background:var(--panel-2);border-radius:14px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:8px 8px 8px 16px;animation:.22s cubic-bezier(.25,1,.5,1) barIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #00000080}@keyframes barIn{0%{opacity:0;transform:translate(-50%,8px)}}.rb-t{min-width:0;line-height:1.25;display:grid}.rb-t b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem}.rb-t span{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.room-bar .btn{flex:none}body.has-room-bar{padding-bottom:84px}body.has-room-bar #toast{bottom:calc(max(16px,env(safe-area-inset-bottom,0px)) + 76px)}.invite-card{text-align:center;justify-items:center;width:min(440px,100%)}.invite-card .btn{justify-self:stretch}.invite-card p{text-wrap:pretty}@media (max-width:900px){.room-grid{grid-template-columns:1fr}.rs-list{max-height:none}}@media (max-width:560px){.room-top .room-code{flex-basis:100%;order:-1}.duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"mid mid""me op";gap:14px 12px}.duel-mid{grid-area:mid}.duelist.me{grid-area:me}.duelist.op{grid-area:op}.duel-name{font-size:1.2rem}.duel-st{font-size:.84rem}.rsong{grid-template-columns:112px minmax(0,1fr)}.room-diffs{grid-template-columns:repeat(2,minmax(0,1fr))}.rs{grid-template-columns:88px minmax(0,1fr)}.rs-on{display:none}.room-bar{max-width:none;left:16px;right:16px;transform:none}@keyframes barIn{0%{opacity:0;transform:translateY(8px)}}}.overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#0a070ec7;place-items:center;display:grid;position:fixed;inset:0}.ov-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:12px;width:min(420px,100%);max-height:90vh;padding:24px;display:grid;overflow:auto}.ov-card h2{font-family:var(--f-display);font-size:1.5rem;font-weight:400}.ov-card .row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.set-row{gap:6px;display:grid}.set-row .sh{justify-content:space-between;font-weight:600;display:flex}.set-row .sh output{color:var(--accent);font-variant-numeric:tabular-nums}.set-row input[type=range]{accent-color:var(--accent);background:0 0;border:0;min-height:28px;padding:0}.progress-ring{background:var(--panel-2);border-radius:4px;height:8px;overflow:hidden}.progress-ring i{background:var(--accent);width:0;height:100%;display:block}.tour{z-index:28;pointer-events:none;position:fixed;inset:0}.tour-dim{pointer-events:auto;background:#08060cc2;position:absolute;inset:0}.tour-block{pointer-events:auto;position:absolute}.tour-hole{pointer-events:none;box-shadow:0 0 0 200vmax #08060cc2,0 0 0 2px var(--accent),0 0 30px #ffb54759;border-radius:16px;transition:left .25s cubic-bezier(.25,1,.5,1),top .25s cubic-bezier(.25,1,.5,1),width .25s cubic-bezier(.25,1,.5,1),height .25s cubic-bezier(.25,1,.5,1);position:absolute}.tour-card{pointer-events:auto;background:var(--panel);border:1px solid var(--line-2);border-radius:16px;gap:10px;width:min(360px,100vw - 32px);padding:18px 20px;animation:.22s cubic-bezier(.25,1,.5,1) tourIn;display:grid;position:fixed;box-shadow:0 22px 60px #0009}@keyframes tourIn{0%{opacity:0;translate:0 6px}}.tour-card.center{width:min(420px,100vw - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card.dock{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom,0px));width:auto;max-width:520px;margin:0 auto}.tour-n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.tour-card h2{font-size:1.2rem;font-weight:700;line-height:1.2}.tour-b{color:var(--fg-2);text-wrap:pretty;font-size:.95rem;line-height:1.5}.tour-b b{color:var(--fg);font-weight:600}.tour-b kbd{box-shadow:inset 0 -2px 0 var(--c,transparent);margin:0 1px}.tour-dots{gap:5px;display:flex}.tour-dots i{background:var(--line-2);border-radius:50%;width:6px;height:6px;transition:background-color .2s}.tour-dots i.done{background:var(--fg-2)}.tour-dots i.on{background:var(--accent);border-radius:3px;width:18px}.tour-act{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;display:flex}.tour-skip{color:var(--muted);margin-right:auto}.diff-card{gap:14px;width:min(440px,100%)}.diff-card .rung{grid-template-columns:auto minmax(0,1fr) auto;min-height:54px}.diff-card .btn.big .ico{width:17px;height:17px}.ov-card.set-card{gap:18px;width:min(620px,100%)}.set-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.set-head .tabs{min-width:220px}.set-pane{gap:16px;display:grid}.lat-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lat-row .btn{flex:none}.preset-row{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.preset{text-align:left;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:10px;gap:2px;padding:9px 12px;transition:border-color .15s,background .15s;display:grid}.preset b{font-weight:700}.preset small{color:var(--muted);font-size:.78rem;line-height:1.25}.preset:hover{border-color:var(--line-3)}.preset[aria-pressed=true]{border-color:var(--accent);background:#ffb5471a}.ctl-presets,.ctl-table{gap:4px;display:grid}.ctl-row{grid-template-columns:minmax(0,1fr) 92px 92px 92px;align-items:center;gap:8px;padding:3px 0;display:grid}.ctl-hdr{color:var(--muted);padding-bottom:2px;font-size:.8rem;font-weight:600}.ctl-hdr span:not(:first-child){text-align:center}.ctl-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:9px;min-width:0;font-weight:600;display:flex;overflow:hidden}.ctl-dot{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 2px #00000059}.ctl-row.unbound .ctl-name{color:var(--danger)}.ctl-cell{display:flex;position:relative}.slot{border:1px solid var(--line-2);background:var(--panel-2);min-width:0;height:40px;font:600 .95rem var(--f-ui);color:var(--fg);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-bottom-width:3px;border-radius:8px;flex:1;padding:0 8px;transition:border-color .15s,background .15s;overflow:hidden}.slot:hover{border-color:var(--line-3);background:#2e2741}.slot.empty{color:var(--muted);background:0 0;border-style:dashed;border-bottom-width:1px}.slot.waiting{border-color:var(--accent);color:var(--accent);background:#ffb5471f;animation:1.1s ease-in-out infinite slotWait}.ctl-status{min-height:1.45em;color:var(--accent);margin-top:-6px;font-size:.9rem}.grp{color:var(--fg-2);font-size:.92rem;font-weight:600}@keyframes slotWait{50%{box-shadow:0 0 0 4px #ffb5472e}}.slot-x{border:1px solid var(--line-2);background:var(--bg);width:20px;height:20px;color:var(--muted);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;font-size:13px;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:-6px;right:-6px}.ctl-cell:hover .slot-x,.slot-x:focus-visible{opacity:1}@media (hover:none){.slot-x{opacity:1}}.ctl-ask{background:#ffb54714;border:1px solid #ffb54766;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:12px 14px;display:flex}.ctl-ask p{flex:260px}.ctl-ask-btns{gap:8px;display:flex}.ctl-pad{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.ctl-pad-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.ctl-pad-head h3{font-size:1.05rem}.pad-status{color:var(--muted);font-size:.86rem}.pad-status.on{color:var(--g)}.pad-status.on:before{content:"";background:var(--g);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.ctl-strum{grid-template-columns:1fr 1fr;gap:10px;display:grid}.strum-slot{color:var(--fg-2);gap:6px;font-size:.9rem;font-weight:600;display:grid}.calib{gap:14px;display:grid}.calib-actions{flex-wrap:wrap;gap:8px;display:flex}.calib-pad{--p:0;aspect-ratio:1;border:3px solid var(--accent);cursor:pointer;touch-action:manipulation;width:min(240px,70vw);color:var(--fg);background:radial-gradient(circle,rgba(255,181,71,calc(.08 + var(--p) * .4)) 0 58%,transparent 60%),var(--bg-2);box-shadow:0 0 0 calc(var(--p) * 14px) rgba(255,181,71,calc(var(--p) * .25));transform:scale(calc(1 + var(--p) * .04));border-radius:50%;place-content:center;justify-self:center;gap:2px;display:grid}.calib-pad.count{border-color:var(--line-3);background:radial-gradient(circle,rgba(165,154,187,calc(.06 + var(--p) * .3)) 0 58%,transparent 60%),var(--bg-2);box-shadow:none}.calib-n{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:4rem;line-height:1}.calib-sub{color:var(--muted);font-size:.9rem}.calib-taps{text-align:center}.calib-result{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;gap:2px;padding:14px 16px;display:grid}.calib-result b small{font:600 1.1rem var(--f-ui);color:var(--fg-2)}.calib-result b{font-family:var(--f-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:400;line-height:1.05}.fret-keys{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.fret-keys span{min-width:32px;height:22px;font:700 12px/1 var(--f-ui);color:#f6ead8;border-bottom:2px solid var(--c);will-change:transform;background:#0c0806b8;border-radius:6px;place-items:center;margin:-11px 0 0 -16px;padding:0 6px;display:grid;position:absolute;top:0;left:0}@media (max-width:480px){.ctl-row{grid-template-columns:minmax(0,1fr) 68px 68px}.ctl-padcol{display:none!important}.ctl-strum{grid-template-columns:1fr}.lat-row{flex-direction:column}}.res{--gc:var(--accent);--gc-a:#ffb54729}.res[data-g=A]{--gc:var(--g);--gc-a:#3ddc8424}.res[data-g=B]{--gc:var(--b);--gc-a:#3fa7ff24}.res[data-g=C]{--gc:#c6b6e6;--gc-a:#c6b6e61a}.res[data-g=D]{--gc:var(--muted);--gc-a:#a59abb14}.res[data-g=F]{--gc:var(--danger);--gc-a:#ff5c6c24}.res{isolation:isolate;max-width:1000px;padding-block:clamp(28px,5vh,56px) 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:26px;margin:0 auto;display:grid;position:relative}#scr-result{overflow-x:clip}.res:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(440px 320px at 29% 45%,var(--gc-a),transparent 70%);height:600px;position:absolute;top:-80px;left:-40%;right:-40%}.res-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,44px);display:grid}.medal{aspect-ratio:1;place-items:center;width:clamp(168px,22vw,220px);display:grid;position:relative}.medal:before{content:"";background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--gc) 16%,#1d1728),#120e19 72%);border-radius:50%;position:absolute;inset:11%;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 40px #00000073}.ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:9px}.ring-bg{stroke:var(--line)}.ring-fg{stroke:var(--gc);stroke-linecap:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gc) 60%,transparent))}.medal-g{font-family:var(--f-display);color:var(--gc);text-shadow:0 0 28px color-mix(in srgb,var(--gc) 55%,transparent),0 4px 0 #00000059;font-size:clamp(5rem,9vw,7.2rem);line-height:1;position:relative}.medal-shock{border:3px solid var(--gc);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:6%}.res-info{gap:6px;min-width:0;display:grid}.res-sub{color:var(--muted);font-size:.95rem}.res-info h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.2;display:-webkit-box;overflow:hidden}.res-score{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:4px;display:flex}.res-score span{font-family:var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:clamp(2.8rem,6.6vw,4.4rem);line-height:1}.res-score small{color:var(--muted);font-size:1rem;font-weight:600}.res-flags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.flag{background:var(--panel-2);border:1px solid var(--line);min-height:32px;color:var(--fg-2);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:.9rem;font-weight:600;display:inline-flex}.flag .ico{width:15px;height:15px}.flag.acc b{color:var(--gc);font-variant-numeric:tabular-nums}.flag.best{color:#ffd58f;background:#ffb5471f;border-color:#ffb54773}.flag.new{color:#9df0c0;background:#3ddc841a;border-color:#3ddc8466}.flag.bad{color:#ffb3bb;background:#ff5c6c1a;border-color:#ff5c6c66}.flag.dim{color:var(--muted);background:0 0}.flag.quest{color:#b9dcff;background:#3fa7ff1f;border-color:#3fa7ff73}.badges{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.badge{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 14px 10px 10px;display:flex;position:relative;overflow:hidden}.b-ico{width:42px;height:42px;color:var(--muted);border:1.5px dashed var(--line-3);border-radius:50%;flex:none;place-items:center;display:grid}.b-ico .ico{width:20px;height:20px}.b-txt{gap:1px;min-width:0;display:grid}.b-txt b{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.b-txt small{color:var(--muted);font-size:.8rem;line-height:1.25}.b-bar{background:#ffffff0a;height:3px;position:absolute;bottom:0;left:0;right:0}.b-bar i{background:var(--line-3);transform-origin:0;height:100%;display:block}.badge.got{background:linear-gradient(180deg,#ffb54712,transparent 70%),var(--panel);border-color:#ffb54761}.badge.got .b-ico{color:#2a1700;background:radial-gradient(circle at 35% 30%,#ffe2a6,#ffb547 55%,#c97a12);border:0;box-shadow:0 4px 14px #ffb54759}.badge.got .b-txt b{color:var(--fg)}.res-panels{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;display:grid}.rp{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-content:start;gap:14px;padding:18px;display:grid}.rp h3{font-size:1.05rem}.rp-foot{color:var(--muted);text-wrap:pretty;font-size:.9rem}.rp-foot b{color:var(--fg);font-variant-numeric:tabular-nums}.hitbar{background:var(--bg-2);border-radius:8px;gap:2px;height:16px;display:flex;overflow:hidden}.hitbar i{transform-origin:0;flex-basis:0;min-width:3px}.hb-p,.hl-p i{background:var(--accent)}.hb-g,.hl-g i{background:var(--b)}.hb-o,.hl-o i{background:#9d91b6}.hb-m,.hl-m i{background:var(--danger)}.hb-x,.hl-x i{background:repeating-linear-gradient(135deg,var(--danger) 0 3px,#7d2a35 3px 6px)}.hit-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;display:grid}.hit-legend div{gap:2px;min-width:0;display:grid}.hit-legend dt{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.hit-legend dt i{border-radius:3px;flex:none;width:9px;height:9px}.hit-legend dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:700}.mini{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.mini div{gap:2px;min-width:0;display:grid}.mini span{color:var(--muted);font-size:.82rem;font-weight:600}.mini b{font-variant-numeric:tabular-nums;font-size:1.1rem}.mini small{color:var(--muted);font-size:.8rem;font-weight:600}.hist{width:100%;height:auto;display:block;overflow:visible}.h-perf{fill:#ffb5470f}.h-mid{stroke:var(--line-3);stroke-dasharray:3 3}.h-bar{transform-box:fill-box;transform-origin:bottom}.h-bar.p{fill:var(--accent)}.h-bar.g{fill:var(--b)}.h-bar.o{fill:#9d91b6}.h-mean{fill:var(--fg)}.h-lab{fill:var(--muted);font:600 10px var(--f-ui)}.xp{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:10px;padding:16px 18px;display:grid}.xp-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.xp-lvl{color:var(--fg-2);align-items:baseline;gap:6px;font-weight:700;display:inline-flex}.xp-lvl b{font-family:var(--f-display);color:var(--fg);font-size:1.6rem;font-weight:400;line-height:1;display:inline-block}.lvlup{color:#2a1700;background:var(--accent);border-radius:99px;padding:3px 10px;font-size:.82rem;font-weight:700;box-shadow:0 4px 14px #ffb54759}.xp-gain{color:var(--muted);margin-left:auto;font-weight:700}.xp-gain b{font-family:var(--f-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:400}.xp-bar{background:var(--bg-2);height:12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;overflow:hidden}.xp-fill{transform-origin:0;background:linear-gradient(90deg,#e8962a,#ffb547 60%,#ffd890);height:100%;display:block;box-shadow:0 0 12px #ffb54780}.xp-foot{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:.86rem;display:flex}.xp-parts{color:var(--fg-2);flex-wrap:wrap;gap:6px 12px;display:flex}.xp-parts .neg{color:#ff9aa5}.res-actions{flex-wrap:wrap;gap:10px;display:flex}.res-actions .btn.primary{min-height:52px;padding:0 28px;font-size:1.05rem}.confetti{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{display:block;position:absolute;top:0}.vsr{border:1px solid var(--line);text-align:center;background:radial-gradient(60% 140% at 0% 50%,#ff4d5e24,transparent 60%),radial-gradient(60% 140% at 100% 50%,#3fa7ff24,transparent 60%),var(--panel);border-radius:18px;gap:14px;padding:clamp(18px,3vw,26px);display:grid}.rv-head{font-family:var(--f-display);color:var(--fg-2);font-size:clamp(1.7rem,4.4vw,2.6rem);line-height:1.05}.vsr.win .rv-head{color:var(--accent);text-shadow:0 0 24px #ffb54766}.vsr.lose .rv-head{color:var(--danger)}.rv-sides{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.rv-side{border:1px solid var(--line);border-radius:12px;gap:4px;min-width:0;padding:14px 12px;display:grid;position:relative}.rv-side.me{background:#ff4d5e14}.rv-side.op{background:#3fa7ff14}.rv-side.lead{border-color:#ffb54799;box-shadow:0 0 0 1px #ffb54740,0 10px 28px #ffb5471f}.rv-name{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rv-name small{color:var(--muted);font-size:.85em}.rv-side b{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3.6vw,2.1rem);font-weight:400;line-height:1.1}.rv-crown{color:#2a1700;background:var(--accent);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ffb54773}.rv-crown .ico{width:16px;height:16px}.rv-x{font-family:var(--f-display);color:var(--muted);font-size:1.1rem}.rv-note{color:var(--muted);font-size:.92rem}.rv-tally{color:var(--fg-2);font-variant-numeric:tabular-nums;font-weight:600}.rv-back{color:#8ff0b8;font-size:.9rem}@media (max-width:720px){.res-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.res-info{justify-items:center}.res-score,.res-flags{justify-content:center}.res:before{background:radial-gradient(320px 260px at 50% 22%,var(--gc-a),transparent 70%)}.res-panels{grid-template-columns:1fr}.hit-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.badge{gap:10px;padding:8px 10px 8px 8px}.b-ico{width:36px;height:36px}.b-txt b{white-space:normal;line-height:1.2}.badge.got .b-txt small{display:none}.res-actions .btn{flex:auto}}@media (max-width:420px){.rv-sides{grid-template-columns:1fr;gap:18px}.rv-x{display:none}}#yt-dock{z-index:6;background:#000;border-radius:12px;position:absolute;overflow:hidden}#yt-dock.off{visibility:hidden;width:320px!important;height:200px!important;top:0!important;left:-10000px!important}#yt-dock iframe{border:0;width:100%;height:100%;display:block}#toast{left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:40;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}@media (max-width:1060px){.pbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"me act""stats stats"}.pb-stats{border-top:1px solid var(--line);justify-content:space-around;justify-self:stretch;padding-top:10px}}@media (max-width:900px){.setup-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:8px;min-height:0}.hero-copy{padding-top:36px}.hero-stage{height:min(470px,66vh);min-height:0;padding-top:4px}.hw{min-height:0}.vs{grid-template-columns:1fr}}@media (max-width:760px){.st-neon,.st-spk{display:none}.hud-l{left:max(12px,env(safe-area-inset-left,0px));top:max(12px,env(safe-area-inset-top,0px));gap:10px;width:164px}.setlist{padding:10px 12px 8px}.g-score{font-size:30px}.combo b{font-size:20px}.combo span{font-size:11px}.mult{width:46px;height:46px;font-size:22px}.meter .mh{letter-spacing:.08em;font-size:10px}.hud-r{right:max(12px,env(safe-area-inset-right,0px));top:max(12px,env(safe-area-inset-top,0px));width:190px}.vcard{padding:6px}.vcard .yt-slot,.vcard .media-card{aspect-ratio:1}.g-title{margin-top:4px;font-size:13px}.g-sub{display:none}.g-actions .btn{min-height:36px;padding:0 8px;font-size:.85rem}.st-crowd .p{height:calc(var(--h) * .5);bottom:-44px}.st-crowd .back{display:none}.opp{padding:6px 8px}.pb-act .btn span:not(.sr-only){display:none}.pb-act .btn{padding:0 12px}.q-list{grid-template-columns:1fr}.sod{grid-template-columns:auto minmax(0,1fr)}.sod .btn{grid-column:1/-1}.q+.q{border-left:0;border-top:1px solid var(--line)}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px 12px}.lib-empty{grid-column:1/-1}.opp .os{font-size:22px}.items .islots span{min-height:26px;font-size:9px}}@media (max-width:420px){.fields{grid-template-columns:1fr}.yt-row{flex-direction:column}.import-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.st-crowd .p{transform:none}}