:root{--bg-color:#0d0d12;--bg-gradient:radial-gradient(circle at top center, #1a1a2e, #0d0d12 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--board-light:#505c75;--board-dark:#273043;--primary-accent:#3b82f6;--primary-hover:#2563eb;--accent-glow:#3b82f680;--panel-bg:#14141e99;--panel-border:#ffffff14;--highlight-move:#a7f3d080;--highlight-source:#fde04780;--highlight-check:#ef4444cc}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 10px 40px #0006}.btn-primary{background-color:var(--primary-accent);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--panel-border);cursor:pointer;background-color:#0000;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff0d}.is-dragging{cursor:grabbing!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}