.path-grid{gap:var(--space-md);margin:var(--space-lg) 0 var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.path-card{gap:var(--space-sm);padding:var(--space-lg);color:var(--text-primary);transition:border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.path-card:hover{border-color:var(--accent-primary)}.path-card:hover .path-card-title{color:var(--accent-primary-dark)}.path-card-meta,.path-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.path-meta{margin-top:var(--space-sm)}.path-card-stats{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.path-card-title{margin:var(--space-xs) 0 0;font-size:1.125rem;line-height:1.5}.path-card-tagline{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.7}.path-card-songs{margin:var(--space-xs) 0 0;color:var(--text-secondary);padding-left:1.4em;font-size:.8125rem;line-height:1.8}.path-card-more{list-style:none}.path-card-open{padding-top:var(--space-sm);color:var(--accent-primary-dark);margin-top:auto;font-size:.8125rem;font-weight:600}.path-card,.path-facts>div,.path-placement{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.path-prose{max-width:46em;margin:var(--space-2xl) 0}.path-prose h2,.path-section-title{margin:0 0 var(--space-md);font-size:1.25rem}.path-prose p,.path-method li,.path-tips li{color:var(--text-secondary);line-height:1.9}.path-prose p{margin:0 0 var(--space-md)}.path-intro{margin-top:var(--space-xl)}.path-method{margin:0;padding-left:1.4em}.path-label{margin:var(--space-md) 0 var(--space-xs)}.path-facts{gap:var(--space-md);margin:0 0 var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.path-facts>div{padding:var(--space-md) var(--space-lg)}.path-facts dt{margin-top:0}.path-facts dd{color:var(--text-primary);margin:0;line-height:1.8}.path-steps{margin:0;padding:0;list-style:none}.path-step{padding:var(--space-lg) 0 var(--space-lg) var(--space-xl);border-left:2px solid var(--border-subtle);position:relative}.path-step:before{content:"";left:-7px;top:calc(var(--space-lg) + 4px);border-radius:var(--radius-full);background:var(--bg-surface);border:2px solid var(--accent-primary);width:12px;height:12px;position:absolute}.path-step-number{font-family:var(--font-mono);color:var(--accent-primary-dark);font-size:.75rem;font-weight:700}.path-step-title{margin:var(--space-xs) 0;font-size:1.125rem;line-height:1.5}.path-step-title a,.path-placement-title a{color:var(--text-primary);text-decoration:none}.path-step-title a:hover,.path-placement-title a:hover{color:var(--accent-primary-dark);text-decoration:underline}.path-step-meta{align-items:center;gap:var(--space-sm);color:var(--text-secondary);flex-wrap:wrap;margin:0;font-size:.8125rem;display:flex}.path-step-focus,.path-placement-focus{max-width:46em;color:var(--text-primary);margin:0;line-height:1.9}.path-tips{max-width:46em;margin:0;padding-left:1.2em}.path-tips li+li{margin-top:var(--space-xs)}.path-step-open{margin-top:var(--space-md);color:var(--accent-primary-dark);font-size:.875rem;font-weight:600;display:inline-block}.path-placement{margin-top:var(--space-2xl);padding:var(--space-lg)}.path-placement-head{align-items:baseline;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}.path-placement-head .section-overline{flex-basis:100%}.path-placement-title{margin:0;font-size:1.125rem}.path-placement-position{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.path-placement-nav{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.path-neighbour{flex-direction:column;gap:2px;min-width:0;text-decoration:none;display:flex}.path-neighbour-next{text-align:right}.path-neighbour-label{color:var(--text-muted);font-size:.75rem}.path-neighbour-title{color:var(--accent-primary-dark);font-size:.875rem;font-weight:600}.path-neighbour:hover .path-neighbour-title{text-decoration:underline}.lp-paths-section{padding-top:64px;padding-bottom:32px}.lp-paths-section .path-grid{margin-bottom:0}@media (max-width:640px){.path-grid{grid-template-columns:1fr}.path-step{padding-left:var(--space-lg)}.path-placement{padding:var(--space-md)}.path-placement-nav{grid-template-columns:1fr}.path-neighbour-next{text-align:left}.lp-paths-section{padding-top:32px}}
.guide-body section{margin-top:var(--space-xl)}.guide-lead{font-size:1.05rem}.guide-toc{margin:var(--space-xl) 0;padding:var(--space-lg);border-left:3px solid var(--accent-primary);background:var(--bg-surface)}.guide-toc ul{margin:0;padding-left:1.2em;line-height:1.8}.guide-toc li+li{margin-top:var(--space-sm)}.guide-toc a,.guide-editorial-link a,.guide-practice-link{color:var(--accent-primary-dark);text-underline-offset:.2em}.guide-body section,#editorial{scroll-margin-top:6rem}.guide-editorial-link{font-size:.875rem}.guide-practice-link{max-width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--accent-primary-dark);border-radius:var(--radius-md);overflow-wrap:anywhere;font-weight:600;line-height:1.7;display:inline-block}.guide-list{gap:var(--space-md);max-width:46em;margin:var(--space-xl) 0 var(--space-2xl);padding:0;list-style:none;display:grid}.guide-list-item{padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.guide-list-title{margin:0 0 var(--space-xs);font-size:1.1rem}.guide-list-item p{color:var(--text-secondary);margin:0;line-height:1.7}
.song-game-link{padding:var(--space-sm) var(--space-md);border:1px solid var(--accent-primary);border-radius:var(--radius-full);color:var(--accent-primary);font-size:.875rem;font-weight:500;text-decoration:none}.song-game-link:hover{background:var(--accent-subtle)}.game-picker,.game-panel{margin:var(--space-md) 0 var(--space-lg)}.game-search{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:1rem}.game-picker-heading{margin-top:var(--space-md)}.game-page .game-song-list{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding-left:0;list-style:none;display:grid}.game-page .game-song-list li{margin:0}.game-song-list button{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.game-song-list button:hover:not(:disabled){border-color:var(--accent-primary)}.game-song-name{font-weight:600}.game-page .game-song-composer,.game-page .game-meta,.game-page .game-keys{color:var(--text-secondary);font-size:.875rem}.game-file{gap:var(--space-sm);margin-top:var(--space-md);color:var(--text-primary);flex-direction:column;font-weight:600;display:inline-flex}.game-page .game-error{color:var(--accent-red)}.game-retry,.game-link-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.game-panel{padding:var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center}.game-song-title{margin-top:0}.game-lanes-toggle{gap:var(--space-sm);margin:var(--space-sm) 0;display:inline-flex}.game-lanes-toggle button,.game-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:.9375rem;font-weight:600}.game-lanes-toggle button[aria-pressed=true],.game-btn-primary{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--on-accent)}.game-btn:disabled{opacity:.6;cursor:default}.game-actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.game-result{margin-bottom:var(--space-md)}.game-page .game-rank{letter-spacing:.04em;margin:0;font-size:4rem;font-weight:800;line-height:1.1;animation:.4s cubic-bezier(.2,1.4,.4,1) both game-rank-in}.game-page [data-rank=AA],.game-page [data-rank=A]{color:var(--accent-primary)}.game-page [data-rank=SSS],.game-page [data-rank=SS],.game-page [data-rank=S]{color:var(--warning)}.game-page [data-rank=B],.game-page [data-rank=C]{color:var(--success)}.game-page [data-rank=D]{color:var(--text-muted)}@keyframes game-rank-in{0%{opacity:0;transform:scale(1.6)}}.game-page .game-lamp-line{margin:var(--space-xs) 0 0}.game-lamp{border-radius:var(--radius-full);color:var(--accent-secondary);letter-spacing:.06em;vertical-align:middle;border:2px solid;padding:.125rem .625rem;font-size:.75rem;font-weight:800;display:inline-block}.game-page .game-score{margin:var(--space-xs) 0 0;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800}.game-page .game-new-best{color:var(--success);margin:0;font-weight:700}.game-score-parts,.game-tally{justify-content:center;gap:var(--space-sm) var(--space-lg);margin:var(--space-md) 0 0;flex-wrap:wrap;display:flex}.game-score-parts dt,.game-tally dt{color:var(--text-secondary);font-size:.75rem;font-weight:700}.game-score-parts dd,.game-tally dd{color:var(--text-primary);font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:700}.game-score-parts dd small,.game-tally dd small{color:var(--text-muted);font-size:.75rem;font-weight:600}.game-score-parts+.game-tally{padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.game-tally>div{min-width:4.5rem}.game-page [data-judgement=perfect]{--judgement-color:var(--accent-secondary)}.game-page [data-judgement=great]{--judgement-color:var(--success)}.game-page [data-judgement=good]{--judgement-color:var(--warning)}.game-page [data-judgement=miss]{--judgement-color:var(--accent-red)}.game-tally [data-judgement] dt{color:var(--judgement-color)}@media (prefers-reduced-motion:reduce){.game-page .game-rank{animation:none}}.game-stage{position:relative}.game-canvas{border-radius:var(--radius-md);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:min(80vh,720px);display:block}.game-player .game-stage[data-maximized]{background:var(--piano-black-key);overscroll-behavior:contain;touch-action:none;display:block}.game-stage[data-maximized] .game-canvas{border-radius:0;height:100%}.game-hud{top:calc(var(--space-sm) + env(safe-area-inset-top,0px));left:calc(var(--space-sm) + env(safe-area-inset-left,0px));gap:var(--space-xs);display:flex;position:absolute}.game-stage:not([data-maximized]) .game-hud{top:var(--space-sm);left:var(--space-sm)}.game-hud-btn{min-height:36px;padding:4px var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;touch-action:manipulation;font-size:.8125rem;font-weight:600}.game-hud-btn:disabled{opacity:.6;cursor:default}.game-pause{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--modal-backdrop);touch-action:manipulation;flex-direction:column;display:flex;position:absolute;inset:0}.game-pause .game-btn{min-width:10rem;min-height:44px}.game-pause-title{margin:0 0 var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:1.25rem;font-weight:800}.game-pause-error{max-width:18rem;margin:0 0 var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--accent-red);text-align:center;font-size:.875rem;font-weight:600}.game-countdown{border-radius:var(--radius-full);background:var(--bg-surface);min-width:6rem;color:var(--text-primary);text-align:center;margin:0;font-size:4rem;font-weight:800;line-height:6rem}.game-settings{justify-content:center;gap:var(--space-xs) var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.game-setting{align-items:center;gap:var(--space-xs);display:inline-flex}.game-setting-label{margin-right:var(--space-xs);color:var(--text-secondary);font-size:.875rem;font-weight:600}.game-setting button{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;font-size:1rem;font-weight:700}.game-setting button:disabled{opacity:.4;cursor:default}.game-setting-value{min-width:4.5rem;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center;font-weight:700}.game-page .game-setting-hint{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.75rem}.game-level-filter{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.game-level-filter button{padding:4px var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600}.game-level-filter button[aria-pressed=true]{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--on-accent)}.game-page .game-song-level{color:var(--accent-primary);font-size:.8125rem;font-weight:700}.game-song-tags{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.game-song-best{align-items:center;gap:var(--space-xs);display:inline-flex}.game-page .game-song-rank{min-width:2.25rem;padding:0 var(--space-xs);border-radius:var(--radius-sm);text-align:center;border:1.5px solid;font-size:.75rem;font-weight:800;line-height:1.5}.game-page .game-song-lamp{color:var(--accent-secondary);letter-spacing:.04em;font-size:.6875rem;font-weight:800}.game-page [data-lamp=allPerfect]{color:var(--warning)}.game-judgement-bar{height:8px;margin:var(--space-md) auto 0;border-radius:var(--radius-full);background:var(--border-subtle);max-width:24rem;display:flex;overflow:hidden}.game-judgement-bar span{background:var(--judgement-color);flex-basis:0}.game-link-btn{color:var(--accent-primary);font-weight:600}.game-list-controls{align-items:center;gap:var(--space-xs) var(--space-md);margin:var(--space-sm) 0;flex-wrap:wrap;display:flex}.game-list-controls label{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.875rem;font-weight:600;display:inline-flex}.game-list-controls .composer-select{width:auto;min-width:0}.game-timing-chart{max-width:32rem;margin:var(--space-lg) auto 0}.game-timing-chart figcaption{color:var(--text-secondary);font-size:.875rem;font-weight:600}.game-timing-chart svg{width:100%;height:auto;margin-top:var(--space-xs);display:block}.game-timing-plot{fill:var(--bg-surface);stroke:var(--border-subtle)}.game-timing-window{stroke:var(--border-subtle);stroke-dasharray:3 3}.game-timing-centre{stroke:var(--border-color)}.game-timing-label{fill:var(--text-muted);font-size:8px;font-weight:700}.game-timing-chart [data-judgement]{fill:var(--judgement-color)}.game-page .game-timing-legend{margin:var(--space-xs) 0 0;color:var(--text-muted);font-size:.75rem}