.animated-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,#020617,#020617,#0f172a,#020617);background-size:300% 300%;animation:gradientMove 18s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-bg:before,.animated-bg:after{content:"";position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(34,211,238,.35),transparent 60%);filter:blur(120px);animation:floatOrb 16s ease-in-out infinite alternate}.animated-bg:after{width:520px;height:520px;background:radial-gradient(circle,rgba(250,204,21,.25),transparent 60%);animation-delay:6s}@keyframes floatOrb{0%{transform:translate(-20%,-10%)}to{transform:translate(120%,80%)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;background:transparent;color:#e5e7eb}.app{position:relative;z-index:1;max-width:1100px;margin:auto;padding:40px;display:grid;grid-template-columns:420px 1fr;gap:40px}.game-wrapper{background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:32px;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 80px #00000080}.game-container h1{text-align:center;font-size:2.2rem;margin-bottom:10px}.title-1{color:#22d3ee;text-shadow:0 0 12px rgba(34,211,238,.6)}.title-2{color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.6)}.status{text-align:center;margin-bottom:26px;opacity:.85;font-weight:700}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.cell{aspect-ratio:1;border-radius:22px;font-size:3rem;font-weight:800;border:none;cursor:pointer;background:linear-gradient(145deg,#f8fafc,#d1d5db);color:#020617;box-shadow:inset 6px 6px 10px #00000014,inset -6px -6px 10px #ffffffb3,0 14px 30px #00000073;transition:transform .15s ease,box-shadow .15s ease}.cell:hover{transform:translateY(-3px) scale(1.03)}.cell.x{color:#22d3ee;text-shadow:0 0 12px rgba(34,211,238,.6)}.cell.o{color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.6)}.reset-btn{margin:auto;display:block;padding:12px 26px;border-radius:999px;border:none;font-weight:600;cursor:pointer}.history-title{font-size:1.6rem;margin-bottom:24px;font-weight:700;letter-spacing:4px}.history-list{max-height:538px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:12px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.history-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#e5e7eb;cursor:pointer;transition:all .2s ease;text-align:left}.history-item:hover{background:#ffffff14;transform:translate(6px)}.history-item.active{background:linear-gradient(135deg,#22d3ee40,#facc1540);border-color:#ffffff40;box-shadow:0 0 25px #22d3ee59}.history-player{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.1rem}.history-player.x{background:#22d3ee40;color:#22d3ee;box-shadow:0 0 14px #22d3ee99}.history-player.o{background:#facc1540;color:#facc15;box-shadow:0 0 14px #facc1599}.history-text{font-size:.95rem;opacity:.9}@media(max-width:900px){.app{grid-template-columns:1fr}}.cell.win{animation:winCelebrate .9s ease-in-out forwards}.cell.win.x{color:#22d3ee;box-shadow:0 0 25px #22d3eebf,0 0 55px #22d3ee73}.cell.win.o{color:#facc15;box-shadow:0 0 25px #facc15bf,0 0 55px #facc1573}@keyframes winCelebrate{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.18);filter:brightness(1.25)}to{transform:scale(1);filter:brightness(1)}}.board.has-winner .cell:not(.win){opacity:.4}.cell.last{outline:3px solid rgba(255,255,255,.8);outline-offset:-6px;box-shadow:0 0 18px #fff9}.board.disabled{pointer-events:none;opacity:.85}