body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#181c2f;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0;margin:0;color:#eaeaea;box-sizing:border-box}.container{background-color:#181c2f;padding:20px 90px;border-radius:25px;box-shadow:0 8px 24px #23294640;text-align:center;border:1px solid #393e6e;max-width:600px;width:100%;box-sizing:border-box}.status{font-size:1.6rem;font-weight:700;color:#a786df;margin-bottom:25px}h1{font-size:3rem;color:#2de2e6;margin-bottom:20px}p{font-size:1rem;color:#2de2e6;font-style:italic;margin-bottom:20px}button{background-color:#393e6e;color:#fff;border:none;padding:12px 30px;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-bottom:25px;box-shadow:0 3px 10px #2329462e}button:hover{background-color:#232946;transform:translateY(-2px);box-shadow:0 6px 18px #23294647}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cell{width:90px;height:90px;font-size:2.5rem;font-weight:700;border-radius:18px;border:2px solid #393e6e;background-color:#232946;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #2329462e}.cell:hover{background-color:#393e6e;transform:scale(1.08);box-shadow:0 4px 12px #23294647}.cell.x{color:#a786df}.cell.o{color:#2de2e6}.cell:disabled{cursor:default;background-color:#181c2f;color:#6c6f93;box-shadow:0 1px 4px #23294614}@media (max-width: 600px){.container{padding:20px 30px;width:100%}h1{font-size:2rem}.status{font-size:1.2rem}p{font-size:.9rem}button{padding:10px 20px;font-size:1rem}.cell{width:60px;height:60px;font-size:1.8rem}.board{gap:10px}}@media (max-width: 1200px){.container{padding:20px 30px;width:100%}h1{font-size:1.5rem}.status{font-size:1rem}p{font-size:.6rem}button{padding:10px 20px;font-size:.8rem}.cell{width:3rem;height:3rem;font-size:1.8rem}.board{gap:9px}}