.game-2048:has(.ttt-board),.ttt-controls,.ttt-controls>*{box-sizing:border-box;min-width:0;max-width:100%}.ttt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:2px;width:min(100%,24rem);aspect-ratio:1 / 1;margin:auto;background:var(--color-border)}.ttt-cell{min-width:0;min-height:0;width:100%;height:100%;box-sizing:border-box;border:0;background:#fff;font-size:clamp(3rem,14vw,6rem);font-weight:800;line-height:1;cursor:pointer}.ttt-cell.is-x{color:var(--color-primary)}.ttt-cell.is-o{color:#d45a5a}.ttt-cell.is-winning{background:#e9eeff;outline:2px solid var(--color-primary);outline-offset:-2px}.ttt-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:32rem;margin:var(--space-4) auto}.ttt-controls label{display:grid;gap:var(--space-1);font-weight:700}.ttt-controls select{width:100%;min-width:0;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font:inherit;color:inherit}.ttt-controls select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.ttt-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);max-width:24rem;margin:var(--space-3) auto;text-align:center}.ttt-score span{min-width:0;padding:var(--space-2);background:var(--color-surface-muted);border-radius:var(--radius-sm)}[data-status]{min-height:1.5rem;text-align:center;font-weight:700}@media(max-width:30rem){.ttt-controls{grid-template-columns:1fr}.ttt-controls button{width:100%}}