body { background:#0f172a; color:#e2e8f0; font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif; text-align:center; margin:0; }
.container { max-width:820px; margin:auto; padding:24px; }
h1 { margin: 8px 0 16px; }
.controls, .actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:10px 0 18px; }
.controls input, .controls select, .controls button, .actions button { padding:10px 14px; border-radius:10px; border:1px solid #1f2937; background:#0b1220; color:#e2e8f0; cursor:pointer; }
.controls button:hover, .actions button:hover { background:#111827; }
#status { min-height:24px; color:#22d3ee; margin-bottom:8px; }
.board { display:grid; gap:8px; width:100%; max-width:820px; margin:0 auto; aspect-ratio: 1 / 1; background:#0a0f1a; padding:8px; border-radius:14px; }
.cell { background:#0b1220; border:1px solid #1e293b; font-size: clamp(14px, 4.4vw, 28px); font-weight:700; border-radius:12px; color:#e2e8f0; }
.cell.filled { background:#0e1626; }