.nonogram-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.controls-group{display:flex;align-items:center;gap:var(--space-sm)}.controls-label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:45px}.pill-group{display:flex;gap:.5rem;align-items:center}.pill-btn{padding:.3rem .75rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:99px;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pill-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pill-btn--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-surface)}.pill-btn--active:hover{color:var(--color-bg-surface)}.controls-sep{width:1px;height:1.5rem;background-color:var(--color-border);margin:0 var(--space-sm)}.controls-group--timer{margin-left:auto}.game-timer{font-family:Courier New,monospace;font-feature-settings:"tnum";font-weight:600;color:var(--color-text);font-size:1.1rem}.sudoku-section{padding:var(--space-xl) 0}.mistake-count{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-error);min-width:1.5ch}.sudoku-puzzle-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin:var(--space-xl) 0}#sudoku-grid{display:grid;width:fit-content;margin:var(--space-xl) auto;overflow-x:auto;max-width:100%}.sudoku-grid-wrap{overflow-x:auto;max-width:100%}.sudoku-grid{display:inline-grid;border:3px solid var(--color-text);gap:0;background:var(--color-bg-surface);border-radius:2px;user-select:none}.sudoku-cell{width:52px;height:52px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-family:var(--font-sans);cursor:pointer;position:relative;background:var(--color-bg-surface);transition:background .1s;box-sizing:border-box}.sudoku-cell.box-border-right{border-right:2px solid var(--color-text)}.sudoku-cell.box-border-bottom{border-bottom:2px solid var(--color-text)}.sudoku-cell.clue{font-weight:700;color:var(--color-text);background:var(--cell-sudoku-clue-bg);cursor:default}.sudoku-cell.selected{background:var(--cell-sudoku-selected)!important}.sudoku-cell.highlighted{background:var(--cell-sudoku-highlighted)}.sudoku-cell.matching{background:var(--cell-sudoku-matching)}.sudoku-cell.mistake{color:var(--color-error)!important}.sudoku-cell.revealed{color:var(--color-accent);font-weight:700}.candidates{display:grid;width:100%;height:100%;font-size:.42rem;color:var(--color-text-muted);padding:2px;box-sizing:border-box;line-height:1}.candidates span{display:flex;align-items:center;justify-content:center;font-size:.42rem}.candidates span.pencil-active{color:var(--color-accent);font-weight:600}.number-pad{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:540px;margin:var(--space-lg) auto}.num-btn{width:48px;height:48px;font-size:1.2rem;font-family:var(--font-sans);font-weight:600;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text);cursor:pointer;transition:background var(--transition),border-color var(--transition);display:flex;align-items:center;justify-content:center;touch-action:manipulation}.num-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-accent)}.num-btn.pencil-on{background:var(--cell-sudoku-pencil-on);border-color:var(--color-accent);color:var(--color-accent);font-size:.9rem}.num-btn.erase-btn{color:var(--color-error);font-size:.85rem}.num-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.sudoku-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.sudoku-htp-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-surface)}.sudoku-htp-section .accordion{max-width:100%;border:none;border-radius:0;background-color:transparent}.sudoku-htp{max-width:none}.sudoku-htp .accordion-body{padding:var(--space-lg) var(--space-xl)}.sudoku-htp .accordion-body ol,.sudoku-htp .accordion-body ul{padding-left:var(--space-lg);margin-top:var(--space-sm)}.sudoku-htp .accordion-body li{list-style:disc;margin-bottom:var(--space-sm)}@media(max-width:768px){.controls-group--timer{margin-left:0;width:100%;justify-content:flex-start}.nonogram-controls{flex-direction:column;align-items:flex-start}.controls-group{width:100%}.controls-sep{display:none}}@media(max-width:480px){.sudoku-cell{width:36px;height:36px;font-size:1rem}.candidates,.candidates span{font-size:.32rem}.num-btn{width:38px;height:38px;font-size:1rem}.controls-label{min-width:auto}}@media(max-width:360px){.sudoku-cell{width:30px;height:30px;font-size:.85rem}}