*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:#0f0f23;color:#e0e0e0;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{text-align:center}h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#status{font-size:1.25rem;margin-bottom:1.5rem;min-height:1.5em;color:#a0a0c0}#board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:320px;margin:0 auto 1.5rem}.cell{width:100px;height:100px;background:#1a1a3e;border:2px solid #2a2a5e;border-radius:12px;font-size:2.5rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;color:#e0e0e0}.cell:hover:not(.taken){background:#252560;transform:scale(1.05)}.cell.taken{cursor:default}.cell.x{color:#667eea}.cell.o{color:#e06080}.cell.win{background:#2a2a5e;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{to{box-shadow:0 0 20px #667eea80}}#restart{padding:.75rem 2rem;font-size:1rem;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:opacity .2s}#restart:hover{opacity:.85}