.practice-zone{margin:28px 0}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.practice-card{padding:22px;border:1px solid #d8d8e8;border-radius:18px;background:var(--card,#fff)}.practice-card h3{margin-top:0}.practice-card button{width:100%;white-space:normal}.tile-bank,.builder-answer{display:flex;gap:10px;flex-wrap:wrap;min-height:66px;margin:18px 0;padding:12px;border-radius:14px;background:#f2effb}.builder-answer{border:2px dashed #8074b8;align-items:center}.letter-tile{min-width:48px;min-height:48px;padding:10px 14px;font-size:1.4rem;touch-action:manipulation}.letter-tile:disabled{opacity:.3}.proof-sentence{line-height:2.8;margin:18px 0}.proof-token{padding:8px;margin:3px;min-height:44px;background:#eeecf6;color:#30266f;border:2px solid transparent}.proof-token.selected{border-color:#5145a5;background:#ded8f4}.practice-game .focus-word{overflow-wrap:anywhere}.practice-game input{max-width:100%;box-sizing:border-box}.transformation{font-weight:700}@media(max-width:480px){.practice-grid{grid-template-columns:1fr}.practice-card{padding:18px}.tile-bank,.builder-answer{gap:7px;padding:8px}.letter-tile{min-width:44px;padding:8px;font-size:1.2rem}}
.game-icon{font-size:2.6rem}.game-colour-0{border-top:6px solid #6753ba}.game-colour-1{border-top:6px solid #168b80}.game-colour-2{border-top:6px solid #db6b98}.game-colour-3{border-top:6px solid #dd9b37}.pattern-choices{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.pattern-choices button{flex:1;min-width:150px;overflow-wrap:anywhere;font-size:1.35rem}.bubble-field{position:relative;height:460px;overflow:hidden;border:2px solid #9dcfdc;border-radius:20px;margin:20px 0;background:linear-gradient(#e8f7ff,#d9e4ff)}.word-bubble{position:absolute;width:47%;height:62px;border-radius:50%;padding:8px 4px;border:2px solid #657bb4;background:radial-gradient(ellipse at 30% 20%,#fff,#cee9ff);box-shadow:inset -4px -5px 10px #a4cbea;color:#192f60;font-weight:700;font-size:clamp(.85rem,3.4vw,1.3rem);touch-action:manipulation;overflow-wrap:anywhere}.word-bubble:focus-visible{outline:4px solid #c56500}.bubble-hud{display:flex;justify-content:space-between;font-size:1.25rem;color:#78385f}.bubble-game h1{font-size:clamp(1.5rem,5vw,2rem)}.bubble-game .actions{flex-wrap:wrap}.soundcheck-stages{display:flex;justify-content:space-between;gap:8px;margin:20px 0}.soundcheck-stages span{border-radius:50%;padding:12px;background:#eeedf7}.soundcheck-stages .done{background:#6753ba;color:white}.bubble-board{margin-top:20px}.soundcheck input{box-sizing:border-box;max-width:100%}@media(max-width:480px){.bubble-field{height:400px}.bubble-game{padding:16px}.pattern-choices{flex-direction:column}.pattern-choices button{min-width:0;width:100%}}
.games-empty{grid-column:1/-1;text-align:center;max-width:620px;margin:0 auto}.games-empty h2{margin-top:0}.games-empty button{margin-top:8px}