:root{--ink: #073840;--page: #efeee7;--surface: #fbf8ed;--muted: #62736d;--border: #cbd6ca;--hover: #eaf0e3;--input: #fffdf6;--accent: #cc480e;--track: #d8dfd1;--active: #f8e4d5;color-scheme:light}:root[data-theme=dark]{--ink: #e3f1ed;--page: #101719;--surface: #192427;--muted: #a5bbb4;--border: #3b5152;--hover: #293b3d;--input: #101d20;--accent: #ffa263;--track: #3b5152;--active: #443024;color-scheme:dark}.header-actions{position:absolute;top:8px;right:12px;left:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px}.theme-toggle{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:9px;padding:12px 16px;font:inherit;font-size:14px;cursor:pointer}.theme-toggle:hover{background:var(--hover)}.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.download{cursor:pointer;font-family:inherit}footer a{color:var(--accent)}:root{font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:76%;max-width:1248px;padding:48px 36px 28px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--muted);margin:0 0 10px}.intro-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.intro-controls{min-width:0}.cruiser-brand{align-self:center;text-align:center;padding:32px;margin-bottom:24px}.cruiser-brand-ship{position:relative;display:grid;place-items:center;width:min(100%,480px);aspect-ratio:3 / 2;margin:0 auto 24px;font-size:clamp(80px,9vw,144px);line-height:1.2}.cruiser-ship-paths{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cruiser-ship-emoji{position:relative;z-index:2;font-size:min(1.4em,48vw);user-select:none;-webkit-user-select:none}.cruiser-window-glint{position:absolute;left:36%;top:54%;width:.085em;height:.085em;background:#fff9df;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;pointer-events:none;animation:cruiser-window-shimmer 7s ease-in-out infinite}.cruiser-window-glint-later{left:65%;top:57%;animation-delay:.65s}@keyframes cruiser-window-shimmer{0%,72%,88%,to{transform:scale(.25) rotate(-15deg);opacity:0}80%{transform:scale(1.15) rotate(15deg);opacity:.95}}@media(prefers-reduced-motion:reduce){.cruiser-window-glint{animation:none}}.cruiser-smoke{position:absolute;left:53%;top:28%;width:0;height:0;pointer-events:none}.cruiser-smoke-puff{position:absolute;left:-.035em;bottom:0;width:.07em;height:.07em;border-radius:50%;background:var(--muted);filter:blur(1px);opacity:0;animation:cruiser-smoke-rise 6s ease-out infinite}.cruiser-smoke-puff:nth-child(2){animation-delay:.45s}.cruiser-smoke-puff:nth-child(3){animation-delay:.9s}@keyframes cruiser-smoke-rise{0%{transform:translate(0) scale(.5);opacity:0}8%{opacity:.45}45%{transform:translate(-.16em,-.28em) scale(2.2);opacity:0}to{transform:translate(-.16em,-.28em) scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.cruiser-smoke-puff{animation:none}}.cruiser-ship-overlay{z-index:3}.cruiser-boat-resting{animation:cruiser-boat-bob 3.2s ease-in-out infinite}@keyframes cruiser-boat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.cruiser-boat-resting{animation:none}}.cruiser-brand h2{color:var(--accent);font-family:ui-rounded,Arial Rounded MT Bold,Nunito,system-ui,sans-serif;font-weight:800;font-size:clamp(30px,3.5vw,48px);letter-spacing:-.025em;margin:0 0 16px}.cruiser-brand>p:last-child{max-width:32ch;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}.intro-controls .song-picker>label{flex:1 1 180px;min-width:0}.intro-controls .song-picker>label[for=key-select]{flex:0 0 148px}.intro-controls .song-picker input,.intro-controls .song-picker select{width:100%;min-width:0}body[data-game-mode=true] .intro-layout{display:block}body[data-game-mode=true] .intro-controls>header,body[data-game-mode=true] .cruiser-brand{display:none}@media(max-width:760px){.intro-layout{grid-template-columns:1fr;gap:0}.cruiser-brand{grid-row:1;padding:24px 12px 8px;margin-bottom:0}.intro-controls>header{padding-top:8px}.cruiser-brand-ship{font-size:64px;margin-bottom:12px}.cruiser-brand h2{margin-bottom:8px}}h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(30px,4vw,48px);margin:0;letter-spacing:-.04em}.subtitle{color:var(--muted);margin:10px 0 0}.download{color:var(--ink);text-decoration:none;background:var(--surface);border:1px solid var(--border);padding:12px 18px;border-radius:9px;font-size:14px;white-space:nowrap}.download:hover{background:var(--hover)}.download:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.download span{margin-left:12px}.header-actions button{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-color:transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.header-actions button:hover{background:var(--hover);color:var(--ink)}.header-actions button span{margin-left:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.songs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.songs button{font:inherit;font-size:14px;color:var(--ink);background:transparent;border:1px solid var(--border);border-radius:8px;padding:10px 16px;cursor:pointer}.songs button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.songs button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.chart{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 35px var(--ink) 08}.chart svg{width:100%;height:auto;display:block}.chart.has-headstock{overflow:visible}aside{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px}h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:25px;margin:0 0 24px}.route+.route{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}h3{display:flex;align-items:center;gap:10px;font-size:13px;margin:0 0 14px}.line{width:25px;border-top:3px solid var(--accent)}.line.dotted{border-top-style:dotted}.chords{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;font-size:23px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}.arrow{color:var(--accent);font-size:18px}.note,.tip{color:var(--muted);font-size:13px;line-height:1.6}.note{margin:12px 0 0}.tip{background:var(--hover);padding:15px;border-radius:9px;margin:26px 0 0}.tip strong{color:var(--ink);display:block;margin-bottom:4px}footer{font-size:12px;color:var(--muted);margin-top:20px}@media(max-width:1050px){main{width:100%}.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}h2,.tip{grid-column:1 / -1;margin:0}.route+.route{margin:0;padding:0;border:0}}@media(max-width:600px){main{padding:26px 14px}header{align-items:start;flex-direction:column;gap:16px}aside{display:block;padding:22px}h2{margin-bottom:24px}.route+.route{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.tip{margin-top:24px}}.player{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:18px 22px;margin-bottom:24px}.transport{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.transport button{padding:10px 16px;border:1px solid var(--border);background:transparent;color:var(--ink);border-radius:8px;font:inherit;cursor:pointer}.transport button.play{background:var(--ink);color:var(--surface);border-color:var(--ink)}.transport button:disabled{opacity:.45;cursor:default}.transport label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.transport input[type=number]{width:65px;padding:7px;border-radius:6px;border:1px solid var(--border);color:var(--ink);background:var(--input);font:inherit}.transport input[type=range]{width:110px;accent-color:var(--ink)}.transport :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.player-status{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;min-height:32px;margin-top:18px;font-size:13px;color:var(--muted)}.current-chord{font:700 25px system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink)}.player progress{display:block;width:100%;height:6px;margin-top:12px;accent-color:var(--accent)}.audio-error{color:#9e3026}@media(prefers-reduced-motion:reduce){.chart svg rect{transition:none!important}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #ffffff55;border-top-color:var(--surface);border-radius:50%;animation:spin .75s linear infinite;margin-right:8px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.player .seek{display:block;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:8px 0 0;cursor:pointer;background:transparent}.seek::-webkit-slider-runnable-track{height:6px;border-radius:5px;background:linear-gradient(to right,var(--accent) var(--played),var(--track) var(--played))}.seek::-moz-range-track{height:6px;border-radius:5px;background:var(--track)}.seek::-moz-range-progress{height:6px;background:var(--accent);border-radius:5px}.seek::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);margin-top:-3px}.seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent)}.seek:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.section-progress{position:relative;margin-top:14px}.progress-quick-markers{position:absolute;left:6px;right:6px;bottom:10px;height:0;z-index:1;pointer-events:none}.progress-fast-marker{position:absolute;transform:translate(-50%,50%);bottom:0;padding:0 2px;color:#397c79;opacity:.7;font:14px/18px system-ui,sans-serif;cursor:default;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .progress-fast-marker{color:#83c9c2}.progress-sections{display:flex;margin:0 6px}.progress-sections button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:4px 7px;border:0;border-left:2px solid var(--border);background:var(--hover);color:var(--muted);font:600 11px system-ui,sans-serif;cursor:pointer}.progress-sections button[aria-current=step]{background:var(--active);color:var(--accent)}.progress-sections button.has-quick-changes{background:#e0efec;color:#326c67;border-left-color:#68a69c}.progress-sections button.has-quick-changes[aria-current=step]{background:#c8e3dc;color:#245b55}:root[data-theme=dark] .progress-sections button.has-quick-changes{background:#243b39;color:#a1d6ce;border-left-color:#83c9c2}:root[data-theme=dark] .progress-sections button.has-quick-changes[aria-current=step]{background:#31524d;color:#d0eee6}.progress-sections button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-boundaries,.bar-ticks{position:absolute;bottom:3px;left:6px;right:6px;height:14px;pointer-events:none}.bar-ticks span{position:absolute;top:4px;height:6px;width:1px;background:var(--ink);opacity:.25;transform:translate(-.5px)}.section-boundaries span{position:absolute;height:14px;width:2px;background:var(--ink);transform:translate(-1px)}.mini-playback-toasts{position:fixed;top:16px;right:16px;z-index:100;max-width:calc(100vw - 32px);transform:translate(0)}.mini-playback-toasts[data-side=left]{transform:translate(calc(-100vw + 100% + 32px))}.game-mode-toggle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.game-mode-toggle button{border:2px solid var(--accent);border-radius:8px;padding:10px 16px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}.game-mode-toggle button[aria-pressed=true]{background:var(--accent);color:#fff}.is-game-mode{border:3px solid var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.game-panel{padding:20px;margin-bottom:20px;border:2px solid color-mix(in srgb,#c880ef 45%,var(--border));border-radius:22px;background:radial-gradient(ellipse at top left,#ec9dd525,transparent 60%),radial-gradient(ellipse at bottom right,#89d7ef25,transparent 60%),var(--surface)}.game-banner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:900;letter-spacing:.08em}.game-banner>span{font-size:11px;letter-spacing:.04em;background:color-mix(in srgb,#b288e9 18%,var(--surface));border-radius:30px;padding:6px 10px}.game-setup{padding:12px;border:1px solid var(--border);border-radius:12px}.game-input-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.game-input-controls label{display:flex;flex-direction:column;gap:6px}.game-input-controls select{max-width:min(320px,75vw)}.game-input-controls input{width:80px}.game-input-controls button,.game-input-controls input,.game-input-controls select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}.game-input-controls :disabled{opacity:.55}.game-input-level,.game-scoreboard{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0}.game-input-level meter{width:150px}.game-monitor-controls{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:8px}.game-monitor-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.game-monitor-controls input[type=range]{width:120px}.game-monitor-controls output{min-width:3ch;font-variant-numeric:tabular-nums}.game-monitor-hint{font-size:13px;color:var(--muted)}.game-scoreboard>span{flex:1;padding:12px 16px;border:1px solid color-mix(in srgb,#a68ae9 40%,var(--border));border-radius:14px;background:color-mix(in srgb,#a68ae9 8%,var(--surface));font-size:12px}.game-scoreboard b{display:block;font-size:28px;font-variant-numeric:tabular-nums}.game-feedback{min-height:80px;display:flex;gap:8px;flex-direction:column;margin-bottom:12px}.game-node-judgment{position:fixed;z-index:1400;pointer-events:none;width:0;height:0}.game-judgment-wing{position:absolute;top:-32px;left:calc(var(--badge-width) / -2);width:var(--badge-width);--flight-x: var(--left-flight);animation:game-wing-launch .6s cubic-bezier(.16,.8,.25,1) both}.game-judgment-wing.is-right{--flight-x: var(--right-flight)}.game-miss-popup{position:absolute;left:var(--miss-left);top:0;transform:translateY(-50%);width:var(--badge-width)}.game-miss .game-judgment-word{font-size:32px}.game-judgment-wing .game-judgment{min-width:0;padding:7px 8px 10px}.game-judgment-wing .game-judgment-word{font-size:25px}.game-firework{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-firework i{position:absolute;left:50%;top:50%;width:5px;height:12px;border-radius:4px;background:#ed9fd0;animation:game-firework-ray .8s ease-out both;transform:rotate(var(--ray-angle))}.is-right .game-firework i{background:#8cdce8}.game-firework i:nth-child(2n){background:#eac76d}@keyframes game-wing-launch{0%{opacity:0;transform:translate(0) scale(.25)}30%{opacity:1}to{opacity:1;transform:translate(var(--flight-x),var(--flight-y)) scale(1)}}@keyframes game-firework-ray{0%{opacity:0;transform:rotate(var(--ray-angle)) translateY(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(var(--ray-angle)) translateY(-90px) scale(.3)}}@media(prefers-reduced-motion:reduce){.game-judgment-wing{animation:none;transform:translate(var(--flight-x),var(--flight-y))}.game-firework{display:none}}.game-judgment-pair{display:flex;gap:12px;flex-wrap:wrap}.game-judgment{--stamp: #aa70be;--stamp-light: #f5eafa;position:relative;min-width:130px;padding:7px 14px 10px;border:2px solid var(--stamp);border-radius:16px;background:linear-gradient(145deg,white,var(--stamp-light));box-shadow:0 4px 0 var(--stamp),0 8px 15px #0002;text-align:center}.game-judgment[data-grade=Perfect]{--stamp: #14834b;--stamp-light: #c5ffdb;border-color:#26b86b;box-shadow:0 4px #14834b,0 0 22px #4aee9970;animation:game-perfect-glow .65s ease-out 2}.game-judgment[data-grade=Great]{--stamp: #9c53c2;--stamp-light: #f2dcff}.game-judgment[data-grade=Good]{--stamp: #268299;--stamp-light: #d6f8ff}.game-judgment[data-grade=Okay]{--stamp: #c46085;--stamp-light: #ffe0ed}.game-judgment[data-grade=Nope]{--stamp: #c42b46;--stamp-light: #ffdbe2;border-style:dashed;border-radius:14px 7px 16px 5px;transform:rotate(-7deg);box-shadow:3px 5px #c42b46,0 8px 15px #0002;animation:game-nope-break .4s ease-out both}.game-judgment[data-grade=Nope]:after{content:"";position:absolute;top:-2px;right:15px;width:14px;height:30px;background:#c42b4690;clip-path:polygon(40% 0,70% 0,45% 32%,80% 42%,15% 100%,42% 52%,10% 36%)}.game-judgment[data-grade=Perfect] .game-judgment-word{animation:game-perfect-cheer .6s cubic-bezier(.2,.9,.3,1.2) both}.game-judgment-wing[data-grade=Perfect] .game-firework i{background:#42dd8c;height:16px;animation-duration:1s}.game-judgment-wing[data-grade=Perfect] .game-firework i:nth-child(2n){background:#b4f65b}.game-judgment-wing[data-grade=Nope] .game-firework i{background:#ed657a}@keyframes game-nope-break{0%{transform:rotate(0)}25%{transform:rotate(5deg) translate(-3px)}50%{transform:rotate(-11deg) translate(3px)}75%{transform:rotate(-4deg)}to{transform:rotate(-7deg)}}@keyframes game-perfect-cheer{0%{opacity:0;transform:scale(.4) rotate(-12deg)}45%{opacity:1;transform:scale(1.22) rotate(5deg)}70%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1)}}@keyframes game-perfect-glow{0%,to{box-shadow:0 4px #14834b,0 0 22px #4aee9970}50%{box-shadow:0 4px #14834b,0 0 34px #4aee99a0}}.game-judgment-kind{display:block;color:var(--stamp);font:800 10px/1.4 ui-rounded,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.game-judgment-word{display:block;color:var(--stamp);font:1000 clamp(22px,3vw,32px)/1.15 ui-rounded,"Trebuchet MS",system-ui,sans-serif;font-style:italic;letter-spacing:-.04em;text-shadow:1px 2px white,-1px -1px white;animation:game-grade-pop .42s cubic-bezier(.2,.9,.3,1.3) both}.game-judgment-word>span{font-size:.65em;vertical-align:middle}.game-judgment-sparkles{position:absolute;top:-13px;right:6px;color:var(--stamp);font-size:17px;letter-spacing:3px;animation:game-sparkles .7s ease-out both}.mini-progress-toast .game-judgment-pair{gap:8px;margin:12px 0}.mini-progress-toast .game-judgment{flex:1;min-width:0;padding:5px 6px 8px}.mini-progress-toast .game-judgment-word{font-size:23px}@keyframes game-grade-pop{0%{opacity:0;transform:scale(.55) rotate(-9deg)}55%{opacity:1;transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes game-sparkles{0%{opacity:0;transform:translateY(8px) scale(.5)}40%{opacity:1}to{opacity:.8;transform:translateY(-3px) scale(1)}}@media(prefers-reduced-motion:reduce){.game-judgment-word,.game-judgment-sparkles,.game-judgment[data-grade=Perfect],.game-judgment[data-grade=Nope],.game-judgment[data-grade=Perfect] .game-judgment-word{animation:none}}[data-grade=Perfect] b{color:#16835f}[data-grade=Great] b{color:#4878ce}[data-grade=Good] b{color:#9270c9}[data-grade=Okay] b{color:#b57916}[data-grade=Nope] b{color:#cb4b50}.game-count-in{color:var(--accent);font-size:22px}.game-count-in-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;padding:20px}.game-count-in-overlay[data-phase=ready],.game-count-in-overlay[data-phase=anticipation]{background:#12112566;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.game-count-in-card{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2dvh,20px);width:min(520px,100%);padding:clamp(12px,4dvh,32px) 20px;border:3px solid #71e6a5;border-radius:28px;background:var(--surface);color:var(--ink);box-shadow:0 0 50px #71e6a540,0 16px 60px #0005;text-align:center}.game-count-in-eyebrow{font-size:13px;font-weight:900;letter-spacing:.16em;color:#16835f}.game-count-in-cue{display:block;font:1000 clamp(32px,7vw,62px)/1.1 ui-rounded,"Trebuchet MS",system-ui;color:#16835f;animation:game-perfect-cheer .4s ease-out both}.game-count-in-cue.is-number{font-size:clamp(70px,14dvh,130px);text-shadow:0 5px 0 #71e6a540}.game-count-in-dots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,1vw,10px);width:min(400px,100%)}.game-count-in-dots span{display:grid;place-items:center;width:100%;aspect-ratio:1;border:2px solid var(--border);border-radius:50%;font-weight:900;color:var(--muted)}.game-count-in-dots .is-current{background:#16835f;color:#fff;border-color:#16835f;box-shadow:0 0 16px #71e6a580}.game-count-in-dots .is-done{background:#71e6a530;border-color:#71e6a5;color:#16835f}.game-count-in-chords{width:100%}.game-count-in-chords p{margin:0;font:800 clamp(22px,4vw,30px)/1.2 ui-rounded,system-ui}.game-count-in-chords strong{display:block;margin:8px 0;color:#16835f;overflow-wrap:anywhere;font:1000 clamp(44px,9vw,72px)/1.1 ui-rounded,system-ui}.game-count-in-chords>span{display:block;color:var(--muted);font-size:16px}.count-in-chord-node{display:block;width:240px;max-width:100%;height:auto;margin:6px auto}.game-count-in-overlay[data-phase=countdown] .count-in-chord-node{width:136px;margin:0 auto}.game-count-in-overlay[data-phase=go] .count-in-chord-node{width:120px;margin:0 auto}@media(prefers-reduced-motion:reduce){.game-count-in-cue{animation:none}}.game-count-in-overlay{--ready-tone: #8054bd;--ready-glow: #bd9aef}.game-count-in-overlay[data-phase=anticipation]{--ready-tone: #a16c16;--ready-glow: #f0c76b}.game-count-in-overlay[data-phase=countdown]{--ready-tone: var(--count-in-chord-border, #16835f);--ready-glow: var(--count-in-chord-color, #71e6a5)}.game-count-in-overlay[data-phase=countdown]{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;align-items:start;padding-top:12px}.game-count-in-overlay[data-phase=countdown] .game-count-in-card{width:min(420px,100%);border-color:var(--ready-glow);background:var(--surface);box-shadow:0 4px 16px #0003;padding:10px 14px;gap:6px}.game-count-in-overlay[data-phase=countdown] .game-count-in-eyebrow{display:none}.game-count-in-overlay[data-phase=countdown] .game-count-in-cue.is-number{font-size:64px}.game-count-in-overlay[data-phase=countdown] .game-count-in-chords p{font-size:14px}.game-count-in-overlay[data-phase=countdown] .game-count-in-chords strong{display:inline;font-size:24px;margin:0}.game-count-in-overlay[data-phase=countdown] .game-count-in-chords>span{font-size:12px}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots{width:min(340px,100%)}.game-count-in-overlay[data-phase=countdown] .game-count-in-card{border-width:3px;box-shadow:0 6px 0 var(--ready-tone),0 10px 24px #0005}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots{width:min(372px,100%);padding:10px;border:2px solid #e9b6c0;border-radius:16px;background:#fff1f4;box-shadow:inset 0 2px 5px #83223a18}:root[data-theme=dark] .game-count-in-overlay[data-phase=countdown] .game-count-in-dots{background:#302027;border-color:#a65b70;box-shadow:inset 0 2px 6px #0005}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots span:not(.is-current):not(.is-done){background:#fff;border-color:#c19aa5;color:#65434e}:root[data-theme=dark] .game-count-in-overlay[data-phase=countdown] .game-count-in-dots span:not(.is-current):not(.is-done){background:#47333c;border-color:#b68194;color:#f9e5ec}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots span:not(.is-current):not(.is-done){background:var(--surface)}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots{border-color:var(--count-in-chord-border, #16835f);background:var(--surface)}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots span:not(.is-current):not(.is-done){border-color:var(--count-in-chord-color, #71e6a5);color:var(--ink);background:var(--surface)}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots .is-current{background:var(--count-in-chord-color, #71e6a5);border-color:var(--count-in-chord-border, #16835f);color:#050505}.game-count-in-overlay[data-phase=countdown] .game-count-in-dots .is-done{border-color:var(--count-in-chord-color, #71e6a5);color:var(--ink);background:color-mix(in srgb,var(--count-in-chord-color, #71e6a5) 18%,var(--surface))}:root[data-theme=dark] .game-count-in-overlay[data-phase=countdown] .game-count-in-dots{border-color:var(--count-in-chord-border, #16835f);background:var(--surface)}:root[data-theme=dark] .game-count-in-overlay[data-phase=countdown] .game-count-in-dots span:not(.is-current):not(.is-done){border-color:var(--count-in-chord-color, #71e6a5);color:var(--ink);background:var(--surface)}.game-count-in-overlay[data-phase=go]{--ready-tone: #16835f;--ready-glow: #71e6a5;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:start;padding-top:60px}.game-count-in-overlay .game-count-in-card{border-color:var(--ready-glow);box-shadow:0 0 40px color-mix(in srgb,var(--ready-glow) 35%,transparent),0 16px 60px #0005}.game-count-in-overlay .game-count-in-cue,.game-count-in-overlay .game-count-in-eyebrow,.game-count-in-overlay .game-count-in-chords strong{color:var(--ready-tone)}.game-count-in-overlay .game-count-in-cue.is-number{text-shadow:0 5px 0 color-mix(in srgb,var(--ready-glow) 30%,transparent)}.game-count-in-overlay .game-count-in-dots .is-current{background:var(--ready-tone);border-color:var(--ready-tone);box-shadow:0 0 16px color-mix(in srgb,var(--ready-glow) 60%,transparent)}.game-count-in-dots .is-current{animation:game-ball-bounce .3s ease-out}@keyframes game-ball-bounce{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.game-count-in-dots .is-current{animation:none}}.game-count-in-overlay .game-count-in-dots .is-done{border-color:var(--ready-glow);color:var(--ready-tone);background:color-mix(in srgb,var(--ready-glow) 20%,transparent)}.game-count-in-overlay[data-phase=go] .game-count-in-card{width:min(320px,100%);padding:12px 20px;gap:8px;animation:game-go-release 1.2s ease-out both}.game-count-in-overlay[data-phase=go] .game-count-in-eyebrow,.game-count-in-overlay[data-phase=go] .game-count-in-dots,.game-count-in-overlay[data-phase=go] .game-count-in-chords>span{display:none}.game-count-in-overlay[data-phase=go] .game-count-in-chords p{font-size:16px}.game-count-in-overlay[data-phase=go] .game-count-in-chords strong{font-size:28px;margin:4px 0}.game-count-in-overlay[data-phase=go] .game-count-in-cue{font-size:64px}@keyframes game-go-release{0%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}@media(prefers-reduced-motion:reduce){.game-count-in-overlay[data-phase=go] .game-count-in-card{animation:none}}.game-mode-status{position:fixed;bottom:16px;left:16px;z-index:90;display:flex;flex-direction:column;gap:6px;width:min(300px,calc(100vw - 32px));padding:10px 12px;border:2px solid var(--accent);border-radius:12px;background:var(--surface);color:var(--ink);font-size:12px;box-shadow:0 4px 16px #0002}.game-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-history-heading>span{color:var(--muted);font-size:11px}.game-history-scroll{max-height:min(240px,30dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.game-history-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.game-history-table thead{position:sticky;top:0;background:var(--surface);z-index:1}.game-history-table th,.game-history-table td{padding:6px 4px;border-bottom:1px solid var(--border)}.game-history-table tbody th{font-weight:600}.game-history-number{display:inline-block;min-width:18px;color:var(--muted);font-variant-numeric:tabular-nums}.game-history-missed{color:#cb4b50;font-size:10px}.game-history-empty{margin:6px 0;color:var(--muted);font-size:11px}.game-simple-start{margin:12px auto 28px;gap:16px}.game-simple-start>p{margin:0;color:var(--muted);font:800 22px/1.3 ui-rounded,system-ui}.game-simple-start>p span{color:#986be0}.game-history-input{color:var(--muted);background:none;border:0;padding:2px 4px;font:inherit;font-size:11px;cursor:pointer}.game-history-input:disabled{opacity:.5;cursor:default}.game-history-controls{display:flex;gap:8px}.game-history-controls button{padding:4px 8px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:var(--surface);font:inherit;font-size:11px;cursor:pointer}.game-history-controls button:disabled{opacity:.4;cursor:default}.game-header-anchor{height:1px;width:100%}.game-setup-wizard{position:fixed;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px 24px 20px;color:var(--ink);border:3px solid #b598e9;border-radius:26px;background:radial-gradient(ellipse at top,#b598e920,transparent 60%),var(--surface);box-shadow:0 12px 60px #0005;text-align:center}.game-setup-wizard::backdrop{background:#10102088;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-wizard-step{color:#986be0;font-size:11px;font-weight:900;letter-spacing:.14em}.game-setup-wizard h2{font:1000 28px/1.2 ui-rounded,system-ui;margin:12px 0}.game-setup-wizard>p{color:var(--muted);font-size:13px;line-height:1.5}.game-setup-wizard>.game-microphone-warning{padding:12px;border:2px solid #d9a538;border-radius:14px;background:#f3c35420;color:var(--ink);font-size:13px;line-height:1.5;text-align:left}.game-microphone-warning p{margin:0 0 8px}.game-microphone-warning strong{display:block;font-weight:900}.game-wizard-close{position:absolute;top:10px;right:12px;border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.game-wizard-picker{display:flex;flex-direction:column;gap:8px;margin:20px 0;text-align:left;font:800 13px/1.4 ui-rounded,system-ui}.game-wizard-picker>span{position:relative}.game-wizard-picker>span:after{content:"⌄";position:absolute;right:16px;top:8px;color:#986be0;font-size:26px;pointer-events:none}.game-wizard-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:16px 44px 16px 16px;border:2px solid #b598e9;border-radius:18px;background:color-mix(in srgb,#b598e9 10%,var(--surface));color:var(--ink);font:700 15px/1.4 ui-rounded,system-ui;text-overflow:ellipsis}.game-wizard-access{display:block;width:100%;margin:10px 0;padding:17px 16px;border:3px solid #8054bd;border-radius:20px;background:linear-gradient(120deg,#e3c6ff,#cbb8fc);color:#492273;box-shadow:0 5px #8054bd,0 0 20px #b598e930;font:1000 18px/1.2 ui-rounded,system-ui;cursor:pointer}.game-wizard-access:disabled{opacity:.7;cursor:wait}.game-wizard-access-prompt p{margin:12px 0 16px;font-size:12px;color:var(--muted);line-height:1.5}.game-setup-wizard .game-play-button{width:100%;font-size:22px;padding:16px 20px;margin:20px 0}.game-setup-wizard .game-connect-button{color:#0a5441;background:linear-gradient(120deg,#adfcbf,#87ebd6);border-color:#24977a;box-shadow:0 6px #24977a,0 0 24px #71e6a540;animation:none}.game-setup-wizard .game-countdown-button{color:#68450c;background:linear-gradient(120deg,#ffe49b,#f3c354);border-color:#ad8125;box-shadow:0 6px #ad8125,0 0 24px #f3c35440;animation:none}.game-setup-wizard .game-countdown-button:not(:disabled){animation:none;box-shadow:0 6px #ad8125,0 0 24px #f3c35440}.game-wizard-signal{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12px}.game-wizard-signal meter{width:160px}.game-wizard-options{text-align:left;margin:12px 0 20px;color:var(--muted);font-size:12px}.game-wizard-options>summary{cursor:pointer;text-align:center}.game-wizard-options .game-input-controls{margin-top:12px}.game-setup-wizard>small{color:var(--muted);font-size:11px}.game-setup-wizard :focus-visible{outline:3px solid #986be0;outline-offset:3px}.is-game-mode{border:0;box-shadow:none;background:transparent;padding-top:0}.game-mode-toggle{justify-content:center;margin:0 auto 24px;text-align:center}.game-mode-toggle button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:min(320px,100%);padding:15px 30px;border:2px solid #986be0;border-radius:22px;color:#62309a;background:linear-gradient(135deg,#f9e3ff,#e1f7ff);box-shadow:0 6px #986be0,0 12px 24px #986be02a;transition:translate .2s,box-shadow .2s;overflow:hidden}.game-mode-toggle button>span{color:#b367c1;letter-spacing:.2em;font-size:18px}.game-mode-toggle button>strong{font:1000 clamp(20px,3vw,28px)/1.2 ui-rounded,"Trebuchet MS",system-ui;letter-spacing:.06em}.game-mode-toggle button>small{font-size:12px}.game-mode-toggle button:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:18%;background:#fff8;rotate:25deg;animation:arcade-button-shine 6s ease-in-out infinite;pointer-events:none}.game-mode-toggle button:hover{translate:0 -3px;box-shadow:0 9px #986be0,0 15px 30px #986be04a}.game-mode-toggle button:active{translate:0 3px;box-shadow:0 3px #986be0}.game-mode-toggle button[aria-pressed=true]{background:linear-gradient(135deg,#e6ddff,#d1f9f0);color:#62309a}.game-start-controls{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:12px auto 28px}.game-play-button{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 30px;width:min(420px,100%);font:1000 clamp(22px,4vw,34px)/1.1 ui-rounded,"Trebuchet MS",system-ui;color:#0a5441;background:linear-gradient(120deg,#adfcbf,#87ebd6);border:3px solid #24977a;border-radius:26px;box-shadow:0 8px #24977a,0 0 30px #71e6a540;cursor:pointer;transition:translate .15s,box-shadow .15s}.game-play-button>span{font-size:32px}.game-play-button:not(:disabled){animation:arcade-play-glow 2.4s ease-in-out infinite}.game-play-button:hover:not(:disabled){translate:0 -3px}.game-play-button:active:not(:disabled){translate:0 4px}.game-play-button:disabled{opacity:.7;cursor:wait}.game-start-controls>span{font-size:13px;color:var(--muted)}.game-stop-button{border:1px solid var(--border);border-radius:20px;padding:8px 18px;color:var(--ink);background:var(--surface);font:inherit;font-size:12px;cursor:pointer}.game-stop-button:disabled{opacity:.45;cursor:default}.game-accompaniment-settings>summary{padding:12px 16px;border:1px solid var(--border);border-radius:12px;margin:16px 0}.game-accompaniment-settings[open]>.transport{padding:12px}.game-bar{border:2px solid #7dcac980;border-radius:18px;padding:16px;margin:20px 0;background:linear-gradient(135deg,#8dd6f011,#be9ceb15),var(--surface)}.game-bar-heading{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:12px}.game-bar-heading strong{margin-right:auto;font-weight:900;letter-spacing:.08em}.game-bar-heading>span{font-variant-numeric:tabular-nums;color:var(--muted)}.game-bar-track{position:relative;height:32px;background:var(--track);border:2px solid #63bba650;border-radius:20px;margin:8px 10px 16px}.game-bar-energy{position:absolute;inset:0 auto 0 0;border-radius:20px;background:repeating-linear-gradient(105deg,#64d6ab 0,#64d6ab 20px,#83e3be 20px,#83e3be 40px);box-shadow:0 0 12px #64d6ab50;pointer-events:none}.game-bar-track input{position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px;width:calc(100% + 4px);height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;margin:0;cursor:pointer}.game-bar-track input::-webkit-slider-runnable-track{height:30px;background:transparent}.game-bar-track input::-moz-range-track{height:30px;background:transparent}.game-bar-track input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:30px;background:transparent}.game-bar-track input::-moz-range-thumb{width:20px;height:30px;background:transparent;border:0}.game-bar-runner{position:absolute;top:-9px;transform:translate(-50%);font-size:32px;color:#16835f;text-shadow:0 0 12px #83e3be,0 2px white;pointer-events:none;animation:arcade-runner-spin 8s linear infinite}.game-bar-actions{display:flex;gap:8px;align-items:center}.game-bar-actions>span{flex:1;text-align:center;font-size:12px;overflow-wrap:anywhere}.game-bar button{border:1px solid #7dcac980;border-radius:12px;padding:6px 12px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.game-bar-actions button:first-child,.game-bar-actions button:nth-child(3){font-size:24px;padding:0 12px}.game-bar button:disabled{opacity:.35;cursor:default}.game-bar-stages{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.game-bar-stages button[aria-current=step]{background:#16835f;border-color:#16835f;color:#fff;box-shadow:0 0 12px #71e6a530}.game-bar.is-mini{padding:10px;margin:12px 0}.game-bar.is-mini .game-bar-actions{flex-wrap:wrap}.game-bar.is-mini .game-bar-heading{font-size:10px;gap:8px}.game-play-button:focus-visible,.game-mode-toggle button:focus-visible,.game-bar :focus-visible,.game-stop-button:focus-visible{outline:3px solid #986be0;outline-offset:5px}body[data-game-mode=true]{background-image:radial-gradient(ellipse at top,#a487e51a,transparent 65%)}body[data-game-mode=true] main>header{display:none}.game-entry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.game-track-title{font-size:13px;color:var(--muted);margin:10px 0 20px}.game-connection-card{padding:16px;border:2px solid #bca0df70;border-radius:20px;background:color-mix(in srgb,#bca0df 7%,var(--surface))}.game-connection-guide{text-align:center;margin-bottom:12px}.game-connection-guide>span{display:block;font-size:26px;color:#986be0;letter-spacing:.1em;margin-bottom:8px}.game-connection-guide>strong{font:900 20px/1.3 ui-rounded,system-ui}.game-connection-guide p{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0}.game-entry-layout .game-start-controls{width:100%;margin:20px auto}.game-start-controls .game-play-step{font:900 20px/1.3 ui-rounded,system-ui;color:var(--ink)}.game-connection-card .game-input-controls{align-items:stretch}.game-connection-card .game-input-controls label,.game-connection-card .game-input-controls>button{flex:1 1 160px}.game-connection-card .game-input-controls select{max-width:100%;width:100%}.game-connection-card .game-input-level{justify-content:center}@media(max-width:760px){.game-entry-layout{grid-template-columns:minmax(0,1fr);gap:8px}}body[data-game-mode=true] .chart{border:2px solid #79c9ba70;box-shadow:0 0 20px #79c9ba15}body[data-game-mode=true] .panel-caption{color:#9870bd;font-weight:800}body[data-game-mode=true] .main-chord-preview{border:2px solid #bca0df60;border-radius:20px;background-image:linear-gradient(#bca0df08 1px,transparent 1px),linear-gradient(90deg,#bca0df08 1px,transparent 1px);background-size:24px 24px}body[data-game-mode=true] .mini-progress-toast{border:2px solid #9870bd70;box-shadow:0 6px #9870bd30,0 0 24px #79c9ba20}body[data-game-mode=true] .mini-chord.active{box-shadow:0 0 16px #79c9ba30}.game-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;overflow:hidden}.game-laser-bolt{position:absolute;top:calc(12% + var(--bolt-index) * 13%);left:0;width:64px;height:2px;border-radius:4px;background:linear-gradient(90deg,transparent,#64d6ab,white);box-shadow:0 0 8px #64d6ab;opacity:0;animation:arcade-laser-left 4s ease-out infinite;animation-delay:calc(var(--bolt-index) * .8s);animation-play-state:paused}.game-laser-bolt:nth-child(2n){left:auto;right:0;background:linear-gradient(90deg,white,#b598e9,transparent);box-shadow:0 0 8px #b598e9;animation-name:arcade-laser-right}.game-atmosphere.is-playing .game-laser-bolt{animation-play-state:running}@keyframes arcade-laser-left{0%,65%,to{opacity:0;transform:translate(-64px)}10%{opacity:.7}55%{opacity:0;transform:translate(90px)}}@keyframes arcade-laser-right{0%,65%,to{opacity:0;transform:translate(64px)}10%{opacity:.7}55%{opacity:0;transform:translate(-90px)}}@keyframes arcade-button-shine{0%,70%{left:-30%;opacity:0}75%{opacity:.7}95%,to{left:140%;opacity:0}}@keyframes arcade-play-glow{0%,to{box-shadow:0 8px #24977a,0 0 20px #71e6a530}50%{box-shadow:0 8px #24977a,0 0 38px #71e6a560}}@keyframes arcade-runner-spin{0%{rotate:0deg}to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.game-mode-toggle button:after,.game-play-button:not(:disabled),.game-bar-runner,.game-laser-bolt{animation:none}.game-mode-toggle button,.game-play-button{transition:none}.game-atmosphere{display:none}}.mini-progress-toast{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 6px 24px #0003}.chord-chart-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 16px 64px #0006}.chord-chart-modal::backdrop{background:#0009}.chord-chart-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.chord-chart-modal-heading h2{margin:0;font-size:20px}.chord-chart-modal-heading button{flex-shrink:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:26px/1 system-ui,sans-serif;padding:6px 10px;cursor:pointer}.chord-chart-modal .mini-lead-sheet{max-height:calc(100dvh - 180px)}.chord-chart-modal .lead-sheet-measure{min-height:80px}.chord-chart-modal .lead-sheet-measure button{font-size:clamp(13px,2.5vw,20px)}.chord-chart-modal-hint{color:var(--muted);font-size:12px;margin:14px 0 0}.mini-lead-sheet{max-height:min(320px,38dvh);overflow-y:auto;margin-top:12px;padding:3px;scrollbar-gutter:stable}.lead-sheet-section+.lead-sheet-section{margin-top:12px}.lead-sheet-section h3{margin:0 0 6px;color:var(--muted);font-size:12px;font-weight:700}.lead-sheet-measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}.lead-sheet-measure{position:relative;display:flex;min-height:62px;padding-top:15px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--input)}.lead-sheet-bar-number{position:absolute;top:2px;left:5px;color:var(--muted);font-size:9px}.lead-sheet-measure button{flex-basis:0;min-width:0;border:0;border-radius:4px;padding:5px 2px;background:transparent;color:var(--chord-color);font:700 13px/1.3 system-ui,sans-serif;overflow-wrap:anywhere;cursor:pointer}.lead-sheet-measure button+button{border-left:1px dashed var(--border)}.lead-sheet-measure button:hover{background:var(--hover)}.lead-sheet-measure button[aria-current=step]{background:color-mix(in srgb,var(--chord-color) 20%,var(--surface));box-shadow:inset 0 0 0 2px var(--chord-color)}.lead-sheet-measure:not([data-repeat]) button>span{font-size:1.5em}.lead-sheet-measure[data-repeat] button>span{font-size:22px;line-height:1}.lead-sheet-measure button small{display:block;margin-top:3px;font-size:9px;font-weight:500}.mini-lead-sheet:focus-visible,.lead-sheet-measure button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lead-sheet-measure button:disabled{cursor:wait;opacity:.5}.mini-progress-heading{display:flex;align-items:center;gap:12px;font-size:13px}.mini-progress-heading strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-progress-heading span{color:var(--muted);white-space:nowrap}.mini-progress-close{border:0;background:transparent;color:var(--muted);font:24px/1 system-ui,sans-serif;padding:2px 5px;cursor:pointer}.mini-progress-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini-progress-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mini-transport-controls{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.mini-progress-controls button{border:1px solid var(--border);border-radius:6px;padding:5px 9px;background:var(--surface);color:var(--ink);font:12px system-ui,sans-serif;cursor:pointer}.mini-progress-controls button:hover{background:var(--hover)}.mini-progress-controls button:disabled{opacity:.45;cursor:default}.mini-progress-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini-view-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mini-compact-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mini-view-controls.mini-compact-controls button{grid-column:span 1;justify-content:center;gap:3px;padding:6px 3px;font-size:10px;white-space:nowrap}.mini-inline-chart{margin-top:10px;border-top:1px solid var(--border)}.mini-inline-chart .mini-lead-sheet{max-height:min(260px,30dvh)}.mini-inline-chart .lead-sheet-measure{min-height:48px}.mini-inline-chart .lead-sheet-measure button{font-size:11px}.mini-progress-toast.has-minichart{height:calc(100dvh - 32px);display:flex;flex-direction:column}.mini-progress-toast.has-minichart>*{flex-shrink:0}.has-minichart .mini-inline-chart{flex:1 0 120px;min-height:120px;display:flex;flex-direction:column;overflow:hidden}.has-minichart .mini-inline-chart .mini-lead-sheet{flex:1;min-height:0;max-height:none}.mini-compact-controls kbd{padding:1px 3px;font-size:9px}.mini-view-controls button{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font:11px system-ui,sans-serif;cursor:pointer}.mini-view-controls button[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--ink)}.mini-view-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini-progress-controls kbd,.mini-view-controls kbd,.mini-shortcut-reminders kbd{padding:1px 4px;border:1px solid var(--border);border-radius:3px;font:10px system-ui,sans-serif}.mini-shortcut-reminders{margin-top:9px;color:var(--muted);font-size:10px;text-align:center}.mini-progress-toast .section-progress{margin-top:8px}.transport input[type=checkbox]{accent-color:var(--accent)}.mini-chord-window{overflow:hidden;margin-top:8px;padding:4px 0}.main-chord-preview{max-width:480px;margin:0 auto 8px}.main-chord-preview .shell-chord{justify-content:center;margin-bottom:12px}.section-beat-gap{min-height:56px;padding:10px 0;display:flex;align-items:center;justify-content:center}.starting-chord-beacon{animation:starting-chord-beacon 1.2s ease-in-out infinite}@keyframes starting-chord-beacon{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.starting-chord-beacon{animation:none}}.main-chord-preview .mini-chord{font-size:24px}.main-chord-preview .mini-chord-role{font-size:11px}.mini-chord-strip{display:flex;transition:transform .28s ease-out}.mini-chord-slot{flex:0 0 calc(100% / 3);min-width:0;padding:0 4px;text-align:center}.mini-chord-role{display:block;margin-bottom:4px;color:var(--muted);font-size:10px}.mini-chord{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 4px;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--chord-color);font:700 18px system-ui,sans-serif;cursor:pointer}.chord-countdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;margin-top:6px}.chord-countdown-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.chord-countdown-dot.elapsed{opacity:.2}.chord-countdown.is-current .chord-countdown-dot{animation:chord-dot-bounce .38s ease-out var(--beat-bounce-delay) both}@keyframes chord-dot-bounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-2px) scale(1.08)}65%{transform:translateY(.5px) scale(.98)}}@media(prefers-reduced-motion:reduce){.chord-countdown.is-current .chord-countdown-dot{animation:none}}.mini-chord.active{border-color:var(--chord-color);background:color-mix(in srgb,var(--chord-color) 12%,var(--surface))}.mini-chord:hover{background:var(--hover)}.mini-chord:focus-visible{outline:2px solid var(--chord-color);outline-offset:-4px}.mini-progress-toast{transform-origin:top right}.mini-progress-enter{animation:mini-progress-pop .6s both}.mini-progress-exit{animation:mini-progress-away .18s ease-in both;pointer-events:none}@keyframes mini-progress-pop{0%{opacity:0;transform:translate(-25vw) scale(.94) rotate(-2deg)}65%{opacity:1;transform:translate(12px) scale(1.02) rotate(1deg)}82%{transform:translate(-5px) scale(.99) rotate(-.4deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes mini-progress-away{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(6px,-8px) scale(.94)}}@media(prefers-reduced-motion:reduce){.mini-playback-toasts,.mini-chord-strip{transition:none}.mini-progress-enter,.mini-progress-exit{animation:none}.mini-progress-exit{opacity:0}}.chord-timeline{position:relative;margin:-2px 6px 8px}.chord-tick{position:absolute;top:0;width:1px;background:var(--border);pointer-events:none}.chord-tick.active{background:var(--accent)}.timeline-chord{position:absolute;border:0;border-radius:5px;padding:3px 6px;background:var(--surface);color:var(--muted);font:600 12px system-ui,sans-serif;line-height:18px;text-align:left;white-space:nowrap;cursor:pointer}.timeline-chord:hover{background:var(--hover);color:var(--ink)}.timeline-chord.active{background:var(--active);color:var(--accent)}.timeline-chord:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timeline-chord:disabled{cursor:wait}.song-picker{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px}.chart-display-controls{flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px 20px}.chart-toggle-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.chart-toggle-group>button{min-width:0;padding-inline:8px}.chart-display-controls button[aria-pressed=true],.transport button[aria-pressed=true],.mini-progress-controls button[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--ink)}.chart-display-controls kbd{margin-left:7px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;font:11px system-ui,sans-serif;color:var(--muted)}.song-picker label{display:grid;gap:6px;color:var(--muted);font-size:13px}.song-picker input,.song-picker select{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit;min-width:220px;max-width:100%}.song-picker select{min-width:280px;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%2362736d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}:root[data-theme=dark] .song-picker select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23a5bbb4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.song-picker input:focus-visible,.song-picker select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.song-picker .note{margin:0 0 9px}.chart-sections{display:grid;grid-template-columns:repeat(var(--chart-columns, 2),minmax(0,1fr));gap:64px 20px;align-items:start}.chart-section{min-width:0}.section-beat-dots{--beat-dot-size: 32px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;pointer-events:none}.section-beat-dot{width:var(--beat-dot-size);height:var(--beat-dot-size);flex-shrink:0;border-radius:50%;background:var(--accent);opacity:.18;transform:scale(.72);transition:opacity .18s linear,transform .18s ease-out}.section-beat-dot.remaining{opacity:1;transform:scale(1)}.section-beat-dot.section-beat-chord{display:flex;align-items:center;justify-content:center;width:auto;min-width:64px;height:36px;padding:0 12px;border-radius:9px;background:var(--surface);border:2px solid var(--chord-label-color);color:var(--chord-label-color);font-size:18px;line-height:1;font-weight:700;white-space:nowrap}.section-beat-number{display:flex;align-items:center;justify-content:center;color:var(--beat-label-ink);font-size:clamp(12px,calc(var(--beat-dot-size) * .4),48px);font-weight:700}@media(max-width:760px){.section-beat-dots{--beat-dot-size: 18px;flex-wrap:nowrap;gap:4px;width:100%;min-width:0}.section-beat-dot.section-beat-number{flex:0 1 var(--beat-dot-size);min-width:0;height:auto;aspect-ratio:1;font-size:10px}.section-beat-dot.section-beat-chord{min-width:44px;height:28px;padding:0 6px;font-size:14px;border-radius:7px}}.section-quick-chords{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.section-quick-chords .section-beat-chord.is-current{background:var(--chord-label-color);color:var(--beat-label-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--chord-label-color) 25%,transparent);animation:quick-chord-pulse var(--beat-duration) ease-out infinite}@keyframes quick-chord-pulse{0%{transform:scale(1.08)}to{transform:scale(1)}}.section-beat-dots .section-beat-chord.chord-play-impact{background:var(--chord-label-color);color:var(--beat-label-ink);animation:chord-play-impact .45s ease-out both}@keyframes chord-play-impact{0%{transform:scale(.88);box-shadow:0 0 0 0 var(--chord-label-color)}25%{transform:scale(1.24) rotate(-3deg);box-shadow:0 0 0 7px color-mix(in srgb,var(--chord-label-color) 35%,transparent)}55%{transform:scale(.98) rotate(1deg)}to{transform:scale(1);box-shadow:0 0 0 12px transparent}}@media(prefers-reduced-motion:reduce){.section-beat-dots .section-beat-chord.chord-play-impact{animation:none}}.section-beat-dots .section-beat-chord.chord-next-boom{background:var(--chord-label-color);color:var(--beat-label-ink);animation:chord-next-boom .5s ease-out both}@keyframes chord-next-boom{0%{transform:scale(1);box-shadow:0 0 0 0 var(--chord-label-color)}18%{transform:scale(1.45) rotate(-5deg);box-shadow:0 0 0 9px color-mix(in srgb,var(--chord-label-color) 45%,transparent),0 0 28px var(--chord-label-color)}45%{transform:scale(1.12) rotate(3deg)}70%{transform:scale(1.2) rotate(-1deg)}to{transform:scale(1);box-shadow:0 0 0 20px transparent}}@media(prefers-reduced-motion:reduce){.section-beat-dots .section-beat-chord.chord-next-boom{animation:none}}@media(prefers-reduced-motion:reduce){.section-quick-chords .section-beat-chord.is-current{animation:none}}.section-quick-caption,.section-quick-arrow{color:var(--muted);font-size:12px}.section-quick-caption{display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin:5px 10px 5px 0;padding:8px 12px;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:0 3px color-mix(in srgb,var(--accent) 25%,var(--surface));color:var(--accent);font:italic 900 14px/1.1 ui-rounded,Trebuchet MS,system-ui,sans-serif;letter-spacing:.4px;white-space:nowrap}.section-quick-rocket{display:inline-block;font-size:28px;font-style:normal;line-height:1}.section-beat-dot.final-beat{outline:2px solid var(--beat-next-color);outline-offset:3px;animation:final-beat-pulse var(--beat-duration) ease-out infinite}.section-beat-dot.starting-beat{animation:starting-beat-reveal .22s ease-out both}.section-beat-dot.starting-beat.final-beat{animation:starting-beat-reveal .22s ease-out both,final-beat-pulse var(--beat-duration) .22s ease-out infinite}@keyframes starting-beat-reveal{0%{opacity:.18;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes final-beat-pulse{0%{transform:scale(1.12);box-shadow:0 0 18px var(--beat-next-color)}to{transform:scale(1);box-shadow:0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.section-beat-dot.final-beat,.section-beat-dot.starting-beat,.section-beat-dot.starting-beat.final-beat{animation:none}}@media(prefers-reduced-motion:reduce){.section-beat-dot{transition:none}}.panel-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;font-size:13px;color:var(--muted);margin:0 0 9px}.panel-section-title{padding:4px 7px;border-left:2px solid var(--border);background:var(--hover);color:var(--muted);font:600 11px system-ui,sans-serif}.panel-section-title[aria-current=step]{background:var(--active);color:var(--accent)}.chart-sections [aria-label^="Steps "]{transition:opacity .35s ease}.chart-sections.is-playing [aria-label^="Steps "]{opacity:0}@media(prefers-reduced-motion:reduce){.chart-sections [aria-label^="Steps "]{transition:none}}@media(max-width:600px){.chart-sections{gap:16px 8px}.panel-caption{font-size:11px}}.shell-footnote{font-size:11px;font-style:italic;margin-top:5px}.shell-chord{display:flex;align-items:center;gap:14px;margin-top:8px}.shell-chord svg{width:150px;flex:0 0 150px;color:var(--ink)}.shell-chord>div{display:flex;flex-direction:column;gap:5px;min-width:0}.shell-chord strong{font-size:20px}.shell-chord span,.shell-chord-empty{font-size:11px;color:var(--muted)}.shell-chord-empty{margin-top:12px}.shell-orientation-toggle{align-self:flex-start;margin-top:3px;padding:3px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--ink);font:11px system-ui,sans-serif;cursor:pointer}.shell-orientation-toggle:hover{background:var(--hover)}.shell-orientation-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chord-quality-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin:12px 0;color:var(--muted);font-size:12px}.chord-quality-legend span{display:inline-flex;align-items:center;gap:5px}.chord-quality-legend i{width:10px;height:10px;border-radius:50%}.main-auto-scroll-control{justify-content:center;margin-bottom:8px}.mini-progress-toast .chord-quality-legend{justify-content:flex-start;gap:6px 10px;font-size:10px;margin:10px 0}.chord-quality-legend .chord-quality-primary{font-size:16px;font-weight:700;color:var(--ink)}.chord-quality-legend .chord-quality-primary i{width:16px;height:16px}.mini-progress-toast .chord-quality-legend .chord-quality-primary{font-size:14px}.player details{margin-top:14px}.player summary{cursor:pointer;font-size:14px;font-weight:600}.full-fretboard-preview{max-width:1100px}.full-fretboard-preview .mini-chord-window{max-width:480px;margin-left:auto;margin-right:auto}.shell-chord.shell-chord-full{flex-direction:column;gap:4px}.shell-chord-full>div{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px}.shell-chord-full svg.fretboard-overview{width:100%;flex:0 0 auto;max-height:330px}.shell-chord-full svg.fretboard-overview.is-vertical{max-height:560px;width:260px}.shell-chord-full .shell-orientation-toggle{align-self:center;margin:0}svg.fretboard-overview{display:block;width:100%;height:auto;max-height:330px}.tab-navigator .full-fretboard-preview{max-width:none;width:100%}.indicator-touchdown{position:fixed;transform:translate(-50%,-50%);overflow:visible;pointer-events:none;z-index:1601;fill:none;stroke:#ff66cf;stroke-linecap:round}.indicator-touchdown-ring{stroke-width:2;animation:indicator-touchdown-ring .5s ease-out both}.indicator-touchdown-spark{stroke-width:3;animation:indicator-touchdown-spark .5s ease-out both}@keyframes indicator-touchdown-ring{0%{transform:scale(.65);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes indicator-touchdown-spark{0%{transform:translateY(8px);opacity:1}to{transform:translateY(-15px);opacity:0}}@media(prefers-reduced-motion:reduce){.indicator-touchdown{display:none}}.mobile-mini-menu-button{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:100;display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 3px 14px #0004;font:600 14px system-ui,sans-serif;cursor:pointer}.mobile-mini-menu-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.mobile-mini-menu-modal{width:min(360px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:12px;background:var(--surface);color:var(--ink)}.mobile-mini-menu-modal::backdrop{background:#0008}.mobile-mini-menu-modal .mini-progress-toast{width:100%;max-height:calc(100dvh - 32px);margin:0;animation:none}.game-score-collapse{margin-left:auto;border:0;padding:4px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.game-score-collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-mode-status.is-collapsed{width:min(260px,calc(100vw - 110px))}.game-mode-status.is-collapsed .game-history-input{display:none}.game-score-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;text-align:center}.game-score-meter svg{display:block;width:76px;max-width:100%;margin:auto}.game-score-meter{color:#79c9ba}.game-score-meter+.game-score-meter{color:#c8a1ef}.game-score-ring-track,.game-score-ring-fill{fill:none;stroke-width:6}.game-score-ring-track{stroke:var(--border)}.game-score-ring-fill{stroke:currentColor;stroke-linecap:round}.game-score-symbol{fill:currentColor;font-size:22px}.game-score-percent{fill:var(--ink);font:700 17px system-ui,sans-serif}.game-score-attempts{grid-column:1 / -1;color:var(--muted);font-size:10px}.game-count-in-card.has-fretboard{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.count-in-fretboard{width:100%;margin:8px 0}.count-in-fretboard .fretboard-overview{display:block;width:100%;height:auto}.game-bar-boundaries{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-bar-boundaries span{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);opacity:.65;transform:translate(-1px)}.practice-play-launch{display:flex;justify-content:center;margin:4px 0 22px}.practice-play-button{display:flex;align-items:center;justify-content:center;gap:18px;min-height:104px;width:min(520px,100%);padding:28px 32px;border:2px solid #c99b39;border-radius:26px;background:linear-gradient(135deg,#ffe9a6,#efc45d);color:#604310;box-shadow:0 6px #ad812c,inset 0 2px #fff7,0 10px 24px #a7772525;font:800 28px ui-rounded,system-ui,sans-serif;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.practice-play-sparkle{font-size:25px}.practice-play-boat{display:inline-flex;align-items:center;justify-content:center;align-self:center;font-size:34px;line-height:1;transform:translateY(-5px) scaleX(-1)}.practice-play-button:not(:disabled):hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 9px #ad812c,0 14px 28px #a7772530}.practice-play-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #ad812c}.practice-play-button:disabled{opacity:.6;cursor:wait}.practice-play-button:focus-visible{outline:3px solid var(--ink);outline-offset:6px}@media(prefers-reduced-motion:reduce){.practice-play-button{transition:none}.practice-play-button:not(:disabled):hover{transform:none}}.game-tempo-options{border:0;padding:0;margin:12px auto 20px;width:min(420px,100%);text-align:center}.game-tempo-options legend{width:100%;margin-bottom:10px;color:var(--muted);font:700 14px system-ui,sans-serif}.game-tempo-options>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-tempo-options label{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:2px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);cursor:pointer}.game-tempo-options label.is-selected{border-color:var(--accent);background:var(--active);box-shadow:0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.game-tempo-options input{position:absolute;width:1px;height:1px;opacity:0}.game-tempo-options label:focus-within{outline:3px solid var(--accent);outline-offset:3px}.game-tempo-options label>span{font-size:24px;color:var(--accent)}.game-tempo-options small{color:var(--muted);font-size:11px}.game-tempo-options:disabled{opacity:.5}.game-tempo-options:disabled label{cursor:default}.game-mode-toggle button.arcade-invitation{animation:arcade-invitation-wobble 4s ease-in-out infinite;transform-origin:50% 75%}@keyframes arcade-invitation-wobble{0%,25%,to{transform:rotate(0)}4%{transform:rotate(-2deg)}8%{transform:rotate(2deg)}12%{transform:rotate(-1.5deg)}16%{transform:rotate(1deg)}20%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.game-mode-toggle button.arcade-invitation{animation:none}}.game-song-selection{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;width:100%;margin:12px 0;text-align:left}.game-song-selection label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:13px}.game-song-selection select{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--input);color:var(--ink);font:inherit}.game-song-selection select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:600px){.game-song-selection{grid-template-columns:1fr}}.game-count-in-chords>.count-in-root-position{margin:6px 0;color:var(--ink);font-size:clamp(16px,3vw,22px)}main.without-gutters{width:100%;max-width:none;padding:16px;margin:0}.without-gutters .chart-sections{gap:16px}.without-gutters .chart{border:0;border-radius:0;box-shadow:none}.without-gutters .panel-caption{margin-bottom:0}.without-gutters .section-beat-gap{min-height:0;padding:0}.chart-display-controls .full-progression-toggle{font-size:12px}.mini-view-controls .full-progression-toggle{font-size:9px;gap:3px;padding-inline:3px}.mini-transport-controls{align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;padding-bottom:3px}.mini-transport-controls .mini-play-button{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #77a98c;border-radius:10px;background:linear-gradient(135deg,#e3f5e8,#bce4ca);color:#234d38;box-shadow:0 2px #ad812c,inset 0 1px #fff8;font:750 12px ui-rounded,system-ui,sans-serif;transition:transform .15s ease,box-shadow .15s ease}.mini-play-sparkle{font-size:12px}.mini-transport-controls .mini-play-button:hover:not(:disabled){background:linear-gradient(135deg,#effaf2,#cfeeda);transform:translateY(-1px);box-shadow:0 3px #638e73}.mini-transport-controls .mini-play-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #638e73}@media(prefers-reduced-motion:reduce){.mini-transport-controls .mini-play-button{transition:none}.mini-transport-controls .mini-play-button:hover:not(:disabled){transform:none}}.mini-song-picker{position:relative;flex:1;min-width:0;border-radius:6px}.mini-song-picker select{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;padding:5px 20px 5px 7px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--ink);font:700 13px system-ui,sans-serif;text-overflow:ellipsis;cursor:pointer}.mini-song-picker>span{position:absolute;right:5px;top:50%;transform:translateY(-55%);pointer-events:none;font-size:14px;opacity:.65}.mini-song-picker select:hover{background:var(--hover)}.mini-song-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini-song-picker option{background:var(--surface);color:var(--ink)}.song-loading-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 4px 20px #0002;font:600 13px system-ui,sans-serif;pointer-events:none}.song-loading-toast .spinner{flex-shrink:0;margin:0;border-color:var(--border);border-top-color:var(--accent)}.progress-fast-marker>span{display:inline-block}.fast-rocket-vibrate{animation:fast-rocket-vibrate .9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes fast-rocket-vibrate{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-.5px) rotate(.4deg)}}@media(prefers-reduced-motion:reduce){.fast-rocket-vibrate{animation:none}}#mobile-cruise-launch{display:none}#desktop-cruise-launch .practice-play-launch{justify-content:center;margin:40px 0 32px}@media(min-width:761px){.intro-controls{align-self:stretch;display:flex;flex-direction:column}.intro-controls .song-picker{margin-bottom:0}#desktop-cruise-launch{flex:1;display:flex;align-items:center;justify-content:center}#desktop-cruise-launch .practice-play-launch{width:100%;margin:40px 0}}.transport .transport-play-toggle{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);background:transparent}.transport .transport-play-toggle:hover:not(:disabled){color:var(--ink);background:var(--hover)}.practice-play-launch:is([data-playback-state=stopped],[data-playback-state=paused]) .practice-play-button:not(:disabled){animation:cruise-invitation-wiggle 5s ease-in-out infinite;transform-origin:50% 70%}@media(max-width:760px){#desktop-cruise-launch{display:none}#mobile-cruise-launch:not(:empty){display:block;margin-bottom:24px}#mobile-cruise-launch .practice-play-launch{margin:0 0 12px}#mobile-cruise-launch .practice-play-button{max-width:100%;font-size:20px;gap:12px;padding-inline:16px}}@keyframes cruise-invitation-wiggle{0%,20%,to{transform:rotate(0)}4%{transform:rotate(-2deg)}8%{transform:rotate(2deg)}12%{transform:rotate(-1.5deg)}16%{transform:rotate(1deg)}}@media(prefers-reduced-motion:reduce){.practice-play-launch .practice-play-button{animation:none!important}}