.board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:5px;margin-bottom:20px;border:3px solid #333;border-radius:10px}.square{background-color:#fff;border:none;font-size:48px;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;border-radius:8px;font-weight:700}.square:hover:not(:disabled){background-color:#3a3a3a;transform:scale(1.05)}.square:disabled{cursor:default;opacity:.9}.square.X{color:#ff7043}.square.O{color:#29b6f6}.square.winning-square{background-color:#4caf50;color:#181818;font-weight:900;animation:pulse-win 1s infinite alternate}@keyframes pulse-win{0%{box-shadow:0 0 10px #4caf50}to{box-shadow:0 0 20px #4caf50}}@media (max-width: 450px){.board{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px)}.square{font-size:40px}}.game-info-container{background:#111116;border-radius:16px;padding:28px 20px;box-shadow:0 0 15px #000000b3;min-width:260px;display:flex;flex-direction:column;align-items:stretch;gap:18px;border:1px solid #2d2d3a}.status-message{text-align:center;font-weight:700;font-size:1.2rem;color:#ffea00;text-transform:uppercase;text-shadow:0 0 5px rgba(255,234,0,.5);min-height:24px}.status-message.winner{color:#00f0ff;text-shadow:0 0 10px #00F0FF}.score-board{background:#1c1c24;border-radius:10px;padding:15px 20px;border:1px solid #333345}.score-board h3{margin:0 0 10px;font-size:1.1rem;color:#b2ebf2;text-align:center;font-weight:600}.score-row{display:flex;justify-content:space-between;padding:6px 0;font-size:1rem}.score-row span:last-child{font-weight:700;color:#fff}.score-row .X{color:#ff4081}.score-row .O{color:#00f0ff}.score-row .draw{color:#b39ddb}.controls{display:flex;justify-content:space-around;gap:10px}.controls button{background:linear-gradient(45deg,#00bcd4,#00acc1);border:none;color:#111116;font-weight:700;padding:12px 18px;font-size:14px;cursor:pointer;border-radius:8px;transition:all .2s ease;flex-grow:1;box-shadow:0 4px 8px #00bcd44d}.controls button:hover:not(:disabled){background:linear-gradient(45deg,#26c6da,#00bcd4);transform:translateY(-2px);box-shadow:0 6px 12px #00bcd466}.controls button:disabled{opacity:.5;cursor:not-allowed;transform:none}.metrics{font-size:13px;color:#88a;text-align:left;padding:10px 0;border-top:1px dashed #444455;margin-top:10px}.metrics{font-size:13px;color:#b0b0b0;text-align:left;padding:10px 0;border-top:1px dashed #444455;margin-top:10px;display:flex;flex-direction:column;gap:4px}.metrics p{margin:0;line-height:1.4}.game-board-area h1{color:#00f0ff;margin-bottom:5px}.game-board-area p{color:#88a;font-size:1.1em;margin-top:0;margin-bottom:20px;font-weight:500}.game-board-area p strong{color:#00f0ff;font-weight:700;letter-spacing:.5px}.game-container{display:flex;justify-content:center;align-items:flex-start;gap:48px;background:linear-gradient(145deg,#1f1f1f,#2b2b2b);border-radius:20px;box-shadow:0 8px 30px #000000b3;max-width:1000px;padding:40px 50px;margin:50px auto;transition:all .3s ease-in-out}.game-board-area{display:flex;flex-direction:column;align-items:center;flex:1}@media (max-width: 900px){.game-container{flex-direction:column;align-items:center;padding:30px 25px;gap:30px;max-width:95%}.game-info-container{width:100%;max-width:400px}.game-board-area h1{font-size:2rem}}@media (max-width: 480px){.game-info-container .controls button{width:100%;margin-top:6px}}