*{box-sizing:border-box}html,body{margin:0;padding:0;overscroll-behavior:none;touch-action:pan-y}:root{--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 4px 16px rgba(0, 0, 0, .18);--transition-fast: .12s ease}:root,:root[data-theme=dark]{--color-bg: #0f1420;--color-bg-elevated: #1a2233;--color-bg-panel: #1f2937;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-border: #2f3a4d;--color-accent: #3b82f6;--color-accent-contrast: #f9fafb;--color-armed: #d97706;--color-danger-bg: #7f1d1d;--color-danger-text: #fecaca;--color-success-bg: #14532d;--color-success-text: #bbf7d0;--color-peer-bg: #24304a;--color-same-value: rgba(45, 212, 191, .6);--color-given-bg: #0b0f18;--color-locked-bg: #15302a;--color-selected-bg: #1e3a8a;--color-highlight: #facc15;--grid-line: #e5e7eb;--grid-line-inner: #3a465c;--cage-stroke: #94a3b8;--cage-label: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .4)}:root[data-theme=light]{--color-bg: #f4f5f7;--color-bg-elevated: #ffffff;--color-bg-panel: #ffffff;--color-text: #12151c;--color-text-muted: #6b7280;--color-border: #dde1e7;--color-accent: #2563eb;--color-accent-contrast: #ffffff;--color-armed: #b45309;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-peer-bg: #e6ecfb;--color-same-value: rgba(13, 148, 136, .5);--color-given-bg: #eef0f4;--color-locked-bg: #e5f7ee;--color-selected-bg: #bfdbfe;--color-highlight: #b45309;--grid-line: #12151c;--grid-line-inner: #c7cdd6;--cage-stroke: #6b7280;--cage-label: #4b5563;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 6px 20px rgba(15, 23, 42, .1)}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast)}button{font-family:inherit}.app{max-width:480px;margin:0 auto;padding:5px;min-height:100vh}.app__nav{display:flex;gap:8px;margin-bottom:12px}.app__nav button{flex:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);font-size:16px;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.app__nav button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.app__theme-toggle{flex:0 0 auto!important;width:44px;font-size:18px;line-height:1}.game-screen{display:flex;flex-direction:column;gap:12px}.game-screen__topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-screen__timer{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600;color:var(--color-text-muted)}.game-screen__pause{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);box-shadow:var(--shadow-sm)}.game-screen__pause:disabled{opacity:.4}.game-screen__paused{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;max-width:460px;aspect-ratio:1;margin:0 auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);font-size:1.2rem;font-weight:600;color:var(--color-text-muted)}.game-screen__paused button{padding:10px 24px;border-radius:var(--radius-sm);border:none;background:var(--color-accent);color:var(--color-accent-contrast);font-size:16px}.board{display:flex;flex-direction:column;gap:12px;align-items:center}.grid-wrapper{position:relative;width:100%;max-width:460px;aspect-ratio:1;border:2px solid var(--grid-line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-md)}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;height:100%;background:var(--grid-line-inner);gap:1px}.cell{position:relative;min-width:0;min-height:0;background:var(--color-bg-panel);border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;color:var(--color-text);font-size:inherit;transition:background-color var(--transition-fast),color var(--transition-fast)}.cell[data-col="2"],.cell[data-col="5"]{border-right:2px solid var(--grid-line)}.cell[data-row="2"],.cell[data-row="5"]{border-bottom:2px solid var(--grid-line)}.cell--peer{background:var(--color-peer-bg)}.cell--same-value{box-shadow:inset 0 0 0 2px var(--color-same-value)}.cell--given{background:var(--color-given-bg);font-weight:700}.cell--locked{background:var(--color-locked-bg);font-weight:700}.cell--selected{background:var(--color-selected-bg)}.cell--conflict{background:var(--color-danger-bg);color:var(--color-danger-text)}.cell__value{font-size:1.4rem;line-height:1}.cell__value--highlighted{color:var(--color-highlight);font-weight:700}.cell__pencil-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:18% 6% 4%;font-size:.55rem;line-height:1;color:var(--color-text-muted)}.cell__candidate{display:flex;align-items:center;justify-content:center}.cell__candidate--bold{font-weight:700;color:var(--color-highlight)}.cage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cage-overlay__border{stroke:var(--cage-stroke);stroke-width:.025;stroke-dasharray:.09 .06}.cage-overlay__label{fill:var(--cage-label);font-weight:600}.number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:100%;max-width:460px}.number-pad__digit{aspect-ratio:1;min-width:0;padding:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);font-size:1.2rem;box-shadow:var(--shadow-sm);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.number-pad__digit:active{transform:scale(.94)}.number-pad__digit--armed{background:var(--color-armed);border-color:var(--color-armed);color:var(--color-accent-contrast)}.number-pad__digit--hidden{visibility:hidden}.number-pad__digit--pulse{animation:number-pad-pulse .26s cubic-bezier(.34,1.56,.64,1)}@keyframes number-pad-pulse{0%{transform:scale(1);background:var(--color-bg-panel);border-color:var(--color-border);color:var(--color-text)}35%{transform:scale(1.28);background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}70%{transform:scale(.9)}to{transform:scale(1);background:var(--color-bg-panel);border-color:var(--color-border);color:var(--color-text)}}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:460px}.controls__button{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.controls__button svg{width:45%;height:45%}.controls__label{font-size:.65rem;line-height:1}.controls__button--active{background:var(--color-armed);border-color:var(--color-armed);color:var(--color-accent-contrast)}.controls__button:disabled{opacity:.4}.controls__split-button{flex-direction:row;padding:0;overflow:hidden}.controls__split-half{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:4px;border:none;background:none;color:inherit;font:inherit;transition:opacity var(--transition-fast)}.controls__split-half:first-child{border-right:1px solid var(--color-border)}.controls__split-half svg{width:45%;height:45%}.controls__split-half:disabled{opacity:.4}.game-screen__loading,.game-screen__won,.game-screen__error,.history-view__loading,.history-view__empty{text-align:center;padding:24px;color:var(--color-text-muted)}.game-screen__won{padding:16px;border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success-text);font-weight:700;box-shadow:var(--shadow-md);animation:won-in .22s ease}@keyframes won-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.game-screen__won p,.game-screen__error p{margin:0 0 12px}.game-screen__won button,.game-screen__error button{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--color-accent);color:var(--color-accent-contrast);font-size:16px}.game-screen__won button:disabled{opacity:.5}.history-view{padding:8px 4px}.history-view__stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.history-view__stats dt{color:var(--color-text-muted)}.history-view__stats dd{margin:0;font-weight:600}.history-view__chart{display:flex;align-items:flex-end;gap:4px;height:120px;margin-top:16px}.history-view__bar-wrapper{flex:1;height:100%;display:flex;align-items:flex-end}.history-view__bar{width:100%;background:var(--color-accent);border-radius:2px 2px 0 0;min-height:2px;transition:height var(--transition-fast)}