:root{--font-heading:"Cormorant Garamond", system-ui, sans-serif;--font-body:"Lora", system-ui, sans-serif;--radius-sm:2px;--radius-md:4px;--radius-lg:7px;--radius-xl:10px;--space-1:4.6px;--space-2:9.2px;--space-3:13.8px;--space-4:18.4px;--space-5:23px;--space-6:27.6px;--dropdown-row:calc(1.05rem * 1.5 + 20px)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f2f2;--text:#201f1d;--text-muted:#201f1d8c;--surface:#eae9e9;--surface-2:#dcdbdb;--border:#201f1d29;--border-strong:#201f1d3d;--accent:#b68235;--accent-700:#7d5411;--accent-strong:#a06f24;--accent-soft:#fff3e4;--negative:#b5563c;--negative-soft:#eadcd9;--field-sage:#5b8a72;--field-terracotta:#b5563c;--dot:#201f1d0d;--stamp-green:#6f8f6a40;--stamp-terracotta:#b5563c40;--shadow-sm:0 1px 2px #2d2b2b24;--shadow-md:0 3px 10px #2d2b2b29;--shadow-lg:0 12px 32px #2d2b2b38;--shadow-inset:none}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1b19;--text:#f3f0ea;--text-muted:#f3f0ea8c;--surface:#25231f;--surface-2:#35332f;--border:#f3f0ea29;--border-strong:#f3f0ea3d;--accent:#e1ad66;--accent-700:#e8bd84;--accent-strong:#facb8d;--accent-soft:#3a270d;--negative:#d98266;--negative-soft:#3e2e27;--field-sage:#7fae95;--field-terracotta:#d98266;--dot:#f3f0ea0f;--stamp-green:#8fae8947;--stamp-terracotta:#d9826647;--shadow-sm:0 1px 2px #0006;--shadow-md:0 3px 10px #00000073;--shadow-lg:0 12px 32px #0000008c;--shadow-inset:none}*{box-sizing:border-box}body{background-color:var(--bg);background-image:radial-gradient(var(--dot) .6px, transparent .6px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23b5563c' stroke-width='1' opacity='0.05'%3E%3Cpath d='M20 40c8-14 24-14 32 0s24 14 32 0'/%3E%3Ccircle cx='190' cy='30' r='14'/%3E%3Cpath d='M10 140c10 10 10 24 0 34M200 120c-10 10-10 24 0 34'/%3E%3Cpath d='M120 10c-4 12 4 20 16 16M60 200c14-4 22 4 18 16'/%3E%3Cpath d='M150 170c10-8 22-2 22 12'/%3E%3Ccircle cx='40' cy='210' r='9'/%3E%3Cpath d='M210 200c-6 8-16 8-20-2'/%3E%3C/g%3E%3C/svg%3E");color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0 0,0 0;background-size:13px 13px,240px 240px;background-attachment:fixed,fixed;margin:0;font-size:1.05rem;line-height:1.5}#app{box-sizing:border-box;width:100%;height:100svh;color:var(--text);text-align:left;flex-direction:column;display:flex}.app__content{box-sizing:border-box;flex:auto;justify-content:center;align-items:flex-start;width:100%;min-height:0;display:flex;position:relative;overflow:clip auto}.screen-host{box-sizing:border-box;position:absolute;inset:0;overflow:hidden auto}h1,h2,.start-screen__title,.screen__title,.game-screen__title,.axis-label,.game-screen__timer-value{font-family:var(--font-heading)}[data-theme=light]{--grid-line:#201f1d29;--grid-cell:#f3f2f2;--grid-cell-text:#201f1d;--grid-excluded-mark:#201f1d73}[data-theme=dark]{--grid-line:#f3f0ea29;--grid-cell:#25231f;--grid-cell-text:#f3f0ea;--grid-excluded-mark:#f3f0ea73}:root{--cell-size:clamp(2.35rem, 13.8vw, 3.5rem);--target-size:clamp(1.9rem, 10.3vw, 2.6rem);--grid-axis-text:color-mix(in srgb, var(--text) 45%, transparent);--grid-axis-solved:#1e7d11;--grid-kept-ring:var(--accent-700);--grid-focus:var(--accent-700)}.grid-view{--grid-cells:5;--grid-margin-gap:5px;grid-template-columns:minmax(0, 1fr) var(--target-size);grid-template-rows:minmax(0, 1fr) var(--target-size);gap:var(--grid-margin-gap);width:min(92vw, calc(var(--cell-size) * var(--grid-cells) + var(--grid-cells) * 1px + 1px + var(--grid-margin-gap) + var(--target-size)));aspect-ratio:1;box-sizing:border-box;max-width:100%;padding:0;display:grid}.grid-view__cells{background:var(--grid-line);border:1px solid var(--grid-line);box-sizing:border-box;border-radius:0;gap:1px;display:grid}.grid-view__targets{gap:1px;display:grid}.grid-view__targets--row{padding:1px 0}.grid-view__targets--col{padding:0 1px}.cell{appearance:none;font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--grid-cell-text);background:var(--grid-cell);cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;min-height:0;margin:0;padding:0;font-size:clamp(1rem,4.9vw,1.35rem);font-weight:500;transition:color .12s;display:flex;position:relative}.cell:active{background:var(--grid-line)}.cell:focus-visible{outline:3px solid var(--grid-focus);outline-offset:-3px;z-index:2}.cell__value{z-index:0;font-variant-numeric:tabular-nums;transition:color .12s;position:relative}.cell__ring{border:2px solid var(--grid-kept-ring);transform:rotate(var(--cell-ring-rot,0deg));pointer-events:none;z-index:1;opacity:0;border-radius:48% 52% 51% 49%/53% 47% 54% 46%;position:absolute;inset:13%}.cell--kept .cell__ring{opacity:1}.cell--excluded .cell__value{color:color-mix(in srgb, var(--grid-cell-text) 30%, transparent)}.cell__slash{opacity:0;background:var(--grid-excluded-mark);pointer-events:none;z-index:1;border-radius:1px;width:2px;height:64%;position:absolute;top:20%;left:50%}.cell__slash--a{transform:translateX(-50%) rotate(var(--cell-slash-a,40deg))}.cell__slash--b{transform:translateX(-50%) rotate(var(--cell-slash-b,-40deg))}.axis-label{min-height:0;font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--grid-axis-text);background:0 0;justify-content:center;align-items:center;font-size:clamp(.8rem,4.1vw,1.05rem);font-style:normal;font-weight:700;display:flex}.axis--solved{color:var(--grid-axis-solved)}.cell--hint{background:color-mix(in srgb, var(--accent-700) 12%, var(--grid-cell));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-700) 40%, transparent);animation:.7s ease-out hint-pulse}.axis--hint{color:var(--accent-700);animation:.7s ease-out hint-pulse-axis}@keyframes hint-pulse{0%{box-shadow:inset 0 0 0 0 color-mix(in srgb, var(--accent-700) 0%, transparent)}40%{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent-700) 55%, transparent)}to{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent-700) 40%, transparent)}}@keyframes hint-pulse-axis{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cell--hint,.axis--hint{animation:none}}.screen{width:100%;max-width:34rem;min-height:100%;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));box-sizing:border-box;gap:var(--space-5);text-align:left;color:var(--text);flex-direction:column;margin:0 auto;display:flex}.screen__title{letter-spacing:.01em;color:var(--text);margin:0;font-size:2rem;font-style:italic;font-weight:500}.screen__header{align-items:center;gap:var(--space-3);width:100%;padding-top:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);z-index:10;background:var(--bg);grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.screen__header>.screen__title{text-align:center;font-family:var(--font-heading);letter-spacing:.01em;color:var(--text);grid-column:2;justify-self:center;font-size:1.2rem;font-style:normal;font-weight:400}.screen__header>.icon-btn--back{justify-self:start}.screen__header>.icon-btn--info,.screen__header>.screen__header-spacer{justify-self:end}.screen__header-spacer{width:36px;height:36px;display:block}.title-block{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex;position:relative}.title-block__subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.start-screen__title{color:var(--text);margin:0;font-size:3rem;font-style:italic;font-weight:500;line-height:1}.ornament-divider{justify-content:center;align-items:center;gap:var(--space-3);width:100%;display:flex}.ornament-divider:before,.ornament-divider:after{content:"";background:var(--border);flex:auto;height:1px}.ornament-divider__diamond{color:var(--accent-700);flex:none;font-size:12px;line-height:1;transform:rotate(45deg)}.section-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:600}.icon{justify-content:center;align-items:center;display:inline-flex}.icon svg{display:block}.btn{appearance:none;font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;padding:13px 20px;font-size:1.1rem;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}.btn:active{background:var(--surface-2)}.btn:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.btn--primary{background:var(--accent-700);color:var(--bg);border-color:var(--accent-700);font-family:var(--font-heading)}.btn--primary:hover,.btn--primary:active{background:color-mix(in srgb, var(--accent-700) 85%, var(--text));border-color:color-mix(in srgb, var(--accent-700) 85%, var(--text))}.btn--stamp{font-family:var(--font-heading);border-radius:var(--radius-md);box-shadow:3px 4px 0 color-mix(in srgb, var(--accent-700) 30%, transparent);font-size:1.125rem;font-style:italic;transform:rotate(-.3deg)}.btn--stamp:active{box-shadow:none;transform:none}.btn--quiet{font-family:var(--font-heading);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:0 0;padding:9px 18px;font-size:1rem;font-weight:500}.btn--secondary{color:#f3f2f2;border:1px solid var(--border-strong);font-family:var(--font-heading);background:#7d5411;box-shadow:3px 4px #b682354d}.btn--secondary:hover{background:#7d5411d5}.btn--secondary:active{box-shadow:var(--shadow-sm)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding:8px 10px}.btn--ghost:hover{color:var(--text);background:var(--surface-2)}.btn--danger{color:var(--negative);border:1px solid var(--negative);background:0 0}.btn--danger:hover,.btn--danger:active{background:var(--negative-soft)}.icon-btn{appearance:none;border-radius:var(--radius-md);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .12s,color .12s;display:inline-flex}.icon-btn:hover,.icon-btn:active{background:var(--surface-2)}.icon-btn:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.icon-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.icon-btn--info{color:var(--accent-700)}.icon-btn svg{display:block}.tab-bar{align-items:stretch;gap:var(--space-2);width:100%;padding:10px var(--space-3) max(26px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);box-sizing:border-box;flex-shrink:0;display:flex}.tab-bar__item{appearance:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:4px 0;transition:color .12s;display:flex}.tab-bar__item.is-active{color:var(--accent-700)}.tab-bar__item:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.tab-bar__icon{display:flex}.tab-bar__icon svg{display:block}.tab-bar__label{font-family:var(--font-heading);letter-spacing:.02em;font-size:11px;font-weight:500;line-height:1.2}.start-screen{text-align:center;justify-content:flex-start;align-items:stretch;gap:var(--space-5)}.start-screen .title-block{align-items:center}.start-screen__watermark{z-index:0;font-family:var(--font-heading);color:color-mix(in srgb, var(--accent-700) 10%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:90px;font-style:italic;line-height:1;position:absolute;top:-20px;right:4px}.start-screen__title{z-index:1;position:relative}.feature-card{appearance:none;align-items:stretch;gap:var(--space-2);width:100%;padding:var(--space-5);font:inherit;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:3px 5px 0 color-mix(in srgb, var(--accent-700) 14%, transparent), var(--shadow-md);cursor:pointer;flex-direction:column;display:flex;position:relative;transform:rotate(-.8deg)}.feature-card[hidden]{display:none}.feature-card:active{box-shadow:var(--shadow-sm)}.feature-card:focus-visible{outline:3px solid var(--accent-700);outline-offset:3px}.feature-card__tape{background:var(--accent-soft);border:1px solid var(--border);pointer-events:none;width:26px;height:14px;position:absolute;top:-9px;left:22px;transform:rotate(-3deg)}.feature-card__top{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.feature-card__kicker{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-700);font-size:.78rem;font-weight:600}.feature-card__meta{font-family:var(--font-heading);letter-spacing:.04em;text-align:right;color:var(--text-muted);font-size:.85rem}.feature-card__heading{font-family:var(--font-heading);color:var(--text);font-size:1.625rem;font-weight:600;line-height:1.1}.feature-card__desc{color:var(--text-muted);font-size:.95rem;line-height:1.45}.feature-card__cta{margin-top:var(--space-2);font-family:var(--font-heading);color:var(--accent-700);font-size:1.05rem;font-style:italic}.free-play{gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.options-group{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.options-group__picks{gap:var(--space-3);flex-direction:row;display:flex}.options-group__picks>.field--dropdown{flex:1 1 0}.options-group__picks>.field--dropdown:first-child .dropdown__trigger{transform:rotate(-.6deg)}.options-group__picks>.field--dropdown:nth-child(2) .dropdown__trigger{transform:rotate(.6deg)}.options-group__picks>.field--dropdown.is-open .dropdown__trigger{transform:none}.menu{gap:var(--space-3);flex-direction:column;display:flex}.link-btn{justify-content:flex-start;align-items:center;gap:var(--space-2);appearance:none;font-family:var(--font-heading);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent-700);cursor:pointer;background:0 0;padding:12px 18px;font-size:.875rem;font-weight:500;transition:background-color .12s,border-color .12s;display:inline-flex}.link-btn:hover{background:var(--surface)}.link-btn:active{background:var(--surface-2)}.link-btn:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.link-btn__icon{color:var(--accent-700)}.game-screen{align-items:center;gap:var(--space-3);padding:0px var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}.game-screen__title{font-variant-numeric:tabular-nums;margin:0}.game-screen__timer{text-align:center;width:100%;margin:0 auto}.game-screen__timer-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:500;line-height:1}.game-screen__timer-value.is-solved{color:var(--accent-700)}.game-screen__caption{margin:var(--space-1) 0 0;text-align:center;max-width:260px;color:var(--text-muted);font-size:.8125rem;line-height:1.5}.game-screen__reset{align-self:center}.game-screen__actions{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.icon-btn--game{color:var(--accent-700);position:relative}.hint-badge{background:var(--accent-700);min-width:15px;height:15px;color:var(--surface);font-family:var(--font-body);text-align:center;pointer-events:none;border-radius:999px;padding:0 3px;font-size:.6rem;font-weight:600;line-height:15px;position:absolute;top:-3px;right:-3px}.game-grid-host{justify-content:center;width:100%;display:flex}.game-screen__footer{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.solved-banner{align-items:center;gap:var(--space-2);margin-top:var(--space-2);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-700);border:1px solid var(--accent-700);text-align:center;flex-direction:column;padding:14px 18px;animation:.35s solved-banner-in;display:flex;position:relative}.solved-banner__title{font-family:var(--font-heading);letter-spacing:.01em;margin:0;font-size:1.15rem;font-style:italic;font-weight:500}.solved-banner__time{font-family:var(--font-heading);font-variant-numeric:tabular-nums;margin:0;font-size:1.6rem;font-weight:600;line-height:1.1}.solved-banner__streak{letter-spacing:.04em;opacity:.85;margin:0;font-size:.82rem}.solved-banner:before,.solved-banner:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:4px;height:4px;animation:.9s ease-out .1s forwards solved-banner-confetti;position:absolute;top:50%;left:50%}.solved-banner:before{box-shadow:-70px -18px 0 -1px var(--stamp-terracotta), -40px 14px 0 0 var(--accent), -10px -26px 0 -1px var(--stamp-green), 30px 10px 0 -1px var(--stamp-terracotta)}.solved-banner:after{box-shadow:60px -20px 0 -1px var(--stamp-green), 80px 12px 0 0 var(--accent), 15px 24px 0 -1px var(--stamp-terracotta), -85px 6px 0 -1px var(--stamp-green)}@keyframes solved-banner-in{0%{opacity:0;transform:translateY(4px)}}@keyframes solved-banner-confetti{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.6)translateY(6px)}}.stats-list,.settings-list{flex-direction:column;gap:0;display:flex}.settings-list>.field--dropdown,.settings-list>.field--toggle{border-bottom:1px solid var(--border);padding:var(--space-4) 0}.settings-list>.btn--danger{width:100%;margin-top:var(--space-4);padding:13px 18px}.stat-section{margin-top:var(--space-2);flex-direction:column;gap:0;display:flex}.stat-section .section-label{margin-bottom:var(--space-2)}.streak-hero{align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);color:var(--accent-700);display:flex}.streak-hero__icon{color:var(--accent-700);align-self:center}.streak-hero__value{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:600;line-height:1}.streak-hero__caption{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-muted);font-size:.95rem}.stat-row{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:1.05rem;display:flex}.stat-row__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-family:var(--font-body)}.stat-row__value{font-family:var(--font-heading);color:var(--text);font-weight:500}.muted{color:var(--text-muted);margin:0}.field{flex-direction:column;align-items:stretch;gap:6px;display:flex}.field__label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.78rem;font-weight:500}.field--dropdown{flex-direction:column;gap:6px;display:flex;position:relative}.dropdown__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);appearance:none;width:100%;font-family:var(--font-heading);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;padding:12px 14px;font-size:1.1rem;font-weight:500;transition:background-color .12s,border-color .12s;display:flex}.dropdown__trigger:hover{background:var(--surface-2)}.dropdown__trigger:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.dropdown__value{text-align:left;font-family:var(--font-heading);font-size:1.125rem;font-style:italic}.dropdown__chevron{color:var(--text-muted);transition:transform .15s}.field--dropdown.is-open .dropdown__chevron{transform:rotate(180deg)}.dropdown__option-glyph{text-align:center;width:1.25em;color:var(--text-muted);margin-right:.35em;display:inline-block}.dropdown__option-text{font-family:var(--font-heading);font-size:.9375rem;font-style:italic}.field--tinted .field__label{color:var(--field-color)}.field--tinted .dropdown__trigger{background:color-mix(in srgb, var(--field-color) 8%, var(--surface));border:1.5px solid var(--border);box-shadow:2px 3px 0 color-mix(in srgb, var(--field-color) 22%, transparent)}.field--tinted.is-open .dropdown__trigger{border-color:var(--field-color);box-shadow:none}.field--tinted .dropdown__chevron{color:var(--field-color)}.field--tinted .dropdown__panel{border:1.5px solid var(--field-color);max-height:calc(3 * var(--dropdown-row));gap:0;padding:0}.field--tinted .dropdown__option{border:none;border-bottom:1px solid var(--border);border-radius:0}.field--tinted .dropdown__option:last-child{border-bottom:none}.field--tinted .dropdown__option-glyph{color:var(--field-color)}.field--tinted .dropdown__option--active{color:var(--text);background:color-mix(in srgb, var(--field-color) 12%, transparent)}.dropdown__panel{z-index:30;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:calc(3 * var(--dropdown-row) + 12px + 8px);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dropdown__panel[hidden]{display:none}.dropdown__option{appearance:none;text-align:left;font:inherit;border-radius:var(--radius-md);color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 12px;font-size:1.05rem;font-weight:500;transition:background-color .12s,border-color .12s}.dropdown__option:hover{background:var(--surface-2)}.dropdown__option--active{color:var(--accent-700);border-color:var(--accent-700);background:var(--accent-soft)}.dropdown__option:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.field--toggle{justify-content:space-between;align-items:center;gap:var(--space-3);flex-direction:row}.field--toggle .field__label{font-family:var(--font-body);text-transform:none;letter-spacing:normal;color:var(--text);font-size:1.05rem;font-weight:500}.field__control{appearance:none;border:1px solid var(--accent-700);cursor:pointer;background:0 0;border-radius:999px;flex:none;width:46px;height:26px;transition:background-color .12s;position:relative}.field__control:after{content:"";background:var(--accent-700);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}.field__control:checked:after{transform:translate(20px)}.field__control:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.howto-screen{padding:0px var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));align-items:stretch}.howto__intro{font-family:var(--font-heading);color:var(--text);text-align:center;margin:0;font-size:1.25rem;font-style:italic;line-height:1.45}.howto__steps{gap:var(--space-5);flex-direction:column;display:flex}.howto__step{gap:var(--space-2);flex-direction:column;display:flex}.howto__step-title{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.25rem;font-style:italic;font-weight:500}.howto__step-body{color:var(--text);margin:0;font-size:1.05rem;line-height:1.55}.howto__worked{gap:var(--space-3);padding:var(--space-4) 0px;flex-direction:column;display:flex}.howto__strip{--cell-size:clamp(2.2rem, 12vw, 2.7rem);--target-size:clamp(1.9rem, 10vw, 2.2rem);--grid-margin-gap:5px;grid-template-columns:minmax(0, 1fr) var(--target-size);align-items:stretch;gap:var(--grid-margin-gap);width:fit-content;margin:0 auto;display:grid}.howto__cells{background:var(--grid-line);border:1px solid var(--grid-line);box-sizing:border-box;gap:1px;display:grid}.howto__strip .cell{cursor:default}.howto__remaining{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:1.05rem}.modal-backdrop{z-index:1000;padding:var(--space-4);background:#2d2b2b6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{gap:var(--space-3);width:100%;max-width:22rem;padding:var(--space-5);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal__title{font-family:var(--font-heading);color:var(--text);margin:0;font-size:1.4rem;font-weight:600;line-height:1.15}.modal__body{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.5}.modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.modal__actions>.btn{flex:none}