*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--surface:#16213e;--surface2:#0f3460;--accent:#e94560;--red-piece:#e74c3c;--black-piece:#2c2c2c;--text:#eee;--muted:#888;--border:#334;--radius:8px}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1.2rem;font-size:.95rem;font-weight:600;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary,input{background:var(--surface2);color:var(--text)}input{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;font-size:.95rem;outline:none;width:100%}input:focus{border-color:var(--accent)}.game-grid{display:grid;grid-template-columns:1fr 280px;grid-gap:1rem;gap:1rem}.scores-sidebar{display:block}@media (max-width:700px){.game-grid{grid-template-columns:1fr}.scores-sidebar{display:none}}@media (max-width:500px){.piece-row{gap:4px}}@keyframes winnerGlow{0%,to{box-shadow:0 0 8px 4px #f0c040,inset 0 0 2px 1px #f0c040}50%{box-shadow:0 0 24px 10px #f0c040,inset 0 0 6px 2px #f0c040}}.winner-glow{border-radius:10px;animation:winnerGlow .55s ease-in-out infinite}