@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;600;800&display=swap";:root{--bg-dark:#05070f;--panel-bg:#0b0f19;--neon-cyan:#00f5ff;--neon-magenta:#ff006e;--neon-green:#39ff14;--border-color:rgba(0,245,255,.15);--text-main:#e0e0e0;--text-muted:#6b7280;--font-mono:"Fira Code","SF Mono",Menlo,monospace;--font-sans:"Inter",system-ui,sans-serif}body{margin:0;background:#05070f;color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden}.cyber-theme{--bg-dark:#05070f;--panel-bg:#0b0f19;--border-color:rgba(0,245,255,.2)}.blueprint-theme{--bg-dark:#0a192f;--panel-bg:#112240;--neon-cyan:#64ffda;--neon-magenta:#f43f5e;--border-color:rgba(100,255,218,.3);background-image:radial-gradient(rgba(100,255,218,.15) 1px,transparent 0);background-size:24px 24px}.app-container{min-height:100vh;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;transition:all .3s ease}.cyber-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:0 0 15px #00000080;margin-bottom:20px;flex-wrap:wrap;gap:10px}.header-logo{display:flex;align-items:center;gap:15px}.logo-icon{width:32px;height:32px}.logo-text h1{font-family:var(--font-mono);font-size:20px;font-weight:800;margin:0;letter-spacing:.1em;color:#fff;position:relative}.logo-text span{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.05em}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--neon-magenta);clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:2px 0 var(--neon-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}20%{clip:rect(88px,9999px,14px,0)}40%{clip:rect(32px,9999px,62px,0)}60%{clip:rect(70px,9999px,19px,0)}80%{clip:rect(12px,9999px,91px,0)}to{clip:rect(55px,9999px,33px,0)}}.system-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-btn{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-main);padding:8px 14px;font-family:var(--font-mono);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.control-btn:hover,.control-btn.active{background:#00f5ff1a;border-color:var(--neon-cyan);box-shadow:0 0 8px #00f5ff4d}.ai-spark-btn{background:linear-gradient(135deg,var(--neon-magenta),#9d00ff);border:none;color:#fff;padding:8px 14px;font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 0 12px #ff006e66;transition:all .2s ease}.ai-spark-btn:hover{transform:translateY(-1px);box-shadow:0 0 18px #ff006e99}.keyboard-hint{font-size:9px;color:var(--text-muted);font-family:var(--font-mono);padding-left:8px;border-left:1px solid var(--border-color)}.main-content{display:grid;grid-template-columns:320px 1fr 320px;gap:20px;flex:1}@media (max-width:1200px){.main-content{grid-template-columns:1fr}}.panel-card{background:var(--panel-bg);border:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column;gap:15px}.panel-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.panel-header h2{font-family:var(--font-mono);font-size:15px;margin:0;letter-spacing:.05em}.panel-icon{color:var(--neon-cyan);width:18px;height:18px}.mode-selector{display:flex;flex-direction:column;gap:10px}.mode-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:12px;text-align:left;cursor:pointer;transition:all .2s ease}.mode-card:hover{border-color:#00f5ff66;background:#00f5ff05}.mode-card.active{border-color:var(--neon-cyan);background:#00f5ff0d;box-shadow:inset 0 0 10px #00f5ff1a}.mode-title{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#fff;margin-bottom:5px}.mode-card p{font-size:11px;color:var(--text-muted);margin:0;line-height:1.4}.panel-divider{height:1px;background:#ffffff0d}.game-settings h3{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0 0 10px}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.toggle-setting{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:6px 12px;font-family:var(--font-mono);font-size:11px;cursor:pointer}.toggle-setting.active{background:#ff006e1a;border-color:var(--neon-magenta);color:#fff}.reset-btn{width:100%;background:transparent;border:1px dashed var(--border-color);color:var(--text-main);padding:10px;font-family:var(--font-mono);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.reset-btn:hover{background:#00f5ff0d;border-style:solid;border-color:var(--neon-cyan)}.spec-sheet{background:#ffffff03;border:1px solid rgba(255,255,255,.03);padding:10px}.spec-sheet h4{font-size:11px;margin:0 0 6px;display:flex;align-items:center;gap:4px;color:var(--text-muted)}.spec-sheet ul{margin:0;padding-left:15px;font-size:10px;color:var(--text-muted);display:flex;flex-direction:column;gap:4px}.board-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;border:1px solid var(--border-color);padding:30px;position:relative;overflow:hidden}.board-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,245,255,.03),transparent,rgba(255,0,110,.03),transparent);animation:spin 8s linear infinite;z-index:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.board-outer-frame{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;background:#ffffff03;border:2px solid var(--border-color);padding:15px;box-shadow:0 0 30px #00f5ff0d}.board-inner-wrapper{display:flex;align-items:center}.coord-row{display:flex;justify-content:space-around;width:400px;padding:5px 0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.coord-col{display:flex;flex-direction:column;justify-content:space-around;height:400px;padding:0 10px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.interactive-board{display:grid;grid-template-rows:repeat(8,1fr);width:400px;height:400px;border:2px solid var(--border-color);background:#000}.board-row{display:grid;grid-template-columns:repeat(8,1fr)}.board-cell{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.cell-light{background-color:#0b0f19}.cell-dark{background-color:#05070f}.board-cell:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(255,255,255,.02);pointer-events:none}.board-cell:hover{background-color:#00f5ff14}.cell-hint:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);opacity:.6}.chess-piece{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.piece-cyan{background:radial-gradient(circle,#00f5ff33,#00f5ffcc);border:1px solid var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan)}.piece-magenta{background:radial-gradient(circle,#ff006e33,#ff006ecc);border:1px solid var(--neon-magenta);box-shadow:0 0 12px var(--neon-magenta)}.piece-selected{transform:scale(1.1);border-color:#fff;box-shadow:0 0 20px #fff}.piece-inner-ring{width:18px;height:18px;border-radius:50%;border:1px dashed rgba(255,255,255,.4)}.piece-core{width:6px;height:6px;border-radius:50%;background:#fff;position:absolute}.blueprint-coord{position:absolute;bottom:2px;right:2px;font-size:7px;font-family:var(--font-mono);color:#64ffda66;pointer-events:none}.board-status-bar{display:flex;justify-content:space-between;width:430px;margin-top:15px;padding:8px 12px;background:#ffffff05;border:1px solid var(--border-color);position:relative;z-index:1}.status-indicator{display:flex;gap:8px;font-size:11px;font-family:var(--font-mono)}.indicator-label{color:var(--text-muted)}.score-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-card{padding:12px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;background:#ffffff03}.score-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:5px}.score-num{font-family:var(--font-mono);font-size:24px;font-weight:800}.cyan-score{border-left:3px solid var(--neon-cyan)}.magenta-score{border-left:3px solid var(--neon-magenta)}.winner-alert{background:#39ff140d;border:1px solid var(--neon-green);padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;box-shadow:0 0 15px #39ff141a}.winner-icon{color:var(--neon-green);width:32px;height:32px}.winner-text h4{font-family:var(--font-mono);font-size:14px;margin:0 0 5px;color:#fff}.winner-text p{font-size:11px;color:var(--text-muted);margin:0}.restart-btn{background:var(--neon-green);border:none;color:#000;padding:8px 16px;font-family:var(--font-mono);font-size:11px;font-weight:800;cursor:pointer}.log-console{display:flex;flex-direction:column;flex:1;min-height:200px;position:relative}.log-console h3{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0 0 10px}.loading-overlay{background:#000c;color:var(--neon-cyan);padding:10px;font-family:var(--font-mono);font-size:11px;text-align:center;border:1px solid var(--neon-cyan);animation:pulse-glow 1.5s ease-in-out infinite;margin-bottom:8px}@keyframes pulse-glow{0%,to{opacity:.7}50%{opacity:1;box-shadow:0 0 12px var(--neon-cyan)}}.log-list{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:10px;font-family:var(--font-mono);font-size:11px;overflow-y:auto;max-height:250px;display:flex;flex-direction:column;gap:6px}.log-item{display:flex;gap:10px;padding:4px;border-bottom:1px solid rgba(255,255,255,.02)}.log-cyan{color:var(--neon-cyan)}.log-magenta{color:var(--neon-magenta)}.log-step{opacity:.5}.empty-log{color:var(--text-muted);text-align:center;padding-top:40px;font-size:11px;font-family:var(--font-mono)}.designer-footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.footer-line{flex:1;height:1px;background:#ffffff0d;margin:0 20px}.glow-cyan{filter:drop-shadow(0 0 5px var(--neon-cyan))}.glow-magenta{filter:drop-shadow(0 0 5px var(--neon-magenta))}.glow-green{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}