*{margin:0;padding:0;box-sizing:border-box}body{font-family:Orbitron,Inter,Segoe UI,system-ui,sans-serif;background:linear-gradient(90deg,rgba(0,200,255,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(0,200,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,50,80,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,50,80,.05) 1px,transparent 1px),radial-gradient(ellipse at center,#0a0a0f,#000 70%),linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);background-size:100px 100px,100px 100px,50px 50px,50px 50px,100% 100%,100% 100%;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;margin:0;padding:0;overflow-x:hidden;animation:gridPulse 8s ease-in-out infinite alternate}.App{width:100%;max-width:1200px;margin:0 auto;padding:20px}.App.fade-out{opacity:0;transition:opacity .25s ease}.App.fade-in{opacity:1;transition:opacity .25s ease}@media (prefers-reduced-motion: reduce){.App.fade-out,.App.fade-in{transition:none}}body.perf-low .App.fade-out,body.perf-low .App.fade-in{transition:none}@keyframes gridPulse{0%{background-size:100px 100px,100px 100px,50px 50px,50px 50px,100% 100%,100% 100%}to{background-size:120px 120px,120px 120px,60px 60px,60px 60px,100% 100%,100% 100%}}@keyframes boardWinRed{0%{box-shadow:0 0 0 4px #ff3250,0 0 20px #ff325066,0 0 40px #ff325033,inset 0 0 20px #ff32501a,0 10px 25px #000c;background:#ff325014}25%{box-shadow:0 0 0 5px #ff3250,0 0 25px #ff325080,0 0 50px #ff32504d,inset 0 0 25px #ff325026,0 12px 30px #000c;background:#ff32501f}50%{box-shadow:0 0 0 6px #ff3250,0 0 30px #ff325099,0 0 60px #ff325066,inset 0 0 30px #ff325033,0 15px 35px #000c;background:#ff325029}75%{box-shadow:0 0 0 5px #ff3250,0 0 25px #ff325080,0 0 50px #ff32504d,inset 0 0 25px #ff325026,0 12px 30px #000c;background:#ff32501f}to{box-shadow:0 0 0 4px #ff3250,0 0 20px #ff325066,0 0 40px #ff325033,inset 0 0 20px #ff32501a,0 10px 25px #000c;background:#ff325014}}@keyframes boardWinBlue{0%{box-shadow:0 0 0 4px #00c8ff,0 0 20px #00c8ff66,0 0 40px #00c8ff33,inset 0 0 20px #00c8ff1a,0 10px 25px #000c;background:#00c8ff14}25%{box-shadow:0 0 0 5px #00c8ff,0 0 25px #00c8ff80,0 0 50px #00c8ff4d,inset 0 0 25px #00c8ff26,0 12px 30px #000c;background:#00c8ff1f}50%{box-shadow:0 0 0 6px #00c8ff,0 0 30px #00c8ff99,0 0 60px #00c8ff66,inset 0 0 30px #00c8ff33,0 15px 35px #000c;background:#00c8ff29}75%{box-shadow:0 0 0 5px #00c8ff,0 0 25px #00c8ff80,0 0 50px #00c8ff4d,inset 0 0 25px #00c8ff26,0 12px 30px #000c;background:#00c8ff1f}to{box-shadow:0 0 0 4px #00c8ff,0 0 20px #00c8ff66,0 0 40px #00c8ff33,inset 0 0 20px #00c8ff1a,0 10px 25px #000c;background:#00c8ff14}}@keyframes boardWinTie{0%,to{box-shadow:0 0 0 3px #888,0 0 15px #9696964d,0 0 30px #96969626,inset 0 0 15px #9696960d;background:#9696960d}50%{box-shadow:0 0 0 4px #aaa,0 0 25px #96969666,0 0 50px #96969640,inset 0 0 25px #9696961a;background:#9696961a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body.perf-low{--pulse-scale: 1}body.perf-low .game-container,body.perf-low .super-board,body.perf-low .small-board,body.perf-low .cell,body.perf-low .timer,body.perf-low .game-title,body.perf-low .rules,body.perf-low .button{animation:none!important}body.perf-low .cell,body.perf-low .small-board,body.perf-low .super-board,body.perf-low .game-container{box-shadow:0 0 0 2px #0003!important;filter:none!important}body.perf-low .game-title,body.perf-low .rules-title,body.perf-low .timer .time-value,body.perf-low .timer .time-label{text-shadow:none!important}.game-screen-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:20px;width:100%;max-width:1200px;margin:1rem auto}@media (max-width: 950px){.game-screen-wrapper{flex-direction:column;align-items:center}}.game-container{background:#05050ffa;border:2px solid rgba(0,200,255,.35);border-radius:20px;box-shadow:0 0 25px #00c8ff26,inset 0 0 20px #00c8ff0a,0 12px 40px #000000e6;padding:1.5rem;text-align:center;flex:1;max-width:800px;width:100%;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-container.x-turn{border-color:#ff325080;box-shadow:0 0 30px #ff325040,inset 0 0 20px #ff32500d,0 12px 40px #000000e6}.game-container.o-turn{border-color:#00c8ff80;box-shadow:0 0 30px #00c8ff40,inset 0 0 20px #00c8ff0d,0 12px 40px #000000e6}.game-container.x-winner{border-color:#ff3250cc;background:#05050ffa;box-shadow:0 0 40px #ff325066,0 0 80px #ff325033,0 20px 50px #000000e6;animation:winnerPulse 3s ease-in-out infinite alternate}.game-container.o-winner{border-color:#00c8ffcc;background:#05050ffa;box-shadow:0 0 40px #00c8ff66,0 0 80px #00c8ff33,0 20px 50px #000000e6;animation:winnerPulse 3s ease-in-out infinite alternate}.game-container.tie-winner{border-color:#96969699;background:#05050ffa;box-shadow:0 0 30px #9696964d,0 0 60px #96969626,0 20px 50px #000000e6;animation:tieWinnerPulse 4s ease-in-out infinite alternate}.game-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:20px;z-index:-1;animation:borderGlow 4s ease-in-out infinite alternate;transition:all .3s ease}.game-container:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:25px;z-index:-2;filter:blur(8px);animation:borderGlow 4s ease-in-out infinite alternate reverse;transition:all .3s ease}.game-container.x-winner:before{animation:winnerBorderGlow 2s ease-in-out infinite alternate}.game-container.x-winner:after{animation:winnerBorderGlow 2s ease-in-out infinite alternate reverse}.game-container.o-winner:before{animation:winnerBorderGlow 2s ease-in-out infinite alternate}.game-container.o-winner:after{animation:winnerBorderGlow 2s ease-in-out infinite alternate reverse}.game-container.tie-winner:before{animation:tieBorderGlow 3s ease-in-out infinite alternate}.game-container.tie-winner:after{animation:tieBorderGlow 3s ease-in-out infinite alternate reverse}@keyframes borderGlow{0%{opacity:.4}to{opacity:.7}}@keyframes winnerPulse{0%{transform:scale(1);filter:brightness(1) saturate(1)}50%{transform:scale(1.01);filter:brightness(1.08) saturate(1.15)}to{transform:scale(1);filter:brightness(1) saturate(1)}}@keyframes tieWinnerPulse{0%{transform:scale(1);filter:brightness(1) saturate(.8)}50%{transform:scale(1.005);filter:brightness(1.05) saturate(1)}to{transform:scale(1);filter:brightness(1) saturate(.8)}}@keyframes winnerBorderGlow{0%{opacity:.6;filter:blur(8px)}to{opacity:.8;filter:blur(12px)}}@keyframes tieBorderGlow{0%{opacity:.4;filter:blur(6px)}to{opacity:.7;filter:blur(10px)}}.online-room-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#0a0f1ebf;border:1.5px solid rgba(0,200,255,.35);border-radius:14px;padding:10px 18px;margin:0 auto 1.2rem;max-width:650px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0006,inset 0 0 10px #00c8ff0d}.room-code-section{display:flex;align-items:center;gap:10px;font-family:Orbitron,monospace}.room-code-label{font-size:.85rem;color:#ffffffb3;letter-spacing:.1em;font-weight:700}.room-code-value{font-size:1.25rem;font-weight:900;color:#00c8ff;letter-spacing:.15em;background:#00c8ff1a;padding:4px 10px;border-radius:6px;border:1px dashed rgba(0,200,255,.5);text-shadow:0 0 8px rgba(0,200,255,.5);-webkit-user-select:all;user-select:all}.copy-code-btn{background:#00c8ff26;color:#00c8ff;border:1px solid rgba(0,200,255,.4);border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;font-family:Orbitron,monospace;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.copy-code-btn:hover{background:#00c8ff4d;box-shadow:0 0 12px #00c8ff66;transform:translateY(-1px)}.copy-code-btn.copied{background:#2ecc7140;color:#2ecc71;border-color:#2ecc7199;box-shadow:0 0 10px #2ecc714d}.room-status-section{display:flex;align-items:center;gap:8px;font-size:.9rem;font-family:Orbitron,monospace}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.waiting{background:#f1c40f;box-shadow:0 0 6px #f1c40f66}.status-dot.connected{background:#2ecc71;box-shadow:0 0 6px #2ecc7166}.status-dot.left{background:#ff3250;box-shadow:0 0 6px #ff325066}.status-text{color:#ffffffd9;font-size:.85rem}.opponent-left-banner{background:#ff325014;border:1px solid rgba(255,50,80,.35);color:#ff3250;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;padding:10px 18px;border-radius:10px;margin:0 auto 1rem;max-width:650px;text-align:center;box-shadow:0 4px 15px #0006}h1{font-family:Orbitron,monospace;color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 6px rgba(255,255,255,.25),0 0 10px rgba(0,200,255,.25);position:relative;transition:all .3s ease}h1.x-glow{color:#ff3250;text-shadow:0 0 8px rgba(255,50,80,.45)}h1.o-glow{color:#00c8ff;text-shadow:0 0 8px rgba(0,200,255,.45)}.current-player{font-size:1.4rem;font-weight:900;margin-bottom:.8rem;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2),0 0 15px rgba(0,200,255,.15);background:#0a0a19cc;padding:12px 20px;border-radius:15px;border:2px solid rgba(0,200,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block;position:relative;animation:currentPlayerGlow 1s ease-in-out infinite alternate;transition:all .3s ease}.current-player.x-player{border-color:#ff325066;background:#19050acc;text-shadow:0 0 8px rgba(255,255,255,.2),0 0 15px rgba(255,50,80,.2);animation:currentPlayerGlowRed 3s ease-in-out infinite alternate}.current-player.x-player .current-player-label{color:#ff3250;text-shadow:0 0 8px rgba(255,50,80,.4)}.current-player.o-player{border-color:#00c8ff66;background:#050f19cc;animation:currentPlayerGlowBlue 3s ease-in-out infinite alternate}.current-player.o-player .current-player-label{color:#00c8ff;text-shadow:0 0 8px rgba(0,200,255,.4)}.current-player-label{color:#fff;transition:all .3s ease}.current-player:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00c8ff26,#ff32501a,#00c8ff26);border-radius:18px;z-index:-1;filter:blur(5px);opacity:.5;animation:currentPlayerHalo 4s ease-in-out infinite;transition:all .3s ease}.current-player.x-player:before{background:linear-gradient(45deg,#ff325033,#ff32501a,#ff325033)}.current-player.o-player:before{background:linear-gradient(45deg,#00c8ff33,#00c8ff1a,#00c8ff33)}.game-instruction{color:#666;font-style:italic;font-family:Orbitron,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.game-instruction.x-theme{color:#ff3250;text-shadow:0 0 6px rgba(255,50,80,.4)}.game-instruction.o-theme{color:#00c8ff;text-shadow:0 0 6px rgba(0,200,255,.4)}.current-player.winner{font-size:1.8rem;padding:16px 24px;border-width:3px;animation:winnerStatusGlow 2s ease-in-out infinite alternate;transform:scale(1.03)}.current-player.winner .current-player-label{color:#fff;text-shadow:none}.current-player.winner:before{animation:none;opacity:.7}.current-player.winner.x-winner{border-color:#ff3250cc;background:#28050af2;box-shadow:0 0 20px #ff325066,0 0 40px #ff325040,inset 0 0 20px #ff32501a}.current-player.winner.o-winner{border-color:#00c8ffcc;background:#051428f2;box-shadow:0 0 20px #00c8ff66,0 0 40px #00c8ff40,inset 0 0 20px #00c8ff1a}.current-player.winner.tie-winner{border-color:#96969699;background:#141414f2;box-shadow:0 0 15px #9696964d,0 0 30px #96969633,inset 0 0 15px #96969614}@keyframes currentPlayerGlow{0%,to{border-color:#00c8ff33;box-shadow:0 0 10px #00c8ff40,inset 0 0 10px #00c8ff0d}50%{border-color:#00c8ff66;box-shadow:0 0 15px #00c8ff66,inset 0 0 15px #00c8ff1a}}@keyframes currentPlayerGlowRed{0%,to{border-color:#ff325066;box-shadow:0 0 10px #ff325040,inset 0 0 10px #ff32500d}50%{border-color:#ff325099;box-shadow:0 0 15px #ff325066,inset 0 0 15px #ff32501a}}@keyframes currentPlayerGlowBlue{0%,to{border-color:#00c8ff66;box-shadow:0 0 10px #00c8ff40,inset 0 0 10px #00c8ff0d}50%{border-color:#00c8ff99;box-shadow:0 0 15px #00c8ff66,inset 0 0 15px #00c8ff1a}}@keyframes currentPlayerHalo{0%,to{opacity:.4;filter:blur(5px)}50%{opacity:.7;filter:blur(8px)}}@keyframes winnerStatusGlow{0%{filter:brightness(1) saturate(1);text-shadow:0 0 8px currentColor}to{filter:brightness(1.1) saturate(1.2);text-shadow:0 0 12px currentColor,0 0 18px currentColor}}.status-flex-container{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.current-player.history-mode{border-color:#a855f766;background:#190c26d9;box-shadow:0 0 12px #a855f740,inset 0 0 8px #a855f71a;animation:historyGlow 3s ease-in-out infinite alternate}.current-player.history-mode .current-player-label{color:#c084fc;text-shadow:0 0 8px rgba(192,132,252,.5);font-size:1.15rem;letter-spacing:.08em}.current-player.history-mode:before{background:linear-gradient(45deg,#a855f733,#c084fc1a,#a855f733)}.return-live-btn{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 0 8px #8b5cf659;margin-left:4px}.return-live-btn:hover{background:linear-gradient(135deg,#a78bfa,#7c3aed);transform:translateY(-1px);box-shadow:0 0 12px #a78bfa80}.return-live-btn:active{transform:translateY(0)}.game-instruction.history-theme{color:#d8b4fed9;text-shadow:0 0 6px rgba(192,132,252,.3);font-size:.8rem;margin-top:4px}@keyframes historyGlow{0%,to{border-color:#a855f759;box-shadow:0 0 8px #a855f733}50%{border-color:#c084fca6;box-shadow:0 0 14px #c084fc66}}.super-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:650px;margin:1.5rem auto;background:#05050ffa;padding:25px;border-radius:20px;box-shadow:0 0 20px #00c8ff26,0 0 40px #ff32501a,inset 0 0 30px #000000b3,0 10px 30px #000c;border:2px solid rgba(0,200,255,.2);position:relative;transition:all .3s ease}.super-board.x-turn{border-color:#ff325066;box-shadow:0 0 25px #ff325033,inset 0 0 30px #000000b3,0 10px 30px #000c}.super-board.o-turn{border-color:#00c8ff66;box-shadow:0 0 25px #00c8ff33,inset 0 0 30px #000000b3,0 10px 30px #000c}.super-board:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00c8ff26,#ff325026,#00c8ff26,#ff325026);border-radius:22px;z-index:-1;animation:boardGlow 5s ease-in-out infinite;transition:all .3s ease}.super-board.x-turn:before{background:linear-gradient(45deg,#ff325033,#ff32501a,#ff325033,#ff32501a)}.super-board.o-turn:before{background:linear-gradient(45deg,#00c8ff33,#00c8ff1a,#00c8ff33,#00c8ff1a)}.super-board:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,#00c8ff14,#ff32500f,#00c8ff14,#ff32500f);border-radius:24px;z-index:-2;filter:blur(10px);animation:boardGlow 5s ease-in-out infinite reverse;transition:all .3s ease}.super-board.x-turn:after{background:linear-gradient(45deg,#ff32501f,#ff32500f,#ff32501f,#ff32500f)}.super-board.o-turn:after{background:linear-gradient(45deg,#00c8ff1f,#00c8ff0f,#00c8ff4d,#00c8ff0f)}.super-board.x-winner{border-color:#ff3250b3;box-shadow:0 0 25px #ff325066,0 0 50px #ff325033,inset 0 0 25px #ff32501a,0 12px 30px #000c;animation:boardWinRed 3s ease-in-out infinite}.super-board.o-winner{border-color:#00c8ffb3;box-shadow:0 0 25px #00c8ff66,0 0 50px #00c8ff33,inset 0 0 25px #00c8ff1a,0 12px 30px #000c;animation:boardWinBlue 3s ease-in-out infinite}.super-board.tie-winner{border-color:#96969680;box-shadow:0 0 20px #9696964d,0 0 40px #96969626,inset 0 0 20px #9696960d,0 10px 25px #000c;animation:boardWinTie 3s ease-in-out infinite}@keyframes boardGlow{0%,to{opacity:.2}50%{opacity:.4}}.small-board{background:#0a0a19f2;border-radius:12px;padding:8px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #000000b3,0 4px 15px #00000080,0 0 15px #00c8ff1a}.small-board.active{background:#00c8ff0a;box-shadow:0 0 0 2px #00c8ff,0 0 15px #00c8ff59,inset 0 0 15px #00c8ff14,0 4px 12px #0009;transform:scale(1.01);animation:activeGlow 2.5s ease-in-out infinite alternate;border:2px solid rgba(0,200,255,.4);transition:all .3s ease}.small-board.active-x{background:#ff32500a;box-shadow:0 0 0 2px #ff3250,0 0 15px #ff325059,inset 0 0 15px #ff325014,0 4px 12px #0009;border-color:#ff325066;animation:activeGlowRed 2.5s ease-in-out infinite alternate}.small-board.active-o{background:#00c8ff0a;box-shadow:0 0 0 2px #00c8ff,0 0 15px #00c8ff59,inset 0 0 15px #00c8ff14,0 4px 12px #0009;border-color:#00c8ff66;animation:activeGlowBlue 2.5s ease-in-out infinite alternate}.small-board.active:before,.small-board.active-x:before,.small-board.active-o:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,#00c8ff26,#00c8ff0d,#00c8ff26);border-radius:16px;z-index:-1;filter:blur(8px);animation:activeBoardGlow 2s ease-in-out infinite alternate;transition:all .6s ease}.small-board.active-x:before{background:linear-gradient(45deg,#ff325033,#ff32501a,#ff325033)}.small-board.active-o:before{background:linear-gradient(45deg,#00c8ff33,#00c8ff1a,#00c8ff33)}.small-board.won{opacity:.85;pointer-events:none}.small-board.won.x{background:#ff325014;border-color:#ff325080;box-shadow:0 0 0 2px #ff3250,0 0 15px #ff325066,inset 0 0 15px #ff32501a;animation:boardWinRed 3s ease-in-out infinite}.small-board.won.o{background:#00c8ff14;border-color:#00c8ff80;box-shadow:0 0 0 2px #00c8ff,0 0 15px #00c8ff66,inset 0 0 15px #00c8ff1a;animation:boardWinBlue 3s ease-in-out infinite}.small-board.won.tie{background:#9696960d;border-color:#96969666;box-shadow:0 0 0 2px #888,0 0 12px #96969640,inset 0 0 12px #9696960d;animation:boardWinTie 3s ease-in-out infinite}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}@keyframes activeGlow{0%,to{box-shadow:0 0 0 2px #00c8ff,0 0 15px #00c8ff59,inset 0 0 15px #00c8ff14,0 4px 12px #0009}50%{box-shadow:0 0 0 3px #00c8ff,0 0 25px #00c8ff80,inset 0 0 20px #00c8ff1f,0 6px 16px #000000b3}}@keyframes activeGlowRed{0%,to{box-shadow:0 0 0 2px #ff3250,0 0 15px #ff325059,inset 0 0 15px #ff325014,0 4px 12px #0009}50%{box-shadow:0 0 0 3px #ff3250,0 0 25px #ff325080,inset 0 0 20px #ff32501f,0 6px 16px #000000b3}}@keyframes activeGlowBlue{0%,to{box-shadow:0 0 0 2px #00c8ff,0 0 15px #00c8ff59,inset 0 0 15px #00c8ff14,0 4px 12px #0009}50%{box-shadow:0 0 0 3px #00c8ff,0 0 25px #00c8ff80,inset 0 0 20px #00c8ff1f,0 6px 16px #000000b3}}@keyframes activeBoardGlow{0%,to{opacity:.2}50%{opacity:.5}}.cell{width:55px;height:55px;border:2px solid rgba(255,255,255,.2);background:#0009;font-size:1.7rem;font-weight:900;font-family:Orbitron,monospace;cursor:pointer;transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1),border-color .16s cubic-bezier(.4,0,.2,1),background-color .16s cubic-bezier(.4,0,.2,1);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 15px #00000080,0 2px 8px #0000004d;will-change:transform}.cell:hover:not(:disabled){background:#00c8ff14;border-color:#00c8ff66;box-shadow:0 0 8px #00c8ff33,inset 0 0 10px #00c8ff0d,0 3px 10px #0006;transform:scale(1.02)}.cell:disabled{cursor:not-allowed;opacity:.7}.cell.x{color:#ff3250;text-shadow:0 0 8px rgba(255,50,80,.5);background:#ff32500d;border-color:#ff32504d;box-shadow:0 0 10px #ff325026,inset 0 0 10px #ff32500d}.cell.o{color:#00c8ff;text-shadow:0 0 8px rgba(0,200,255,.5);background:#00c8ff0d;border-color:#00c8ff4d;box-shadow:0 0 10px #00c8ff26,inset 0 0 10px #00c8ff0d}.cell.winning{animation:winningCell 1s ease-in-out infinite alternate}.cell.winning.x{box-shadow:0 0 15px #ff325066,inset 0 0 15px #ff32501a}.cell.winning.o{box-shadow:0 0 15px #00c8ff66,inset 0 0 15px #00c8ff1a}.cell.current-x:hover:not(:disabled){background:#ff325014;border-color:#ff325066;box-shadow:0 0 8px #ff325033,inset 0 0 10px #ff32500d,0 3px 10px #0006;transform:scale(1.02)}.cell.current-o:hover:not(:disabled){background:#00c8ff14;border-color:#00c8ff66;box-shadow:0 0 8px #00c8ff33,inset 0 0 10px #00c8ff0d,0 3px 10px #0006;transform:scale(1.02)}@keyframes winningCell{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.03);filter:brightness(1.15)}}.cell.hint{border-color:#ffd70080!important;background:#ffd7000a!important;box-shadow:0 0 10px #ffd70040,inset 0 0 8px #ffd7000d!important;animation:hintPulse 1.2s ease-in-out infinite alternate}.hint-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:radial-gradient(circle at center,rgba(255,215,0,.15) 0%,transparent 70%);pointer-events:none;animation:hintGlow 1.2s ease-in-out infinite alternate}@keyframes hintPulse{0%{border-color:#ffd70066;box-shadow:0 0 8px #ffd70033,inset 0 0 6px #ffd7000a}to{border-color:#ffd700b3;box-shadow:0 0 15px #ffd70066,inset 0 0 10px #ffd70014}}@keyframes hintGlow{0%{opacity:.3}to{opacity:.7}}.cell.played-cell{border-color:#00c8ffb3!important;box-shadow:0 0 12px #00c8ff66,inset 0 0 10px #00c8ff1a!important;animation:playedPulse 1.5s ease-in-out infinite alternate}.cell.best-move-cell{border-color:#00e696cc!important;background:#00e69614!important;box-shadow:0 0 12px #00e69666,inset 0 0 10px #00e6961a!important;animation:bestMovePulse 1.5s ease-in-out infinite alternate}@keyframes playedPulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes bestMovePulse{0%{transform:scale(1);border-color:#00e69699}to{transform:scale(1.03);border-color:#00e696f2}}.cell.marked-no-go.marked-x{border-color:#ff325073!important;background:#ff32500f!important;box-shadow:0 0 8px #ff325040,inset 0 0 6px #ff325014!important}.cell.marked-no-go.marked-o{border-color:#00c8ff73!important;background:#00c8ff0f!important;box-shadow:0 0 8px #00c8ff40,inset 0 0 6px #00c8ff14!important}.no-go-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;animation:noGoBreath 2s ease-in-out infinite alternate}.no-go-svg{width:22px;height:22px;opacity:.55;transition:filter .2s ease,opacity .2s ease}.no-go-svg.x-color{color:#ff3250;filter:drop-shadow(0 0 4px rgba(255,50,80,.7)) drop-shadow(0 0 10px rgba(255,50,80,.4))}.no-go-svg.o-color{color:#00c8ff;filter:drop-shadow(0 0 4px rgba(0,200,255,.7)) drop-shadow(0 0 10px rgba(0,200,255,.4))}@keyframes noGoBreath{0%{opacity:.35;transform:scale(.94)}to{opacity:.6;transform:scale(1.04)}}.button{background:#000000e6;color:#00c8ff;border:2px solid rgba(0,200,255,.8);padding:15px 30px;border-radius:30px;font-size:1rem;font-weight:700;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin:.5rem;box-shadow:0 0 8px #00c8ff33,inset 0 0 10px #00c8ff0d,0 4px 15px #00000080;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 5px rgba(0,200,255,.4)}.x-turn .button{border-color:#ff325080;color:#ff3250;box-shadow:0 0 8px #ff325033,inset 0 0 10px #ff32500d,0 4px 15px #00000080;text-shadow:0 0 5px rgba(255,50,80,.4)}.o-turn .button{border-color:#00c8ff80;color:#00c8ff;box-shadow:0 0 8px #00c8ff33,inset 0 0 10px #00c8ff0d,0 4px 15px #00000080;text-shadow:0 0 5px rgba(0,200,255,.4)}.button:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#00c8ff33,#00c8ff1a,#00c8ff33);border-radius:33px;z-index:-1;display:none}.button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;display:none}.button:hover{transform:translateY(-2px) scale(1.01);border-color:#ff3250b3;color:#ff3250;box-shadow:0 0 15px #ff325066,inset 0 0 15px #ff325014,0 6px 20px #0009}.button:active{transform:translateY(-1px) scale(.99);border-color:#ff3250cc;box-shadow:0 0 10px #ff325080,inset 0 0 10px #ff325026,0 3px 12px #000000b3;background:#000}.x-turn .button:hover{transform:translateY(-2px) scale(1.01);border-color:#00c8ffb3;color:#00c8ff;box-shadow:0 0 15px #00c8ff66,inset 0 0 15px #00c8ff14,0 6px 20px #0009;text-shadow:0 0 8px rgba(0,200,255,.6)}.x-turn .button:active{transform:translateY(-1px) scale(.99);border-color:#00c8ffcc;box-shadow:0 0 10px #00c8ff80,inset 0 0 10px #00c8ff26,0 3px 12px #000000b3;background:#000}.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:.25rem 0}.button.button-hint{border-color:#ffd70080;color:gold;box-shadow:0 0 8px #ffd70033,inset 0 0 10px #ffd7000d,0 4px 15px #00000080;text-shadow:0 0 5px rgba(255,215,0,.4)}.button.button-hint:hover{border-color:#ffd700cc;color:#ffec6e;box-shadow:0 0 15px #ffd70066,inset 0 0 15px #ffd70014,0 6px 20px #0009;text-shadow:0 0 8px rgba(255,215,0,.6)}.button.button-hint.active{background:#ffd70026;border-color:#ffd700e6;box-shadow:0 0 15px #ffd70073,inset 0 0 12px #ffd70026,0 4px 15px #00000080;text-shadow:0 0 8px rgba(255,215,0,.8)}.button.button-hint:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button.button-undo{border-color:#b464ff80;color:#c87dff;box-shadow:0 0 8px #b464ff33,inset 0 0 10px #b464ff0d,0 4px 15px #00000080;text-shadow:0 0 5px rgba(180,100,255,.4)}.button.button-undo:hover{border-color:#b464ffcc;color:#dba8ff;box-shadow:0 0 15px #b464ff66,inset 0 0 15px #b464ff14,0 6px 20px #0009;text-shadow:0 0 8px rgba(180,100,255,.6)}.hint-mode-container{display:flex;align-items:center;gap:12px;background:#000000a6;border:2px solid rgba(255,215,0,.4);padding:10px 22px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:.5rem;box-shadow:0 0 8px #ffd70026,inset 0 0 10px #ffd7000d,0 4px 15px #00000080;transition:all .4s cubic-bezier(.4,0,.2,1)}.hint-mode-container:hover{border-color:#ffd700cc;box-shadow:0 0 15px #ffd70059,inset 0 0 15px #ffd70014,0 6px 20px #0009}.hint-mode-label{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 5px rgba(255,215,0,.4);-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff14;transition:.3s;border:1px solid rgba(255,255,255,.25);border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff6;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0006}input:checked+.slider{background-color:#ffd70026;border-color:#ffd700b3}input:checked+.slider:before{transform:translate(22px);background-color:gold;box-shadow:0 0 10px gold,0 0 4px gold}.timers{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.timer{background:#0a0a14e6;padding:1rem 1.5rem;border-radius:25px;font-weight:700;border:2px solid rgba(255,255,255,.1);color:#aaa;font-family:Orbitron,monospace;letter-spacing:.1em;transition:all .4s ease;position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:120px;box-shadow:0 4px 15px #00000080,inset 0 0 15px #0000004d}.timer-label{font-size:.8rem;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.2em}.timer-value{font-size:1.6rem;font-weight:900;color:#fff;text-shadow:0 0 4px rgba(255,255,255,.2)}.timer.x-player{border-color:#ff325040;background:#19050ae6;box-shadow:0 0 6px #ff32501a,0 3px 10px #0009,inset 0 0 10px #ff32500a}.timer.x-player .timer-label,.timer.x-player .timer-value{color:#ff3250;text-shadow:none}.timer.o-player{border-color:#00c8ff66;background:#050f19e6;box-shadow:0 0 12px #00c8ff33,0 3px 10px #0009,inset 0 0 15px #00c8ff14}.timer.o-player .timer-label{color:#00c8ff;text-shadow:0 0 4px rgba(0,200,255,.4)}.timer.o-player .timer-value{color:#00c8ff;text-shadow:0 0 8px rgba(0,200,255,.5)}.timer.warning{animation:timerWarning 1s ease-in-out infinite alternate}.timer.critical{animation:timerCritical .5s ease-in-out infinite alternate}@keyframes timerWarning{0%{opacity:1}to{opacity:.75}}@keyframes timerCritical{0%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1.02)}}.timer.active{animation:activePulse 1s ease-in-out infinite;border-width:2px;transform:scale(1.02)}.timer.active.player-x{border-color:#ff325066;background:#28050af2;box-shadow:0 0 10px #ff325033,0 4px 15px #000000b3,inset 0 0 15px #ff32500f}.timer.active.player-x .timer-label{color:#ff6080;text-shadow:0 0 3px rgba(255,50,80,.3);animation:textGlowRed 1s ease-in-out infinite alternate}.timer.active.player-x .timer-value{color:#ff4060;text-shadow:0 0 5px rgba(255,50,80,.4);animation:valueGlowRed 1s ease-in-out infinite alternate}.timer.active.player-o{border-color:#00c8ffb3;background:#051423f2;box-shadow:0 0 20px #00c8ff59,0 4px 15px #000000b3,inset 0 0 20px #00c8ff1a}.timer.active.player-o .timer-label{color:#40d8ff;text-shadow:0 0 6px rgba(0,200,255,.6);animation:textGlow 1s ease-in-out infinite alternate}.timer.active.player-o .timer-value{color:#20d0ff;text-shadow:0 0 10px rgba(0,200,255,.7);animation:valueGlow 1s ease-in-out infinite alternate}@keyframes activePulse{0%{transform:scale(1.02);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.03)}to{transform:scale(1.02);filter:brightness(1)}}@keyframes textGlow{0%{opacity:.95;text-shadow:0 0 4px currentColor}to{opacity:1;text-shadow:0 0 6px currentColor,0 0 8px currentColor}}@keyframes valueGlow{0%{transform:scale(1);text-shadow:0 0 8px currentColor}to{transform:scale(1.005);text-shadow:0 0 6px currentColor,0 0 10px currentColor}}@keyframes textGlowRed{0%{opacity:.95;text-shadow:0 0 2px rgba(255,50,80,.3)}to{opacity:1;text-shadow:0 0 4px rgba(255,50,80,.5)}}@keyframes valueGlowRed{0%{transform:scale(1);text-shadow:0 0 4px rgba(255,50,80,.4)}to{transform:scale(1.005);text-shadow:0 0 6px rgba(255,50,80,.6)}}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#14141efa;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 0 30px #000000e6,0 0 60px #ff325040,inset 0 0 20px #ff32500d;font-size:3rem;font-weight:700;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.2em;z-index:1001;color:#fff;border:2px solid rgba(255,50,80,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:winModalEntrance 1s cubic-bezier(.4,0,.2,1) forwards,winModalGlow 2s ease-in-out 1s infinite alternate}.game-over.x{color:#ff3250;text-shadow:0 0 8px rgba(255,50,80,.6);border-color:#ff325080;box-shadow:0 0 30px #000000e6,0 0 60px #ff325059,inset 0 0 20px #ff32501a}.game-over.o{color:#00c8ff;text-shadow:0 0 8px rgba(0,200,255,.6);border-color:#00c8ff80;box-shadow:0 0 30px #000000e6,0 0 60px #00c8ff59,inset 0 0 20px #00c8ff1a}.game-over.tie{color:#c9c9c9;text-shadow:0 0 8px rgba(200,200,200,.4);border-color:#96969666;box-shadow:0 0 30px #000000e6,0 0 40px #96969640,inset 0 0 20px #9696960d}.board-winner{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;font-family:Orbitron,monospace;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:winnerAppear .6s cubic-bezier(.4,0,.2,1) .2s both}.board-winner.x{color:#ff3250;text-shadow:0 0 10px rgba(255,50,80,.6);background:#ff325014;animation:winnerAppear .6s cubic-bezier(.4,0,.2,1) .2s both,winnerGlowRed 2s ease-in-out .8s infinite alternate}.board-winner.o{color:#00c8ff;text-shadow:0 0 10px rgba(0,200,255,.6);background:#00c8ff14;animation:winnerAppear .6s cubic-bezier(.4,0,.2,1) .2s both,winnerGlowBlue 2s ease-in-out .8s infinite alternate}.board-winner.tie{color:#888;text-shadow:0 0 8px rgba(150,150,150,.4);background:#96969614}@keyframes winnerAppear{0%{opacity:0;transform:scale(.5) rotate(-180deg);filter:blur(10px)}50%{opacity:.8;transform:scale(1.1) rotate(0);filter:blur(2px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}}@keyframes winnerGlowRed{0%,to{text-shadow:0 0 10px rgba(255,50,80,.5)}50%{text-shadow:0 0 15px rgba(255,50,80,.7),0 0 25px rgba(255,50,80,.4)}}@keyframes winnerGlowBlue{0%,to{text-shadow:0 0 10px rgba(0,200,255,.5)}50%{text-shadow:0 0 15px rgba(0,200,255,.7),0 0 25px rgba(0,200,255,.4)}}.rules{margin-top:2rem;text-align:left;background:#0a0a14e6;padding:2rem;border-radius:20px;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 5px 20px #00000080,inset 0 0 20px #0000004d;transition:all .3s ease}.rules h3{color:#fff;margin-bottom:1.5rem;text-shadow:0 0 8px rgba(0,200,255,.5);font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:1.3rem;animation:textShimmer 3s ease-in-out infinite}.rules ul{list-style:none;padding-left:0}.rules li{margin-bottom:1rem;position:relative;padding-left:2.5rem;color:#e8e8e8;font-size:1rem;line-height:1.5;font-family:Orbitron,monospace;font-weight:400;letter-spacing:.05em;text-shadow:0 0 3px rgba(255,255,255,.15);transition:all .3s ease}.rules li:hover{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.4),0 0 10px rgba(0,200,255,.3);transform:translate(4px)}.rules li:before{content:"▶";color:#00c8ff;position:absolute;left:0;font-size:1rem;text-shadow:0 0 4px rgba(0,200,255,.5);animation:arrowPulse 2s ease-in-out infinite alternate;transition:all .3s ease}.rules li:hover:before{color:#40d8ff;text-shadow:0 0 6px rgba(64,216,255,.6);transform:scale(1.1)}.rules:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0009,inset 0 0 20px #0006}.rules.x-theme{border-color:#ff325066;background:#19050ae6;box-shadow:0 0 15px #ff325033,0 3px 12px #0009,inset 0 0 20px #ff325014}.rules.x-theme h3{color:#fff;text-shadow:0 0 8px rgba(255,50,80,.6)}.rules.x-theme li:before{color:#ff3250;text-shadow:0 0 4px rgba(255,50,80,.5)}.rules.x-theme li:hover{text-shadow:0 0 5px rgba(255,255,255,.4),0 0 10px rgba(255,50,80,.3)}.rules.x-theme li:hover:before{color:#ff6080;text-shadow:0 0 6px rgba(255,96,128,.6)}.rules.o-theme{border-color:#00c8ff66;background:#050f19e6;box-shadow:0 0 15px #00c8ff33,0 3px 12px #0009,inset 0 0 20px #00c8ff14}.rules.o-theme h3{color:#fff;text-shadow:0 0 8px rgba(0,200,255,.6)}.rules.o-theme li:before{color:#00c8ff;text-shadow:0 0 4px rgba(0,200,255,.5)}.rules.o-theme li:hover{text-shadow:0 0 5px rgba(255,255,255,.4),0 0 10px rgba(0,200,255,.3)}.rules.o-theme li:hover:before{color:#40d8ff;text-shadow:0 0 6px rgba(64,216,255,.6)}.rules.neutral-theme{border-color:#9696964d;box-shadow:0 3px 12px #00000080,0 0 15px #96969626,inset 0 0 20px #0000004d}.rules.neutral-theme h3{color:#c9c9c9;text-shadow:0 0 6px rgba(200,200,200,.4)}.rules.neutral-theme li:before{color:#999;text-shadow:0 0 4px rgba(150,150,150,.4)}.rules.neutral-theme li:hover{color:#f0f0f0;text-shadow:0 0 5px rgba(200,200,200,.3)}.rules.neutral-theme li:hover:before{color:#bbb;text-shadow:0 0 6px rgba(200,200,200,.5)}.rules-title.neutral-glow{color:#c9c9c9;text-shadow:0 0 6px rgba(200,200,200,.4)}.rules li:nth-child(1),.rules li:nth-child(4){font-weight:600;color:#f0f0f0;text-shadow:0 0 4px rgba(255,255,255,.2)}.rules li:nth-child(1):hover,.rules li:nth-child(4):hover{text-shadow:0 0 6px rgba(255,255,255,.4),0 0 10px rgba(0,200,255,.3)}@keyframes textShimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes arrowPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.start-menu{background:#05050f4d;border-radius:25px;box-shadow:0 0 25px #00c8ff26,inset 0 0 20px #00000080,0 10px 30px #0006;padding:3rem 2.5rem 2.5rem;max-width:450px;margin:40px auto 0;text-align:center;border:2px solid rgba(0,200,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;transition:all .6s ease}.start-menu:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:28px;z-index:-1;opacity:.5;filter:blur(4px)}.start-menu h2.menu-title{display:flex;flex-direction:column;gap:.2em;align-items:center;margin-bottom:.75em}.menu-title-line{font-family:Orbitron,monospace;font-weight:900;text-transform:uppercase;letter-spacing:.12em;line-height:1.05}.menu-title-super{font-size:2.4em;color:#ff3250;text-shadow:0 0 8px rgba(255,50,80,.5)}.menu-title-ttt{font-size:2.1em;color:#00c8ff;white-space:nowrap;text-shadow:0 0 8px rgba(0,200,255,.5)}.start-menu .subtitle{color:#fff;font-size:1em;margin:.8em 0 2em;font-family:Orbitron,monospace;font-weight:400;letter-spacing:.15em;text-transform:uppercase;opacity:.8;text-shadow:0 0 5px rgba(255,255,255,.2),0 0 10px rgba(0,200,255,.25);animation:subtitleGlow 4s ease-in-out infinite alternate;transition:all .3s ease}.start-menu .subtitle:hover{opacity:1;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 15px rgba(0,200,255,.35);transform:scale(1.02)}.start-menu button{margin:.7em 0;padding:15px 35px;font-size:1.1em;font-weight:700;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.05em;background:#000c;color:#00c8ff;border:2px solid rgba(0,200,255,.4);border-radius:30px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #00c8ff33,0 4px 15px #00000080,inset 0 0 10px #00c8ff0d;display:block;width:100%;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 5px rgba(0,200,255,.4)}.start-menu button:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#00c8ff26,#00c8ff0d,#00c8ff26);border-radius:33px;z-index:-1;opacity:0;transition:opacity .4s ease;filter:blur(4px)}.start-menu button:hover{transform:translateY(-2px) scale(1.01);border-color:#ff3250b3;color:#ff3250;box-shadow:0 0 15px #ff325066,inset 0 0 15px #ff325014,0 8px 25px #0009;text-shadow:0 0 8px rgba(255,50,80,.6)}.start-menu button:hover:before{opacity:1;background:linear-gradient(45deg,#ff325033,#ff32501a,#ff325033)}.start-menu button:active{transform:translateY(-1px) scale(.99)}.online-options{background:#05050f66;border-radius:15px;padding:2rem 1.5rem 1.5rem;margin-top:1.5em;border:2px solid rgba(0,200,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #00c8ff26,inset 0 0 20px #00000080,0 6px 20px #0000004d;transition:all .3s ease}.multiplayer-mode-badge{font-size:.8rem;font-family:Orbitron,monospace;font-weight:700;color:#00c8ffd9;background:#00c8ff14;border:1px solid rgba(0,200,255,.25);padding:6px 12px;border-radius:20px;margin-bottom:1.2rem;display:inline-block}.display-name-input,.join-code-input{width:92%;padding:12px 15px;border-radius:15px;border:2px solid rgba(0,200,255,.25);margin-bottom:1em;font-size:1em;font-family:Orbitron,monospace;background:#000000b3;color:#00c8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-shadow:none}.display-name-input:focus,.join-code-input:focus{outline:none;border-color:#ff325066;box-shadow:0 0 10px #ff325040,inset 0 0 10px #ff32500d;color:#ff3250;text-shadow:0 0 4px rgba(255,50,80,.3)}.display-name-input::placeholder,.join-code-input::placeholder{color:#00c8ff80;font-style:italic}.game-code-box{background:#00c8ff0d;color:#00c8ff;border:2px dashed rgba(0,200,255,.4);border-radius:15px;padding:15px 0;font-size:1.4em;letter-spacing:3px;margin:1em auto 0;width:85%;font-weight:700;font-family:Orbitron,monospace;box-shadow:0 0 12px #00c8ff26,inset 0 0 10px #00c8ff0d;-webkit-user-select:all;user-select:all;text-shadow:0 0 5px rgba(0,200,255,.4);animation:codeGlow 3s ease-in-out infinite alternate}@keyframes codeGlow{0%{box-shadow:0 0 12px #00c8ff26,inset 0 0 10px #00c8ff0d}to{box-shadow:0 0 20px #00c8ff4d,inset 0 0 15px #00c8ff1a}}.join-error{color:#ff3250;font-size:.9em;margin-top:.5em;text-shadow:0 0 3px rgba(255,50,80,.3);font-family:Orbitron,monospace;font-weight:600}.start-menu:hover{border-color:#ff325080;box-shadow:0 0 30px #ff325040,inset 0 0 20px #00000080,0 12px 35px #00000080;transform:translateY(-1px)}.start-menu:hover:before{opacity:0}@keyframes subtitleGlow{0%{opacity:.7;text-shadow:0 0 4px rgba(255,255,255,.2),0 0 8px rgba(0,200,255,.2)}to{opacity:.9;text-shadow:0 0 6px rgba(255,255,255,.3),0 0 12px rgba(0,200,255,.3)}}.start-menu .ai-option-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;flex:1;padding:8px 10px;margin:0;border-radius:20px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:2px solid rgba(255,255,255,.15);background:#00000080;color:#fff6;transition:all .2s ease;box-shadow:none;text-shadow:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.start-menu .ai-option-btn:hover{transform:none!important;scale:1!important;border-color:#ffffff59!important;color:#fffc!important;box-shadow:none!important;text-shadow:none!important}.start-menu .ai-option-btn:active{transform:scale(.95)!important;box-shadow:none!important;background:#000000b3!important}.start-menu .ai-option-btn.selected-x{border-color:#ff3250cc!important;background:#ff325026!important;color:#ff3250!important;box-shadow:0 0 12px #ff325066!important;text-shadow:0 0 8px rgba(255,50,80,.6)!important}.start-menu .ai-option-btn.selected-o{border-color:#00c8ffcc!important;background:#00c8ff26!important;color:#00c8ff!important;box-shadow:0 0 12px #00c8ff66!important;text-shadow:0 0 8px rgba(0,200,255,.6)!important}.start-menu .ai-option-btn.selected-neutral{border-color:#ffffff80!important;background:#ffffff1a!important;color:#ffffffe6!important;box-shadow:0 0 10px #fff3!important}.start-menu .ai-option-btn:before,.start-menu .ai-option-btn:hover:before,.start-menu .ai-option-btn:after,.start-menu .ai-option-btn:hover:after{display:none!important;content:none!important;opacity:0!important}.timer-presets{gap:4px!important}.timer-presets .ai-option-btn{padding:6px 8px!important;font-size:.68rem!important;min-width:0;flex:1 1 0}.board-area{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:14px;width:100%}.eval-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;align-self:stretch;width:44px;padding:4px 0}.eval-bar-top-label,.eval-bar-bottom-label{display:flex;flex-direction:column;align-items:center;gap:2px}.eval-bar-player-label{font-family:Orbitron,monospace;font-size:1rem;font-weight:900;letter-spacing:.05em;flex-shrink:0}.eval-bar-x-label{color:#ff3250;text-shadow:0 0 4px rgba(255,50,80,.5)}.eval-bar-o-label{color:#00c8ff;text-shadow:0 0 4px rgba(0,200,255,.5)}.eval-bar-you-tag{font-family:Orbitron,monospace;font-size:.75rem;letter-spacing:.08em;color:#ffffffb3;text-transform:uppercase}.eval-bar{flex:1;width:20px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#00000080;display:flex;flex-direction:column;position:relative;box-shadow:0 0 12px #000000b3,inset 0 0 8px #00000080,0 0 1px #ffffff0a;min-height:180px}.eval-bar-x-fill{width:100%;background:linear-gradient(to bottom,#ff3250f2,#c81e3ca6);transition:height .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 5px #ff325040}.eval-bar-o-fill{width:100%;flex:1;background:linear-gradient(to top,#00c8fff2,#00a0d2a6);box-shadow:0 -2px 5px #00c8ff40}.eval-bar-divider{position:absolute;left:-2px;right:-2px;height:3px;background:#ffffffeb;box-shadow:0 0 3px #ffffffe6,0 0 8px #ffffff4d;transform:translateY(-50%);transition:top .3s cubic-bezier(.4,0,.2,1);border-radius:2px;pointer-events:none}.eval-bar-score{font-family:Orbitron,monospace;font-size:.9rem;font-weight:800;color:#ffffffe6;text-align:center;letter-spacing:.04em;line-height:1;margin:2px 0}.eval-bar-score-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;font-size:1rem;text-shadow:0 0 4px rgba(0,0,0,.9)}.bot-thinking-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase;margin:4px 0 -4px;height:1.4em}.bot-thinking-dots{display:inline-flex;gap:3px}.bot-thinking-dots span{width:4px;height:4px;border-radius:50%;background:#ffffff80;animation:thinkingPulse 1.2s ease-in-out infinite}.bot-thinking-dots span:nth-child(2){animation-delay:.2s}.bot-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinkingPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ai-options{background:#05050f80;border-radius:15px;padding:1.5rem 1.2rem 1.2rem;margin-top:1.2em;border:2px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 25px #ff325033,inset 0 0 20px #0006;text-align:center}.ai-options-title{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ffffffd9;margin-bottom:1.2em;text-shadow:0 0 10px rgba(255,255,255,.2)}.ai-option-group{margin-bottom:1.1em}.ai-option-label{font-family:Orbitron,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff73;margin-bottom:.55em}.ai-option-buttons{display:flex;gap:8px;justify-content:center}.ai-option-btn{flex:1;padding:8px 10px;border-radius:20px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:2px solid rgba(255,255,255,.15);background:#00000080;color:#fff6;transition:all .2s ease}.ai-option-btn:hover{border-color:#ffffff59;color:#fffc}.ai-option-btn.selected-x{border-color:#ff325099;background:#ff32501a;color:#ff3250;box-shadow:0 0 6px #ff325040;text-shadow:0 0 4px rgba(255,50,80,.4)}.ai-option-btn.selected-o{border-color:#00c8ff99;background:#00c8ff1a;color:#00c8ff;box-shadow:0 0 6px #00c8ff40;text-shadow:0 0 4px rgba(0,200,255,.4)}.ai-option-btn.selected-neutral{border-color:#fff6;background:#ffffff14;color:#fffffff2;box-shadow:0 0 6px #ffffff26}@media (prefers-reduced-motion: reduce){.eval-bar-x-fill,.eval-bar-divider,.bot-thinking-dots span{transition:none;animation:none}}body.perf-low .eval-bar-x-fill,body.perf-low .eval-bar-divider{transition:none}body.perf-low .eval-bar-x-fill,body.perf-low .eval-bar-o-fill{box-shadow:none}body.perf-low .eval-bar{box-shadow:0 0 0 1px #ffffff14}body.perf-low .bot-thinking-dots span{animation:none;opacity:.5}.move-history-panel{display:flex;flex-direction:column;background:#080c1cd9;border:1px solid rgba(0,200,255,.25);border-radius:16px;box-shadow:0 8px 32px #0009,inset 0 0 15px #00c8ff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:380px;min-width:330px;height:650px;max-height:650px;margin-top:275px;margin-bottom:0;padding:1rem;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;align-self:flex-start;position:relative}.move-history-panel.collapsed{width:52px;min-width:52px;padding:.75rem .4rem;align-items:center}.move-history-panel.collapsed .export-header-btn{display:none}.move-history-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.6rem}.move-history-panel.collapsed .move-history-header{flex-direction:column;align-items:center;gap:12px;border-bottom:none;margin-bottom:0;padding-bottom:0;width:100%}.move-history-title{display:flex;align-items:center;gap:8px;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;letter-spacing:.05em;color:#ffffffe6}.move-history-panel.collapsed .move-history-title span:not(.icon){display:none}.status-pill{font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:10px;letter-spacing:.08em;text-transform:uppercase}.status-pill.live{background:#00e69633;color:#00e696;border:1px solid rgba(0,230,150,.4);box-shadow:0 0 8px #00e6964d}.status-pill.history{background:#ffb40033;color:#ffb400;border:1px solid rgba(255,180,0,.4);box-shadow:0 0 8px #ffb4004d}.header-actions{display:flex;align-items:center;gap:6px}.move-history-panel.collapsed .header-actions{flex-direction:column;width:100%;align-items:center}.export-header-btn{background:#00e69626;border:1px solid rgba(0,230,150,.4);color:#00e696;border-radius:8px;padding:4px 10px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.export-header-btn:hover,.export-header-btn.active{background:#00e69659;border-color:#00e696b3;color:#fff;box-shadow:0 0 10px #00e69666}.collapse-toggle{background:#00c8ff0f;border:1px solid rgba(0,200,255,.25);color:#00c8ff;border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 6px #00c8ff0d}.collapse-toggle:hover{background:#00c8ff38;border-color:#00c8ffa6;color:#fff;box-shadow:0 0 10px #00c8ff59,inset 0 0 8px #00c8ff26;transform:scale(1.06)}.collapse-chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.collapse-toggle.collapsed .collapse-chevron-icon{transform:rotate(180deg)}.notation-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:.6rem;background:#00000059;padding:4px 8px;border-radius:8px;border:1px solid rgba(0,200,255,.15)}.notation-label{font-size:.68rem;color:#fff9;font-weight:600;white-space:nowrap}.custom-dropdown{position:relative;flex:1;min-width:0}.custom-dropdown-trigger{width:100%;display:flex;align-items:center;gap:6px;background:#0c1226d9;color:#00c8ff;border:1px solid rgba(0,200,255,.3);border-radius:6px;padding:4px 8px;font-family:Orbitron,monospace;font-size:.68rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 8px #0006}.custom-dropdown-trigger:hover,.custom-dropdown-trigger.open{border-color:#00c8ffbf;background:#00c8ff14;box-shadow:0 0 10px #00c8ff40,inset 0 0 8px #00c8ff1a;color:#fff}.dropdown-selected-label{font-weight:700;white-space:nowrap}.dropdown-selected-desc{font-size:.62rem;color:#00c8ffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.dropdown-chevron{color:#00c8ffb3;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-chevron.open{transform:rotate(180deg);color:#00c8ff}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:210px;background:#080c1af5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(0,200,255,.45);border-radius:8px;padding:4px;z-index:100;box-shadow:0 10px 25px #000000d9,0 0 15px #00c8ff40;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-option-item{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 10px;cursor:pointer;text-align:left;transition:all .16s ease;font-family:Orbitron,monospace}.dropdown-option-item:hover{background:#00c8ff1f;border-color:#00c8ff4d;transform:translate(2px)}.dropdown-option-item.selected{background:#00c8ff33;border-color:#00c8ff99;box-shadow:inset 0 0 8px #00c8ff26}.option-main{display:flex;flex-direction:column;gap:1px}.option-title{font-size:.72rem;font-weight:700;color:#e0f4ff}.dropdown-option-item.selected .option-title{color:#00c8ff;text-shadow:0 0 6px rgba(0,200,255,.5)}.option-example{font-size:.62rem;color:#ffffff80;font-family:monospace}.option-checkmark{color:#00e696;font-size:.8rem;font-weight:900;text-shadow:0 0 6px rgba(0,230,150,.7)}.legend-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;border-radius:6px;padding:3px 8px;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.legend-toggle-btn:hover,.legend-toggle-btn.active{background:#00c8ff40;border-color:#00c8ff99;color:#fff;box-shadow:0 0 8px #00c8ff4d}.notation-legend-card{background:#0a0f1ef5;border:1px solid rgba(0,200,255,.4);border-radius:10px;padding:8px 10px;margin-bottom:.6rem;box-shadow:0 6px 20px #000c;animation:fadeInLegend .2s cubic-bezier(0,0,.2,1)}@keyframes fadeInLegend{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.legend-card-header{display:flex;align-items:center;justify-content:space-between;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;color:#00c8ff;margin-bottom:4px}.legend-close-btn{background:transparent;border:none;color:#ffffff80;font-size:.75rem;cursor:pointer;padding:0 4px}.legend-close-btn:hover{color:#ff3250}.legend-desc{font-size:.63rem;color:#ffffffb3;margin:0 0 6px;line-height:1.3}.legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.legend-grid-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px;display:flex;flex-direction:column;align-items:center;text-align:center}.legend-name{font-size:.58rem;font-weight:700;color:#ffffffe6;margin-bottom:2px;white-space:nowrap}.legend-codes{display:flex;gap:2px;justify-content:center}.code-badge{font-family:Orbitron,monospace;font-size:.52rem;font-weight:700;padding:1px 3px;border-radius:3px}.code-badge.alg{background:#00c8ff33;color:#00c8ff}.code-badge.num{background:#ffb40033;color:#ffb400}.code-badge.srt{background:#ffffff1a;color:#ffffffb3}.history-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:.6rem;background:#0006;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.ctrl-btn{flex:1;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ctrl-btn:hover:not(:disabled){background:#00c8ff33;border-color:#00c8ff80;color:#fff;box-shadow:0 0 8px #00c8ff4d}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.move-list-container{flex:1;overflow-y:auto;min-height:120px;margin-bottom:.6rem;padding-right:4px}.move-list-container::-webkit-scrollbar{width:5px}.move-list-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.move-list-container::-webkit-scrollbar-thumb{background:#00c8ff4d;border-radius:3px}.empty-history{height:100%;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.8rem;font-style:italic}.move-list{display:flex;flex-direction:column;gap:6px}.move-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .2s ease}.move-item:hover{background:#ffffff14;border-color:#fff3}.move-item.selected{background:#00c8ff26;border-color:#00c8ff99;box-shadow:0 0 10px #00c8ff33}.move-num{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;color:#ffffff80;min-width:24px}.player-icon{font-family:Orbitron,monospace;font-weight:900;font-size:.8rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-icon.x{color:#ff3250;background:#ff325026;border:1px solid rgba(255,50,80,.4)}.player-icon.o{color:#00c8ff;background:#00c8ff26;border:1px solid rgba(0,200,255,.4)}.move-notation{font-family:Orbitron,monospace;font-size:.72rem;color:#fffffff2;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:6px;letter-spacing:.03em}.badge-blunder{background:#ff325040;color:#ff3250;border:1px solid rgba(255,50,80,.5);box-shadow:0 0 6px #ff32504d}.badge-mistake{background:#ffb40040;color:#ffb400;border:1px solid rgba(255,180,0,.5)}.badge-inaccuracy{background:#c8c8ff26;color:#dcdcffcc;border:1px solid rgba(200,200,255,.3)}.badge-good{background:#00b4ff2e;color:#00b4ff;border:1px solid rgba(0,180,255,.4)}.badge-best{background:#00e69633;color:#00e696;border:1px solid rgba(0,230,150,.4)}.inspection-card{background:#00000080;border:1px solid rgba(0,200,255,.3);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:.73rem}.inspection-header{display:flex;align-items:center;justify-content:space-between}.inspection-title{font-family:Orbitron,monospace;font-weight:700;color:#fffffff2}.inspection-notation{color:#00c8ff;font-family:Orbitron,monospace;font-weight:700;font-size:.75rem}.inspection-breakdown{display:flex;flex-direction:column;gap:2px;background:#ffffff08;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.breakdown-item{display:flex;justify-content:space-between;align-items:center}.bd-label{color:#ffffff80;font-size:.65rem}.bd-val{color:#ffffffe6;font-weight:600;font-size:.68rem}.inspection-stats{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;padding:4px 8px;border-radius:6px}.stat-label{color:#ffffff80}.stat-val{font-family:Orbitron,monospace;font-weight:700;color:#00c8ff}.blunder-recommendation{background:#ff32501f;border:1px dashed rgba(255,50,80,.4);border-radius:8px;padding:6px 8px;margin-top:2px}.recommend-title{color:#ff3250;font-weight:700;font-size:.68rem;margin-bottom:2px}.recommend-move{font-family:Orbitron,monospace;font-size:.7rem;color:#fffffff2}.inspection-actions{display:flex;gap:6px;margin-top:4px}.branch-btn,.live-btn{flex:1;padding:6px;border-radius:6px;font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.branch-btn{background:#00e69626;color:#00e696;border:1px solid rgba(0,230,150,.4)}.branch-btn:hover{background:#00e6964d;box-shadow:0 0 8px #00e69666}.live-btn{background:#00c8ff26;color:#00c8ff;border:1px solid rgba(0,200,255,.4)}.live-btn:hover{background:#00c8ff4d;box-shadow:0 0 8px #00c8ff66}.export-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fffc;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .2s ease}.export-toggle-btn:hover,.export-toggle-btn.active{background:#00e69640;border-color:#00e69699;color:#fff;box-shadow:0 0 8px #00e6964d}.export-modal-card{background:#0a0f1ef5;border:1px solid rgba(0,230,150,.4);border-radius:10px;padding:10px;margin-bottom:.6rem;box-shadow:0 6px 20px #000000d9;animation:fadeInLegend .2s cubic-bezier(0,0,.2,1);display:flex;flex-direction:column;gap:8px}.modal-header{display:flex;align-items:center;justify-content:space-between;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:#00e696}.modal-close-btn{background:transparent;border:none;color:#ffffff80;font-size:.75rem;cursor:pointer;padding:0 4px}.modal-close-btn:hover{color:#ff3250}.export-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.export-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 4px;color:#ffffffe6;font-family:Orbitron,sans-serif;font-size:.62rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.export-action-btn:hover{background:#00e69633;border-color:#00e69680;color:#fff;box-shadow:0 0 8px #00e6964d}.export-preview-box{display:flex;flex-direction:column;gap:4px;margin-top:2px}.preview-label{font-size:.6rem;color:#ffffff80;font-weight:600}.export-textarea{width:100%;height:65px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#00c8ff;font-family:monospace;font-size:.6rem;padding:4px;box-sizing:border-box;resize:none;outline:none}.history-toast-notification{background:#00e696e6;color:#04121e;font-family:Orbitron,monospace;font-size:.68rem;font-weight:800;padding:6px 10px;border-radius:8px;text-align:center;margin-bottom:.6rem;box-shadow:0 4px 12px #00e69666;animation:fadeInLegend .2s ease}@media (max-width: 950px){.move-history-panel{width:100%;min-width:unset;height:auto;max-height:250px;margin-top:0}.move-history-panel.collapsed{width:100%;height:44px}}body{margin:0;padding:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}