.spelling-keyboard{grid-column:1/-1;width:100%;max-width:100%;margin:8px 0}
.spelling-letter-grid{display:grid;gap:8px;width:100%}
.spelling-key-row{display:flex;gap:5px;width:100%;margin-inline:auto}.spelling-key-row:not(:first-child){width:90%}.spelling-key-row .spelling-letter{flex:1 1 0;width:0}
.spelling-keyboard .spelling-letter{min-width:0;min-height:58px;padding:10px 0;border:1px solid var(--line);border-radius:9px;background:var(--paper,#f3f5ff);color:var(--ink,#172342);font-family:inherit;font-weight:700;font-size:23px;cursor:pointer;touch-action:manipulation}
.spelling-keyboard .spelling-edit{background:var(--lilac,#ecebff);font-size:27px}
.spelling-keyboard .spelling-letter:focus-visible{outline:3px solid var(--blue);outline-offset:1px}
.spelling-keyboard p{font-size:14px}
.spelling-audio-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:12px 0}
.spelling-audio-actions .button{width:100%;padding:12px 6px;min-width:0;font-size:15px}
.spelling-written-meaning{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:18px;line-height:1.5;color:var(--ink)}
@media(max-width:600px){.spelling-keyboard{width:calc(100% + 40px);max-width:none;margin-left:-20px}.spelling-key-row{gap:3px}.spelling-keyboard .spelling-letter{min-height:56px;font-size:20px}.spelling-keyboard .spelling-edit{font-size:22px}#champion-arena .champion-question,#guest-arena .champion-question{font-size:clamp(26px,6vw,36px);margin:12px 0}}
@media(max-width:350px){.spelling-keyboard .spelling-letter{font-size:18px}}
@media(orientation:landscape) and (min-width:600px){.spelling-keyboard .spelling-letter{min-height:64px;font-size:26px}}