:root{--bg-primary:#070913;--bg-secondary:#0f172a73;--border-glass:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-neon:#a855f7;--accent-cyan:#06b6d4;--accent-danger:#ef4444;--square-light:#f1f5f9;--square-dark:#3b82f62b;--square-dark-solid:#1e293b;--font-display:"Space Grotesk", sans-serif;--font-sans:"Outfit", sans-serif;--shadow-glow:0 8px 32px 0 #a855f733;--shadow-cyan-glow:0 0 20px #06b6d466}.hidden{display:none!important}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.glow-orb{filter:blur(120px);opacity:.15;z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:var(--accent-neon);width:400px;height:400px;top:-100px;left:-100px}.orb-2{background:var(--accent-cyan);width:500px;height:500px;bottom:-150px;right:-100px}.orb-3{background:#ec4899;width:300px;height:300px;top:40%;left:50%;transform:translate(-50%,-50%)}#app{z-index:1;flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);background:#0f172aa6;border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000005e}.gradient-text{font-family:var(--font-display);background:linear-gradient(135deg, #fff 0%, #cbd5e1 50%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}h1{margin-bottom:5px;font-size:3rem}h2{margin-bottom:15px;font-size:1.8rem}h3{margin-bottom:12px;font-size:1.4rem}p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background:#030712d9;justify-content:center;align-items:center;padding:20px;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{text-align:center;flex-direction:column;gap:25px;width:100%;max-width:650px;display:flex}.modal-content.wide-card{max-width:850px}.modal-header{flex-direction:column;align-items:center;display:flex}.subtitle{margin-top:8px;font-size:1.1rem}.instructions-section{text-align:left}.instructions-section h3{border-bottom:1px solid var(--border-glass);color:var(--accent-cyan);margin-bottom:15px;padding-bottom:8px}.steps-carousel{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;display:grid}.step-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:15px;transition:transform .3s,border-color .3s}.step-card:hover{border-color:#06b6d44d;transform:translateY(-5px)}.step-icon{margin-bottom:10px;font-size:2rem}.step-title{color:var(--text-primary);margin-bottom:5px;font-size:.9rem;font-weight:600}.step-card p{color:var(--text-secondary);font-size:.75rem}.mode-selection{flex-direction:column;align-items:center;gap:15px;display:flex}.mode-buttons{justify-content:center;gap:15px;width:100%;display:flex}.glow-button{font-family:var(--font-display);cursor:pointer;color:#fff;background:0 0;border:none;border-radius:12px;outline:none;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.glow-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.glow-button.primary{background:linear-gradient(135deg, var(--accent-neon) 0%, #7c3aed 100%);box-shadow:0 4px 15px #7c3aed66}.glow-button.primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.glow-button.secondary{background:#ffffff14;border:1px solid #ffffff26}.glow-button.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.glow-button.danger{background:linear-gradient(135deg, var(--accent-danger) 0%, #b91c1c 100%);box-shadow:0 4px 15px #ef44444d}.glow-button.danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.glow-button:active{transform:translateY(1px)}.btn-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.glow-button:hover .btn-glow{transition:all .7s;left:100%}.text-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline;transition:color .2s}.text-link:hover{color:var(--accent-cyan)}.privacy-badge{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:.75rem;display:flex}.privacy-badge svg{color:#10b981}.calibration-workspace{text-align:left;gap:25px;margin-top:15px;display:flex}.calibration-video-container{border:2px solid var(--border-glass);background:#000;border-radius:16px;flex-shrink:0;width:400px;height:300px;position:relative;overflow:hidden}.webcam-feed{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.webcam-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;bottom:12px;left:12px}.status-indicator.warning{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.status-indicator.good{color:#34d399;background:#10b98133;border:1px solid #10b98166;box-shadow:0 0 10px #10b9814d}.calibration-controls{flex-direction:column;flex-grow:1;justify-content:space-between;gap:20px;display:flex}.gesture-tester-card{border:1px solid var(--border-glass);background:#ffffff05;padding:20px}.diagnostic-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.diagnostic-row:last-child{margin-bottom:0}.diagnostic-row span.value{border-radius:4px;padding:2px 8px;font-weight:700}.diagnostic-row span.value.good{color:#34d399;background:#10b9811a}.diagnostic-row span.value.bad{color:#f87171;background:#ef44441a}.progress-bar-container{background:#ffffff1a;border-radius:4px;width:50%;height:8px;overflow:hidden}.progress-bar{background:var(--accent-cyan);height:100%;transition:width .1s}.calibration-instructions ol{color:var(--text-secondary);padding-left:20px;font-size:.85rem}.calibration-instructions li{margin-bottom:8px}.dashboard-layout{box-sizing:border-box;grid-template-columns:280px 1fr 300px;gap:20px;width:100%;max-width:1400px;height:100vh;margin:0 auto;padding:20px;display:grid}.dashboard-layout.hidden{display:none}.sidebar{flex-direction:column;gap:20px;height:calc(100vh - 40px);display:flex;overflow-y:auto}.brand h2{text-align:center;margin:0}.status-box{border:1px solid var(--border-glass);text-align:center;background:#ffffff05;border-radius:12px;margin-bottom:10px;padding:12px}.status-box.hidden{display:none}.status-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-size:.75rem}.status-value{font-size:1.2rem;font-weight:700;font-family:var(--font-display)}.control-groups{flex-direction:column;gap:15px;display:flex}.control-group label{text-transform:uppercase;color:var(--accent-cyan);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.btn-group-vertical{flex-direction:column;gap:10px;display:flex}.glass-btn{border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.glass-btn:hover{background:#ffffff14;border-color:#ffffff26}.glass-btn .icon{font-size:1.1rem}.difficulty-selector{margin-bottom:8px}.difficulty-selector label{color:var(--text-secondary);text-transform:none;margin-bottom:4px;font-size:.8rem}.glass-select{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);cursor:pointer;background:#0f172acc;border-radius:8px;outline:none;padding:8px 12px}.slider-container{border:1px solid var(--border-glass);background:#ffffff05;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.slider-header{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.glass-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.glass-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;transition:transform .1s}.glass-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.toggle-container{border:1px solid var(--border-glass);background:#ffffff05;border-radius:10px;padding:10px}.glass-toggle{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;font-size:.8rem;display:flex}.glass-toggle input{display:none}.toggle-slider{background-color:#ffffff1a;border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:background-color .3s;position:relative}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .3s;position:absolute;bottom:3px;left:3px}.glass-toggle input:checked+.toggle-slider{background-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.glass-toggle input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-label{-webkit-user-select:none;user-select:none}.full-width{width:100%}.system-logs{background:#ffffff03;flex-direction:column;flex-grow:1;height:200px;padding:15px;display:flex;overflow:hidden}.system-logs h4{text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px;font-size:.8rem}.logs-container{flex-direction:column;flex-grow:1;gap:6px;padding-right:5px;font-family:monospace;font-size:.75rem;display:flex;overflow-y:auto}.log-entry{color:var(--text-secondary)}.log-entry.system{color:var(--accent-cyan)}.log-entry.move{color:var(--text-primary)}.log-entry.alert{color:var(--accent-neon)}.board-area{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 40px);display:flex;position:relative}#chess-board-wrapper{background:var(--bg-secondary);border:4px solid #0f172ad9;border-radius:12px;width:80vh;min-width:320px;max-width:650px;height:80vh;min-height:320px;max-height:650px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.board-container{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.board-fx{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.square{justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .2s;display:flex;position:relative}.square.light{background-color:var(--square-light);color:var(--square-dark-solid)}.square.dark{background-color:var(--square-dark-solid);color:var(--square-light)}.coordinate{opacity:.4;pointer-events:none;font-size:.65rem;font-weight:700;position:absolute}.coordinate.rank{top:4px;left:4px}.coordinate.file{bottom:4px;right:4px}.square.selected-piece{box-shadow:inset 0 0 15px #a855f780;background-color:#a855f740!important}.square.legal-move:after{content:"";background:var(--accent-cyan);pointer-events:none;opacity:.7;width:25%;height:25%;box-shadow:0 0 10px var(--accent-cyan);border-radius:50%}.square.legal-move.has-piece:after{content:"";border:4px solid var(--accent-cyan);width:80%;height:80%;box-shadow:0 0 12px var(--accent-cyan);background:0 0;border-radius:50%}.square.last-move-src,.square.last-move-dst{background-color:#06b6d426!important}.square.in-check{animation:1.5s infinite pulse-red;background-color:#ef44444d!important}.piece{z-index:5;cursor:grab;justify-content:center;align-items:center;width:80%;height:80%;transition:transform .1s,filter .2s;display:flex;position:relative}.piece.dragging{cursor:grabbing;z-index:20;pointer-events:none;filter:drop-shadow(0 10px 15px #00000080)}.piece svg{width:100%;height:100%}.square.hovered-square{background-color:#06b6d433!important}.game-notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-cyan);font-family:var(--font-display);color:#fff;z-index:50;box-shadow:var(--shadow-cyan-glow);background:#0f172ad9;border-radius:12px;padding:12px 24px;font-weight:600;animation:.4s slide-down;position:absolute;top:30px}.feed-panel{flex-direction:column;gap:15px;height:calc(100vh - 40px);display:flex;overflow:hidden}.feed-panel h4{text-transform:uppercase;color:var(--text-secondary);font-size:.8rem}.floating-webcam-container{border:1.5px solid var(--border-glass);background:#000;border-radius:12px;width:100%;height:180px;position:relative;overflow:hidden}.game-webcam-feed{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.game-webcam-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.tracking-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:8px;left:8px}.tracking-indicator.bad{color:#f87171;background:#ef444433;border:1px solid #ef444466}.tracking-indicator.good{color:#34d399;background:#10b98133;border:1px solid #10b98166}.move-history-card{border:1px solid var(--border-glass);background:#ffffff03;flex-direction:column;flex-grow:1;padding:15px;display:flex;overflow:hidden}.moves-list{flex-direction:column;flex-grow:1;gap:4px;font-size:.85rem;line-height:1.5;display:flex;overflow-y:auto}.moves-placeholder{color:var(--text-secondary);text-align:center;margin-top:20px;font-style:italic}.move-row{border-radius:4px;grid-template-columns:30px 1fr 1fr;padding:4px 6px;display:grid}.move-row:nth-child(2n){background:#ffffff05}.move-num{color:var(--text-secondary);font-weight:600}.gesture-status-bar{border:1px solid var(--border-glass);background:#ffffff05;align-items:center;gap:12px;padding:12px;display:flex}.gesture-icon{font-size:1.8rem}.gesture-desc .title{color:var(--text-primary);font-size:.85rem;font-weight:600}.gesture-desc .desc{color:var(--text-secondary);font-size:.75rem}.virtual-cursor{pointer-events:none;z-index:9999;width:30px;height:30px;margin-top:-15px;margin-left:-15px;transition:transform 50ms linear;position:fixed}.cursor-progress-svg{pointer-events:none;z-index:6;opacity:0;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-progress-svg.active{opacity:1}.cursor-progress-svg circle{transition:stroke-dashoffset 80ms linear}.virtual-cursor.hidden{display:none}.cursor-ring{border:2px solid var(--accent-cyan);border-radius:50%;transition:border-color .2s,transform .2s;animation:4s linear infinite rotate-ring;position:absolute;inset:0;box-shadow:0 0 8px #06b6d499}.cursor-dot{background-color:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;margin-top:-3px;margin-left:-3px;transition:background-color .2s,transform .2s;position:absolute;top:50%;left:50%}.virtual-cursor.pinched .cursor-ring{border-color:var(--accent-neon);transform:scale(.65);box-shadow:0 0 10px #a855f7cc}.virtual-cursor.pinched .cursor-dot{background-color:var(--accent-neon);box-shadow:0 0 8px var(--accent-neon);transform:scale(1.5)}@keyframes pulse-red{0%,to{background-color:#ef444426}50%{background-color:#ef444466}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fade-in-anim}@keyframes fade-in-anim{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=1024px){.dashboard-layout{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:auto;overflow-y:auto}.sidebar,.feed-panel{height:auto}.board-area{height:auto;padding:20px 0}#chess-board-wrapper{width:90vw;height:90vw}}.secure-warning{border:1px solid var(--accent-danger);color:#f87171;text-align:left;background:#ef444426;border-radius:12px;margin-bottom:15px;padding:15px;font-size:.85rem;line-height:1.5}.secure-warning.hidden{display:none}.calibration-buttons{flex-direction:column;align-items:center;width:100%;display:flex}