:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f8fafc;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.game-layout{gap:12px;width:min(100%,560px);margin:0 auto;display:grid}.game-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(152px,1fr);align-items:end;gap:8px;display:grid}.game-header>:first-child{grid-column:1/span 2}.game-header h1{letter-spacing:0;margin:0;font-size:clamp(2rem,9vw,3rem);line-height:.95}.game-header p{color:#475569;text-transform:capitalize;margin:6px 0 0;font-size:.92rem}.timer-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.timer{font-variant-numeric:tabular-nums;text-align:center;min-width:0;padding:7px 10px;font-weight:700}.pause-button,.mode-button{box-shadow:0 1px #0f172a0f}.pause-button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;min-height:36px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.pause-button.pause{color:#334155;background:#f8fafc;border-color:#94a3b8}.pause-button.resume{color:#0f172a;background:#f1f5f9;border-color:#64748b}.stats-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(152px,1fr);gap:8px;display:grid}.metric,.stat-card{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.stat-card{align-content:center;gap:2px;min-width:0;min-height:58px;padding:9px 10px;display:grid}.stat-card span{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:800}.stat-card.compact strong{font-size:clamp(1rem,4vw,1.3rem)}.stat-card strong{color:#0f172a;font-size:clamp(1.08rem,4.8vw,1.55rem);line-height:1}.control-area{z-index:4;position:relative}.mode-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mode-button,.chip{color:#0f172a;background:#fff;border:1px solid #94a3b8;border-radius:8px;min-height:40px}.mode-button{justify-content:center;align-items:center;gap:7px;min-width:0;font-weight:700;display:inline-flex}.mode-button.candidates.on{color:#0f172a;background:#f1f5f9;border-color:#64748b}.mode-button:disabled{color:#64748b;box-shadow:none;background:#f1f5f9;border-color:#cbd5e1}.difficulty-panel{z-index:10;background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:9px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 36px #0f172a2e}.difficulty-panel p{color:#475569;margin:0;font-size:.86rem}.difficulty-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.chip{text-transform:capitalize}.chip.active{color:#fff;background:#0f172a;border-color:#0f172a}.board-wrap{position:relative}.board{aspect-ratio:1;background:#0f172a;border:4px solid #0f172a;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:1px;width:min(100%,100svh - 224px);min-width:292px;max-width:560px;margin:0 auto;display:grid}.board.obscured .cell{visibility:hidden}.cell{color:#2563eb;background:#fff;border:1px solid #64748b;border-top:0;border-left:0;place-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(1.1rem,6.3vw,2.2rem);font-weight:700;line-height:1;display:grid;position:relative}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:4px solid #0f172a}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:4px solid #0f172a}.cell.given{color:#0f172a;background:#f1f5f9}.cell.peer{background:#e0f2fe}.cell.same-value{background:#bfdbfe}.cell.selected{outline-offset:-3px;z-index:1;outline:3px solid #2563eb}.cell.error{color:#dc2626;background:#fee2e2}.notes{color:#64748b;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:100%;height:100%;padding:3px;font-size:clamp(.45rem,1.9vw,.78rem);font-style:normal;font-weight:600;display:grid}.notes i{font-style:normal}.pause-layer{color:#0f172a;text-align:center;background:#f8fafc;place-items:center;font-size:2rem;font-weight:800;display:grid;position:absolute;inset:0}.start-layer{padding:20px}.start-button{color:#0f172a;background:#f1f5f9;border:1px solid #64748b;border-radius:8px;min-width:180px;min-height:56px;font-weight:800}.complete-panel{z-index:3;color:#14532d;background:#f0fdf4f5;border:1px solid #86efac;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;min-height:112px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 12px 28px #0f172a24}.complete-summary{gap:4px;min-width:0;display:grid}.complete-panel strong{font-size:1.25rem;line-height:1}.complete-panel span{color:#166534;font-size:.78rem;font-weight:700}.rank-register{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.rank-register input{color:#14532d;background:#fff;border:1px solid #86efac;border-radius:8px;min-width:0;min-height:40px;padding:0 10px;font-weight:800}.rank-status{color:#166534;margin:0;font-size:.76rem;font-weight:800}.complete-panel button{color:#166534;background:#fff;border:1px solid #16a34a;border-radius:8px;grid-area:auto;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-weight:800;display:inline-flex}.complete-new-game{justify-self:end}.action-row{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.icon-button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;grid-column:span 2;place-items:center;gap:3px;min-height:54px;font-size:.72rem;font-weight:700;display:grid}.icon-button.active{color:#422006;background:#facc15;border-color:#ca8a04}.icon-button.priority{grid-column:span 3;min-height:62px;font-size:.86rem}.icon-button.note{color:#075985;background:#f0f9ff;border-color:#38bdf8}.icon-button.note.active{color:#fff;background:#0284c7;border-color:#0284c7}.icon-button.erase{color:#9a3412;background:#fff7ed;border-color:#fb923c}.icon-button.priority svg{width:22px;height:22px}.leaderboard-panel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;gap:10px;padding:12px;display:grid}.leaderboard-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.leaderboard-heading h2{color:#0f172a;margin:0;font-size:1rem;line-height:1}.leaderboard-heading p{color:#64748b;text-transform:capitalize;margin:4px 0 0;font-size:.75rem;font-weight:800}.leaderboard-heading button{color:#334155;background:#f8fafc;border:1px solid #94a3b8;border-radius:8px;min-height:34px;padding:0 10px;font-size:.78rem;font-weight:800}.leaderboard-empty{color:#64748b;place-items:center;min-height:34px;margin:0;font-size:.84rem;font-weight:700;display:grid}.leaderboard-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:grid}.leaderboard-list strong,.leaderboard-list span{color:#0f172a;font-weight:800}.leaderboard-list small{color:#64748b;font-size:.72rem;font-weight:700}.number-pad{grid-template-columns:repeat(9,1fr);gap:6px;display:grid}.number-pad button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;gap:1px;min-width:0;min-height:50px;display:grid}.number-pad span{font-size:1.22rem;font-weight:800;line-height:1}.number-pad small{color:#64748b;font-size:.68rem}button:not(:disabled){cursor:pointer}.mode-button:not(:disabled):hover,.pause-button:not(:disabled):hover,.complete-panel button:not(:disabled):hover{background:#f8fafc;border-color:#475569}button:disabled{opacity:.45}button:focus-visible{outline-offset:2px;outline:3px solid #f97316}@media (width>=860px){.app-shell{place-items:center;display:grid}.game-layout{grid-template-columns:minmax(520px,620px) minmax(280px,340px);align-items:start;width:min(94vw,980px)}.game-header{grid-column:1/-1}.mode-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.board-wrap{grid-area:2/1/span 5}.board{width:min(62vw,620px)}.number-pad{grid-area:2/2;grid-template-columns:repeat(3,1fr);align-self:start}.action-row{grid-area:3/2;align-self:start}.stats-panel{grid-area:4/2}.control-area{grid-area:7/1/auto/-1}.leaderboard-panel{grid-area:5/2;align-self:start}.number-pad button{min-height:72px}}@media (width<=380px){.game-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(138px,1fr);align-items:start}.game-header h1{font-size:1.82rem}.timer-group{gap:6px}.pause-button{min-height:32px;padding:0 6px}.stats-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(138px,1fr)}.mode-bar{grid-template-columns:1fr}.action-row,.number-pad{gap:5px}.number-pad button{min-height:46px}.number-pad small{display:none}}