:root{--bg:#0b0d12;--card:#151922;--border:#262c3a;--text:#e8ebf2;--muted:#8a93a6;--accent:#4cc3ff;--danger:#ff5d73;--ok:#5ee38f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent)}code{background:#222838;border-radius:4px;padding:1px 5px}button,select,input[type=url]{font:inherit;color:var(--text);border:1px solid var(--border);background:#1e2431;border-radius:8px;padding:6px 12px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button[type=submit]{background:var(--accent);color:#001522;border-color:var(--accent);font-weight:600}.page{max-width:1200px;margin:0 auto;padding:24px 16px 64px}.page-header h1{margin:0 0 4px;font-size:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:16px}.card h2,.card h3{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.dropzone{border:2px dashed var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.dropzone.over{border-color:var(--accent)}.file-pick{cursor:pointer;flex:280px}.file-pick input{display:none}.file-pick span{background:#10141c;border-radius:8px;padding:10px 12px;display:block}.yt-row{gap:8px;margin-top:10px;display:flex}.yt-row input{flex:1}.recent{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.chip{border-radius:999px;padding:3px 10px;font-size:13px}.chip.active,.tabs button.active{border-color:var(--accent);color:var(--accent)}.progress{background:#10141c;border-radius:99px;height:8px;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .4s}.stages{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.stages li{color:var(--muted)}.stages li.done{color:var(--ok)}.stages li.active{color:var(--text);font-weight:600}.stages li.failed{color:var(--danger);font-weight:600}.song-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tabs{gap:6px;display:flex}.tabs button{text-transform:capitalize}.lane-view{margin-top:12px}.lane-canvas-wrap{border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.lane-canvas-wrap canvas{cursor:pointer;display:block}.lane-audio{width:100%;margin-top:10px}.lane-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;font-size:13px;display:flex}.downloads{columns:2;margin:0;padding-left:18px}.downloads li{margin:4px 0}.score-card .score-surface{background:#fff;border-radius:8px;min-height:120px}@media (max-width:640px){.downloads{columns:1}}.head-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.rerun-row{color:var(--muted)}.rerun-row select,.rerun-row button{padding:3px 8px;font-size:13px}.warnings{gap:8px;margin:10px 0;display:grid}.warning{color:#ffd08a;background:#ffb5471a;border:1px solid #ffb54773;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;font-size:14px;display:flex}.warning-actions{flex-wrap:wrap;gap:6px;display:flex}.warning-actions button{border-color:#ffb54799;padding:4px 10px;font-size:13px}@media (max-width:640px){.head-right{align-items:flex-start}}.it-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.it-grid{grid-template-columns:1fr 1.6fr 1.2fr;gap:20px;display:grid}@media (max-width:900px){.it-grid{grid-template-columns:1fr}}.it-last{text-align:center;border-radius:10px;padding:8px}.it-big{font-size:72px;font-weight:800;line-height:1.1}.it-mid{font-size:28px;font-weight:700}.meter{background:#10141c;border-radius:99px;height:8px;margin:6px 0;overflow:hidden}.meter-fill{background:var(--ok);height:100%}.chroma{align-items:flex-end;gap:3px;height:70px;margin-top:8px;display:flex}.chroma-col{height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;font-size:10px;display:flex}.chroma-bar{background:var(--accent);border-radius:3px 3px 0 0;width:100%}.it-lat td,.it-events td,.it-events th,.it-results td,.it-results th{text-align:left;padding:3px 10px 3px 0;font-size:14px}.it-events{border-collapse:collapse;width:100%}.it-results tr.ok td:nth-child(2){color:var(--ok);font-weight:700}.it-results tr.bad td:nth-child(2){color:var(--danger);font-weight:700}.game-shell,.game-loading{--sb-ink:#2b1a12;--sb-ink-2:#6b4e3a;--sb-rust:#8a3b1c;--sb-danger:#9b2c2c;--sb-success:#2f6b34;--sb-parchment:#f6e7c1;--sb-paper:#fff6dc;--sb-rim:#fffaf0;--sb-scrim:#140c088c;--sb-scrim-light:#140c0859;--sb-gold:#ffd25e;--sb-gold-hi:#ffdc7a;--sb-gold-deep:#e0a526;--sb-gold-soft:#fff1b8;--sb-rose:#c8553d;--sb-focus:#ac4631;--sb-heal:#ffe9f5;--sb-howl:#e9f1ff;--sb-boss-tint:#f3d6c2;--sb-trough:#3a2418;--sb-hp-hi:#ff8a7a;--sb-hp-lo:#d9433a;--sb-magic-hi:#ffe48a;--sb-magic-lo:#e0a526;--sb-boss-hi:#a58bd6;--sb-boss-lo:#5b3b8c;--sb-path-hi:#a8e08a;--sb-path-lo:#5fa548;--sb-wood:#e9c89a;--sb-wood-inlay:#b8946a;--sb-string:#6b4226;--sb-chart-now:#8a3b1c;--sb-chart-before:#cf7f45;--sb-chart-grid:#d8c59a;--sb-icon-wolf:#8f96b8;--sb-icon-sand:#f3c77e;--sb-icon-night:#3b3060;--sb-tune-off:#f3b2a5;--sb-tune-on:#b9e8b0;--sb-shell-hi:#3a2a1c;--sb-shell-lo:#140d08;--sb-frame-bg:#1d2a1f;--sb-frame-gold:#c89055;--sb-frame-shadow:#0009;--sb-foot:#c9b48f;--sb-foot-link:#ffd27a;--sb-dev-bg:#0a0c12d9;--sb-dev-ink:#d6f5d6;--sb-dev-dim:#a3c4a3;--sb-line-1:2px;--sb-line-2:3px;--sb-line-3:4px;--sb-r-s:.45em;--sb-r-m:.7em;--sb-r-l:1em;--sb-r-pill:999px;--sb-lift-1:1px 2px 0 var(--sb-ink);--sb-lift-2:2px 3px 0 var(--sb-ink);--sb-lift-hover:3px 4px 0 var(--sb-ink);--sb-lift-pressed:0 1px 0 var(--sb-ink);--sb-cutout:0 0 0 3px var(--sb-rim), 4px 6px 10px #1e0f0a59;--sb-page:4px 7px 0 var(--sb-ink), 10px 18px 32px #1e0f0a59;--sb-font-ui:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--sb-font-display:var(--sb-font-ui);--z-hud:10;--z-helper:15;--z-modal:30;--z-toast:40;--z-dev:50;--sb-ease-out:cubic-bezier(.2, .8, .2, 1);--sb-dur-press:60ms;--sb-dur-gauge:.15s;--sb-dur-path:.3s;--sb-dur-beat:.45s}.game-ui[data-light=night]{--sb-parchment:#dccca6;--sb-paper:#ece0c2;--sb-focus:#903b29}.game-ui[data-light=neon]{--sb-parchment:#e4d9c8;--sb-paper:#f0e8da;--sb-focus:#9e402d}.game-shell[data-type=storybook]{--sb-font-ui:"Alegreya", Georgia, "Iowan Old Style", "Palatino Linotype", serif;--sb-font-display:"Fraunces", Georgia, "Iowan Old Style", "Palatino Linotype", serif}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Storybook.woff)format("woff");font-weight:600 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Storybook-Italic.woff)format("woff");font-weight:600 900;font-style:italic;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya.woff)format("woff");font-weight:400 900;font-style:normal;font-display:swap;size-adjust:106%}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Italic.woff)format("woff");font-weight:400 900;font-style:italic;font-display:swap;size-adjust:106%}.game-shell{background:radial-gradient(circle at 50% 30%, var(--sb-shell-hi), var(--sb-shell-lo));min-height:100dvh;color:var(--sb-ink);font-family:var(--sb-font-ui);font-variant-numeric:lining-nums;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.game-frame{aspect-ratio:16/9;width:min(100%,177.778dvh - 106.667px);box-shadow:0 0 0 6px var(--sb-ink), 0 0 0 9px var(--sb-frame-gold), 0 10px 40px var(--sb-frame-shadow);background:var(--sb-frame-bg);border:0;border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.game-frame:focus{outline:none}#game-container,#game-container canvas{display:block;width:100%!important;height:100%!important}#game-container{z-index:0;position:relative}#game-container canvas.stage3d{z-index:0;position:absolute;inset:0}#game-container canvas:not(.stage3d){z-index:1;position:relative}.game-ui{pointer-events:none;color:var(--sb-ink);font-size:clamp(12px,1.35cqw,26px);line-height:1.25;position:absolute;inset:0}.game-hud{pointer-events:none;position:absolute;inset:0}:where(.game-hud)>*{pointer-events:auto}.game-loading{color:var(--sb-parchment);font-family:var(--sb-font-ui);padding:40px;font-size:22px}.game-foot{color:var(--sb-foot);--sb-focus:var(--sb-foot-link);margin:6px 0 0;font-size:13px}.game-foot a{color:var(--sb-foot-link)}.game-shell .muted{color:var(--sb-ink-2)}.game-shell .small{font-size:max(11px,.8em)}.game-shell kbd{font-family:var(--sb-font-ui);color:var(--sb-ink);background:var(--sb-paper);border:2px solid var(--sb-ink);border-bottom-width:3px;border-radius:.3em;padding:0 .35em;font-size:.9em;font-weight:800;line-height:1.2}.game-shell ::selection{background:var(--sb-gold);color:var(--sb-ink)}.game-shell :focus-visible{outline:3px solid var(--sb-focus);outline-offset:3px}:where(.game-shell) a{color:var(--sb-rust)}.game-shell .game-frame:focus-visible{outline:none}.game-shell .num,.game-shell [data-num]{font-variant-numeric:lining-nums tabular-nums}.game-shell .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gm-error{color:var(--sb-danger);margin:0;font-weight:700}.gm-panel{background:var(--sb-parchment);border:var(--sb-line-3) solid var(--sb-ink);border-radius:var(--sb-r-l);box-shadow:var(--sb-page);color:var(--sb-ink);padding:1em 1.2em;position:relative}.gm-panel h2{font-family:var(--sb-font-display);margin:0 0 .4em;font-size:1.7em;font-weight:800;line-height:1.1}.plate{background:var(--sb-parchment);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-cutout);color:var(--sb-ink)}.gm-btn{font:inherit;color:var(--sb-ink);background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-lift-2);cursor:pointer;transition:transform var(--sb-dur-press), box-shadow var(--sb-dur-press), background-color var(--sb-dur-press);padding:.45em 1em;font-weight:700;line-height:1.2}.gm-btn:hover:not(:disabled){box-shadow:var(--sb-lift-hover);background:var(--sb-rim);transform:translate(-1px,-1px)}.gm-btn.primary{background:var(--sb-gold)}.gm-btn.primary:hover:not(:disabled){background:var(--sb-gold-hi)}.gm-btn:active:not(:disabled){box-shadow:var(--sb-lift-pressed);transform:translate(1px,2px)}.gm-btn:disabled{color:var(--sb-ink-2);background:var(--sb-parchment);box-shadow:none;cursor:not-allowed;opacity:1;border-style:dashed}.gm-btn.big{padding:.5em 1.1em;font-size:1.25em}.gm-btn small{color:var(--sb-ink-2);font-size:max(11px,.62em);font-weight:600;display:block}.seg{border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-lift-2);background:var(--sb-paper);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.seg>button{font:inherit;color:var(--sb-ink);cursor:pointer;transition:background-color var(--sb-dur-press);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.1em;margin:0;padding:.35em .8em;font-weight:800;line-height:1.15;display:flex}.seg>button+button{border-left:var(--sb-line-2) solid var(--sb-ink)}.seg>button:first-child{border-radius:calc(var(--sb-r-m) - 3px) 0 0 calc(var(--sb-r-m) - 3px)}.seg>button:last-child{border-radius:0 calc(var(--sb-r-m) - 3px) calc(var(--sb-r-m) - 3px) 0}.seg>button:hover:not([aria-pressed=true]){background:var(--sb-rim)}.seg>button[aria-pressed=true]{background:var(--sb-ink);color:var(--sb-paper)}.seg>button small{color:var(--sb-ink-2);font-size:max(11px,.7em);font-weight:600}.seg>button[aria-pressed=true] small{color:var(--sb-gold-soft)}.seg>button .icon{width:1.3em;height:1.3em}.sb-switch{text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:.1em .55em;font-weight:700;display:grid}.sb-switch input{appearance:none;border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-pill);background:radial-gradient(circle at 30% 50%, var(--sb-ink) .36em, transparent .38em), var(--sb-paper);cursor:pointer;width:2.3em;height:1.3em;margin:0}.sb-switch input:checked{background:radial-gradient(circle at 70% 50%, var(--sb-gold) .36em, transparent .38em), var(--sb-ink)}.sb-switch input:disabled{cursor:not-allowed;border-style:dashed}.sb-switch small{color:var(--sb-ink-2);grid-column:2;font-size:max(11px,.8em);font-weight:600}.icon{vertical-align:-.22em;fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;overflow:visible}.icon .f-ink{fill:currentColor}.icon .f-paper{fill:var(--sb-paper)}.icon .f-parch{fill:var(--sb-parchment)}.icon .f-wood{fill:var(--sb-wood)}.icon .f-rose{fill:var(--sb-rose)}.icon .f-gold{fill:var(--sb-gold)}.icon .f-gold-deep{fill:var(--sb-gold-deep)}.icon .f-gold-soft{fill:var(--sb-gold-soft)}.icon .f-wolf{fill:var(--sb-icon-wolf)}.icon .f-sand{fill:var(--sb-icon-sand)}.icon .f-night{fill:var(--sb-icon-night)}.icon .f-portal{fill:var(--sb-boss-hi)}.icon .f-pine{fill:var(--sb-path-lo)}.icon .f-heart{fill:var(--sb-hp-lo)}.icon .ns{stroke:none}.icon .thin{stroke-width:1.4px}.icon .thick{stroke-width:3px}.gm-modal{background:var(--sb-scrim);z-index:var(--z-modal);pointer-events:auto;justify-content:center;align-items:center;padding:2%;display:flex;position:absolute;inset:0}.gm-modal>.gm-panel{overscroll-behavior:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.06'/%3E%3C/svg%3E");background-attachment:local;max-height:100%;overflow-y:auto}.gm-modal>.gm-panel,.title-side .title-panel,.picker-list{scrollbar-color:var(--sb-ink) var(--sb-parchment);scrollbar-width:thin}.hud-tl,.hud-top,.hud-tr,.chord-helper,.hud-ear{transition:opacity .2s}.hud-tl{width:24%;z-index:var(--z-hud);gap:.3em;padding:.35em .55em;display:grid;position:absolute;top:2%;left:1.5%}.hud-stat{grid-template-columns:1.2em 1fr 3.4em;align-items:center;gap:.4em;display:grid;position:relative}.hud-stat>.icon{grid-area:1/1;width:1.2em;height:1.2em}.hud-stat>.gm-bar{grid-area:1/2}.hud-stat>.hud-num,.hud-stat>.hud-super{grid-area:1/3}.hud-num{white-space:nowrap;color:var(--sb-ink);justify-self:end;font-weight:800;line-height:1}.gm-bar{background:var(--sb-trough);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-pill);height:.95em;position:relative;overflow:hidden}.gm-bar-fill{transform-origin:0;background:linear-gradient(var(--sb-hp-hi), var(--sb-hp-lo));transition:transform var(--sb-dur-gauge) linear;position:absolute;inset:0}.gm-bar.magic .gm-bar-fill{background:linear-gradient(var(--sb-magic-hi), var(--sb-magic-lo))}.gm-bar.boss .gm-bar-fill{background:linear-gradient(var(--sb-boss-hi), var(--sb-boss-lo))}.hud-stat.magic.full:after{content:"";border-radius:var(--sb-r-pill);height:.95em;box-shadow:0 0 .5em .12em var(--sb-gold);opacity:.35;pointer-events:none;grid-area:1/2;align-self:center;animation:1.2s ease-in-out infinite alternate sb-glow}.hud-super{text-align:center;min-width:1.7em;font-family:var(--sb-font-display);background:var(--sb-gold);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-s);box-shadow:var(--sb-lift-1);justify-self:end;padding:0 .3em;font-weight:900;line-height:1.2}.hud-top{width:40%;z-index:var(--z-hud);justify-items:center;gap:.35em;display:grid;position:absolute;top:2%;left:50%;transform:translate(-50%)}.hud-foe{gap:.15em;width:85%;padding:.25em .6em .4em;display:grid}.hud-foe-name{font-family:var(--sb-font-display);text-align:center;font-size:1.05em;font-weight:800;line-height:1.15}.hud-stat.foe{grid-template-columns:1fr 4.2em}.hud-stat.foe>.gm-bar{grid-column:1}.hud-stat.foe>.hud-num{grid-column:2}.hud-path{background:var(--sb-parchment);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-pill);width:60%;height:1.05em;box-shadow:var(--sb-cutout);margin:.45em 0 .25em;position:relative}.hud-path-track{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hud-path-fill{transform-origin:0;background:linear-gradient(var(--sb-path-hi), var(--sb-path-lo));transition:transform var(--sb-dur-path) linear;position:absolute;inset:0}.hud-path-bard,.hud-path-goal{line-height:0;position:absolute;top:50%}.hud-path-bard{width:100%;height:0;transition:transform var(--sb-dur-path) linear;left:0}.hud-path-bard .icon{position:absolute;top:0;left:0;transform:translate(-50%,-58%)}.hud-path-goal{right:-.95em;transform:translateY(-50%)}.hud-path-bard .icon,.hud-path-goal .icon{width:1.7em;height:1.7em}.hud-banner{background:var(--sb-paper);border-width:var(--sb-line-1);text-align:center;-webkit-line-clamp:2;line-clamp:2;max-width:100%;animation:sb-banner-in .18s var(--sb-ease-out);-webkit-box-orient:vertical;padding:.2em .8em .25em;font-weight:700;line-height:1.25;transition:opacity .3s;display:-webkit-box;overflow:hidden}.hud-banner[data-shown="0"]{opacity:0}.hud-tr{z-index:var(--z-hud);align-items:flex-start;gap:.5em;display:flex;position:absolute;top:2%;right:1.5%}.hud-combo{border-radius:var(--sb-r-m);transform-origin:100%;animation:sb-pop .2s var(--sb-ease-out);align-items:baseline;gap:.3em;padding:.15em .65em .25em;display:flex}.hud-combo b{font-family:var(--sb-font-display);font-size:1.6em;font-weight:900;line-height:1}.hud-combo span{color:var(--sb-ink-2);font-size:max(11px,.72em);font-weight:800}.hud-combo.milestone{animation:sb-pop .2s var(--sb-ease-out), sb-milestone .6s steps(1)}.hud-pause{width:2.5em;min-width:44px;height:2.5em;min-height:44px;font:inherit;color:var(--sb-ink);background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-lift-2);cursor:pointer;transition:transform var(--sb-dur-press), box-shadow var(--sb-dur-press), background-color var(--sb-dur-press);place-items:center;margin:0;padding:0;display:grid;position:relative}.hud-pause:hover{box-shadow:var(--sb-lift-hover);background:var(--sb-rim);transform:translate(-1px,-1px)}.hud-pause:active{box-shadow:var(--sb-lift-pressed);transform:translate(1px,2px)}.hud-pause .icon{width:1.25em;height:1.25em}.hud-pause .hud-esc{pointer-events:none;font-size:max(11px,.6em);line-height:1.1;display:none;position:absolute;bottom:-.85em;left:50%;transform:translate(-50%)}@media (pointer:fine){.hud-pause .hud-esc{display:block}}.game-hud[data-cinematic] :is(.hud-tl,.hud-top,.hud-tr,.chord-helper,.hud-ear){opacity:0;pointer-events:none}.chord-helper{pointer-events:none;z-index:var(--z-helper);align-items:flex-end;gap:.45em;display:flex;position:absolute;bottom:2.5%;left:1.5%}.ch-card{position:relative}.ch-card.now{box-shadow:0 0 0 .2em var(--sb-gold), var(--sb-cutout);justify-items:center;gap:.15em;padding:.35em .5em .45em;display:grid}.ch-card.role-heal{background:var(--sb-heal)}.ch-card.role-super{background:var(--sb-gold-soft)}.ch-card.role-howl{background:var(--sb-howl)}.ch-card.idle{background:var(--sb-parchment);box-shadow:var(--sb-cutout);border-style:dashed}.ch-card.idle>*{opacity:.4;filter:grayscale()}.ch-role{letter-spacing:.05em;color:var(--sb-rust);font-size:max(11px,.72em);font-style:normal;font-variant-caps:all-small-caps;font-weight:800;line-height:1}.ch-head{align-items:center;gap:.35em;display:flex}.ch-name{font-family:var(--sb-font-display);font-size:2.2em;font-weight:900;line-height:1}.game-shell .ch-key{font-size:1.2em}.ch-caption{color:var(--sb-ink-2);font-size:max(11px,.8em);font-weight:700}.ch-legend{text-align:center;max-width:11em;color:var(--sb-ink-2);justify-items:center;margin:0;font-size:max(11px,.7em);font-weight:600;line-height:1.3;display:grid}.ch-mark{vertical-align:-.12em;width:.95em;height:.95em;overflow:visible}.ch-x{color:var(--sb-danger);font-weight:800}.ch-card.next{align-items:center;gap:.3em;padding:.25em .35em;display:flex}.ch-card.next .ch-name{font-size:1.25em;font-weight:800}.ch-card.now:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-3px}.ch-card.now[data-beat=a]:after{animation:sb-beat-a var(--sb-dur-beat) var(--sb-ease-out)}.ch-card.now[data-beat=b]:after{animation:sb-beat-b var(--sb-dur-beat) var(--sb-ease-out)}.ch-card.now.idle[data-beat]:after{animation:none}.fretboard{height:auto;display:block;overflow:visible}.fb-now{width:7.8em}.fb-mini{width:3.4em}.fb-book{width:9em}.fb-wood{fill:var(--sb-wood)}.fb-inlay{fill:var(--sb-wood-inlay)}.fb-string{stroke:var(--sb-string)}.fb-line{stroke:var(--sb-ink)}.fb-nut{fill:var(--sb-ink)}.fb-dot{fill:var(--sb-rose);stroke:var(--sb-ink)}.fb-digit{fill:var(--sb-paper);font-family:var(--sb-font-ui);font-size:16px;font-weight:800}.fb-open{fill:none;stroke:var(--sb-rose)}.fb-mute{fill:var(--sb-danger);font-family:var(--sb-font-ui);font-size:13px;font-weight:700}.fb-name{fill:var(--sb-ink-2);font-family:var(--sb-font-ui);font-size:12px;font-weight:700}.hud-ear{max-width:27%;z-index:var(--z-hud);gap:.25em;padding:.3em .45em .35em;display:grid;position:absolute;bottom:2.5%;right:1.5%}.ear-title{color:var(--sb-ink-2);align-items:center;gap:.35em;font-size:max(11px,.78em);font-weight:800;line-height:1.1;display:flex}.ear-title .icon{width:1.3em;height:1.3em;color:var(--sb-ink)}.ear-meter{align-items:flex-end;gap:.12em;height:.9em;display:inline-flex}.ear-meter i{background:var(--sb-paper);border:1.5px solid var(--sb-ink);border-radius:1px;width:.26em}.ear-meter i:first-child{height:40%}.ear-meter i:nth-child(2){height:70%}.ear-meter i:nth-child(3){height:100%}.ear-meter[data-level="1"] i:first-child,.ear-meter[data-level="2"] i:nth-child(-n+2),.ear-meter[data-level="3"] i{background:var(--sb-gold)}.ear-lost{color:var(--sb-danger)}.ear-lat{margin-left:auto;padding-left:.4em}.ear-row{justify-content:flex-end;align-items:stretch;gap:.3em;min-height:2.75em;display:flex}.ear-chip{background:var(--sb-paper);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-s);flex:0 0 3.2em;align-content:center;justify-items:center;gap:.05em;padding:.12em 0 .15em;display:grid}.ear-chip b{font-family:var(--sb-font-display);font-size:1.45em;font-weight:800;line-height:1}.ear-chip .icon{width:.95em;height:.95em}.ear-chip.miss{background:var(--sb-parchment);border-style:dashed}.ear-chip.miss .icon{color:var(--sb-rose)}.ear-chip.neutral .icon{color:var(--sb-ink-2)}.ear-chip.is-newest{border-width:var(--sb-line-2);animation:sb-chip-in .12s var(--sb-ease-out)}.ear-chip.is-newest.hit{box-shadow:0 0 0 .14em var(--sb-gold)}.ear-empty{color:var(--sb-ink-2);align-self:center;font-size:.85em;font-style:italic}.ear-caption{text-align:right;text-wrap:balance;font-size:1em;font-weight:700;line-height:1.2}.gm-bottom{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:4%;left:0;right:0}.gm-bottom>*{pointer-events:auto}.gm-bottom.gm-raised{bottom:auto}.gm-bottom.gm-raised.title-side{justify-content:flex-start;align-items:flex-start;padding-left:3%;inset:31% auto 3% 0}.title-side .title-panel{text-align:left;flex-direction:column;gap:.55em;width:29em;max-height:100%;padding:.75em 1.1em .85em;display:flex;overflow-y:auto}.title-lede{color:var(--sb-ink-2);margin:0;font-style:italic}.title-buttons{grid-template-columns:1fr auto;gap:.55em;display:grid}.title-buttons .gm-btn{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:.45em;display:grid}.title-buttons .gm-btn>.icon{grid-row:1/span 2;width:1.35em;height:1.35em}.title-buttons .gm-btn>small{grid-column:2}.title-buttons .primary{grid-column:1/-1;font-size:1.35em}.title-choice{gap:.2em;display:grid}.title-label{color:var(--sb-ink-2);letter-spacing:.04em;font-size:max(11px,.8em);font-weight:800}.journey-map{flex-wrap:nowrap;justify-content:space-between;gap:.9em;display:flex}.jm-world{border:0;min-width:0;margin:0;padding:0}.jm-era{color:var(--sb-ink-2);white-space:nowrap;align-items:center;gap:.3em;padding:0 0 .35em;font-size:max(11px,.72em);font-weight:800;display:flex}.jm-era .icon{width:1.25em;height:1.25em}.jm-levels{gap:.35em;display:flex}.jm-level.gm-btn{border-radius:var(--sb-r-s);width:2.7em;height:2.1em;box-shadow:var(--sb-lift-1);padding:0;font-size:.9em;font-weight:800;position:relative}.jm-level.boss:not(:disabled){background:var(--sb-boss-tint)}.jm-level[aria-pressed=true],.jm-level[aria-pressed=true]:hover:not(:disabled),.jm-level.boss[aria-pressed=true]:not(:disabled){background:var(--sb-ink);color:var(--sb-paper)}.jm-level .icon{width:1.15em;height:1.15em;color:var(--sb-ink);position:absolute;top:-.55em;right:-.55em}.tune-slot{pointer-events:none;justify-content:center;display:flex;position:absolute;top:21%;left:0;right:0}.tune-panel{pointer-events:auto;grid-template-columns:minmax(0,1fr) 18em;gap:.6em 1.4em;max-width:70%;padding:.8em 1.1em;display:grid}.tune-left{align-content:center;justify-items:center;gap:.45em;min-width:0;display:grid}.tune-reading{align-items:center;gap:.7em;display:flex}.tune-note{text-align:center;min-width:1.6em;font-family:var(--sb-font-display);font-size:2.6em;font-weight:900;line-height:1}.tune-note.ok{color:var(--sb-success)}.tune-gauge{gap:.25em;display:grid}.tune-meter{background:linear-gradient(90deg, var(--sb-tune-off), var(--sb-paper) 40%, var(--sb-tune-on) 50%, var(--sb-paper) 60%, var(--sb-tune-off));border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-pill);width:16em;max-width:100%;height:1.2em;position:relative}.tune-center{background:var(--sb-ink);width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px;left:50%}.tune-needle{background:var(--sb-rose);border:var(--sb-line-1) solid var(--sb-ink);border-radius:4px;width:8px;height:calc(100% + 16px);margin-left:-4px;transition:left 80ms linear;position:absolute;top:-8px}.tune-needle[data-idle]{background:var(--sb-parchment);border-style:dashed}.tune-scale{color:var(--sb-ink-2);justify-content:space-between;font-size:max(11px,.8em);font-weight:700;display:flex}.tune-hint{text-align:center;margin:0;font-weight:700}.tune-strings{align-items:center;gap:.4em;display:flex}.tune-cap{color:var(--sb-ink-2);font-size:max(11px,.75em);font-weight:700}.tune-string{width:2.1em;height:2.1em;font-family:var(--sb-font-display);background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-ink);border-radius:50%;place-items:center;font-weight:900;display:inline-grid;position:relative}.tune-string.active{box-shadow:0 0 0 .18em var(--sb-gold)}.tune-string.done{background:var(--sb-ink);color:var(--sb-paper)}.tune-string .icon{width:1.15em;height:1.15em;color:var(--sb-ink);background:var(--sb-gold);border:var(--sb-line-1) solid var(--sb-ink);border-radius:50%;padding:.12em;position:absolute;top:-.5em;right:-.55em}.sb-level{width:100%;max-width:20em;color:var(--sb-ink-2);align-items:center;gap:.45em;font-size:max(11px,.8em);font-weight:700;display:flex}.sb-level-bar{background:var(--sb-paper);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-pill);flex:1;height:.65em;overflow:hidden}.sb-level-fill{transform-origin:0;background:linear-gradient(var(--sb-path-hi), var(--sb-path-lo));height:100%}.sb-level b{white-space:nowrap;color:var(--sb-success);font-weight:800}.tune-right{align-content:center;gap:.5em;display:grid}.tune-right .sound-choice .seg>button{white-space:nowrap}.tune-go{text-align:left;justify-items:start;display:grid}.tune-progress{color:var(--sb-ink-2);margin:0;font-size:max(11px,.8em);font-weight:700}.pause{text-align:left;gap:.7em;width:24em;max-width:100%;display:grid}.pause h2{text-align:center;margin:0}.gm-panel.pause{padding-bottom:.3em}.gm-panel.pause:after{content:"";background:linear-gradient(transparent, var(--sb-parchment) 85%);pointer-events:none;opacity:0;height:2.4em;margin:-2.4em -1.2em 0;position:sticky;bottom:0}@supports (animation-timeline:scroll()){.gm-panel.pause:after{animation:linear both sb-more-below;animation-timeline:scroll()}}.pause-main{grid-template-columns:1fr auto;gap:.55em;display:grid}.pause-book{white-space:nowrap}.pause-main .gm-btn{justify-content:center;align-items:center;gap:.35em;padding-left:.6em;padding-right:.6em;display:flex}.pause-keys{color:var(--sb-ink-2);margin:-.3em 0 0;font-size:max(11px,.8em);font-weight:600}.pause-alert{background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-rose);border-radius:var(--sb-r-m);grid-template-columns:auto 1fr;align-items:center;gap:.35em .55em;padding:.5em .65em;display:grid}.pause-alert.is-back{border-color:var(--sb-success)}.pause-alert .icon{width:1.6em;height:1.6em}.pause-alert p{margin:0}.pause-alert .gm-btn{grid-column:1/-1;justify-self:start}.pause-group{border-top:var(--sb-line-1) dashed var(--sb-ink-2);gap:.6em;padding-top:.6em;display:grid}.pause-h{letter-spacing:.04em;color:var(--sb-ink-2);margin:0;font-size:max(11px,.8em);font-weight:800}.pause-group .sb-switch .icon{width:1.2em;height:1.2em}.sb-switch small.is-error{color:var(--sb-danger)}.sound-choice{gap:.3em;display:grid}.sound-label{font-weight:700}.sound-choice .seg>button{flex-direction:row;gap:.35em;padding:.35em .5em}.mic-choice{gap:.3em;min-width:0;display:grid}.mic-choice select{font:inherit;color:var(--sb-ink);background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-lift-2);text-overflow:ellipsis;width:100%;min-width:0;padding:.35em .5em;font-weight:700}.mic-choice select:disabled{opacity:.6}.room-check{max-width:22em;color:var(--sb-ink-2);margin:0;font-size:max(11px,.8em);font-weight:700}.room-check[data-tone=ok]{color:var(--sb-success)}.room-check[data-tone=bad]{color:var(--sb-danger)}.sound-choice small{color:var(--sb-ink-2);font-size:max(11px,.8em);font-weight:600}.pause-leave{border-top:var(--sb-line-1) dashed var(--sb-ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;padding-top:.6em;display:flex}.pause-leave .gm-btn{flex:auto}.pause-confirm{text-align:center;flex-basis:100%;margin:0;font-weight:700}.gm-modal.picker-modal{background:var(--sb-scrim-light);justify-content:flex-start;padding:2% 3%}.gm-panel.picker{align-content:start;gap:.6em;width:52%;display:grid}.picker h2{margin:0}.picker-intro{margin:0;line-height:1.35}.picker-item{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.5em;width:100%;min-width:0;display:grid}.picker-item>.icon{grid-row:1/span 2}.picker-item>small{grid-column:2}.pi-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.picker-featured{font-size:1.15em}.picker-h{margin:.2em 0 0;font-size:1em;font-weight:800}.picker-h small{color:var(--sb-ink-2);font-size:max(11px,.8em);font-weight:600}.picker-list{gap:.4em;max-height:22em;padding:.2em .2em 1.5em;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.picker-list .picker-item{border-width:var(--sb-line-1);box-shadow:none}.picker-list .picker-item:hover:not(:disabled),.picker-list .picker-item:active:not(:disabled){box-shadow:none;transform:none}.picker-list :focus-visible{outline-offset:-4px}.picker-more summary{cursor:pointer;color:var(--sb-ink-2);padding:.2em .4em;font-size:max(11px,.8em);font-weight:700}.picker-more .picker-item{margin-top:.3em}.picker-note{margin:0}.picker-loading{margin:0;font-size:1.3em;font-weight:700}.picker-foot{display:flex}.picker-back small{margin-left:.4em;display:inline}.gm-modal>.gm-panel.cb{width:94%}.cb{gap:.6em;display:grid}.cb-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.cb-head h2{margin:0}.cb-intro{max-width:62em;margin:0;line-height:1.45}.cb-legend{color:var(--sb-ink-2);flex-wrap:wrap;gap:.2em 1.2em;margin:0;font-size:max(11px,.85em);font-weight:600;display:flex}.cb-practice{justify-self:start}.cb-section{font-family:var(--sb-font-display);margin:.3em 0 0;font-size:1.1em;font-weight:800}.cb-grid{grid-template-columns:repeat(auto-fill,minmax(15em,1fr));gap:.8em;display:grid}.cb-card{background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-lift-1);align-content:start;justify-items:center;gap:.4em;padding:.6em .8em .7em;display:grid}.cb-card.heal{background:var(--sb-heal)}.cb-card.super{background:var(--sb-gold-soft)}.cb-card-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em;display:flex}.cb-card-head h4{margin:0;font-size:1em}.cb-pill{font-family:var(--sb-font-display);background:var(--sb-gold);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-s);padding:.05em .45em;font-size:1.6em;font-weight:900;line-height:1.1}.cb-card p{color:var(--sb-ink-2);text-align:center;margin:0;font-size:.85em}.gm-bottom.gm-raised.end{top:33%}.end-panel{animation:sb-rise .3s var(--sb-ease-out) .12s both;grid-template-columns:auto auto;align-items:center;gap:.45em 1.4em;padding:.65em 1.1em;display:grid}.end-stats,.end-line,.end-panel .sb-switch{grid-column:1}.end-stats{gap:1.3em;display:flex}.end-stats>div{justify-items:center;display:grid}.end-stats b{font-family:var(--sb-font-display);font-size:1.6em;font-weight:900;line-height:1}.end-stats b small{font-size:.55em;font-weight:800}.end-stats span{color:var(--sb-ink-2);font-size:max(11px,.8em);font-weight:700}.end-line{margin:0;font-weight:700}.end-buttons{grid-area:1/2/span 2;gap:.45em;display:grid}.end-panel--defeat .end-buttons{grid-row:1/span 3}.end-next{text-align:left;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:.45em;display:grid}.end-next>.icon{grid-row:1/span 2;width:1.5em;height:1.5em}.end-next>small{grid-column:2}.end-title{font-size:.9em}.lute-slot{pointer-events:none;align-items:flex-end;width:46%;max-height:42%;display:flex;position:absolute;bottom:3.5%;left:3%}.lute-card{pointer-events:auto;width:100%;max-height:100%;animation:sb-rise .3s var(--sb-ease-out) .26s both;grid-template-columns:auto 1fr;column-gap:.7em;padding:.6em .9em .65em;display:grid;overflow-y:auto}.lute-icon{align-self:start;margin-top:.1em}.lute-card[aria-busy=true] .lute-icon{animation:.9s ease-in-out infinite alternate sb-lute-think}.lute-body{min-width:0}.lute-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--sb-ink-2);margin:0;font-size:max(11px,.72em);font-weight:800}.lute-card h3{font-family:var(--sb-font-display);text-wrap:balance;margin:.05em 0 .25em;font-size:1.25em;font-weight:800;line-height:1.15}.lute-tip,.lute-wait{margin:0;line-height:1.35}.lute-wait{color:var(--sb-ink-2);font-style:italic}.lute-foot{flex-wrap:wrap;grid-column:2;align-items:center;gap:.35em .8em;margin-top:.4em;display:flex}.lute-drill{align-items:center;gap:.35em;margin:0;font-weight:800;display:flex}.lute-label{letter-spacing:.05em;text-transform:uppercase;color:var(--sb-ink-2);font-size:max(11px,.75em)}.lute-chip{font-family:var(--sb-font-display);background:var(--sb-gold);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-s);padding:.02em .4em;font-weight:900}.lute-more{align-items:center;gap:.4em;margin-left:auto;padding:.3em .8em;font-size:.9em;display:inline-flex}.lute-src{color:var(--sb-ink-2);flex-basis:100%;margin:0;font-size:max(11px,.72em)}@keyframes sb-lute-think{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.gm-modal>.gm-panel.ln{width:92%;max-width:66em}.ln{gap:.7em;display:grid}.ln-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.ln-head h2{align-items:center;gap:.35em;margin:0;display:flex}.ln-cols{grid-template-columns:1fr 1fr;align-items:start;gap:1.3em;display:grid}.ln h3{font-family:var(--sb-font-display);margin:0 0 .3em;font-size:1.2em;font-weight:800;line-height:1.15}.ln-praise{margin:0 0 .5em;font-weight:700}.ln-tips{gap:.45em;margin:0 0 .7em;padding-left:1.2em;line-height:1.4;display:grid}.ln-tips b{display:block}.ln-drill{background:var(--sb-paper);border:var(--sb-line-2) solid var(--sb-ink);border-radius:var(--sb-r-m);box-shadow:var(--sb-lift-1);padding:.5em .75em .6em}.ln-drill h4{margin:0 0 .4em}.ln-boxes{flex-wrap:wrap;gap:1em;display:flex}.ln-box{justify-items:center;gap:.3em;display:grid}.ln-box .fb-book{width:7em}.ln-drill p{color:var(--sb-ink-2);margin:.45em 0 0}.ln-goal{margin:.7em 0 0}.ln-progress{gap:.75em;display:grid}.ln-kpis{grid-template-columns:repeat(4,1fr);gap:.5em;margin:0;display:grid}.ln-kpis>div{background:var(--sb-paper);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-s);padding:.3em .55em .35em}.ln-kpis dt{color:var(--sb-ink-2);font-size:max(11px,.72em);font-weight:700}.ln-kpis dd{font-family:var(--sb-font-display);margin:0;font-size:1.35em;font-weight:900;line-height:1.1}.ln-chart,.ln-chords{margin:0}.ln-chart figcaption,.ln-chords figcaption{margin-bottom:.25em;font-size:.9em;font-weight:800}.ln-plot{position:relative}.ln-svg{width:100%;height:auto;display:block;overflow:visible}.ln-grid,.ln-rail{stroke:var(--sb-chart-grid);stroke-width:1px}.ln-tick{fill:var(--sb-ink-2);font-family:var(--sb-font-ui);font-size:9px;font-weight:700}.ln-line{fill:none;stroke:var(--sb-chart-now);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.ln-dot,.ln-now,.ln-before{stroke:var(--sb-parchment);stroke-width:2px}.ln-dot,.ln-now{fill:var(--sb-chart-now)}.ln-before{fill:var(--sb-chart-before)}.ln-dot.on{r:5.5px}.ln-end{fill:var(--sb-ink);font-family:var(--sb-font-ui);font-size:10px;font-weight:800}.ln-cross{stroke:var(--sb-ink-2);stroke-width:1px}.ln-hit{fill:#0000;outline:none}.ln-hit:focus-visible{fill:#8a3b1c1a}.ln-tooltip{white-space:nowrap;background:var(--sb-paper);border:var(--sb-line-1) solid var(--sb-ink);border-radius:var(--sb-r-s);box-shadow:var(--sb-lift-1);pointer-events:none;padding:.2em .55em;font-size:.85em;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.ln-tooltip b{font-size:1.15em}.ln-tooltip span{color:var(--sb-ink-2)}.ln-legend{color:var(--sb-ink-2);gap:1em;margin:0 0 .3em;padding:0;font-size:max(11px,.8em);font-weight:700;list-style:none;display:flex}.ln-legend i{vertical-align:-.05em;border-radius:50%;width:.7em;height:.7em;margin-right:.3em;display:inline-block}.ln-legend .k-before{background:var(--sb-chart-before)}.ln-legend .k-now{background:var(--sb-chart-now)}.ln-table{border-collapse:collapse;width:100%}.ln-table th{text-align:left;width:2.8em;font-family:var(--sb-font-display);padding:.12em 0;font-weight:900}.ln-table td{padding:.12em 0}.ln-table td.ln-track{padding:0 .7em}.ln-track svg{display:block;overflow:visible}.ln-link{stroke:var(--sb-chart-before);stroke-width:2px}.ln-vals{white-space:nowrap;text-align:right;width:1%}.ln-table tr:hover>*{background:#ffffff59}.ln-community,.ln-empty{margin:0;font-size:.9em;line-height:1.4}.ln-src{color:var(--sb-ink-2);margin:0;font-size:max(11px,.78em)}.boot-slot{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.boot-plate{font-family:var(--sb-font-display);animation:sb-fade-in .25s var(--sb-ease-out) .15s both;justify-items:center;gap:.55em;padding:.7em 1.3em .85em;font-size:1.3em;font-weight:800;line-height:1.15;display:grid}.boot-bar{width:11em}.boot-bar .gm-bar-fill{background:linear-gradient(var(--sb-path-hi), var(--sb-path-lo))}.gm-toast{background:var(--sb-paper);text-align:center;max-width:60%;z-index:var(--z-toast);pointer-events:none;padding:.4em .9em;font-weight:700;position:absolute;top:24%;left:50%;transform:translate(-50%)}.gm-toast:empty{opacity:0}.dev-overlay{z-index:var(--z-dev);background:var(--sb-dev-bg);color:var(--sb-dev-ink);pointer-events:none;border-radius:8px;padding:.5em .7em;font-family:ui-monospace,monospace;font-size:.75em;line-height:1.5;position:absolute;bottom:calc(2.5% + 9em);right:1.5%}.dev-overlay .dev-dim{color:var(--sb-dev-dim)}.rotate-card{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-card:not([hidden]){z-index:100;background:var(--sb-scrim);pointer-events:none;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0}}.rotate-card .gm-panel{pointer-events:auto;text-align:center;justify-items:center;gap:.8em;max-width:22em;display:grid}.rotate-card .gm-panel h2,.rotate-card p{margin:0}@keyframes sb-glow{to{opacity:1}}@keyframes sb-banner-in{0%{opacity:0;transform:translateY(-.3em)}}@keyframes sb-fade-in{0%{opacity:0}}@keyframes sb-wait{0%,to{opacity:0}}@keyframes sb-pop{0%{transform:scale(1.25)}}@keyframes sb-milestone{0%,to{background-color:var(--sb-gold)}}@keyframes sb-milestone-ring{0%,to{outline:3px solid var(--sb-gold-deep)}}@keyframes sb-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes sb-chip-in{0%{transform:translate(.6em)rotate(2deg)}}@keyframes sb-more-below{0%{opacity:1}to{opacity:0}}@keyframes sb-beat-a{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sb-gold) 95%, transparent)}to{box-shadow:0 0 0 .7em color-mix(in srgb, var(--sb-gold) 0%, transparent)}}@keyframes sb-beat-b{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sb-gold) 95%, transparent)}to{box-shadow:0 0 0 .7em color-mix(in srgb, var(--sb-gold) 0%, transparent)}}@keyframes sb-blink-a{0%{outline:3px solid var(--sb-gold-deep)}to{outline:3px solid #0000}}@keyframes sb-blink-b{0%{outline:3px solid var(--sb-gold-deep)}to{outline:3px solid #0000}}@media (prefers-reduced-motion:reduce){.gm-btn,.hud-pause,.seg>button,.gm-bar-fill,.hud-path-fill,.hud-path-bard,.tune-needle{transition:none}.gm-btn:hover:not(:disabled),.gm-btn:active:not(:disabled),.hud-pause:hover,.hud-pause:active{transform:none}.hud-stat.magic.full:after{opacity:1;box-shadow:0 0 0 .15em var(--sb-gold);animation:none}.hud-banner,.hud-combo,.ear-chip.is-newest,.end-panel,.lute-card,.lute-card[aria-busy=true] .lute-icon{animation:none}.boot-plate{animation:.15s sb-wait}.hud-combo.milestone{animation:.6s step-end sb-milestone-ring}.ch-card.now[data-beat=a]:after{animation:.3s step-end sb-blink-a}.ch-card.now[data-beat=b]:after{animation:.3s step-end sb-blink-b}}@container (max-width:760px){.gm-bottom.gm-raised.title-side{padding-left:2%;top:29%;bottom:2%}.title-side .title-panel{gap:.45em;width:24em;padding:.6em .8em}.title-lede,.play-guitar small,.play-keys small,.title-label,.jm-era{display:none}.title-buttons .primary{font-size:1.15em}.journey-map{gap:.5em}.jm-levels{gap:.25em}.jm-level.gm-btn{width:2.35em;height:1.9em}.jm-level .icon{width:.95em;height:.95em;top:-.45em;right:-.4em}.lute-slot{width:58%;max-height:44%}.lute-icon,.lute-kicker,.lute-src{display:none}.lute-card{grid-template-columns:1fr;padding:.45em .7em .5em}.lute-foot{grid-column:1}.ln-cols{grid-template-columns:1fr}.ln-kpis{grid-template-columns:repeat(2,1fr)}.hud-tl{width:30%}.hud-top{width:44%}.fb-now{width:5.6em}.ch-card.next,.ch-legend,.fb-now .fb-name{display:none}.hud-ear{max-width:max(22%,10.2em)}.ear-row>.ear-chip:nth-last-child(n+4),.ear-cap-what{display:none}.ear-chip{flex-basis:2.7em}.ear-chip b{font-size:1.25em}.tune-slot{top:19%}.tune-panel{grid-template-columns:auto 15em;gap:.4em .9em;max-width:96%;padding:.55em .75em}.tune-note{min-width:1.2em;font-size:2em}.tune-meter{width:11em}.tune-cap,.tune-right .sound-choice small{display:none}.tune-string{width:1.8em;height:1.8em}.tune-right .sound-choice .seg>button{white-space:normal;padding:.3em .45em}}.file-pick input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.file-pick:focus-within span{outline:3px solid var(--accent);outline-offset:2px}