@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-dark:#0a0c10;--bg-surface:#12151c;--bg-elevated:#1d212b;--border-subtle:#262b36;--border-strong:#3b4252;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b33;--accent-gold-dark:#b45309;--cell-bg:#151821;--cell-bg-selected:#1e293b;--cell-bg-highlight:#171e2d;--cell-border:#262b36;--cell-border-thick:#475569;--text-given:#f8fafc;--text-user:#60a5fa;--text-error:#ef4444;--text-notes:#94a3b8;--ghost-color:#8b5cf6;--ghost-glow:#8b5cf633;--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background-color:var(--bg-dark)}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow:hidden}#root{width:100%;height:100dvh;box-shadow:none;-ms-overflow-style:none;scrollbar-width:none;background-color:#0000;border:none;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.game-layout-responsive{flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}@media (width>=1024px){.game-layout-responsive{flex-direction:row;justify-content:center;align-items:center;gap:50px;max-width:950px}.game-layout-controls{width:380px;margin-top:0!important}}.sudoku-board-grid{aspect-ratio:1;border:2px solid var(--cell-border-thick);background-color:var(--bg-dark);grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;max-width:400px;margin:0 auto;display:grid}@media (width>=1024px){.sudoku-board-grid{max-width:500px}}.dashboard-header-desktop{display:none}.dashboard-header-mobile{justify-content:space-between;align-items:center;width:100%;margin-bottom:25px;display:flex}.dashboard-title-mobile{display:block}.dashboard-action-panel{border-radius:20px;flex-direction:column;gap:15px;width:100%;max-width:360px;margin:0 auto;padding:24px;display:flex}.dashboard-action-grid{flex-direction:column;gap:14px;width:100%;display:flex}@media (width>=1024px){.dashboard-header-mobile,.dashboard-title-mobile{display:none}.dashboard-header-desktop{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;margin-bottom:35px;padding-bottom:15px;display:flex}.dashboard-action-panel{max-width:820px;padding:32px}.dashboard-action-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}}#root::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1d212bb3;border:1px solid #ffffff0d}.gold-gradient-text{background:linear-gradient(135deg,#fde68a 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}