.wordsearch-title { font-size:clamp(3rem,6vw,5.5rem)!important; }
.wordsearch-arena { min-width:0; }
.wordsearch-words { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; margin:18px 0; }
.wordsearch-words li { font:700 .75rem var(--font-mono,monospace); border:1px solid #3d4355; border-radius:6px; padding:7px 10px; color:#dfe1ee; }
.wordsearch-words .found { color:#c6ff6b; text-decoration:line-through; border-color:#96c94f; background:#c6ff6b12; }
.wordsearch-board { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:3px; padding:9px; background:#0a0d15; border:1px solid #3d4355; border-radius:12px; touch-action:none; user-select:none; -webkit-user-select:none; }
.letter { appearance:none; display:grid; place-items:center; min-width:0; padding:0; aspect-ratio:1; background:#1e2333; border:1px solid transparent; color:#e8eaf3; border-radius:5px; font:700 clamp(.75rem,2.7vw,1.25rem) monospace; cursor:pointer; touch-action:none; }
.letter:disabled { cursor:default; opacity:1; color:#4e576b; }
.letter.marked { color:#d4ffa4; background:#294328; }
.letter.selected { color:#141b08; background:#c6ff6b; }
.letter:focus-visible { outline:3px solid #bdabff; outline-offset:1px; z-index:1; }
.wordsearch-catalog .game-scene { background:radial-gradient(ellipse at 50% 60%,#304128,#161b2c 65%); }
.wordsearch-cover { transform:rotate(-6deg); display:grid; grid-template-columns:repeat(5,1fr); gap:6px; width:220px; font:700 1.5rem monospace; }
.wordsearch-cover span { display:grid; place-items:center; aspect-ratio:1; border-radius:7px; background:#252d40; color:#b8bdd0; }
.wordsearch-cover span:nth-child(-n+5) { color:#17230c; background:#c6ff6b; }
@media(max-width:600px) { .wordsearch-board { gap:2px; padding:5px; } .wordsearch-arena .memory-stats { gap:6px; } .wordsearch-arena .memory-stats span { font-size:.56rem; } .wordsearch-arena .memory-stats strong { font-size:1rem; } .wordsearch-words { gap:5px; } .wordsearch-words li { font-size:.65rem; padding:6px; } }


.wordsearch-arena:fullscreen .wordsearch-board, .wordsearch-arena.game-fullscreen-fallback .wordsearch-board { width:min(100%,560px); align-self:center; flex-shrink:0; }
.wordsearch-arena:fullscreen .wordsearch-words, .wordsearch-arena.game-fullscreen-fallback .wordsearch-words { justify-content:center; flex-shrink:0; }
