*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f6fb;color:#1d2333}main{max-width:420px;margin:0 auto;padding:16px;text-align:center}h1{margin:8px 0 16px}.controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}label{display:flex;flex-direction:column;font-size:14px;gap:4px}select,button{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #b8c0d4;background:#fff;min-height:44px}button{background:#3056d3;color:#fff;border-color:#3056d3;cursor:pointer}button.secondary{background:#fff;color:#3056d3}.scores{display:flex;justify-content:space-around;margin:8px 0;font-size:18px}#status{min-height:1.5em;font-weight:600;font-size:18px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.cell{aspect-ratio:1;font-size:clamp(40px,16vw,72px);font-weight:700;background:#fff;color:#1d2333;border:2px solid #b8c0d4;border-radius:12px;padding:0}.cell.x{color:#d33030}.cell.o{color:#2a7de1}.cell.win{background:#d9f7d9;border-color:#2e9d2e}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}