.app{max-width:800px;margin:0 auto;padding:1rem}.app__header{margin-bottom:1.5rem}.app__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app__difficulty{display:flex;align-items:center;gap:.5rem}.app__difficulty-label{font-weight:600;color:#2c3e50;font-size:.9rem}.app__difficulty-select{padding:.875rem 1.25rem;border:2px solid transparent;border-radius:16px;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #667eea40;position:relative;overflow:hidden}.app__difficulty-select:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.app__difficulty-select:hover:before{left:100%}.app__difficulty-select:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #667eea66}.app__difficulty-select:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 4px #667eea4d,0 8px 25px #667eea66;transform:translateY(-3px) scale(1.02)}.app__difficulty-select option{background-color:#667eea;color:#fff;padding:.5rem}.app__new-game-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:.875rem 1.75rem;font-weight:700;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #ff6b6b40;font-size:.9rem;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden}.app__new-game-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.app__new-game-button:hover:before{left:100%}.app__new-game-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#d63031)}.app__new-game-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #ff6b6b4d}.app__main{display:flex;flex-direction:column;gap:2rem;align-items:center}.app__cpu-thinking{font-style:italic;color:#666;padding:.5rem;border-radius:4px;background-color:#f5f5f5}.hud{width:100%;max-width:600px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;color:#fff;position:relative;overflow:hidden}.hud:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.hud__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;position:relative;z-index:1}.hud__row:last-child{margin-bottom:0}.hud__row--main{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.75rem}.hud__section{display:flex;flex-direction:column;gap:.25rem}.hud__section--timer{text-align:right}.hud__section--scores{text-align:right;gap:.5rem}.hud__title{font-size:1.4rem;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hud__difficulty{color:#fffc;margin:0;font-size:.85rem;font-weight:500}.hud__timer{display:flex;flex-direction:column;gap:.25rem}.hud__timer-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.hud__timer-value{font-size:1.3rem;font-weight:700;font-family:Courier New,monospace;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hud__turn,.hud__moves,.hud__score{display:flex;gap:.5rem;align-items:center}.hud__turn-label,.hud__moves-label,.hud__score-label{font-weight:500;color:#fffc;font-size:.85rem}.hud__turn-player{font-weight:600;color:#fff;font-size:.9rem}.hud__moves-count,.hud__score-value{font-weight:700;color:#fff;font-size:.9rem}.hud__status{text-align:center;width:100%}.hud__status-text{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hud__status-text--win{color:#28a745}.hud__status-text--draw{color:#ffc107}.hud__status-text--loss{color:#dc3545}.hud--game-over{animation:gameOverSlideIn .6s ease-out}.hud__game-over-header{text-align:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.2)}.hud__game-over-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__logo-svg{flex-shrink:0}.hud__logo-text{font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hud__game-over-emoji{font-size:2.5rem;margin-bottom:.25rem;animation:bounce 1s ease-in-out}.hud__game-over-title{font-size:1.8rem;font-weight:700;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:1px}.hud__game-over-title--win{color:#28a745}.hud__game-over-title--loss{color:#dc3545}.hud__game-over-title--draw{color:#ffc107}.hud__game-over-subtitle{font-size:1rem;color:#fffc;margin:0;line-height:1.4}.hud__game-over-scores{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.hud__score-card{background:#ffffff1a;border-radius:12px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.hud__score-card:hover{transform:translateY(-2px);background:#ffffff26}.hud__score-card--player{border-left:4px solid #e74c3c}.hud__score-card--opponent{border-left:4px solid #3498db}.hud__score-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.2)}.hud__score-card-label{font-weight:600;color:#fff;font-size:.9rem}.hud__score-card-value{font-size:1.3rem;font-weight:700;color:#fff}.hud__score-card-details{display:flex;flex-direction:column;gap:.25rem}.hud__score-detail{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#fffc}.hud__win-info{text-align:center;padding:.5rem;background:#ffffff1a;border-radius:8px;margin-bottom:1rem;font-size:.85rem;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud__game-over-actions{display:flex;justify-content:center}.hud__rematch-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:.75rem 2rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ff6b6b4d}.hud__rematch-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#d63031)}@keyframes gameOverSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.board{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.board__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);padding:8px;border-radius:20px;box-shadow:0 12px 40px #667eea4d;position:relative;overflow:hidden}.board__grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none;border-radius:20px}.board__instructions{color:#6c757d;font-size:.9rem;text-align:center;padding:.5rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 10px #0000001a;font-weight:500}.cell{width:100px;height:100px;background:linear-gradient(135deg,#fff,#f8f9fa);border:none;border-radius:12px;font-size:2rem;font-weight:700;color:#2c3e50;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 15px #0000001a;z-index:1}.cell:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026}.cell:focus{outline:none;box-shadow:0 0 0 3px #667eea4d,0 8px 25px #00000026;transform:translateY(-2px) scale(1.02)}.cell:disabled{cursor:default}.cell--filled{cursor:default}.cell--winning{background:linear-gradient(135deg,#d4edda,#c3e6cb);animation:pulse 1s infinite;box-shadow:0 6px 20px #28a7454d;transform:scale(1.05)}.cell__mark{-webkit-user-select:none;user-select:none}.cell__mark--X{color:#e74c3c}.cell__mark--O{color:#3498db}.cell--X{background-color:#fdf2f2}.cell--O{background-color:#f0f8ff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-result{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .5s ease}.game-result--visible{opacity:1;visibility:visible}.game-result__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-result__content{position:relative;z-index:1;max-width:500px;width:90vw;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:scale(.8) translateY(50px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.game-result--visible .game-result__content{transform:scale(1) translateY(0)}.game-result__header{padding:2rem;text-align:center;position:relative;overflow:hidden}.game-result__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1}.game-result__header--win:before{background:linear-gradient(135deg,#28a745,#20c997)}.game-result__header--loss:before{background:linear-gradient(135deg,#dc3545,#fd7e14)}.game-result__header--draw:before{background:linear-gradient(135deg,#ffc107,#fd7e14)}.game-result__emoji{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease-in-out}.game-result__title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.game-result__title--win{color:#28a745}.game-result__title--loss{color:#dc3545}.game-result__title--draw{color:#ffc107}.game-result__subtitle{font-size:1.1rem;color:#6c757d;margin:0;line-height:1.5}.game-result__details{padding:0 2rem 2rem;animation:slideUp .6s ease-out .3s both}.game-result__scores{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.game-result__score-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.game-result__score-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.game-result__score-card--player{border-left:4px solid #e74c3c}.game-result__score-card--opponent{border-left:4px solid #3498db}.game-result__score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.game-result__score-label{font-weight:600;color:#2c3e50;font-size:.9rem}.game-result__score-value{font-size:1.5rem;font-weight:700;color:#2c3e50}.game-result__score-breakdown{display:flex;flex-direction:column;gap:.25rem}.game-result__score-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#6c757d}.game-result__win-info{text-align:center;padding:1rem;background:linear-gradient(135deg,#e7f3ff,#d1ecf1);border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;color:#06c}.game-result__actions{display:flex;justify-content:center;gap:1rem}.game-result__button{padding:.75rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.game-result__button--primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.game-result__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#d63031)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.premium-cta{margin:1rem 0;text-align:center}.premium-cta__button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;display:flex;align-items:center;gap:.5rem;margin:0 auto}.premium-cta__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.premium-cta__icon{font-size:1.1rem}.premium-features{background:#ffffff1a;border-radius:16px;padding:1.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.premium-features__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.premium-features__header h3{color:#fff;margin:0;font-size:1.2rem}.premium-features__close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.premium-features__close:hover{background:#ffffff1a}.premium-features__list{margin-bottom:1.5rem}.premium-feature{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.premium-feature:last-child{border-bottom:none}.premium-feature__icon{font-size:1.5rem;width:40px;text-align:center}.premium-feature__content h4{color:#fff;margin:0 0 .25rem;font-size:1rem}.premium-feature__content p{color:#fffc;margin:0;font-size:.85rem}.premium-features__pricing{text-align:center}.pricing-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;color:#fff}.pricing-card h4{margin:0 0 .5rem;font-size:1rem}.pricing-card__price{font-size:2rem;font-weight:700;margin:.5rem 0 1rem}.pricing-card__button{background:#fff;color:#667eea;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pricing-card__button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.result-modal{max-width:500px;width:90vw;padding:0;border:none;border-radius:12px;box-shadow:0 10px 25px #0003;background:#fff}.result-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-modal__content{padding:2rem}.result-modal__header{text-align:center;margin-bottom:1.5rem}.result-modal__title{font-size:2rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:1px}.result-modal__title--win{color:#28a745}.result-modal__title--draw{color:#ffc107}.result-modal__title--loss{color:#dc3545}.result-modal__body{margin-bottom:2rem}.result-modal__description{text-align:center;margin-bottom:1.5rem;color:#6c757d}.result-modal__scores{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.result-modal__score-details{background-color:#f8f9fa;padding:1rem;border-radius:8px}.result-modal__score-label{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#2c3e50;text-align:center}.result-modal__score-breakdown{display:flex;flex-direction:column;gap:.5rem}.result-modal__score-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.result-modal__score-row--total{border-top:1px solid #dee2e6;padding-top:.5rem;margin-top:.5rem;font-weight:600}.result-modal__score-final{font-size:1.1rem;font-weight:700;color:#2c3e50}.result-modal__win-info{text-align:center;padding:1rem;background-color:#e7f3ff;border-radius:6px;margin-top:1rem;font-size:.9rem;color:#06c}.result-modal__footer{display:flex;gap:1rem;justify-content:center}.result-modal__button{padding:.75rem 2rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.result-modal__button--primary{background-color:#646cff;color:#fff}.result-modal__button--primary:hover{background-color:#535bf2}.result-modal__button--secondary{background-color:#6c757d;color:#fff}.result-modal__button--secondary:hover{background-color:#5a6268}@media (max-width: 768px){.app{padding:.5rem}.app__controls{flex-direction:column;align-items:stretch;gap:1rem}.app__difficulty{flex-direction:column;align-items:stretch;gap:.5rem}.app__difficulty-label{text-align:center;font-size:.85rem}.app__difficulty-select{padding:.7rem 1rem;font-size:.85rem;border-radius:14px}.app__new-game-button{padding:.7rem 1.4rem;font-size:.85rem;border-radius:14px}.hud{padding:.75rem;margin-bottom:1rem}.hud__row{flex-direction:column;gap:.5rem;text-align:center;margin-bottom:.5rem}.hud__row--main{padding-bottom:.5rem}.hud__section--timer,.hud__section--scores{text-align:center}.hud__title{font-size:1.2rem}.hud__timer-value{font-size:1.1rem}.hud__turn,.hud__moves,.hud__score{gap:.25rem;font-size:.8rem}.hud__game-over-emoji{font-size:2.5rem}.hud__game-over-title{font-size:1.5rem}.hud__game-over-subtitle{font-size:.9rem}.hud__game-over-scores{grid-template-columns:1fr;gap:.75rem}.hud__score-card{padding:.75rem}.hud__score-card-value{font-size:1.1rem}.board__grid{gap:4px;padding:6px;border-radius:16px}.cell{width:80px;height:80px;font-size:1.5rem;border-radius:10px}.board__instructions{font-size:.8rem;padding:.4rem .8rem}.result-modal__scores{grid-template-columns:1fr}.result-modal__content{padding:1.5rem}}@media (max-width: 480px){.hud{padding:.5rem;border-radius:12px}.hud__title{font-size:1.1rem}.hud__difficulty{font-size:.75rem}.hud__timer-value{font-size:1rem}.hud__turn,.hud__moves,.hud__score{font-size:.75rem}.hud__row{gap:.25rem;margin-bottom:.25rem}.app__difficulty-select{padding:.6rem .8rem;font-size:.8rem;border-radius:12px}.app__new-game-button{padding:.6rem 1.2rem;font-size:.8rem;border-radius:12px}.app__difficulty-label{font-size:.8rem}.board__grid{gap:3px;padding:4px;border-radius:12px}.cell{width:70px;height:70px;font-size:1.3rem;border-radius:8px}.board__instructions{font-size:.75rem;padding:.3rem .6rem}.game-result__content{max-width:90vw;margin:1rem}.game-result__header{padding:1.5rem}.game-result__emoji{font-size:3rem}.game-result__title{font-size:2rem}.game-result__subtitle{font-size:1rem}.game-result__details{padding:0 1.5rem 1.5rem}.game-result__scores{grid-template-columns:1fr;gap:.75rem}.game-result__score-card{padding:.75rem}.game-result__score-value{font-size:1.3rem}}.hud__ads-loading{margin-top:1rem;padding:.75rem 1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:12px;text-align:center;font-size:.85rem;color:#667eea;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:not-allowed;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}