:root{--green:#704891;--lime:#e3d5f4}.board{display:grid;grid-template-columns:repeat(var(--size,4),1fr);gap:9px;max-width:330px;margin:15px auto 24px}.tile{aspect-ratio:1;border:1px solid #d6cfe0;background:#efebf3;border-radius:9px;display:grid;place-items:center;color:#704891;font-size:23px;transition:background .15s,transform .15s;touch-action:manipulation}.tile:disabled{cursor:default;opacity:1}.tile:not(:disabled):hover{border-color:#704891;transform:scale(.96)}.tile.shown{background:#79549a;color:#fff;border-color:#79549a}.tile.chosen{background:#d6b7ef;border:2px solid #704891}.tile.correct{background:#dbecc4;color:#345321;border:2px solid #567c38}.tile.wrong{background:#f1d7cc;color:#8f422b;border:2px solid #b15b3f}.tile.missed{background:#fff7d9;border:2px dashed #8f7941;color:#816724}.grid-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;color:var(--muted);max-width:330px;margin:24px auto 0}.action:disabled{cursor:default;background:#ded4e8;color:#62586b}.game{align-self:start}.feedback{min-height:60px}.intro h1{font-size:clamp(47px,4.9vw,66px)}@media(max-width:400px){.board{gap:7px}.tile{font-size:19px}.intro h1{font-size:44px}.grid-heading{font-size:8px}}