.practice-game{align-content:start;gap:16px;min-width:0;display:grid}.practice-game-header{gap:12px;display:grid}.practice-game-header>.page-heading{margin-bottom:0}.practice-game-header .eyebrow{margin:0}.practice-game-back{width:fit-content;color:var(--muted-foreground);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.practice-game-back:hover{color:var(--foreground)}.practice-game-back svg{width:15px;height:15px}.practice-game-stage{outline:none;gap:12px;min-width:0;display:grid}.practice-game-stage:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--radius)}.practice-game-controls{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.practice-game-hint{color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.5}.practice-game-results{outline:none}.practice-game-results:focus-visible>.practice-results{outline:2px solid var(--ring);outline-offset:2px}.practice-game-pad-area{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.practice-game-pads{flex:0 360px;min-width:0}.practice-game-keys{flex:260px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 16px;margin:0;font-size:13px;display:grid}.practice-game-keys>div{align-items:center;gap:8px;display:flex}.practice-game-keys dt{min-width:72px;color:var(--muted-foreground)}.practice-game-keys dd{flex-wrap:wrap;gap:4px;margin:0;display:flex}@media (max-width:640px){.practice-game-pads{flex-basis:100%}}