@viewport{width:device-width;zoom:1}:root{--bg-color:#f8f9fa;--card-bg:#fff;--x-color:#ff5e5e;--o-color:#4d8af0;--accent:#6c5ce7;--text:#2d3436;--border:rgba(0,0,0,0.1)}body{margin:0;box-sizing:border-box;font-family:"Segoe UI",sans-serif;background:var(--bg-color);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:auto;padding:20px}.xo-game{width:100%;max-width:420px;min-width:280px;padding:1.5rem;background:var(--card-bg);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.08);max-height:90vh;flex-direction:column}.game-header,.xo-game{display:flex;justify-content:space-between}.game-header{align-items:center;margin-bottom:1.5rem}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--x-color),var(--o-color));-webkit-background-clip:text;background-clip:text;color:transparent}.theme-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.theme-toggle:hover{opacity:1}.players{display:flex;justify-content:space-between;margin-bottom:1.5rem;grid-gap:.5rem;gap:.5rem}.player{flex:1 1;padding:.8rem .5rem;border-radius:12px;text-align:center;font-weight:600;color:var(--text);opacity:.6;transition:all .3s ease}.player.active{opacity:1;background:rgba(108,92,231,.1);color:var(--accent)}.player[data-player=X] .name{color:var(--x-color)}.player[data-player=O] .name{color:var(--o-color)}.score{display:block;font-size:1.2rem;margin-top:.3rem}.game-board{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.status{text-align:center;font-size:1.1rem;font-weight:600;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.cell{aspect-ratio:1;border:1px solid var(--border);border-radius:16px;font-size:2.5rem;font-weight:700;background:transparent;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.cell:hover{transform:scale(.95);box-shadow:0 5px 15px rgba(0,0,0,.05)}.controls{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn{padding:.8rem 1.5rem;border:none;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;flex:1 1;min-width:120px;max-width:160px}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(108,92,231,.3)}@media (max-width:480px){.xo-game{padding:1.2rem;max-height:none;height:auto}.logo{font-size:1.5rem}.players{flex-direction:column;grid-gap:.5rem;gap:.5rem}.player{padding:.6rem}.cell{font-size:2rem;border-radius:14px}.btn{padding:.7rem;font-size:.9rem}}@media (max-width:380px){.xo-game{padding:1rem;border-radius:18px}.grid{grid-gap:8px;gap:8px}.cell{font-size:1.8rem;border-radius:12px}.controls{grid-gap:.8rem;gap:.8rem}.btn{min-width:100px;padding:.6rem}}@media (max-height:600px) and (orientation:landscape){.xo-game{max-height:95vh;overflow-y:auto;max-width:50vh}.game-header,.players{margin-bottom:1rem}.grid{grid-gap:8px;gap:8px}.cell{font-size:1.8rem}.controls{margin-top:1rem}}
/*# sourceMappingURL=main.4a825812.chunk.css.map */