body{background:linear-gradient(135deg,#5b86e5,#36d1dc);font-family:Poppins,sans-serif;height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:30px;color:#fff}.game-container{text-align:center;background:#00000040;padding:25px 35px;border-radius:20px;box-shadow:0 4px 15px #0000004d;width:330px}.title{font-size:2rem;letter-spacing:1px;margin-bottom:15px;color:#fff}.info-panel{margin-bottom:15px}.timer{font-size:1.1rem;margin-bottom:5px}.status{margin:5px 0 10px;font-weight:700;color:#fff}.scoreboard{background:#ffffff26;border-radius:10px;padding:8px;margin-bottom:15px}.x-score{color:#ffcd4b;font-weight:700}.o-score{color:#ffd6ff;font-weight:700}.buttons{display:flex;justify-content:center;gap:10px;margin-top:8px}.reset-btn,.restart-btn{border:none;background:#fff;color:#333;font-weight:700;border-radius:8px;padding:6px 12px;cursor:pointer;transition:.3s}.reset-btn:hover{background:#ffe066}.restart-btn{background:#ffd6ff}.restart-btn:hover{background:#ffc4f7}button.square{width:80px;height:80px;font-size:2rem;font-weight:700;border:2px solid #fff;background:#fff3;color:#fff;border-radius:10px;cursor:pointer;transition:.2s}button.square:hover{background:#ffffff59}.light-theme{background:linear-gradient(135deg,#5b86e5,#36d1dc);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:30px;transition:background .3s ease,color .3s ease}.dark-theme{background:linear-gradient(135deg,#141e30,#243b55);color:#e0e0e0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:30px;transition:background .3s ease,color .3s ease}.theme-btn{background:#ffffffe6;color:#333;border:none;border-radius:10px;padding:6px 12px;cursor:pointer;font-weight:700;transition:.3s}.theme-btn:hover{background:#ffd6ff}.dark-theme .theme-btn{background:#fff3;color:#fff}.dark-theme .theme-btn:hover{background:#ffffff59}@media(max-width:768px){.game-container{width:90%;padding:1.5rem}.title{font-size:1.8rem}.board{width:220px;height:220px}.square{font-size:1.6rem}}@media(max-width:480px){body{padding:1rem}.game-container{width:100%;padding:1rem;border-radius:15px}.title{font-size:1.5rem}.timer,.status{font-size:1rem}.board{width:180px;height:180px}.square{font-size:1.4rem}.buttons{flex-direction:column;gap:8px}}