@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-canvas: #080a0f;--bg-main: #080a0f;--bg-surface-1: #0f121a;--bg-surface-2: #151923;--bg-surface-3: #1c2230;--bg-surface-hover: #232a3b;--bg-surface-active: #2b3347;--bg-surface: #0f121a;--bg-elevated: #151923;--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-default: 1px solid rgba(255, 255, 255, .1);--border-highlight: 1px solid rgba(255, 255, 255, .16);--border-hover: 1px solid rgba(255, 255, 255, .2);--border-gold: 1px solid rgba(200, 170, 110, .35);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--gold-primary: #c8aa6e;--gold-hover: #d4ba82;--gold-dim: rgba(200, 170, 110, .12);--accent-gold: #c8aa6e;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-cyan: #38bdf8;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .75), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-modal: 0 24px 64px -8px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 255, 255, .12);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px}.glass-panel,.workstation-panel{background:var(--bg-surface-1);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card,.workstation-card{background:var(--bg-surface-2);border:var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}button{font-family:inherit;transition:transform .1s cubic-bezier(.16,1,.3,1),background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}button:active{transform:translateY(1px)}:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=slider]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--gold-primary)!important;outline-offset:2px!important;box-shadow:0 0 0 3px #c8aa6e33!important}input,textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only:focus-visible{position:absolute;top:12px;left:12px;width:auto;height:auto;padding:8px 16px;margin:0;overflow:visible;clip:auto;white-space:normal;background-color:var(--gold-primary);color:#080a0f;font-weight:700;border-radius:var(--radius-sm);z-index:100;box-shadow:var(--shadow-md)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.text-balance{text-wrap:balance}.virtual-row{content-visibility:auto;contain-intrinsic-size:0 32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface-1)}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}@keyframes badgePop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes checkPulse{0%,to{opacity:.95}50%{opacity:.6}}@keyframes lastMovePulse{0%,to{opacity:.92}50%{opacity:.75}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.chessboard-piece{width:88%;height:88%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .12s cubic-bezier(.16,1,.3,1);pointer-events:none}.chessboard-piece:hover{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spin{animation:none!important}}*{-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:none}@media(max-width:768px){input,select,textarea{font-size:16px!important}}.workstation-main{flex:1;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,440px);gap:24px;padding:24px;max-width:1440px;margin:0 auto;width:100%}@media(max-width:1024px){.workstation-main{grid-template-columns:1fr;gap:16px;padding:14px 12px}}@media(max-width:640px){.workstation-main{gap:10px;padding:10px 8px calc(12px + env(safe-area-inset-bottom,0px)) 8px}}@media(max-width:1024px){.desktop-bay{display:none!important}}@media(min-width:1025px){.mobile-bay-switcher{display:none!important}}.chessboard-container{touch-action:manipulation}@media(max-width:900px){.chessley-wordmark-subtitle{display:none!important}}@media(max-width:720px){.navbar-header{padding:8px 10px!important;gap:6px!important}.chessley-wordmark,.btn-label-desktop,.navbar-progressbar{display:none!important}.navbar-btn-import{padding:0!important;width:38px!important;height:38px!important;justify-content:center!important;gap:0!important}}