.letter-spelling-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;max-width:100%;margin:20px auto;padding:20px;box-shadow:0 4px 15px #0003}.letter-spelling-container.entering{animation:.26s ease-out forwards reveal-in}.letter-spelling-container.exiting{animation:.26s ease-in forwards reveal-out}@keyframes reveal-in{0%{opacity:0;transform:translateY(-6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.99)}}.letter-spelling-display{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.typed-word-container .letter-spelling-display{width:100%;min-height:60px}.spelling-placeholder{color:#ffffffb3;width:100%;font-size:calc(var(--tile-w,50px)*.6);letter-spacing:.5px;justify-content:center;align-items:center;font-weight:600;display:flex}.typed-word-container .letter-spelling-display{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(4px,1vw,8px);padding:10px 0;display:flex}.spelling-letter.input-letter{flex:none;min-width:24px;max-width:calc(12.5% - 4.5px)}.typed-word-container.dimmed{opacity:.55;filter:grayscale(.25)contrast(.9);transition:opacity .22s,filter .22s,transform .22s}.typed-word-container.dimmed .spelling-letter.input-letter{box-shadow:none;transform:scale(.95)}.letter-spelling-container.entering,.letter-spelling-container.exiting{will-change:opacity,transform}.spelling-letter{width:var(--tile-w,50px);height:var(--tile-h,60px);text-transform:uppercase;letter-spacing:2px;font-family:Arial,sans-serif;font-weight:700;font-size:calc(var(--tile-w,50px)*.8);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.spelling-letter.pending{color:#ffffff80;background:#ffffff4d;border:2px solid #fff3;transform:scale(.95)}.spelling-letter.current{color:#333;z-index:10;background:gold;border:3px solid #ff6b00;animation:.6s ease-in-out infinite pulse-glow;transform:scale(1.3);box-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70080}.spelling-letter.spelled{color:#fff;background:#4caf50;border:2px solid #45a049;transform:scale(1);box-shadow:0 2px 8px #4caf5066}.input-letter{justify-content:center;align-items:center;display:flex}#word-input{color:#0000;text-shadow:none;caret-color:#0000}@keyframes pulse-glow{0%,to{transform:scale(1.3);box-shadow:0 0 20px #ffd700cc,0 0 30px #ffd70080}50%{transform:scale(1.35);box-shadow:0 0 30px gold,0 0 50px #ffd700b3}}.skip-feedback-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);border:none;border-radius:25px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:all .3s;animation:2s ease-in-out infinite gentle-bounce;position:fixed;bottom:120px;right:30px;box-shadow:0 4px 15px #ff6b6b66}.skip-feedback-btn:hover{background:linear-gradient(135deg,#ee5a6f 0%,#ff6b6b 100%);transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #ff6b6b99}.skip-feedback-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 10px #ff6b6b66}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.letter-spelling-container{max-width:none;margin:10px auto;padding:10px}.spelling-letter{width:calc(var(--tile-w,50px)*.8);height:calc(var(--tile-h,60px)*.83);font-size:calc(var(--tile-w,50px)*.7)}.letter-spelling-display{gap:clamp(2px,1vw,4px);width:100%;padding:4px 2px}.spelling-letter.input-letter{min-width:20px;font-size:clamp(1rem,5vw,1.5rem)}.spelling-letter.current{transform:scale(1.2)}.skip-feedback-btn{padding:10px 20px;font-size:1rem;bottom:100px;right:20px}}@media (max-width:480px){.letter-spelling-container{margin:8px auto;padding:8px}.spelling-letter{min-width:16px;padding:1px;font-size:clamp(.85rem,5vw,1.2rem)}.letter-spelling-display{gap:clamp(2px,1vw,3px)}}@media (prefers-reduced-motion:reduce){.spelling-letter.current,.skip-feedback-btn{animation:none}.spelling-letter,.skip-feedback-btn{transition:none}}