*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#481286,#5c138d,#5b1991);font-family:Arial,sans-serif}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#bba3c70d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;padding:30px}h1{font-size:2.2rem;margin-bottom:10px}.scoreboard{display:flex;gap:40px;font-size:1.1rem;margin:10px 0}.status{font-size:1.3rem;margin-bottom:15px;transition:.3s}.status.winner{animation:glow 1s infinite alternate;color:#facc15}@keyframes glow{0%{text-shadow:0 0 5px #facc15}to{text-shadow:0 0 20px #facc15}}.trophy{display:inline-block;animation:shake .6s infinite}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.board{display:grid;grid-template-columns:repeat(3,100px);gap:12px;margin:15px 0 25px}.square{width:100px;height:100px;font-size:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#38bdf8;border:none;border-radius:16px;cursor:pointer;transition:.2s}.square:hover{transform:scale(1.08);background:#fff3}.reset{padding:12px 32px;font-size:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;cursor:pointer;color:#000}.reset:hover{transform:scale(1.05)}@media(max-width:480px){h1{font-size:1.6rem}.board{grid-template-columns:repeat(3,80px)}.square{width:80px;height:80px;font-size:1.5rem}.scoreboard{gap:20px}}