:root{--sudoku-grid-size: 9;--sudoku-box-size: 3;--sudoku-cell-size: 50px;--sudoku-cell-gap: 1px;--sudoku-box-gap: 3px;--sudoku-font-size-value: 24px;--sudoku-font-size-pencil: 10px;--sudoku-transition-speed: .15s;--sudoku-cell-bg: #ffffff;--sudoku-cell-border: #bdbdbd;--sudoku-box-border: #212121;--sudoku-given-text: #000000;--sudoku-user-text: #1976d2;--sudoku-conflict-bg: #ffcdd2;--sudoku-selected-bg: #e3f2fd;--sudoku-hint-text: #757575;--sudoku-highlight-bg: #fff9c4;--mui-palette-background-default: #f5f5f5;--mui-palette-background-paper: #ffffff;--mui-palette-text-primary: #000000;--mui-palette-text-secondary: #666666;--mui-palette-action-hover: #f5f5f5;--mui-palette-action-selected: #f0f0f0;--mui-palette-divider: #e0e0e0}[data-theme=dark]{--sudoku-cell-bg: #303030;--sudoku-cell-border: #424242;--sudoku-box-border: #e0e0e0;--sudoku-given-text: #ffffff;--sudoku-user-text: #90caf9;--sudoku-conflict-bg: #5d4037;--sudoku-selected-bg: #1e3a5f;--sudoku-hint-text: #9e9e9e;--sudoku-highlight-bg: #4a4a00;--mui-palette-background-default: #121212;--mui-palette-background-paper: #1e1e1e;--mui-palette-text-primary: #ffffff;--mui-palette-text-secondary: #b0b0b0;--mui-palette-action-hover: #424242;--mui-palette-action-selected: #505050;--mui-palette-divider: #424242}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:focus-visible{outline:2px solid var(--mui-palette-primary-main, #1976d2);outline-offset:2px}::selection{background-color:var(--mui-palette-primary-light, #64b5f6);color:var(--mui-palette-primary-contrastText, #ffffff)}.sudoku-layout{display:flex;flex-wrap:wrap;min-height:calc(100vh - 64px);margin:0;padding:0}.sudoku-left-panel{flex:0 0 33.333%;max-width:33.333%;padding:16px;overflow-y:auto;max-height:calc(100vh - 64px)}.sudoku-left-panel::-webkit-scrollbar{width:8px;height:8px}.sudoku-left-panel::-webkit-scrollbar-track{background:var(--mui-palette-action-hover, #f5f5f5);border-radius:4px}.sudoku-left-panel::-webkit-scrollbar-thumb{background:var(--mui-palette-action-disabled, #bdbdbd);border-radius:4px}.sudoku-left-panel::-webkit-scrollbar-thumb:hover{background:var(--mui-palette-action-active, #9e9e9e)}@media(max-width:767px){.sudoku-left-panel{flex:0 0 100%;max-width:100%;order:2;max-height:none}}.sudoku-right-panel{flex:0 0 66.667%;max-width:66.667%;padding:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}@media(max-width:767px){.sudoku-right-panel{flex:0 0 100%;max-width:100%;order:1}}@media(max-width:767px){:root{--sudoku-cell-size: 38px;--sudoku-font-size-value: 18px;--sudoku-font-size-pencil: 8px}}@media(max-width:575px){:root{--sudoku-cell-size: 32px;--sudoku-font-size-value: 16px;--sudoku-font-size-pencil: 7px}}.text-center{text-align:center}.text-muted{color:var(--mui-palette-text-secondary, #666)}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.gap-1{gap:8px}.gap-2{gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-shake{animation:shake .3s ease}