.letter-keyboard{-webkit-user-select:none;user-select:none;touch-action:manipulation;gap:6px;width:100%;max-width:500px;margin-inline:auto;display:grid}.letter-keyboard-row{gap:4px;display:flex}.letter-key{border:1px solid var(--play-tile-border);border-radius:var(--radius-control);background:var(--muted);min-width:0;min-height:44px;color:var(--foreground);font:700 var(--text-body) / 1 var(--font-body);cursor:pointer;flex:1 1 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.letter-key-wide{font-size:var(--text-caption);flex-grow:1.5}.letter-key-spacer{flex:.5 1 0}.letter-key[data-mark=hit]{border-color:var(--play-hit);background:var(--play-hit);color:var(--play-hit-ink)}.letter-key[data-mark=near]{border-color:var(--play-near);background:var(--play-near);color:var(--play-near-ink)}.letter-key[data-mark=miss]{border-color:var(--play-miss-border);background:var(--play-miss);color:var(--play-miss-ink)}.letter-key-marker{font-size:var(--text-caption);line-height:1;position:absolute;top:3px;right:4px}.letter-key:disabled{cursor:default;opacity:.55}.letter-key:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover){.letter-key:not(:disabled,[data-mark]):hover{background:var(--muted-strong)}}@media (forced-colors:active){.letter-key{border-color:buttontext}}.puzzle-message-slot{z-index:2;height:0;position:relative}.puzzle-message{top:var(--space-2);border-radius:var(--radius-pill);background:var(--play-select);max-width:min(90vw,420px);box-shadow:var(--shadow-popover);color:var(--play-select-ink);font:600 var(--text-small) / 1.3 var(--font-body);text-align:center;padding:6px 14px;animation:1ms linear 1.8s forwards puzzle-message-hide;position:absolute;left:50%;translate:-50%}.puzzle-message[data-tone=success]{background:var(--play-hit);color:var(--play-hit-ink)}@keyframes puzzle-message-hide{to{visibility:hidden;opacity:0}}@keyframes puzzle-message-in{0%{opacity:0;translate:-50% -4px}}@keyframes puzzle-shake{20%{translate:-6px}40%{translate:5px}60%{translate:-4px}80%{translate:2px}}.puzzle-status{align-content:center;place-items:center;gap:var(--space-3);min-height:240px;color:var(--muted-foreground);text-align:center;display:grid}.game-shell{gap:var(--space-5);min-width:0;display:grid}.game-shell-header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.game-shell-title{align-items:baseline;gap:var(--space-2);flex:12rem;min-width:0;display:flex}.game-shell-title h1{font:700 var(--text-title) / 1.2 var(--font-display);overflow-wrap:anywhere}.game-shell-number,.game-shell-clock{color:var(--muted-foreground);font:600 var(--text-small) / 1 var(--font-mono);font-variant-numeric:tabular-nums}.game-shell-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.game-shell-body{gap:var(--space-5);width:100%;max-width:560px;margin-inline:auto;display:grid}.game-shell-result{gap:var(--space-3);display:grid}.game-shell-result h2{font:700 var(--text-section) / 1.2 var(--font-display)}.game-shell-score{align-items:baseline;gap:var(--space-2);display:flex}.game-shell-score strong{font:700 var(--text-display) / 1 var(--font-mono)}.game-shell-score span,.game-shell-stats dt,.game-shell-status{color:var(--muted-foreground);font-size:var(--text-small)}.game-shell-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));display:grid}.game-shell-stats dd{font:600 var(--text-body) / 1.3 var(--font-mono)}.game-shell-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.letter-key{transition:background-color var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out)}.letter-key:not(:disabled):active{scale:.96}.puzzle-message{animation:puzzle-message-in var(--duration-fast) var(--ease-out), puzzle-message-hide var(--duration-base) var(--ease-in) 1.6s forwards}.puzzle-shake{animation:puzzle-shake .32s var(--ease-out)}}