:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-card:#1a1a3e;--bg-card-hover:#225;--accent:#00f0ff;--accent-dim:#00a0b0;--accent-glow:#00f0ff4d;--accent-secondary:#f0a;--accent-secondary-glow:#ff00aa4d;--text:#e0e0f0;--text-dim:#88a;--text-bright:#fff;--board-light:#eeeed2;--board-dark:#769656;--board-selected:#baca44;--board-last-move-light:#f6f669;--board-last-move-dark:#baca44;--board-check:#e84040;--board-legal:#00000026;--board-size:min(560px,calc(100vw - 40px));--sq:calc(var(--board-size)/8);--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a1a;background:var(--bg-primary);color:#e0e0f0;color:var(--text);font-family:Rajdhani,sans-serif;min-height:100vh;overflow-x:hidden}.bg-grid{background-image:linear-gradient(#00f0ff08 1px,#0000 0),linear-gradient(90deg,#00f0ff08 1px,#0000 0);background-size:40px 40px;inset:0}.bg-glow,.bg-grid{pointer-events:none;position:fixed;z-index:0}.bg-glow{background:radial-gradient(circle,#00f0ff14 0,#0000 70%);height:800px;left:50%;top:-30%;transform:translateX(-50%);width:800px}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative;z-index:1}.connection-bar{animation:pulse-bg 2s infinite;background:#f0a;background:var(--accent-secondary);color:#fff;font-weight:600;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:1000}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.7}}.lobby{animation:fadeIn .5s ease;max-width:480px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lobby-header{margin-bottom:32px;position:relative;text-align:center}.logo-glow{background:radial-gradient(circle,#00f0ff4d,#0000 70%);background:radial-gradient(circle,var(--accent-glow),#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.logo{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;letter-spacing:4px;position:relative}.logo-cyber{color:#00f0ff;color:var(--accent);text-shadow:0 0 20px #00f0ff4d,0 0 40px #00f0ff4d;text-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow)}.logo-chess{color:#fff;color:var(--text-bright);text-shadow:0 0 10px #ffffff4d}.tagline{color:#88a;color:var(--text-dim);font-size:.9rem;letter-spacing:6px;margin-top:8px;text-transform:uppercase}.lobby-tabs{background:#12122a;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius);display:flex;gap:4px;margin-bottom:20px;padding:4px}.tab{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#88a;color:var(--text-dim);cursor:pointer;display:flex;flex:1 1;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s}.tab:hover{color:#e0e0f0;color:var(--text)}.tab.active{background:#1a1a3e;background:var(--bg-card);box-shadow:0 0 15px #00f0ff4d;box-shadow:0 0 15px var(--accent-glow);color:#00f0ff;color:var(--accent)}.tab-icon{font-size:1.1rem}.lobby-content{background:#12122a;background:var(--bg-secondary);border:1px solid #00f0ff1a;border-radius:12px;border-radius:var(--radius);overflow:hidden}.lobby-section{padding:28px}.section-desc{color:#88a;color:var(--text-dim);margin-bottom:20px;text-align:center}.lobby-piece-img{height:36px;width:36px}.setting-group{margin-bottom:24px}.setting-group label{color:#e0e0f0;color:var(--text);display:block;font-size:.85rem;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.slider-container{align-items:center;display:flex;gap:12px}.slider-container input[type=range]{-webkit-appearance:none;background:#1a1a3e;background:var(--bg-card);border-radius:3px;flex:1 1;height:6px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00f0ff;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #00f0ff4d;box-shadow:0 0 10px var(--accent-glow);cursor:pointer;height:20px;width:20px}.slider-value{color:#00f0ff;color:var(--accent);font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;min-width:70px;text-align:right}.level-labels{color:#88a;color:var(--text-dim);display:flex;font-size:.75rem;justify-content:space-between;margin-top:4px}.color-picker{display:flex;gap:12px}.color-btn{align-items:center;background:#1a1a3e;background:var(--bg-card);border:2px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);color:#e0e0f0;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .2s}.color-btn:hover{border-color:#00a0b0;border-color:var(--accent-dim)}.color-btn.active{background:#00f0ff0d;border-color:#00f0ff;border-color:var(--accent);box-shadow:0 0 15px #00f0ff4d;box-shadow:0 0 15px var(--accent-glow)}.btn-primary{background:linear-gradient(135deg,#00a0b0,#00f0ff);background:linear-gradient(135deg,var(--accent-dim),var(--accent));border:none;border-radius:8px;border-radius:var(--radius-sm);color:#0a0a1a;color:var(--bg-primary);cursor:pointer;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;letter-spacing:2px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .3s;width:100%}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s}.btn-primary:hover:before{transform:translateX(100%)}.btn-primary:hover{box-shadow:0 0 30px #00f0ff4d;box-shadow:0 0 30px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #00a0b0;border:1px solid var(--accent-dim);border-radius:8px;border-radius:var(--radius-sm);color:#00f0ff;color:var(--accent);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#00f0ff1a}.btn-secondary:disabled{cursor:not-allowed;opacity:.4}.waiting-animation{height:80px;margin:20px auto;position:relative;width:80px}.pulse-ring{animation:pulseRing 2s infinite;border:2px solid #00f0ff;border:2px solid var(--accent);border-radius:50%;inset:0;position:absolute}.pulse-ring.delay{animation-delay:1s}@keyframes pulseRing{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.waiting-icon{font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-text{color:#88a;color:var(--text-dim);margin:16px 0;text-align:center}.divider{margin:24px 0;position:relative;text-align:center}.divider:before{background:#ffffff1a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#12122a;background:var(--bg-secondary);color:#88a;color:var(--text-dim);font-size:.85rem;letter-spacing:2px;padding:0 16px;position:relative;text-transform:uppercase}.join-room{display:flex;gap:8px}.join-room input{background:#1a1a3e;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);color:#e0e0f0;color:var(--text);flex:1 1;font-family:Orbitron,monospace;font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s}.join-room input:focus{border-color:#00f0ff;border-color:var(--accent)}.join-room input::placeholder{color:#88a;color:var(--text-dim);font-family:Rajdhani,sans-serif}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#12122a;background:var(--bg-secondary);border:1px solid #00f0ff33;border-radius:12px;border-radius:var(--radius);max-width:420px;padding:32px;text-align:center;width:90%}.modal h2,.modal h3{color:#00f0ff;color:var(--accent);font-family:Orbitron,monospace;margin-bottom:16px}.modal p{color:#88a;color:var(--text-dim);margin-bottom:12px}.room-link{display:flex;gap:8px;margin:16px 0}.room-link code{background:#1a1a3e;background:var(--bg-card);border-radius:8px;border-radius:var(--radius-sm);color:#00f0ff;color:var(--accent);flex:1 1;font-size:.8rem;padding:10px;text-align:left;word-break:break-all}.room-link button{background:#0000;border:1px solid #00f0ff;border:1px solid var(--accent);border-radius:8px;border-radius:var(--radius-sm);color:#00f0ff;color:var(--accent);cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600;padding:10px 16px;white-space:nowrap}.room-code strong{color:#00f0ff;color:var(--accent);font-family:Orbitron,monospace}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1 1}.game-over-modal .winner-text{color:#fff;color:var(--text-bright);font-size:1.8rem;font-weight:700;margin:16px 0 24px}.promotion-modal .promotion-options{display:flex;gap:12px;justify-content:center;margin-top:16px}.promotion-piece{align-items:center;background:#1a1a3e;background:var(--bg-card);border:2px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:72px;justify-content:center;padding:8px;transition:all .2s;width:72px}.promotion-piece:hover{border-color:#00f0ff;border-color:var(--accent);box-shadow:0 0 15px #00f0ff4d;box-shadow:0 0 15px var(--accent-glow)}.promotion-piece-img{height:100%;width:100%}.game-container{animation:fadeIn .4s ease;max-width:900px;width:100%}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.game-title{font-family:Orbitron,monospace;font-size:1.5rem}.game-mode{background:#1a1a3e;background:var(--bg-card);border-radius:20px;color:#88a;color:var(--text-dim);font-size:.85rem;font-weight:600;padding:6px 16px}.game-layout{align-items:flex-start;display:flex;gap:20px}.board-column{flex-shrink:0}.side-panel{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:200px}.player-bar{background:#12122a;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-sm);justify-content:space-between;margin:6px 0;padding:8px 12px;width:min(560px,calc(100vw - 40px));width:var(--board-size)}.player-bar,.player-info{align-items:center;display:flex}.player-info{gap:8px}.player-icon{height:24px;width:24px}.player-label{font-size:.95rem;font-weight:600}.captured-pieces,.captured-row{align-items:center;display:flex}.captured-row{flex-wrap:wrap;gap:0}.captured-piece-img{height:20px;margin-left:-2px;width:20px}.advantage{color:#00f0ff;color:var(--accent);font-size:.8rem;font-weight:700;margin-left:6px}.status{border-radius:8px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;margin:4px 0;padding:8px 16px;text-align:center;transition:all .3s;width:min(560px,calc(100vw - 40px));width:var(--board-size)}.status.your-turn{background:#00f0ff1a;border:1px solid #00f0ff33;color:#00f0ff;color:var(--accent)}.status.waiting{background:#12122a;background:var(--bg-secondary);color:#88a;color:var(--text-dim)}.status.check{background:#ff323226;border-color:#ff32324d}.status.checkmate{background:#ff00aa26;color:#f0a;color:var(--accent-secondary);font-size:1.1rem}.status.draw{background:#ffff001a;color:#fc0}.check-badge{background:#f33;border-radius:4px;color:#fff;font-family:Orbitron,monospace;font-size:.75rem;letter-spacing:2px;margin-right:8px;padding:2px 10px}.board,.board-wrapper{position:relative}.board{border-radius:4px;box-shadow:0 0 0 2px #00f0ff26,0 4px 30px #00000080;display:grid;grid-template-columns:repeat(8,calc(min(560px, calc(100vw - 40px))/8));grid-template-columns:repeat(8,var(--sq));grid-template-rows:repeat(8,calc(min(560px, calc(100vw - 40px))/8));grid-template-rows:repeat(8,var(--sq));height:min(560px,calc(100vw - 40px));height:var(--board-size);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;width:min(560px,calc(100vw - 40px));width:var(--board-size)}.square{align-items:center;cursor:pointer;display:flex;height:calc(min(560px, calc(100vw - 40px))/8);height:var(--sq);justify-content:center;position:relative;width:calc(min(560px, calc(100vw - 40px))/8);width:var(--sq)}.square.light{background:#eeeed2;background:var(--board-light)}.square.dark{background:#769656;background:var(--board-dark)}.square.selected.light{background:#baca44;background:var(--board-selected)}.square.selected.dark{background:#baca44}.square.last-move.light{background:#f6f669;background:var(--board-last-move-light)}.square.last-move.dark{background:#baca44;background:var(--board-last-move-dark)}.square.in-check{background:radial-gradient(ellipse at center,#f00c 0,#f006 40%,#0000 68%)!important}.piece-img{filter:drop-shadow(1px 2px 2px rgba(0,0,0,.25));height:88%;pointer-events:none;position:relative;width:88%;z-index:2}.drag-piece{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.4));height:calc(min(560px, calc(100vw - 40px))/8*1.1);height:calc(var(--sq)*1.1);transform:translate(-50%,-50%);width:calc(min(560px, calc(100vw - 40px))/8*1.1);width:calc(var(--sq)*1.1);z-index:100}.drag-piece,.legal-dot{pointer-events:none;position:absolute}.legal-dot{z-index:3}.legal-dot:not(.capture){background:#00000026;background:var(--board-legal);border-radius:50%;height:28%;width:28%}.legal-dot.capture{background:#0000;border-radius:50%;box-shadow:inset 0 0 0 5px #0000001f;height:100%;width:100%}.coord{font-size:.7rem;font-weight:700;line-height:1;pointer-events:none;position:absolute;z-index:4}.square.light .coord{color:#769656;color:var(--board-dark)}.square.dark .coord{color:#eeeed2;color:var(--board-light)}.coord-rank{left:4px;top:3px}.coord-file{bottom:2px;right:4px}.move-history{background:#12122a;background:var(--bg-secondary);border:1px solid #00f0ff1a;border-radius:12px;border-radius:var(--radius);overflow:hidden}.move-history h3{border-bottom:1px solid #ffffff0d;color:#00f0ff;color:var(--accent);font-family:Orbitron,monospace;font-size:.85rem;letter-spacing:2px;padding:12px 16px;text-transform:uppercase}.move-list{max-height:320px;overflow-y:auto;padding:8px;scrollbar-color:#00a0b0 #0000;scrollbar-color:var(--accent-dim) #0000;scrollbar-width:thin}.move-list::-webkit-scrollbar{width:4px}.move-list::-webkit-scrollbar-thumb{background:#00a0b0;background:var(--accent-dim);border-radius:2px}.move-pair{grid-gap:4px;border-radius:4px;display:grid;gap:4px;grid-template-columns:32px 1fr 1fr;padding:4px 8px}.move-pair:hover{background:#ffffff08}.move-num{color:#88a;color:var(--text-dim);font-size:.85rem}.move-san{border-radius:3px;color:#e0e0f0;color:var(--text);font-family:Orbitron,monospace;font-size:.85rem;padding:2px 6px}.move-san.latest{background:#00f0ff14;color:#00f0ff;color:var(--accent)}.no-moves{color:#88a;color:var(--text-dim);font-style:italic;padding:20px;text-align:center}.game-controls{display:flex;flex-direction:column;gap:8px}.btn-control{background:#1a1a3e;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);color:#e0e0f0;color:var(--text);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:600;padding:10px 16px;text-align:center;transition:all .2s;width:100%}.btn-control:hover{background:#225;background:var(--bg-card-hover)}.btn-control.resign:hover{border-color:#ff323266;color:#f66}.btn-control.draw:hover{border-color:#ffc80066;color:#fc0}.btn-control.new:hover{border-color:#00a0b0;border-color:var(--accent-dim);color:#00f0ff;color:var(--accent)}@media (max-width:768px){:root{--board-size:min(560px,calc(100vw - 40px))}.game-layout{align-items:center;flex-direction:column}.side-panel{max-width:min(560px,calc(100vw - 40px));max-width:var(--board-size);width:100%}.move-list{max-height:200px}.logo{font-size:2.2rem}.game-title{font-size:1.1rem}}@media (max-width:480px){:root{--board-size:calc(100vw - 20px)}.app{padding:10px}.lobby-section{padding:20px}}
/*# sourceMappingURL=main.43974cf2.css.map*/