*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#fbfbfe;color:#111827}a{color:#2563eb;text-decoration:underline}a:hover{color:#1d4ed8}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbfbfe;padding:24px 16px}header{margin-bottom:32px;text-align:center}h1{font-size:2.6rem;font-weight:800;letter-spacing:-2px;margin-bottom:10px;color:#1d2563}p{font-size:1.21rem;color:#6b6e8b;max-width:370px;margin:0 auto}section{width:100%;display:flex;flex-direction:column;align-items:center}footer{margin-top:45px;color:#4a4f82;font-size:.9rem;text-align:center}.tictactoe-root,.tictactoe-content{display:flex;flex-direction:column;align-items:center;width:100%}.tictactoe-controls{display:flex;flex-direction:column;align-items:center;margin:auto}.tictactoe-board-container{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center}.tictactoe-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;background:#eef2ff;padding:30px;border-radius:18px;border:2px solid #dbeafe;box-shadow:0 2px 16px #dee6ff60;width:360px;height:360px;max-width:100%}.tictactoe-cell{width:100%;height:100%;background:#fff;border:2px solid #cbd5e1;border-radius:13px;font-size:3.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border .18s,transform .15s;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}.tictactoe-cell:focus-visible{outline:2px solid black;outline-offset:-2px}.tictactoe-cell.cell-x{color:#1d4ed8}.tictactoe-cell.cell-o{color:#dc2626}.tictactoe-cell.cell-empty{color:#64748b}.tictactoe-cell.cell-hover:not(.cell-disabled):hover{background:#f1f5f9;transform:scale(1.05);border-color:#8a90ff}.tictactoe-cell.cell-disabled,.tictactoe-cell:disabled{cursor:not-allowed;background:#f8fafc;opacity:.7}.tictactoe-difficulty-selector{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.difficulty-btn{min-width:100px;padding:14px 24px;border-radius:10px;border:2px solid #b8bef8;background:#f3f6fc;color:#484c73;font-weight:600;font-size:1rem;cursor:pointer;transition:background .18s,border .18s,color .16s,box-shadow .18s;display:flex;flex-direction:column;align-items:center;box-sizing:content-box}.difficulty-btn.selected{border:2px solid #0e1d90;background:#0e1d90;color:#fff;box-shadow:0 1px 10px #3347ea18}.difficulty-label{font-size:1.13rem}.difficulty-subtitle{font-size:.8rem;opacity:.97;font-weight:400;margin-top:2px}.tictactoe-status-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:32px}.tictactoe-status{font-size:1.17rem;min-height:33px;font-weight:500;text-align:center}.tictactoe-status-draw{color:#ca8500;font-weight:700}.tictactoe-status-winner{color:#107c0f;font-weight:700}.tictactoe-status-ia{color:#0650ce;font-style:italic}.tictactoe-status-player-x{color:#1d4ed8}.tictactoe-status-player-o{color:#dc2626}.tictactoe-restart-btn{display:block;width:fit-content;margin:16px auto 0;padding:8px 20px;border-radius:7px;border:1.5px solid #b1baff;background:#f2f5ff;color:#1d2563;font-size:.98rem;cursor:pointer;transition:background .15s,border .17s}.tictactoe-restart-btn:hover{background:#dee8ff;border:1.5px solid #404fbe}@media(max-width:1024px){.tictactoe-difficulty-selector{gap:8px;max-width:35%}.difficulty-btn{min-width:80px}.tictactoe-cell{width:100%;height:100%;font-size:2rem}}@media(max-width:900px){.difficulty-btn{min-width:auto;padding:7px 12px}}@media(max-width:1024px)and (orientation:landscape){.tictactoe-root.landscape-mode .tictactoe-content{flex-direction:row;align-items:flex-start;justify-content:center;gap:32px;padding:20px}.tictactoe-root.landscape-mode .tictactoe-controls{order:1;min-width:280px}.tictactoe-root.landscape-mode .tictactoe-board-container{order:2;max-width:40%}.tictactoe-root.landscape-mode .tictactoe-board{width:55vh;height:55vh;max-width:350px;max-height:350px}.tictactoe-board{padding:10px;gap:5px}.tictactoe-cell{width:100%;height:100%;font-size:1.5rem}}@media(horizontal-viewport-segments:2){.tictactoe-board{width:80vw;height:80vw}}