.toolbar #sound{margin-left:auto;font-size:12px;color:#087d78;background:#e4f5ef;border-color:#b8ddd1}
.toolbar #sound[aria-pressed="false"]{color:#627d8c;background:#fff;border-color:#bcd7dc}
#grid button.word-success{position:relative;z-index:1;animation:word-glow .65s ease-out var(--success-delay,0ms) both}
#words li.word-success{animation:word-label-glow .65s ease-out var(--success-delay,0ms) both}
@keyframes word-glow{
  0%{background:#e8fff0;box-shadow:inset 0 0 0 2px #fff,0 0 0 transparent}
  25%{background:#a1f4c5;box-shadow:inset 0 0 0 3px #1bbd7d,0 0 12px #32d79e99}
  100%{background:#bce9df;box-shadow:inset 0 0 0 0 transparent,0 0 0 transparent}
}
@keyframes word-label-glow{
  0%,100%{box-shadow:0 0 0 0 transparent}
  30%{background:#b3f5d4;box-shadow:0 0 0 4px #46d9a24d}
}
@media(prefers-reduced-motion:reduce){
  #grid button.word-success,#words li.word-success{animation:none;background:#a1f4c5;box-shadow:inset 0 0 0 2px #1bbd7d}
}
@media(max-width:650px){.toolbar{gap:8px}.toolbar p{flex:1 0 100%;margin-bottom:2px}.toolbar #sound{margin-left:0}}