*{margin:0;padding:0;box-sizing:border-box}:root{--sys-blue: #007AFF;--sys-blue-pressed: #0066CC;--sys-blue-tint: rgba(0, 122, 255, .12);--sys-blue-tint-hover: rgba(0, 122, 255, .18);--sys-red: #FF3B30;--sys-red-tint: rgba(255, 59, 48, .1);--sys-green: #34C759;--sys-gray: #8E8E93;--sys-gray-2: #AEAEB2;--sys-gray-4: #C7C7CC;--sys-gray-5: #D1D1D6;--sys-gray-6: #E5E5EA;--sys-gray-track: rgba(118, 118, 128, .12);--sys-gray-fill: rgba(118, 118, 128, .16);--sys-gray-fill-hover: rgba(118, 118, 128, .22);--grouped-bg: #F2F2F7;--card-bg: #FFFFFF;--text: #1C1C1E;--text-secondary: #8E8E93;--separator: rgba(60, 60, 67, .12)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--grouped-bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.container{max-width:640px;margin:0 auto;padding:clamp(8px,3vw,20px)}header{text-align:center;padding:12px 0 16px}header h1{font-size:clamp(1.5rem,6vw,2.2rem);font-weight:700;color:var(--text);letter-spacing:-.02em}.card{background:var(--card-bg);border-radius:16px;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000f;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.segmented{display:inline-flex;background:var(--sys-gray-track);border-radius:9px;padding:2px}.seg-btn{padding:6px 14px;border:none;background:transparent;border-radius:7px;font-size:.85rem;color:var(--text);cursor:pointer;transition:background .18s,color .18s;touch-action:manipulation;white-space:nowrap;font-weight:500}.seg-btn:active{background:#0000000a}.seg-btn.active{background:var(--sys-blue);color:#fff}.settings-group{padding:8px 16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:.5px solid var(--separator)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:1rem;color:var(--text);font-weight:500}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.sheet{width:100%;max-width:360px;background:var(--card-bg);border-radius:14px;overflow-y:auto;max-height:85vh;box-shadow:0 8px 32px #0003}.sheet-title{padding:14px 16px 10px;font-size:.8rem;color:var(--text-secondary);text-align:center;font-weight:500;border-bottom:.5px solid var(--separator)}.sheet-cancel{display:block;width:100%;padding:14px 16px;border:none;background:transparent;font-size:1rem;color:var(--sys-blue);cursor:pointer;border-top:8px solid var(--grouped-bg);font-weight:600}.sheet-cancel:active{background:var(--sys-gray-6)}.sheet-enter-active,.sheet-leave-active{transition:opacity .2s ease}.sheet-enter-active .sheet,.sheet-leave-active .sheet{transition:transform .28s cubic-bezier(.32,.72,0,1)}.sheet-enter-from,.sheet-leave-to{opacity:0}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:scale(.95)}.controls{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:16px;flex-wrap:wrap;padding:14px 16px}.btn{padding:8px 18px;border:none;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .18s,transform .12s,box-shadow .18s;touch-action:manipulation;min-height:40px}.btn:active{transform:scale(.96)}.btn-filled{background:var(--sys-blue);color:#fff}.btn-filled:hover{background:var(--sys-blue-pressed)}.btn-tinted{background:var(--sys-blue-tint);color:var(--sys-blue)}.btn-tinted:hover{background:var(--sys-blue-tint-hover)}.btn-gray{background:var(--sys-gray-fill);color:var(--text)}.btn-gray:hover{background:var(--sys-gray-fill-hover)}.btn-plain{background:transparent;color:var(--sys-red)}.btn-plain:hover{background:var(--sys-red-tint)}.note-toggle.active{background:var(--sys-blue);color:#fff}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:42px;height:26px;border-radius:999px;background:var(--sys-gray-fill);position:relative;transition:background .2s ease;flex-shrink:0}.switch-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.switch input:checked+.switch-track{background:var(--sys-blue)}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch-label{font-size:.9rem;color:var(--text-secondary)}.game-board{display:flex;flex-direction:column;border:1px solid var(--sys-gray-6);border-radius:16px;overflow:hidden;background:#fff;width:min(100%,640px);margin:0 auto;box-shadow:0 1px 2px #0000000a,0 6px 24px #00000014}.grid-row{display:grid;grid-template-columns:repeat(var(--size, 9),1fr)}.cell{aspect-ratio:1 / 1;position:relative;border:1px solid var(--separator);cursor:pointer;background:#fff;-webkit-user-select:none;user-select:none;transition:background-color .15s;container-type:inline-size;touch-action:manipulation}.cell.given{background:var(--grouped-bg);cursor:default}.cell.selected{background:var(--sys-blue-tint)}.cell.conflict{background:var(--sys-red-tint)}.cell.conflict.selected{background:#ff3b302e}.cell:not(.given):active{background:var(--sys-gray-6)}.cell.border-right{border-right:2px solid var(--sys-gray-4)}.cell.border-bottom{border-bottom:2px solid var(--sys-gray-4)}.cell-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(.9rem,55cqw,1.8rem);font-weight:500;color:var(--text)}.cell.given .cell-value{font-weight:700;color:#000}.cell.selected .cell-value{color:var(--sys-blue)}.cell.conflict .cell-value{color:var(--sys-red)}.cell.correct .cell-value{color:var(--sys-green)}.cell.wrong .cell-value{color:var(--sys-red)}.notes-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;padding:3px}.note{display:flex;align-items:center;justify-content:center;font-size:clamp(.55rem,22cqw,.8rem);color:var(--sys-gray);line-height:1}.cell.selected .note{color:var(--text-secondary)}.cell.conflict .note{color:var(--sys-red)}.number-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;margin-top:16px}.num-btn{width:100%;height:48px;border:none;border-radius:12px;background:var(--sys-blue-tint);font-size:1.25rem;font-weight:500;color:var(--sys-blue);cursor:pointer;transition:background .18s,transform .12s;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.num-btn:hover{background:var(--sys-blue-tint-hover)}.num-btn:active{transform:scale(.94)}.num-btn.clear-btn{background:transparent;color:var(--sys-red);border:1px solid var(--sys-gray-6)}.num-btn.clear-btn:hover{background:var(--sys-red-tint)}.message{text-align:center;margin-top:16px;font-size:1.1rem;font-weight:600;min-height:1.5em;color:var(--sys-green)}footer{text-align:center;padding:20px 0 8px;color:var(--sys-gray-2);font-size:.85rem}@media (min-width: 640px){.version{display:inline}.controls{gap:12px}}.timer-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding-bottom:12px}.timer{font-size:1.3rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.timer-warning{color:var(--sys-red);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.5}}.best-time{font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.message{text-align:center;padding:16px;font-size:1.1rem;font-weight:600;color:var(--sys-green);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.new-record{color:#ff9500;font-size:1rem}