.canvas-shell[data-game="word-grid-challenge"]{
  width:min(100%,720px);height:auto;aspect-ratio:18/19;margin-left:auto;margin-right:auto;
  background:#0c1720;border-color:rgba(255,255,255,.15);box-shadow:0 22px 58px rgba(7,32,27,.24)
}
.canvas-shell[data-game="word-grid-challenge"] #gameCanvas{touch-action:manipulation;cursor:default}
.mobile-controls.word-grid-controls{display:flex!important;flex-direction:column;gap:10px;padding:12px 0 2px;user-select:none;-webkit-user-select:none}
.word-grid-setup{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.word-grid-choice-group{display:flex;gap:4px;padding:4px;background:#f1f4f2;border:1px solid #dfe7e2;border-radius:13px}
.word-grid-choice{min-height:36px;border:0;border-radius:9px;background:transparent;color:#5b655f;padding:7px 11px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;transition:.18s ease}
.word-grid-choice:hover{background:#fff;color:#22352b}
.word-grid-choice.is-active{background:#fff;color:#137a55;box-shadow:0 4px 12px rgba(26,88,65,.12)}
.word-grid-utility{min-height:44px;border:1px solid #dce6e0;border-radius:12px;background:linear-gradient(180deg,#fff,#f4f8f6);color:#31473c;padding:8px 13px;font:inherit;font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 5px 14px rgba(22,72,51,.06)}
.word-grid-utility:hover{border-color:#bcd5c8;transform:translateY(-1px)}
.word-grid-utility:active{transform:translateY(1px) scale(.98)}
.word-grid-utility:disabled{opacity:.48;cursor:not-allowed;transform:none}
.word-grid-utility i{color:#159164}
.word-grid-hint-line{min-height:26px;display:flex;align-items:center;justify-content:center;color:#607068;font-size:.73rem;font-weight:700;text-align:center}
.word-grid-hint-line strong{color:#137a55}
.word-grid-keyboard{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;max-width:690px;margin:0 auto}
.word-grid-key-row{display:flex;justify-content:center;gap:6px;width:100%}
.word-grid-key{height:48px;min-width:40px;flex:0 1 50px;border:0;border-radius:9px;background:#e8eeeb;color:#26362e;font:inherit;font-size:.85rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 -2px 0 rgba(20,55,39,.08);transition:.12s ease;touch-action:manipulation}
.word-grid-key:hover{background:#dce6e1}.word-grid-key:active{transform:translateY(2px);box-shadow:none}
.word-grid-key.is-absent{background:#637069;color:#fff}.word-grid-key.is-present{background:#c79b2e;color:#fff}.word-grid-key.is-correct{background:#299466;color:#fff}
.word-grid-key.key-wide{min-width:72px;flex:0 1 88px;font-size:.69rem;padding:0 8px}
@media(max-width:640px){
  .canvas-shell[data-game="word-grid-challenge"]{width:100%!important;aspect-ratio:18/19!important;border-radius:22px!important}
  .mobile-controls.word-grid-controls{padding:10px 2px 2px;gap:9px}
  .word-grid-setup{gap:6px}.word-grid-choice-group{gap:3px;padding:3px;border-radius:11px}
  .word-grid-choice{min-height:34px;padding:6px 8px;font-size:.66rem}.word-grid-utility{min-height:40px;padding:7px 10px;font-size:.69rem}
  .word-grid-keyboard{gap:6px}.word-grid-key-row{gap:4px}
  .word-grid-key{height:46px;min-width:0;flex:1 1 0;border-radius:7px;font-size:.78rem;padding:0}
  .word-grid-key.key-wide{flex:1.55 1 0;min-width:0;font-size:.6rem;padding:0 3px}
}
@media(max-width:380px){
  .word-grid-choice{padding:5px 6px;font-size:.62rem}.word-grid-utility{font-size:.65rem;padding:6px 8px}
  .word-grid-key{height:43px;font-size:.72rem}.word-grid-key-row{gap:3px}
}