@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #14141f;--bg-tertiary: #1a1a2e;--neon-blue: #00d4ff;--neon-cyan: #00fff5;--neon-pink: #ff00ff;--neon-purple: #b000ff;--neon-green: #00ff88;--neon-yellow: #ffea00;--neon-red: #ff0055;--neon-orange: #ff6b00;--board-light: #3e5060;--board-dark: #2a3544;--board-selected: #f6f669;--board-move: #baca44;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #7a7a7a;--border-glow: rgba(0, 212, 255, .3);--glow-blue: 0 0 20px rgba(0, 212, 255, .6);--glow-pink: 0 0 20px rgba(255, 0, 255, .6);--glow-green: 0 0 20px rgba(0, 255, 136, .6);--glow-yellow: 0 0 20px rgba(255, 234, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}[v-cloak]{display:none}.compact-topbar{height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-glow);box-shadow:0 2px 10px #00d4ff1a;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.topbar-logo{font-size:1.25rem;font-weight:700;font-family:Bebas Neue,sans-serif;color:var(--neon-blue);letter-spacing:1px;text-shadow:var(--glow-blue)}.topbar-actions{display:flex;gap:.5rem;align-items:center}.icon-btn{width:36px;height:36px;background:transparent;border:1px solid var(--border-glow);border-radius:50%;color:var(--text-secondary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-tertiary);color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:var(--glow-blue)}.chessdotcom-layout{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;padding:1.5rem;max-width:1600px;margin:0 auto;width:100%;flex:1}.sidebar-container{background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-glow);box-shadow:0 0 30px #00d4ff26;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 120px);position:sticky;top:80px;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:2px solid rgba(0,212,255,.2);background:#0000004d}.sidebar-tab{flex:1;padding:1rem .75rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.25rem}.sidebar-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.sidebar-tab.active{border-bottom-color:var(--neon-blue);color:var(--neon-blue);text-shadow:var(--glow-blue);background:#00d4ff14}.tab-emoji{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.sidebar-content{flex:1;overflow-y:auto;padding:1.25rem}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0003}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.turn-indicator-sidebar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#1a1f2ee6,#2a3544b3);border:3px solid var(--neon-cyan);border-radius:50px;margin-bottom:1.25rem;box-shadow:0 0 25px #00fff566}.turn-icon-sidebar{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.turn-text-sidebar{font-family:Bebas Neue,sans-serif;font-size:1.2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);letter-spacing:2px}.thinking-dots-sidebar{display:inline-flex;gap:.2rem}.thinking-dots-sidebar .dot{width:6px;height:6px;background:var(--neon-cyan);border-radius:50%;animation:thinkingPulse 1.4s infinite}.thinking-dots-sidebar .dot:nth-child(1){animation-delay:0s}.thinking-dots-sidebar .dot:nth-child(2){animation-delay:.2s}.thinking-dots-sidebar .dot:nth-child(3){animation-delay:.4s}.piece-collection-display{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.75rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px;margin-bottom:1rem}.collection-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.collection-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.collection-count{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:var(--text-muted)}.collection-count.ready{color:var(--neon-green);text-shadow:var(--glow-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.claimed-pieces-panel{background:#00ff881a;border:2px solid var(--neon-green);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 0 20px #00ff884d}.claimed-title{font-family:Bebas Neue,sans-serif;font-size:1rem;color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:1px;margin-bottom:.75rem;text-align:center}.claimed-list{display:flex;flex-direction:column;gap:.5rem}.claimed-piece-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#00ff881a;border:2px solid var(--neon-green);border-radius:6px;cursor:pointer;transition:all .3s;color:var(--neon-green)}.claimed-piece-btn:hover{background:#0f83;box-shadow:0 0 20px #0f86;transform:translateY(-2px)}.claimed-piece-btn.active{background:#00ff884d;box-shadow:0 0 30px #0f89;animation:pulse 2s infinite}.claimed-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.claimed-name{font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:1px;flex:1}.claimed-count{font-family:Bebas Neue,sans-serif;font-size:1rem;padding:.25rem .5rem;background:#0f83;border-radius:4px}.claimed-piece-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary)}.power-card-compact.common{border-color:#22c55e;box-shadow:0 0 15px #22c55e4d}.power-card-compact.common:hover{box-shadow:0 0 25px #22c55e80,0 8px 30px #0006}.power-card-compact.common .power-card-name{color:#22c55e;text-shadow:0 0 15px rgba(34,197,94,.5)}.power-card-compact.uncommon{border-color:var(--neon-blue);box-shadow:0 0 15px #00d4ff4d}.power-card-compact.uncommon:hover{box-shadow:0 0 25px #00d4ff80,0 8px 30px #0006}.power-card-compact.uncommon .power-card-name{color:var(--neon-blue);text-shadow:var(--glow-blue)}.power-card-compact.rare{border-color:var(--neon-purple);box-shadow:0 0 15px #b000ff4d}.power-card-compact.rare:hover{box-shadow:0 0 25px #b000ff80,0 8px 30px #0006}.power-card-compact.rare .power-card-name{color:var(--neon-purple);text-shadow:0 0 15px rgba(176,0,255,.5)}.power-card-compact.collected{border-color:var(--neon-green);box-shadow:0 0 20px #0f86;background:linear-gradient(135deg,#00ff881a,#0a0a14cc)}.power-card-compact.powerup{border-style:solid}.power-card-compact.piece{border-style:dashed;border-width:2px}.power-card-rarity{font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;opacity:.7}.piece-count-badge{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:var(--text-muted);margin-top:.25rem;padding:.25rem .5rem;background:#0000004d;border-radius:4px;display:inline-block}.power-discard-btn{padding:.6rem 1rem;background:#ff6b0026;border:1px solid var(--neon-orange);border-radius:6px;color:var(--neon-orange);font-size:1.2rem;cursor:pointer;transition:all .2s;width:100%}.power-discard-btn:hover:not(:disabled){background:#ff6b0040;box-shadow:0 0 15px #ff6b0066;transform:translateY(-1px)}.power-discard-btn:disabled{opacity:.3;cursor:not-allowed}.tab-pane{display:flex;flex-direction:column;gap:1rem}.tab-section{margin-bottom:1rem}.game-controls-section{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,255,.2)}.control-btn{width:100%;padding:.85rem 1.5rem;border:2px solid;border-radius:8px;font-size:.95rem;font-weight:700;font-family:Bebas Neue,sans-serif;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase}.control-btn-primary{border-color:var(--neon-blue);color:var(--neon-blue);background:#00d4ff1a}.control-btn-primary:hover{background:#00d4ff33;box-shadow:0 0 25px #00d4ff66;transform:translateY(-2px)}.control-btn-primary.active{background:#00d4ff4d;box-shadow:0 0 30px #00d4ff99}.control-btn-secondary{border-color:var(--neon-purple);color:var(--neon-purple);background:#b000ff1a}.control-btn-secondary:hover{background:#b000ff33;box-shadow:0 0 25px #b000ff66;transform:translateY(-2px)}.control-btn-secondary.active{background:#b000ff4d;box-shadow:0 0 30px #b000ff99}.control-btn-danger{border-color:var(--neon-red);color:var(--neon-red);background:#ff00551a}.control-btn-danger:hover{background:#f053;box-shadow:0 0 25px #f056;transform:translateY(-2px)}.control-btn-success{border-color:var(--neon-green);color:var(--neon-green);background:#00ff881a}.control-btn-success:hover{background:#0f83;box-shadow:0 0 25px #0f86;transform:translateY(-2px)}.tab-pane-header{margin:1rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,212,255,.2)}.tab-pane-header h3{font-family:Bebas Neue,sans-serif;font-size:1.3rem;color:var(--neon-blue);text-shadow:var(--glow-blue);letter-spacing:1px;margin:0 0 .25rem}.poker-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.poker-card{aspect-ratio:2.5/3.5;background:linear-gradient(135deg,#0a0a14e6,#141428b3);border:2px solid;border-radius:8px;padding:.75rem .5rem;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.poker-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.poker-card:hover:before{opacity:1}.poker-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0006}.poker-card.common{border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.poker-card.uncommon{border-color:var(--neon-blue);box-shadow:0 0 10px #00d4ff4d}.poker-card.rare{border-color:var(--neon-purple);box-shadow:0 0 10px #b000ff4d}.poker-card.piece{border-style:dashed}.poker-card-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;font-size:.7rem;font-weight:600}.poker-card-rarity{background:#0006;padding:.2rem .4rem;border-radius:3px;font-family:Bebas Neue,sans-serif;letter-spacing:.5px}.poker-card.common .poker-card-rarity{color:#22c55e}.poker-card.uncommon .poker-card-rarity{color:var(--neon-blue)}.poker-card.rare .poker-card-rarity{color:var(--neon-purple)}.poker-card-counter{background:#00d4ff33;padding:.2rem .4rem;border-radius:3px;font-family:Bebas Neue,sans-serif;color:var(--neon-blue);border:1px solid var(--neon-blue)}.poker-card-icon{font-size:2.5rem;margin:.5rem 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.poker-card-name{font-family:Bebas Neue,sans-serif;font-size:.85rem;text-align:center;letter-spacing:.5px;margin:.25rem 0;line-height:1.1}.poker-card.common .poker-card-name{color:#22c55e}.poker-card.uncommon .poker-card-name{color:var(--neon-blue)}.poker-card.rare .poker-card-name{color:var(--neon-purple)}.poker-card-status{font-family:Bebas Neue,sans-serif;font-size:.75rem;text-align:center;margin:.25rem 0;padding:.25rem .5rem;background:#0000004d;border-radius:4px;color:var(--text-muted)}.poker-card-status.locked{color:var(--neon-yellow)}.poker-card-status.ready{color:var(--neon-green)}.poker-card-status.used{color:var(--text-muted);opacity:.5}.poker-card-footer{display:flex;gap:.25rem;width:100%;margin-top:auto}.poker-btn{flex:1;padding:.5rem;background:#00d4ff26;border:1px solid var(--neon-blue);border-radius:4px;color:var(--neon-blue);font-size:.85rem;font-family:Bebas Neue,sans-serif;cursor:pointer;transition:all .2s;letter-spacing:.5px}.poker-btn:hover:not(:disabled){background:#00d4ff40;box-shadow:0 0 10px #00d4ff66}.poker-btn:disabled{opacity:.3;cursor:not-allowed}.poker-btn-reshuffle{padding:.5rem .6rem;background:#ff6b0026;border:1px solid var(--neon-orange);border-radius:4px;color:var(--neon-orange);font-size:1rem;cursor:pointer;transition:all .2s}.poker-btn-reshuffle:hover:not(:disabled){background:#ff6b0040;box-shadow:0 0 10px #ff6b0066}.poker-btn-reshuffle:disabled{opacity:.3;cursor:not-allowed}.poker-card-ai-tag{position:absolute;bottom:.5rem;font-size:.7rem;opacity:.4;font-family:Bebas Neue,sans-serif}.power-section-title{font-family:Bebas Neue,sans-serif;font-size:1rem;color:var(--text-secondary);letter-spacing:.5px;margin:1.5rem 0 .75rem;text-transform:uppercase}.powers-list{display:flex;flex-direction:column;gap:1rem}.power-card-compact{background:linear-gradient(135deg,#0a0a14cc,#14142899);border:2px solid;border-radius:12px;padding:1rem;position:relative;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.power-card-compact:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.power-card-compact:hover:before{opacity:1}.power-card-compact:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006}.power-card-compact.queen{border-color:var(--neon-pink);box-shadow:0 0 20px #ff00ff4d}.power-card-compact.queen:hover{box-shadow:0 0 30px #ff00ff80,0 8px 30px #0006}.power-card-compact.twin{border-color:var(--neon-cyan);box-shadow:0 0 20px #00fff54d}.power-card-compact.twin:hover{box-shadow:0 0 30px #00fff580,0 8px 30px #0006}.power-card-compact.sacrifice{border-color:var(--neon-yellow);box-shadow:0 0 20px #ffea004d}.power-card-compact.sacrifice:hover{box-shadow:0 0 30px #ffea0080,0 8px 30px #0006}.power-card-compact.retreat{border-color:var(--neon-purple);box-shadow:0 0 20px #b000ff4d}.power-card-compact.retreat:hover{box-shadow:0 0 30px #b000ff80,0 8px 30px #0006}.power-card-compact.knightCharge{border-color:var(--neon-orange);box-shadow:0 0 20px #ff6b004d}.power-card-compact.knightCharge:hover{box-shadow:0 0 30px #ff6b0080,0 8px 30px #0006}.power-card-compact.teleport{border-color:var(--neon-green);box-shadow:0 0 20px #00ff884d}.power-card-compact.teleport:hover{box-shadow:0 0 30px #00ff8880,0 8px 30px #0006}.power-card-compact.used{opacity:.5;filter:grayscale(.7);border-style:dashed}.power-card-compact.used:hover{transform:none}.power-card-top{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.power-card-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));flex-shrink:0}.power-card-info{flex:1;min-width:0}.power-card-name{font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.5px;margin-bottom:.25rem;line-height:1}.power-card-compact.queen .power-card-name{color:var(--neon-pink);text-shadow:var(--glow-pink)}.power-card-compact.twin .power-card-name{color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,255,245,.6)}.power-card-compact.sacrifice .power-card-name{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.power-card-compact.retreat .power-card-name{color:var(--neon-purple);text-shadow:0 0 20px rgba(176,0,255,.6)}.power-card-compact.knightCharge .power-card-name{color:var(--neon-orange);text-shadow:0 0 20px rgba(255,107,0,.6)}.power-card-compact.teleport .power-card-name{color:var(--neon-green);text-shadow:var(--glow-green)}.power-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.3;margin:0}.power-card-actions{display:flex;gap:.5rem;margin-top:.75rem}.power-activate-btn{flex:1;padding:.6rem 1rem;background:#00d4ff26;border:1px solid var(--neon-blue);border-radius:6px;color:var(--neon-blue);font-family:Bebas Neue,sans-serif;font-size:.9rem;letter-spacing:.5px;cursor:pointer;transition:all .2s;text-transform:uppercase}.power-activate-btn:hover:not(:disabled){background:#00d4ff40;box-shadow:0 0 15px #00d4ff66;transform:translateY(-1px)}.power-activate-btn:disabled{background:#6464641a;border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;opacity:.5}.moves-list{display:flex;flex-direction:column;gap:.25rem}.move-entry{display:grid;grid-template-columns:40px 1fr 1fr;gap:.75rem;padding:.5rem .75rem;background:#00d4ff0d;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;transition:background .2s}.move-entry:hover{background:#00d4ff1a}.move-number{color:var(--text-muted);font-weight:600}.move-white{color:var(--text-primary)}.move-black{color:var(--text-secondary)}.captured-section{margin-bottom:1.5rem}.captured-header{font-family:Bebas Neue,sans-serif;font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:.5px}.captured-pieces-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px;min-height:60px}.captured-piece-emoji{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.material-advantage-panel{background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:1rem;margin-top:1rem}.material-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem}.material-label{color:var(--text-secondary)}.material-value{font-weight:700;color:var(--text-primary)}.advantage-display{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,212,255,.2);text-align:center;font-size:1.1rem;font-weight:700}.advantage-positive{color:var(--neon-green);text-shadow:var(--glow-green)}.advantage-negative{color:var(--neon-red);text-shadow:0 0 20px rgba(255,0,85,.6)}.board-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.turn-indicator-bar{display:flex;align-items:center;gap:1rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#1a1f2ecc,#2a354499);border:3px solid var(--neon-cyan);border-radius:50px;margin-bottom:1.5rem;box-shadow:0 0 30px #00fff566}.turn-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.turn-text{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase}.thinking-dots{display:inline-flex;gap:.3rem}.thinking-dots .dot{width:8px;height:8px;background:var(--neon-blue);border-radius:50%;animation:thinkingPulse 1.4s infinite}.thinking-dots .dot:nth-child(1){animation-delay:0s}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes thinkingPulse{0%,20%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.winner-banner{padding:1.25rem 2.5rem;background:linear-gradient(135deg,#00ff884d,#00ff881a);border:2px solid var(--neon-green);border-radius:12px;font-family:Bebas Neue,sans-serif;font-size:1.8rem;font-weight:700;text-align:center;color:var(--neon-green);text-shadow:var(--glow-green);letter-spacing:2px;margin-bottom:1.5rem;box-shadow:0 0 40px #0f86;animation:winnerPulse 2s infinite}@keyframes winnerPulse{0%,to{box-shadow:0 0 40px #0f86}50%{box-shadow:0 0 60px #0f89}}.placement-banner{padding:1rem 1.5rem;background:linear-gradient(135deg,#00d4ff33,#0f83);border:3px solid var(--neon-blue);border-radius:12px;text-align:center;font-family:Bebas Neue,sans-serif;font-size:1.3rem;color:var(--neon-blue);text-shadow:0 0 15px rgba(0,212,255,.6);margin-bottom:1rem;box-shadow:0 0 30px #00d4ff66;animation:pulse 2s infinite;display:flex;align-items:center;justify-content:center;gap:1rem}.placement-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}.placement-text{letter-spacing:1px}.placement-cancel{background:#f053;border:2px solid var(--neon-red);color:var(--neon-red);width:2rem;height:2rem;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.placement-cancel:hover{background:#f056;box-shadow:0 0 15px #f059;transform:scale(1.1)}.queen-banner{padding:1rem 2rem;background:linear-gradient(135deg,#ff00ff4d,#b000ff1a);border:2px solid var(--neon-pink);border-radius:12px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;font-weight:700;text-align:center;color:var(--neon-pink);text-shadow:var(--glow-pink);letter-spacing:1px;margin-bottom:1.5rem;box-shadow:0 0 30px #f0f6}.chess-board-wrapper{background:#1a1f2e;border:3px solid var(--neon-cyan);border-radius:12px;padding:1.5rem;box-shadow:0 0 40px #00fff54d;display:flex;gap:.75rem}.row-coords{display:flex;flex-direction:column;justify-content:space-around;padding:.5rem 0}.coord-label{color:var(--text-muted);font-size:.9rem;font-weight:600;font-family:Bebas Neue,sans-serif;text-align:center;height:75px;display:flex;align-items:center;justify-content:center}.board-and-coords{display:flex;flex-direction:column;gap:.75rem}.chess-board-grid{width:600px;height:600px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000080}.col-coords{display:grid;grid-template-columns:repeat(8,1fr);padding:0 .5rem;gap:.5rem}.col-coords .coord-label{height:auto;padding:.25rem}.chess-square{display:flex;align-items:center;justify-content:center;font-size:4rem;cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chess-square.light-square{background:var(--board-light)}.chess-square.dark-square{background:var(--board-dark)}.chess-square:hover{filter:brightness(1.1)}.chess-square.selected{background:var(--board-selected)!important;box-shadow:inset 0 0 0 4px #baca4499}.chess-square.valid-move:after{content:"";position:absolute;width:25px;height:25px;background:#00000040;border-radius:50%}.chess-square.valid-move.has-piece:after{width:85%;height:85%;background:transparent;border:5px solid rgba(0,0,0,.25)}.chess-square.last-move{background:var(--board-move)!important}.chess-square.in-check{background:radial-gradient(circle,rgba(255,0,0,.8),transparent 70%)!important;animation:checkFlash 1s infinite}@keyframes checkFlash{0%,to{box-shadow:inset 0 0 0 4px #ff0000e6}50%{box-shadow:inset 0 0 0 4px #f006}}.chess-piece{font-size:xx-large;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.4));pointer-events:none}@media (max-width: 1200px){.chessdotcom-layout{grid-template-columns:1fr;gap:1.5rem}.sidebar-container{position:relative;top:0;max-height:none}.chess-board-grid{width:500px;height:500px}.coord-label{height:62.5px}.chess-piece{font-size:x-large}}@media (max-width: 768px){.chessdotcom-layout{padding:1rem}.sidebar-container{border-radius:8px}.chess-board-grid{width:400px;height:400px}.coord-label{height:50px}.chess-piece{font-size:x-large}.row-coords,.col-coords{display:none}.chess-board-wrapper{padding:1rem}}@media (max-width: 480px){.compact-topbar{padding:0 1rem}.topbar-logo{font-size:1rem}.chess-board-grid{width:320px;height:320px}.chess-piece{font-size:x-large}.power-card-icon{font-size:2.5rem}.power-card-name{font-size:1.1rem}}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.opacity-60{opacity:.6}.opacity-40{opacity:.4}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.py-4{padding:1rem 0}.modal-overlay[data-v-210f9007]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content[data-v-210f9007]{background:linear-gradient(135deg,#141423fa,#0a0a14fa);border:2px solid var(--neon-blue);box-shadow:0 0 40px #00d4ff99;border-radius:16px;padding:2rem;max-width:500px;width:100%;position:relative;animation:modalSlideIn-210f9007 .3s ease-out}@keyframes modalSlideIn-210f9007{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn[data-v-210f9007]{position:absolute;top:1rem;right:1rem;background:#f053;border:2px solid var(--neon-red);color:var(--neon-red);width:40px;height:40px;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.modal-close-btn[data-v-210f9007]:hover{background:#f056;box-shadow:0 0 20px #f059}.modal-title[data-v-210f9007]{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--neon-blue);text-shadow:var(--glow-blue);margin-bottom:1.5rem;letter-spacing:.1em}.tabs-container[data-v-210f9007]{display:flex;gap:.5rem;background:#0000004d;padding:.5rem;border-radius:12px;margin-bottom:1.5rem}.tab-btn[data-v-210f9007]{flex:1;padding:.75rem;background:#ffffff0d;border:2px solid transparent;border-radius:8px;color:#fff9;font-family:"Exo 2",sans-serif;font-weight:700;cursor:pointer;transition:all .3s ease}.tab-btn[data-v-210f9007]:hover{background:#ffffff1a;color:#ffffffe6}.tab-btn.active[data-v-210f9007]{background:var(--neon-blue);color:#0a0a0f;border-color:var(--neon-blue);box-shadow:0 0 20px #00d4ff99}.tab-content[data-v-210f9007]{display:flex;flex-direction:column;gap:1rem}.info-box[data-v-210f9007]{background:linear-gradient(135deg,#00d4ff33,#f0f3);border:2px solid var(--neon-blue);padding:1rem;border-radius:8px;text-align:center;font-weight:600}.info-box.pink[data-v-210f9007]{border-color:var(--neon-pink)}.label-text[data-v-210f9007]{display:block;font-weight:700;margin-bottom:.5rem;color:var(--neon-blue)}.text-input[data-v-210f9007]{width:100%;padding:1rem;background:#0000004d;border:2px solid var(--neon-blue);border-radius:8px;color:#fff;font-size:1rem;font-family:"Exo 2",sans-serif}.text-input[data-v-210f9007]:focus{outline:none;box-shadow:0 0 20px #00d4ff66}.input-group[data-v-210f9007]{display:flex;gap:.5rem}.invite-input[data-v-210f9007]{flex:1;padding:.75rem;background:#0000004d;border:2px solid var(--neon-blue);border-radius:8px;color:#fff;font-family:monospace;font-size:.9rem}.copy-btn[data-v-210f9007]{padding:.75rem 1.5rem;background:var(--neon-blue);color:#0a0a0f;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.copy-btn[data-v-210f9007]:hover{box-shadow:0 0 20px #00d4ffcc;transform:translateY(-2px)}.primary-btn[data-v-210f9007]{width:100%;padding:1rem;background:var(--neon-blue);color:#0a0a0f;border:none;border-radius:8px;font-size:1.1rem;font-weight:900;font-family:Bebas Neue,sans-serif;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.primary-btn[data-v-210f9007]:hover:not(:disabled){box-shadow:0 0 30px #00d4ffcc;transform:translateY(-2px)}.primary-btn[data-v-210f9007]:disabled{opacity:.5;cursor:not-allowed}.status-box[data-v-210f9007]{padding:1rem;border-radius:8px;text-align:center;font-weight:600;border:2px solid}.status-box.waiting[data-v-210f9007]{background:#ffea001a;border-color:var(--neon-yellow);color:var(--neon-yellow)}.status-box.connected[data-v-210f9007]{background:#00ff881a;border-color:var(--neon-green);color:var(--neon-green)}.space-y-4[data-v-210f9007]>*+*{margin-top:1rem}.modal-overlay[data-v-8f6e571d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content[data-v-8f6e571d]{background:linear-gradient(135deg,#141423fa,#0a0a14fa);border:2px solid var(--neon-green);box-shadow:0 0 40px #0f89;border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn-8f6e571d .3s ease-out}@keyframes modalSlideIn-8f6e571d{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn[data-v-8f6e571d]{position:absolute;top:1rem;right:1rem;background:#f053;border:2px solid var(--neon-red);color:var(--neon-red);width:40px;height:40px;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.modal-close-btn[data-v-8f6e571d]:hover{background:#f056;box-shadow:0 0 20px #f059}.modal-title[data-v-8f6e571d]{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:var(--neon-green);text-shadow:var(--glow-green);margin-bottom:1.5rem;letter-spacing:.1em}.rules-content[data-v-8f6e571d],.section[data-v-8f6e571d]{margin-bottom:1.5rem}.section-title[data-v-8f6e571d]{font-weight:700;font-size:1.3rem;margin-bottom:1rem;color:var(--neon-blue)}.rules-list[data-v-8f6e571d]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.rules-list li[data-v-8f6e571d]{display:flex;align-items:start;gap:.75rem}.bullet[data-v-8f6e571d]{color:var(--neon-blue);font-size:1.5rem;line-height:1}.divider[data-v-8f6e571d]{height:2px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);margin:1.5rem 0}.power-list[data-v-8f6e571d]{display:flex;flex-direction:column;gap:.75rem}.power-item[data-v-8f6e571d]{padding:1rem;border-radius:8px;border:1px solid}.power-item.remove[data-v-8f6e571d]{background:#ff00551a;border-color:#ff00554d}.power-item.queen[data-v-8f6e571d]{background:#ff00ff1a;border-color:#ff00ff4d}.power-item.twin[data-v-8f6e571d]{background:#00d4ff1a;border-color:#00d4ff4d}.power-item.ghost[data-v-8f6e571d]{background:#b000ff1a;border-color:#b000ff4d}.power-item.sacrifice[data-v-8f6e571d]{background:#ffea001a;border-color:#ffea004d}.power-name[data-v-8f6e571d]{font-weight:700;margin-bottom:.25rem;font-size:1.1rem}.power-desc[data-v-8f6e571d]{font-size:.9rem;opacity:.8}.primary-btn[data-v-8f6e571d]{width:100%;padding:1rem;background:var(--neon-green);color:#0a0a0f;border:none;border-radius:8px;font-size:1.1rem;font-weight:900;font-family:Bebas Neue,sans-serif;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.primary-btn[data-v-8f6e571d]:hover{box-shadow:0 0 30px #0f8c;transform:translateY(-2px)}.modal-overlay[data-v-aeb0f1e6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-aeb0f1e6 .2s ease}.modal-container[data-v-aeb0f1e6]{background:linear-gradient(135deg,#141423fa,#0a0a14fa);border:2px solid var(--neon-blue);border-radius:16px;box-shadow:0 0 40px #00d4ff66,0 20px 60px #0009;max-width:600px;width:90%;padding:2rem;animation:slideUp-aeb0f1e6 .3s ease}.twin-modal[data-v-aeb0f1e6]{border-color:#00d4ff;box-shadow:0 0 40px #00d4ff66}.modal-header[data-v-aeb0f1e6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title[data-v-aeb0f1e6]{font-family:Bebas Neue,sans-serif;font-size:1.75rem;color:var(--neon-blue);text-shadow:0 0 20px rgba(0,212,255,.6);letter-spacing:.1em}.modal-close[data-v-aeb0f1e6]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:.5rem}.modal-close[data-v-aeb0f1e6]:hover{opacity:1}.modal-instructions[data-v-aeb0f1e6]{color:#ffffffb3;margin-bottom:1.5rem;font-family:"Exo 2",sans-serif;text-align:center}.mini-board[data-v-aeb0f1e6]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;border:2px solid rgba(0,212,255,.3)}.mini-square[data-v-aeb0f1e6]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .2s}.mini-square.light[data-v-aeb0f1e6]{background:#ffffff1a}.mini-square.dark[data-v-aeb0f1e6]{background:#0000004d}.mini-square.selectable[data-v-aeb0f1e6]{cursor:pointer}.mini-square.selectable[data-v-aeb0f1e6]:hover{background:#00d4ff33;transform:scale(.95)}.mini-square.disabled[data-v-aeb0f1e6]{opacity:.3;cursor:not-allowed}.mini-square.selected[data-v-aeb0f1e6]{background:#00d4ff4d!important;box-shadow:inset 0 0 20px #00d4ff80}.piece-emoji[data-v-aeb0f1e6]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes fadeIn-aeb0f1e6{0%{opacity:0}to{opacity:1}}@keyframes slideUp-aeb0f1e6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-6af8759c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-6af8759c .2s ease}.modal-container[data-v-6af8759c]{background:linear-gradient(135deg,#141423fa,#0a0a14fa);border:2px solid var(--neon-yellow);border-radius:16px;box-shadow:0 0 40px #ffea0066,0 20px 60px #0009;max-width:600px;width:90%;padding:2rem;animation:slideUp-6af8759c .3s ease}.sacrifice-modal[data-v-6af8759c]{border-color:var(--neon-yellow);box-shadow:0 0 40px #ffea0066}.modal-header[data-v-6af8759c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title[data-v-6af8759c]{font-family:Bebas Neue,sans-serif;font-size:1.75rem;color:var(--neon-yellow);text-shadow:0 0 20px rgba(255,234,0,.6);letter-spacing:.1em}.modal-close[data-v-6af8759c]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:.5rem}.modal-close[data-v-6af8759c]:hover{opacity:1}.modal-instructions[data-v-6af8759c]{color:#ffffffb3;margin-bottom:1.5rem;font-family:"Exo 2",sans-serif;text-align:center}.mini-board[data-v-6af8759c]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;border:2px solid rgba(255,234,0,.3)}.mini-square[data-v-6af8759c]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .2s}.mini-square.light[data-v-6af8759c]{background:#ffffff1a}.mini-square.dark[data-v-6af8759c]{background:#0000004d}.mini-square.selectable[data-v-6af8759c]{cursor:pointer}.mini-square.selectable[data-v-6af8759c]:hover{background:#ffea0033;transform:scale(.95)}.mini-square.disabled[data-v-6af8759c]{opacity:.3;cursor:not-allowed}.mini-square.selected[data-v-6af8759c]{background:#ffea004d!important;box-shadow:inset 0 0 20px #ffea0080}.piece-emoji[data-v-6af8759c]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes fadeIn-6af8759c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-6af8759c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-cd3ec63f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-cd3ec63f .2s ease}.modal-container[data-v-cd3ec63f]{background:linear-gradient(135deg,#141423fa,#0a0a14fa);border:2px solid var(--neon-purple);border-radius:16px;box-shadow:0 0 40px #c864ff66,0 20px 60px #0009;max-width:600px;width:90%;padding:2rem;animation:slideUp-cd3ec63f .3s ease}.retreat-modal[data-v-cd3ec63f]{border-color:var(--neon-purple);box-shadow:0 0 40px #c864ff66}.modal-header[data-v-cd3ec63f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title[data-v-cd3ec63f]{font-family:Bebas Neue,sans-serif;font-size:1.75rem;color:var(--neon-purple);text-shadow:0 0 20px rgba(200,100,255,.6);letter-spacing:.1em}.modal-close[data-v-cd3ec63f]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:.5rem}.modal-close[data-v-cd3ec63f]:hover{opacity:1}.modal-instructions[data-v-cd3ec63f]{color:#ffffffb3;margin-bottom:1.5rem;font-family:"Exo 2",sans-serif;text-align:center}.mini-board[data-v-cd3ec63f]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;border:2px solid rgba(200,100,255,.3)}.mini-square[data-v-cd3ec63f]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .2s}.mini-square.light[data-v-cd3ec63f]{background:#ffffff1a}.mini-square.dark[data-v-cd3ec63f]{background:#0000004d}.mini-square.selectable[data-v-cd3ec63f]{cursor:pointer}.mini-square.selectable[data-v-cd3ec63f]:hover{background:#c864ff33;transform:scale(.95)}.mini-square.disabled[data-v-cd3ec63f]{opacity:.3;cursor:not-allowed}.piece-emoji[data-v-cd3ec63f]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes fadeIn-cd3ec63f{0%{opacity:0}to{opacity:1}}@keyframes slideUp-cd3ec63f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay[data-v-ad268e56]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-ad268e56 .2s ease}.modal-container[data-v-ad268e56]{background:linear-gradient(135deg,#141423fa,#0a0a14fa);border:2px solid var(--neon-orange);border-radius:16px;box-shadow:0 0 40px #ff963266,0 20px 60px #0009;max-width:600px;width:90%;padding:2rem;animation:slideUp-ad268e56 .3s ease}.knight-charge-modal[data-v-ad268e56]{border-color:var(--neon-orange);box-shadow:0 0 40px #ff963266}.modal-header[data-v-ad268e56]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title[data-v-ad268e56]{font-family:Bebas Neue,sans-serif;font-size:1.75rem;color:var(--neon-orange);text-shadow:0 0 20px rgba(255,150,50,.6);letter-spacing:.1em}.modal-close[data-v-ad268e56]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:.5rem}.modal-close[data-v-ad268e56]:hover{opacity:1}.modal-instructions[data-v-ad268e56]{color:#ffffffb3;margin-bottom:1.5rem;font-family:"Exo 2",sans-serif;text-align:center}.mini-board[data-v-ad268e56]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:480px;margin:0 auto;border-radius:12px;overflow:hidden;border:2px solid rgba(255,150,50,.3)}.mini-square[data-v-ad268e56]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.8rem;transition:all .2s}.mini-square.light[data-v-ad268e56]{background:#ffffff1a}.mini-square.dark[data-v-ad268e56]{background:#0000004d}.mini-square.selectable[data-v-ad268e56]{cursor:pointer}.mini-square.selectable[data-v-ad268e56]:hover{background:#ff963233;transform:scale(.95)}.mini-square.disabled[data-v-ad268e56]{opacity:.3;cursor:not-allowed}.piece-emoji[data-v-ad268e56]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes fadeIn-ad268e56{0%{opacity:0}to{opacity:1}}@keyframes slideUp-ad268e56{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}