.container{width:100%;max-width:500px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:20px}.ad-space{width:100%;min-height:90px;margin:10px 0}.adsense-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.ad-label{font-size:.75rem;color:#666;text-align:center;text-transform:uppercase;letter-spacing:1px}.ad-top{margin-bottom:0}.ad-bottom{margin-top:0}.game{background:#2a2a2a;border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000004d}.header{text-align:center;margin-bottom:30px}.header h1{font-size:2.5rem;margin-bottom:10px;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.3)}.mode-indicator{font-size:.9rem;color:#8b5cf6;margin-bottom:15px;text-align:center}.scores{display:flex;justify-content:center;gap:40px}.score{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;padding:10px 20px;border-radius:10px;background:#1a1a1a}.x-score{border:2px solid #06b6d4}.o-score{border:2px solid #f59e0b}.player-label{font-size:1.8rem}.x-score .player-label{color:#06b6d4}.o-score .player-label{color:#f59e0b}.score-value{color:#8b5cf6}.status{text-align:center;font-size:1.5rem;margin-bottom:25px;min-height:40px;display:flex;justify-content:center;align-items:center;gap:8px}.winner-message{font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.x-text{color:#06b6d4;font-weight:700}.o-text{color:#f59e0b;font-weight:700}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px;aspect-ratio:1;width:100%}.cell{background:#1a1a1a;border:3px solid #3a3a3a;border-radius:15px;font-size:3rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:1}.board[style*="repeat(4"] .cell{font-size:2.5rem}.board[style*="repeat(5"] .cell{font-size:2rem}.board[style*="repeat(6"] .cell{font-size:1.7rem}.board[style*="repeat(7"] .cell{font-size:1.5rem}.cell:hover:not(:disabled):not(.x-cell):not(.o-cell){background:#333;border-color:#8b5cf6}.cell:disabled{cursor:not-allowed}.x-cell{color:#06b6d4;border-color:#06b6d4;animation:cellAppear .3s ease}.o-cell{color:#f59e0b;border-color:#f59e0b;animation:cellAppear .3s ease}@keyframes cellAppear{0%{opacity:0}to{opacity:1}}.controls{display:flex;flex-direction:column;gap:10px}.reset-button{background:#8b5cf6;color:#fff;border:none;border-radius:10px;padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.reset-button:active{transform:translateY(0)}.reset-button.secondary{background:#3a3a3a}.reset-button.secondary:hover{background:#4a4a4a;box-shadow:0 4px 12px #ffffff1a}.player-selection{background:#2a2a2a;border-radius:20px;padding:40px 40px 70px;text-align:center;box-shadow:0 8px 32px #0000004d;position:relative}.player-selection .footer-links{position:absolute;bottom:20px;left:0;right:0;margin:0;padding:0;border:none}.player-selection h1{font-size:2.5rem;margin-bottom:20px;color:#8b5cf6;text-shadow:0 0 20px rgba(139,92,246,.3)}.player-selection p{font-size:1.3rem;margin-bottom:20px;color:#ccc}.initial-setup{width:100%}.setup-section{margin-bottom:35px}.setup-section:last-child{margin-bottom:0}.setup-section p{font-size:1.2rem;margin-bottom:15px;color:#ccc}.mode-buttons-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:10px}.mode-button-compact{background:#1a1a1a;border:2px solid #3a3a3a;border-radius:12px;padding:15px 10px;cursor:pointer;transition:all .3s ease;text-align:center}.mode-button-compact:hover{border-color:#8b5cf6;background:#2a2a2a}.mode-button-compact.active{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf666}.mode-name-compact{font-size:1rem;font-weight:700;color:#8b5cf6;margin-bottom:5px}.mode-button-compact.active .mode-name-compact{color:#fff}.mode-info-compact{font-size:.85rem;color:#999}.mode-button-compact.active .mode-info-compact{color:#e0e0e0}.game-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:10px}.game-type-button{background:#1a1a1a;border:2px solid #3a3a3a;border-radius:15px;padding:20px 15px;cursor:pointer;transition:all .3s ease;text-align:center}.game-type-button:hover{border-color:#8b5cf6;background:#2a2a2a;transform:translateY(-3px)}.game-type-button.active{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf666}.game-type-icon{font-size:2.5rem;margin-bottom:8px}.game-type-text{font-size:1rem;font-weight:700;color:#8b5cf6}.game-type-button.active .game-type-text{color:#fff}.footer-links{margin-top:20px;text-align:center;padding-top:15px;border-top:1px solid #3a3a3a}.footer-links a{color:#999;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links a:hover{color:#8b5cf6}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#2a2a2a;padding:20px;box-shadow:0 -4px 20px #00000080;z-index:1000;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-consent-text{flex:1;min-width:250px}.cookie-consent-text p{margin:0 0 8px;color:#fff;font-size:.95rem;line-height:1.5}.cookie-consent-text a{color:#8b5cf6;text-decoration:underline}.cookie-consent-text a:hover{color:#a78bfa}.cookie-consent-buttons{display:flex;gap:10px;flex-wrap:wrap}.cookie-btn{padding:10px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cookie-btn-accept{background:#8b5cf6;color:#fff}.cookie-btn-accept:hover{background:#7c3aed;transform:translateY(-2px)}.cookie-btn-decline{background:#3a3a3a;color:#fff}.cookie-btn-decline:hover{background:#4a4a4a}.player-buttons{display:flex;gap:20px;justify-content:center}.player-button{width:120px;height:120px;border:none;border-radius:20px;font-size:4rem;font-weight:700;cursor:pointer;transition:all .3s ease;background:#1a1a1a}.x-button{color:#06b6d4;border:3px solid #06b6d4}.x-button:hover{background:#06b6d4;color:#1a1a1a;transform:scale(1.1);box-shadow:0 8px 24px #06b6d466}.o-button{color:#f59e0b;border:3px solid #f59e0b}.o-button:hover{background:#f59e0b;color:#1a1a1a;transform:scale(1.1);box-shadow:0 8px 24px #f59e0b66}.player-button:active{transform:scale(1.05)}.mode-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.mode-button{background:#1a1a1a;border:2px solid #8b5cf6;border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:left}.mode-button:hover{background:#8b5cf6;transform:translate(10px);box-shadow:0 4px 16px #8b5cf666}.mode-name{font-size:1.5rem;font-weight:700;color:#8b5cf6;margin-bottom:5px}.mode-button:hover .mode-name{color:#fff}.mode-info{font-size:1.2rem;color:#ccc;margin-bottom:3px}.mode-button:hover .mode-info{color:#f0f0f0}.mode-detail{font-size:.9rem;color:#999}.mode-button:hover .mode-detail{color:#e0e0e0}.back-button{background:#3a3a3a;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%}.back-button:hover{background:#4a4a4a}@media (max-width: 768px){.container{padding:15px;gap:15px}.ad-space{min-height:50px}.ad-top,.ad-bottom{margin:5px 0}.cookie-consent{padding:15px}.cookie-consent-content{flex-direction:column;align-items:stretch;gap:15px}.cookie-consent-text p{font-size:.85rem}.cookie-consent-buttons{justify-content:stretch}.cookie-btn{flex:1;padding:12px 16px}.player-selection{padding:20px 20px 60px}.player-selection .footer-links{bottom:15px}.header h1,.player-selection h1{font-size:2rem}.scores{gap:20px}.score{font-size:1.2rem;padding:8px 15px}.player-label{font-size:1.5rem}.status{font-size:1.2rem}.board{gap:8px}.cell{font-size:2.5rem;border-width:2px}.reset-button{padding:12px 24px;font-size:1rem}.player-selection p,.setup-section p{font-size:1.1rem}.player-buttons{gap:15px}.player-button{width:100px;height:100px;font-size:3.5rem}.mode-buttons-compact{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.mode-button-compact{padding:12px 8px}.mode-name-compact{font-size:.9rem}.mode-info-compact{font-size:.75rem}.game-type-buttons{gap:12px}.game-type-button{padding:18px 12px}.game-type-icon{font-size:2.3rem}.game-type-text{font-size:.9rem}.mode-indicator{font-size:.8rem}.mode-buttons{gap:12px}.mode-button{padding:15px}.mode-name{font-size:1.3rem}.mode-info{font-size:1rem}.mode-detail{font-size:.8rem}}@media (max-width: 480px){.header h1,.player-selection h1{font-size:1.5rem}.scores{gap:15px}.score{font-size:1rem;padding:6px 12px}.player-label{font-size:1.3rem}.status{font-size:1rem}.cell{font-size:2rem}.player-button{width:80px;height:80px;font-size:3rem}.mode-buttons-compact{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}.mode-button-compact{padding:10px 5px}.mode-name-compact{font-size:.8rem}.mode-info-compact{font-size:.7rem}.game-type-buttons{gap:10px}.game-type-button{padding:15px 10px}.game-type-icon{font-size:2rem}.game-type-text{font-size:.85rem}}@media (max-width: 360px){.game,.player-selection{padding:15px 15px 55px}.player-selection .footer-links{bottom:12px}.header h1,.player-selection h1{font-size:1.3rem}.cell{font-size:1.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}