.sm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:center;padding:clamp(12px,3vw,24px);color:#F2EEE4;background:#1B2A4A}
.sm-art{width:100%;max-width:260px;justify-self:center;background:#3B5A8C}
.sm-side{display:grid;gap:12px;justify-items:center;text-align:center}
.sm-cat{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#F6C333}
.sm-word{font-family:var(--body);font-weight:700;font-size:clamp(1.4rem,5vw,2.2rem);letter-spacing:.12em;word-break:break-all}
.sm-msg{font-family:var(--body);font-weight:600;min-height:1.5em}
.sm-keys{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;width:100%}
.sm-keys .cw-key{height:44px}
.sm-keys .cw-key:disabled{cursor:default}
.sm .cw-key{border:0;border-bottom:4px solid #0B0C1A;background:#3A3F5C;color:#F2EEE4;font-family:var(--body);font-weight:700;font-size:1rem;text-transform:uppercase;cursor:pointer;border-radius:3px}
.sm .cw-key.hit{background:#F6C333;color:#1B1D33}
.sm .cw-key.miss{background:#1B1D30;color:#6E7194}
@media (max-width:600px){.sm{grid-template-columns:minmax(0,1fr)}.sm-art{max-width:180px}}