:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--surface:#1f232b;--surface-raised:#2a2f39;--ink:#e8e6e1;--ink-dim:#9aa0ab;--line:#333944;--accent:#93baf8;--accent-soft:#93baf824;--good:#5cb85c;--warn:#ffa94d;--danger:#e5484d;--ink-given:var(--ink);--ink-entry:#93baf8;--ink-note:var(--ink-dim);--cell-selected:#93baf847;--cell-peer:#93baf80f;--cell-same:var(--accent-soft);--cell-conflict:#592e35;--ink-conflict:#ffd0d1;--ring-conflict:#ff8a8e;--ink-good:#5cb85c;--veil:#16181db8;--radius-control:6px;--radius-card:12px}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--surface:#fff;--surface-raised:#f1ede6;--ink:#232730;--ink-dim:#6b7280;--line:#ddd7cc;--accent:#2451b3;--accent-soft:#2451b31a;--good:#3d8b3d;--warn:#c77a2b;--danger:#c73a3f;--ink-entry:#2451b3;--cell-selected:#2451b333;--cell-peer:#2451b30d;--cell-conflict:#f6dfe0;--ink-conflict:#7a1418;--ring-conflict:#c73a3f;--ink-good:#2f7a2f;--veil:#faf7f2c7}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--surface:#fff;--surface-raised:#f1ede6;--ink:#232730;--ink-dim:#6b7280;--line:#ddd7cc;--accent:#2451b3;--accent-soft:#2451b31a;--good:#3d8b3d;--warn:#c77a2b;--danger:#c73a3f;--ink-entry:#2451b3;--cell-selected:#2451b333;--cell-peer:#2451b30d;--cell-conflict:#f6dfe0;--ink-conflict:#7a1418;--ring-conflict:#c73a3f;--ink-good:#2f7a2f;--veil:#faf7f2c7}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;margin:0;font-family:ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{min-height:100svh}.su-app{max-width:520px;padding:12px 12px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.su-status{grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:44px;display:grid}.su-tier{font-size:1rem;font-weight:600}.su-timer{color:var(--ink-dim);text-align:right;min-width:4ch;font-size:.95rem}.su-timer[hidden]{visibility:hidden;display:block}.su-note-line{min-height:1.25rem;color:var(--ink-dim);font-size:.85rem}.su-board-wrap{aspect-ratio:1;width:min(92vw,500px);margin:0 auto;position:relative}.su-grid{border:2px solid var(--ink-dim);background:var(--surface);border-radius:4px;width:100%;height:100%;display:grid;overflow:hidden}.su-row{grid-template-columns:repeat(var(--cols), 1fr);display:grid}.su-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;font-size:clamp(1rem,5.5vw,1.9rem);line-height:1;transition:background-color .12s ease-out;display:flex;position:relative}.su-cell[data-box-right="1"]{border-right:2px solid var(--ink-dim)}.su-cell[data-box-bottom="1"]{border-bottom:2px solid var(--ink-dim)}.su-row:last-child .su-cell{border-bottom:none}.su-cell:last-child{border-right:none}.su-cell[data-peer="1"]{background:var(--cell-peer)}.su-cell[data-same="1"]{background:var(--cell-same)}.su-cell[data-selected="1"]{background:var(--cell-selected)}.su-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.su-value{color:var(--ink-entry);font-weight:500;display:inline-block}.su-cell[data-given="1"] .su-value{color:var(--ink-given);font-weight:600}.su-cell[data-wrong="1"]{background:var(--cell-conflict)}.su-cell[data-wrong="1"] .su-value{color:var(--ink-conflict)}.su-cell[data-wrong="1"]:after{content:"";border:1px solid var(--ring-conflict);pointer-events:none;border-radius:3px;position:absolute;inset:2px}.su-cell[data-pulse="1"]{animation:.12s ease-out su-pulse}@keyframes su-pulse{50%{transform:scale(.9)}}.su-value[data-fresh="1"]{animation:.12s ease-out su-place}@keyframes su-place{0%{opacity:.4;transform:scale(.6)}}.su-notes{color:var(--ink-note);grid-template-columns:repeat(3,1fr);padding:2px;font-size:.32em;line-height:1;display:grid;position:absolute;inset:0}.su-notes[hidden]{display:none}.su-note{justify-content:center;align-items:center;display:flex}.su-note[data-on="0"]{visibility:hidden}.su-overlay{background:var(--surface);text-align:center;z-index:2;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.su-overlay[hidden]{display:none}.su-skeleton{background:var(--surface);color:var(--ink-dim)}.su-complete-wash{z-index:1;pointer-events:none;background:linear-gradient(135deg, transparent 40%, var(--accent-soft) 50%, transparent 60%);background-size:300% 300%;animation:.6s ease-out su-wash;position:absolute;inset:0}@keyframes su-wash{0%{background-position:100% 100%}to{background-position:0 0}}.su-actions{flex-wrap:wrap;gap:8px;display:flex}.su-actions .su-btn{flex:auto}.su-btn{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:6px 4px;font-size:clamp(.7rem,3.2vw,.85rem);transition:background-color .12s ease-out;overflow:hidden}.su-btn:hover:not(:disabled){background:var(--surface-raised)}.su-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.su-btn:disabled{opacity:.4;cursor:default}.su-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.su-pad{grid-template-columns:repeat(var(--pad-cols), 1fr);gap:8px;display:grid}.su-pad-key{min-height:52px;font-size:1.5rem;font-weight:500;position:relative}.su-pad-key:after{content:attr(data-remaining);color:var(--ink-dim);font-size:.65rem;font-weight:400;position:absolute;bottom:3px;right:5px}.su-pad-key[aria-pressed=true]:after{color:inherit}.su-pad-key[data-exhausted="1"]{opacity:.35}.su-play{gap:12px;display:grid}.su-board-col{gap:12px;min-width:0;display:grid}@media (width>=720px){.su-app{max-width:800px}.su-play{grid-template-columns:auto 200px;align-items:start;gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:50ms!important;animation-duration:50ms!important}@keyframes su-place{0%{opacity:0}}@keyframes su-pulse{50%{opacity:.4}}.su-complete-wash{background:var(--accent-soft);opacity:0;animation:none}}.su-page{max-width:520px;padding:12px calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));margin:0 auto}.su-banners{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.su-banner{border-radius:var(--radius-control);background:var(--surface-raised);border:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.su-banner span{flex:1}.su-banner-floating{top:calc(8px + env(safe-area-inset-top));z-index:8;width:min(100vw - 24px,520px);position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.su-banner-action{border:1px solid var(--accent);border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;padding:4px 10px}.su-banner-dismiss{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.su-header-row{justify-content:flex-end;gap:8px;margin-bottom:4px;display:flex}.su-icon-btn{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;font-size:1rem;font-weight:600}.su-icon-btn:hover{background:var(--surface-raised)}.su-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.su-page .su-app{padding:0 0 calc(24px + env(safe-area-inset-bottom));max-width:none;margin:0}@media (width>=720px){.su-page{max-width:800px}}.su-modal-scrim{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.su-modal-scrim[hidden]{display:none}.su-modal{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line);width:100%;max-width:420px;max-height:85vh;padding:16px;overflow-y:auto}.su-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.su-modal-title{margin:0;font-size:1.1rem}.su-modal-close{min-width:44px;min-height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:1.3rem}.su-modal-close:focus-visible,.su-icon-btn:focus-visible,.su-select-new:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.su-help-body h3{margin:12px 0 4px;font-size:.95rem}.su-help-body ul,.su-help-body p{margin:0 0 8px;line-height:1.5}.su-stats-streak{justify-content:space-between;margin-bottom:12px;font-weight:600;display:flex}.su-stats-table{border-collapse:collapse;width:100%;font-size:.85rem}.su-stats-table th,.su-stats-table td{text-align:right;border-bottom:1px solid var(--line);padding:6px 8px}.su-stats-table th:first-child,.su-stats-table td:first-child{text-align:left}.su-settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 0;display:flex}.su-settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:none}.su-settings-row select{border-radius:var(--radius-control);background:var(--surface-raised);min-height:44px;color:var(--ink);border:1px solid var(--line);font:inherit}.su-confirm-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.su-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}a.su-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.su-select-title{margin:0 0 4px;font-size:1.5rem;font-weight:700}.su-select>p{color:var(--ink-dim);margin:0 0 20px}.su-select-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=480px){.su-select-grid{grid-template-columns:repeat(3,1fr)}}.su-select-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:8px;padding:16px;display:flex}.su-select-heading{font-size:1.05rem;font-weight:600}.su-select-best{color:var(--ink-dim);font-size:.8rem}.su-select-actions{flex-direction:column;gap:6px;margin-top:auto;display:flex}.su-select-new{min-height:44px;color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.8rem;text-decoration:underline}.su-select-daily{border-color:var(--accent)}.su-complete-overlay{z-index:3;background:var(--veil)}.su-complete-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:8px;max-width:88%;padding:20px 24px;display:flex}.su-complete-card h2{margin:0}.su-complete-time{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:600}.su-complete-flawless{color:var(--ink-good);margin:0;font-weight:600}.su-complete-actions{flex-direction:column;gap:8px;width:100%;max-width:220px;margin-top:8px;display:flex}.su-complete-streak{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.su-complete-share-row{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:220px;margin-top:4px;display:flex}.su-complete-toast{min-height:1.2em;color:var(--ink-dim);margin:0;font-size:.85rem}.su-complete-countdown{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.85rem}.su-content{max-width:640px;padding:0 16px calc(40px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));color:var(--ink);margin:32px auto 0;line-height:1.6}.su-content h2{margin:28px 0 10px;font-size:1.15rem}.su-content h2:first-child{margin-top:0}.su-content p{margin:0 0 12px}.su-content a{color:var(--accent)}.su-content ul.su-tips{margin:0 0 12px;padding-left:20px}.su-content ul.su-tips li{margin-bottom:6px}.su-faq-item{margin-bottom:16px}.su-faq-item h3{margin:0 0 4px;font-size:1rem}.su-faq-item p{color:var(--ink-dim);margin:0}.su-more{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.su-more h2{margin-top:0}.su-more ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.su-more a{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;align-items:center;display:inline-flex}.su-more a[aria-current=page]{color:var(--accent);font-weight:600;text-decoration:none}.su-printable{max-width:640px;margin:0 auto;padding:12px 16px 0}.su-print-controls{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.su-print-field{color:var(--ink-dim);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.su-print-field select{border-radius:var(--radius-control);background:var(--surface-raised);min-width:120px;min-height:44px;color:var(--ink);border:1px solid var(--line);font:inherit;padding:0 8px}.su-print-status{min-height:1.5em;color:var(--ink-dim)}.su-print-answers-heading{margin-top:32px}.su-print-sheet,.su-print-answers{grid-template-columns:repeat(2,1fr);gap:24px 16px;display:grid}.su-print-puzzle{flex-direction:column;gap:6px;display:flex}.su-print-puzzle-label{color:var(--ink-dim);font-size:.85rem;font-weight:600}.su-print-grid{aspect-ratio:1;border:2px solid var(--ink-dim);border-radius:4px;width:100%;display:grid}.su-print-row{grid-template-columns:repeat(var(--cols), 1fr);display:grid}.su-print-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;font-size:clamp(.7rem,3vw,1.1rem);font-weight:600;display:flex}.su-print-cell[data-box-right="1"]{border-right:2px solid var(--ink-dim)}.su-print-cell[data-box-bottom="1"]{border-bottom:2px solid var(--ink-dim)}.su-print-row:last-child .su-print-cell{border-bottom:none}.su-print-row .su-print-cell:last-child{border-right:none}@media print{h1,.su-print-controls,.su-print-status,.su-content{display:none!important}#app{min-height:0}.su-printable{max-width:none;padding:0}.su-print-sheet,.su-print-answers{gap:10mm 8mm}.su-print-count-4{grid-template-columns:repeat(2,1fr)}.su-print-count-6{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr)}.su-print-cell{color:#000}.su-print-grid,.su-print-cell[data-box-right="1"],.su-print-cell[data-box-bottom="1"]{border-color:#000}.su-print-cell{border-color:#999}.su-print-puzzle-label{color:#000}.su-print-answers-heading{color:#000;break-before:page;margin-top:0}}