:root{--primary: #4e54c8;--secondary: #8f94fb;--dark: #2e3440}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#1a2a6c);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;color:#fff}.app{background:#000000b3;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #00000080;width:100%;max-width:500px;text-align:center}h1{margin-bottom:1.5rem;font-size:2.2rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.status{font-size:1.4rem;margin:1.5rem 0;height:2rem;font-weight:700;color:var(--primary)}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:1.5rem 0}.cell{aspect-ratio:1/1;background:#ffffff1a;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;color:#fff;border:2px solid rgba(255,255,255,.2)}.cell:hover{background:#fff3;transform:scale(1.03)}.reset-btn{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;border:none;padding:12px 24px;font-size:1.1rem;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}@media (max-width: 480px){.cell{font-size:2rem}h1{font-size:1.8rem}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}