.game-container{text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;max-width:420px;margin:2.5rem auto;padding:0 1rem}h1,h2{margin:0 0 1.2rem;color:#1a1a8f;font-weight:700;letter-spacing:-.5px}h1{font-size:2.5rem;text-align:center}h2{font-size:1.6rem;min-height:2.2rem}p{color:#00f;font-size:2rem;margin:4rem 0 1.8rem;text-align:center}.setup-screen{padding:2.5rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014}.button-group{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:8rem}button{padding:.95rem 2.4rem;font-size:1.15rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;background:#2563eb;color:#fff;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:active{transform:translateY(0)}.play-again{margin-top:2rem;padding:1.1rem 3rem;font-size:1.35rem;background:#10b981;box-shadow:0 4px 10px #10b9814d}.play-again:hover{background:#059669;box-shadow:0 6px 14px #10b98166}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:360px;margin:2rem auto}.cell{aspect-ratio:1 / 1;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:4.2rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s ease;background:#1e293b;box-shadow:inset 0 2px 10px #0000004d}.cell:hover:not(.filled){background:#334155;transform:scale(1.04);box-shadow:0 6px 14px #0000001f}.cell.filled{cursor:default;transform:none;box-shadow:inset 0 3px 8px #00000014}.cell.x{color:#ef4444}.cell.o{color:#3b82f6}.game-over{margin-top:2rem}.game-over h2{font-size:2.2rem;margin-bottom:1rem}.game-won h2{color:#10b981}.game-lost h2{color:#ef4444}.game-tie h2{color:#6b7280}.main-layout{display:flex;justify-content:center;gap:2.5rem;align-items:flex-start;max-width:900px;margin:0 auto;width:100%}.game-content{flex:1;max-width:400px;text-align:center}.score-sidebar{width:220px;background:#f8fafc;border-radius:16px;padding:1.5rem 1rem;box-shadow:0 4px 12px #00000014;position:sticky;top:2rem}.score-sidebar h3{margin:0 0 1.2rem;font-size:1.3rem;color:#1e293b;text-align:center}.score-item{margin-bottom:1.2rem;text-align:center;padding:.8rem;border-radius:10px;background:#fff9}.score-item:last-child{margin-bottom:0}.score-item span{display:block;font-size:.95rem;color:#64748b;margin-bottom:.5rem}.score-item strong{font-size:2.2rem;line-height:1}.score-item.player strong{color:#ef4444}.score-item.computer strong{color:#3b82f6}.score-item.tie strong{color:#6b7280}@media(max-width:768px){.main-layout{flex-direction:column;gap:1.5rem}.score-sidebar{width:100%;max-width:400px;position:static;margin:0 auto}}