@font-face{font-family:Archivo;src:url(/fonts/Archivo.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans.woff2)format("woff2");font-weight:100 700;font-stretch:75% 100%;font-display:swap}:root{--black:#111;--steel:#e9ecee;--zinc:#9aa5ad;--yellow:#ffc400;--charcoal:#1b1f21;--slate:#657078;--color-bg-page:var(--black);--color-bg-surface:var(--charcoal);--color-bg-inverse:var(--steel);--color-text-primary:var(--steel);--color-text-secondary:var(--zinc);--color-text-inverse:var(--black);--color-accent-solid:var(--yellow);--color-text-on-accent:var(--black);--color-border:var(--slate);--color-separator:#363b3f;--color-focus:var(--yellow);--color-error:#ffb8ad;--text-sm:.875rem;--text-body:1rem;--text-lg:1.125rem;--text-title:1.5rem;--radius:8px;--gutter:clamp(1rem,4vw,3rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-primary);background:var(--color-bg-page);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;font-size:var(--text-body);margin:0;line-height:1.55}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:from-font}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}img,svg{max-width:100%}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{letter-spacing:-.035em;font-family:Archivo,Arial,sans-serif;font-weight:900;font-stretch:115%;line-height:1.1}h1{font-size:clamp(2.25rem,4.3vw,3.5rem)}h2{font-size:clamp(1.5rem,2.6vw,2rem)}h3{font-size:var(--text-lg);font-weight:600;line-height:1.35}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}main:focus,section[tabindex="-1"]:focus{outline:none}::selection{background:var(--color-accent-solid);color:var(--color-text-on-accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:16px;background:var(--color-accent-solid);color:var(--color-text-on-accent);z-index:100;padding:12px 20px;position:fixed;top:-100px}.skip-link:focus{top:12px}.icon{vertical-align:middle;flex-shrink:0;width:20px;height:20px}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.button{border-radius:var(--radius);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;font-size:1rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.primary{background:var(--color-accent-solid);color:var(--color-text-on-accent)}.secondary{border-color:var(--color-border);color:var(--color-text-primary);background:0 0}.text-button{min-width:44px;min-height:44px;color:inherit;font-size:var(--text-sm);text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:500;text-decoration:underline;display:inline-flex}.text-link{align-items:center;min-height:44px;font-weight:500;text-decoration:underline;display:inline-flex}.site-header{padding-inline:max(var(--gutter),env(safe-area-inset-left));padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--color-separator)}.header-inner{align-items:center;gap:40px;max-width:1200px;min-height:96px;margin-inline:auto;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.brand img{width:48px;height:48px}.brand span{text-transform:uppercase;letter-spacing:-.035em;font-family:Archivo,Arial,sans-serif;font-size:18px;font-weight:900;font-stretch:120%;line-height:1.05}.header-inner nav{align-items:center;gap:12px;margin-inline:auto;display:flex}.header-inner nav a{min-height:48px;color:var(--color-text-secondary);white-space:nowrap;justify-content:center;align-items:center;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.header-inner nav a[aria-current]{color:var(--color-text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-solid);text-decoration-color:var(--color-accent-solid);text-underline-offset:10px;text-decoration-thickness:3px}.progress-link{min-height:44px;color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;gap:8px;text-decoration:none;display:flex}.progress-link svg{color:var(--color-accent-solid)}.main{width:100%;max-width:1296px;padding-inline:var(--gutter);min-height:65vh;margin-inline:auto}.site-footer{max-width:1296px;padding:24px var(--gutter) calc(32px + env(safe-area-inset-bottom));font-size:var(--text-sm);border-top:1px solid var(--color-separator);justify-content:space-between;align-items:center;gap:24px;margin:80px auto 0;display:flex}.site-footer>span{flex-wrap:wrap;gap:12px;display:flex}.site-footer>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.site-footer a{align-items:center;min-height:44px;display:flex}.home-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding-block:64px 56px;display:grid}.hero-copy h1{text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(3rem,5.5vw,5rem);font-stretch:120%;line-height:1.04}.hero-copy>p:first-of-type{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:40ch;margin-block:24px 32px;line-height:1.65}.hero-action{gap:32px;min-height:56px;padding-inline:24px}.hero-note{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:16px}.hero-puzzle{border:1px solid var(--color-separator);border-radius:16px;min-width:0;position:relative;overflow:hidden}.hero-figure{justify-content:center;height:340px;display:flex;position:relative;overflow:hidden}.hero-figure img{width:480px;max-width:none;height:640px;position:absolute;top:-20px}.daily-caption{background:var(--color-bg-surface);justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.daily-caption h2{letter-spacing:-.02em;margin-block:4px;font-family:IBM Plex Sans,sans-serif;font-size:1.5rem;font-weight:600}.daily-caption p{font-size:var(--text-sm);color:var(--color-text-secondary)}.daily-caption>div>span{font-size:var(--text-sm)}.type-stamp{color:var(--color-text-secondary);font-family:Archivo,sans-serif;font-size:2.5rem;font-weight:900}.welcome-strip{border-block:1px solid var(--color-separator);justify-content:space-between;align-items:center;gap:32px;padding-block:32px;display:flex}.welcome-strip p{color:var(--color-text-secondary)}.welcome-strip strong{color:var(--color-text-primary);font-weight:500}.progress-summary{color:var(--color-text-secondary);gap:40px;display:flex}.progress-summary>span{min-width:70px;font-size:var(--text-sm);flex-direction:column;gap:4px;display:flex}.progress-summary strong{font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.type-section{padding-block:64px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.section-heading p{color:var(--color-text-secondary);margin-top:12px}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.type-card{border-bottom:1px solid var(--color-separator);grid-template-columns:64px 1fr 20px;align-items:start;gap:18px;padding:24px 0;text-decoration:none;display:grid}.type-card .type-mark{width:64px;height:64px;color:var(--color-text-primary)}.type-code{color:var(--color-text-secondary);font-size:var(--text-sm)}.type-card h3{margin-block:4px 8px}.type-card p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:24ch}.type-card>.icon{color:var(--color-text-secondary);align-self:center}.youtube-section{background:var(--color-bg-inverse);color:var(--color-text-inverse);border-radius:16px;align-items:center;gap:24px;padding:32px;display:flex}.youtube-section>.icon{flex-shrink:0;width:40px;height:40px}.youtube-section h2{font-size:1.5rem}.youtube-section p{margin-top:8px}.youtube-section .button{color:var(--color-text-inverse);border-color:var(--color-text-inverse);flex-shrink:0;margin-inline-start:auto}.youtube-section :focus-visible{outline-color:var(--color-text-inverse)}.page-heading{padding-block:64px 48px}.page-heading>p,.page-heading>div>p{color:var(--color-text-secondary);max-width:58ch;font-size:var(--text-lg);margin-top:20px}.browse-layout{grid-template-columns:260px 1fr;gap:56px;display:grid}.type-nav{flex-direction:column;align-self:start;gap:8px;display:flex}.type-nav a{min-height:72px;color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;display:flex}.type-nav .type-mark{flex-shrink:0;width:36px;height:36px}.type-nav small{font-size:var(--text-sm);display:block}.type-nav a[aria-current]{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:inset 3px 0 var(--color-accent-solid)}.browse-results{min-width:0}.browse-results .section-heading{margin-bottom:16px}.browse-results>.muted{max-width:60ch;margin-bottom:24px}.segmented{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented a{min-height:44px;color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;display:flex}.segmented a[aria-current]{background:var(--color-bg-inverse);color:var(--color-text-inverse);font-weight:600}.puzzle-list{margin:0;padding:0;list-style:none}.puzzle-list li{border-bottom:1px solid var(--color-separator)}.puzzle-row{border-radius:8px;grid-template-columns:64px 1fr 106px 20px;align-items:center;gap:24px;min-height:96px;padding:22px 12px;text-decoration:none;display:grid}.puzzle-number{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.puzzle-row-title{flex-direction:column;gap:4px;min-width:0;display:flex}.puzzle-row-title strong{font-size:var(--text-lg);font-weight:500}.puzzle-row-title>span{color:var(--color-text-secondary);font-size:var(--text-sm)}.row-level{margin-inline-start:16px}.row-status{color:var(--color-text-secondary);font-size:var(--text-sm);justify-content:flex-end;align-items:center;gap:8px;display:flex}.row-status.solved{color:var(--color-text-primary)}.row-status.solved .icon{color:var(--color-accent-solid)}.puzzle-row>.icon{color:var(--color-text-secondary)}.archive-heading{justify-content:space-between;align-items:center;gap:48px;display:flex}.archive-progress{min-width:240px;font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;gap:8px;display:flex}.archive-progress strong{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:3rem;font-weight:900;line-height:1.1}.archive-progress strong>span{color:var(--color-text-secondary);font-size:1.5rem}progress{background:var(--color-separator);border:0;border-radius:3px;width:100%;height:6px;margin-block:4px}progress::-webkit-progress-bar{background:var(--color-separator);border-radius:3px}progress::-webkit-progress-value{background:var(--color-accent-solid);border-radius:3px}progress::-moz-progress-bar{background:var(--color-accent-solid)}.filters{border-block:1px solid var(--color-separator);gap:24px;padding-block:24px;display:flex}.filters .filter-field{max-width:320px;font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;flex:1;gap:8px;display:flex}select{background:var(--color-bg-surface);border:1px solid var(--color-border);width:100%;min-height:48px;color:var(--color-text-primary);border-radius:8px;padding:10px 14px;font-size:1rem}.result-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin-block:24px 8px}.empty{max-width:65ch;padding-block:80px}.empty p{color:var(--color-text-secondary);margin-block:20px 24px}.about{max-width:720px;margin-inline:auto;padding-bottom:24px}.about .page-heading img{margin-bottom:32px}.about section{margin-bottom:48px}.about section h2{margin-bottom:20px}.about section p{max-width:65ch;font-size:var(--text-lg);margin-bottom:20px}.contact-link{overflow-wrap:anywhere;align-items:center;min-height:48px;margin-bottom:24px;display:flex}.storage-note{color:var(--color-error);font-size:var(--text-sm);padding:16px 0}.puzzle-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding-block:24px 28px;display:flex}.puzzle-heading h1{margin-top:8px;font-size:clamp(1.75rem,3.5vw,2.5rem)}.back-link{min-height:44px;font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;display:inline-flex}.puzzle-meta{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.puzzle-meta>span:first-child{color:var(--color-text-primary)}.meta-divider{color:var(--color-text-secondary);padding-inline:10px}.play-layout{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);align-items:start;gap:48px;display:grid}.figure-panel{border:1px solid var(--color-separator);border-radius:16px;min-width:0;overflow:hidden}.figure-toolbar{border-bottom:1px solid var(--color-separator);font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.figure-toolbar .text-button{color:var(--color-text-primary);flex-shrink:0}.figure-stage{background:var(--color-bg-page);justify-content:center;align-items:center;min-width:0;display:flex}.puzzle-figure{object-fit:contain;outline-offset:-1px;outline:1px solid #ffffff1a;width:100%;height:auto;max-height:640px}.figure-F1 .figure-stage{background:#fff}.figure-F1 .puzzle-figure{max-width:360px;max-height:640px}.instructions{border-top:1px solid var(--color-separator);color:var(--color-text-secondary);font-size:var(--text-sm);padding:8px 20px}.instructions summary{cursor:pointer;min-height:44px;color:var(--color-text-primary);align-content:center}.instructions p{max-width:65ch;padding-block:8px 16px}.diagram-description{white-space:normal;overflow-wrap:anywhere}.play-panel{min-width:0;padding-top:4px}.puzzle-level{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:12px;display:block}.question-section h2{letter-spacing:-.025em;text-wrap:pretty;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:500;line-height:1.35}.mode-control{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.challenge-toggle{cursor:pointer;min-height:44px;font-size:var(--text-sm);align-items:center;gap:10px;display:flex;position:relative}.challenge-toggle input{opacity:0;width:40px;height:24px;margin:0;position:absolute;inset-inline-start:0}.switch{pointer-events:none;border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:11px;flex-shrink:0;width:38px;height:22px;position:relative}.switch:after{content:"";top:3px;background:var(--color-text-secondary);border-radius:50%;width:14px;height:14px;position:absolute;inset-inline-start:3px}.challenge-toggle input:checked+.switch{background:var(--color-accent-solid);border-color:var(--color-accent-solid)}.challenge-toggle input:checked+.switch:after{background:var(--color-text-on-accent);inset-inline-start:19px}.challenge-toggle input:focus-visible+.switch{outline:3px solid var(--color-focus);outline-offset:4px}.mode-value{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:8px;display:flex}.mode-value .icon{width:16px;height:16px}.mode-description{font-size:var(--text-sm);color:var(--color-text-secondary);min-height:44px;margin-top:4px}.answer-dock{margin-top:24px}fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}legend{font-size:var(--text-sm);margin-bottom:12px;padding:0;font-weight:500}.options{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;display:grid}.option{cursor:pointer;min-width:0;display:block;position:relative}.option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.option-content{border:1px solid var(--color-border);background:var(--color-bg-surface);min-height:56px;color:var(--color-text-primary);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;display:flex}.option-content strong{font-weight:600;font-size:var(--text-lg)}.option-content>.icon{width:16px;height:16px;display:none}.option input:checked+.option-content{background:var(--color-accent-solid);border-color:var(--color-accent-solid);color:var(--color-text-on-accent)}.option input:checked+.option-content>.icon{display:block}.option input:focus-visible+.option-content{outline:3px solid var(--color-focus);outline-offset:4px}.value-options{grid-auto-flow:initial;grid-template-columns:1fr 1fr;gap:12px}.value-options .option-content{justify-content:flex-start;padding-inline:12px}.value-options .option-content>strong{font-size:var(--text-sm);min-width:20px;font-weight:500}.value-options .option-content>span{font-variant-numeric:tabular-nums;font-size:var(--text-lg);letter-spacing:.04em}.value-options .option-content>.icon{margin-inline-start:auto}.numeric-label{align-items:center;gap:16px;display:flex}.numeric-label input{border:1px solid var(--color-border);background:var(--color-bg-surface);width:100%;min-width:0;height:56px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;border-radius:8px;padding:12px 16px;font-size:1.25rem}.numeric-label>span{color:var(--color-text-secondary)}.dock-actions{grid-template-columns:1fr 1.2fr;gap:12px;display:grid}.dock-actions .button{font-size:var(--text-sm);gap:8px;padding-inline:12px}.hint-button{border-color:var(--color-border);color:var(--color-text-primary);background:0 0}.hint-count{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);margin-inline-start:4px}.answer-message{color:var(--color-text-primary);font-size:var(--text-sm);min-height:0;margin-top:12px}.answer-message:empty{display:none}.answer-message.is-error{color:var(--color-error)}.keyboard-guide{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin-top:20px;font-size:.75rem;display:flex}.keyboard-guide>span{margin-inline-start:8px}kbd{font:inherit;border:1px solid var(--color-separator);border-radius:4px;padding:0 4px;line-height:1.6;display:inline-block}.hint-panel{border:1px solid var(--color-separator);border-radius:12px;min-height:232px;margin-top:32px;padding:24px}.hint-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hint-heading>span{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.hint-placeholder{color:var(--color-text-secondary);align-items:flex-start;gap:12px;margin-top:32px;display:flex}.hint-placeholder .icon{margin-top:2px}.hint-tabs{gap:12px;margin-bottom:8px;display:flex}.hint-tabs button{min-height:44px;font-size:var(--text-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0;border-radius:8px;padding:8px 12px}.hint-tabs button[aria-pressed=true]{color:var(--color-text-primary);border-color:var(--color-text-primary);text-underline-offset:5px;text-decoration:underline}.hint-copy{min-height:50px;font-size:1rem;line-height:1.55}.hint-kind{color:var(--color-text-secondary);margin-top:12px;font-size:.8125rem}.feedback-panel{min-height:88px;margin-top:24px}.feedback-panel p{color:var(--color-text-secondary);margin-top:8px}.feedback-panel h3{letter-spacing:-.02em;font-size:1.5rem}.result-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:20px;display:flex}.quiet-note{font-size:var(--text-sm)}.feedback-message{color:var(--color-text-primary)!important}.feedback-panel>.text-button{margin-top:8px;padding-inline:0}.finished-dock{flex-direction:column;gap:16px;display:flex}.finished-dock>span{align-items:center;gap:10px;font-weight:600;display:flex}.finished-dock>span .icon{color:var(--color-accent-solid)}.share-fallback{font-size:var(--text-sm);flex-direction:column;gap:8px;margin-top:16px;display:flex}.share-fallback textarea{border:1px solid var(--color-border);resize:vertical;background:var(--color-bg-surface);width:100%;min-height:160px;color:var(--color-text-primary);border-radius:8px;padding:12px;font-size:1rem}.walkthrough{border-top:1px solid var(--color-separator);margin-top:64px;padding-top:40px;scroll-margin-top:24px}.walkthrough-heading{margin-inline:auto;justify-content:space-between;align-items:center;gap:24px;max-width:860px;margin-bottom:40px;display:flex}.walkthrough-heading h2{font-size:clamp(2rem,4vw,3rem)}.answer-reveal{text-align:end;color:var(--color-text-secondary);flex-direction:column;gap:8px;display:flex}.answer-reveal strong{letter-spacing:-.03em;color:var(--color-text-primary);font-family:Archivo,sans-serif;font-size:2rem;font-weight:900}.steps{max-width:860px;margin:0 auto;padding:0;list-style:none}.steps li{grid-template-columns:48px 1fr;gap:24px;padding-bottom:40px;display:grid}.step-number{border:1px solid var(--color-border);font-variant-numeric:tabular-nums;width:44px;height:44px;color:var(--color-text-secondary);border-radius:50%;align-self:start;place-items:center;font-weight:500;display:grid}.steps h3{max-width:55ch;margin-top:8px;font-size:1.25rem;font-weight:500}.steps p{color:var(--color-text-secondary);max-width:65ch;margin-top:12px;line-height:1.6}.steps .step-conclusion{color:var(--color-text-primary);border-inline-start:3px solid var(--color-accent-solid);padding-inline-start:16px}.walkthrough-end{flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:860px;margin-inline:auto;padding-top:8px;display:flex}.diagram-dialog{border:1px solid var(--color-border);background:var(--color-bg-page);width:min(960px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--color-text-primary);overscroll-behavior:contain;border-radius:16px;padding:0}.diagram-dialog::backdrop{background:#000c}.dialog-bar{border-bottom:1px solid var(--color-separator);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.dialog-bar h2{font-size:var(--text-lg);letter-spacing:0;font-family:IBM Plex Sans,sans-serif;font-weight:600}.dialog-tools{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:20px;padding:16px 20px;display:flex}.dialog-image-area{overscroll-behavior:contain;max-height:calc(100dvh - 220px);padding:16px;overflow:auto}.dialog-image-area img{object-fit:contain;width:auto;max-width:100%;max-height:calc(100dvh - 260px);margin-inline:auto}.dialog-image-area img.zoomed{width:1080px;max-width:none;height:auto;max-height:none}@media (hover:hover) and (pointer:fine){.secondary:hover,.hint-button:hover,.text-button:hover{background:var(--color-bg-surface)}.header-inner nav a:hover,.text-link:hover,.back-link:hover{color:var(--color-text-primary)}.type-card:hover h3,.puzzle-row:hover strong{text-underline-offset:4px;text-decoration:underline}.puzzle-row:hover,.type-nav a:hover{background:var(--color-bg-surface)}.option:hover .option-content{border-color:var(--color-text-primary)}.youtube-section .secondary:hover{background:0 0;text-decoration:underline}}@media (prefers-reduced-motion:no-preference){.button{transition:transform .15s cubic-bezier(.23,1,.32,1)}.button:active:not(:disabled):not(:focus-visible){transform:scale(.96)}}@media (width>=1440px){.main{padding-inline:48px}.hero-copy h1{font-size:5rem}}@media (width<=1100px){.header-inner{gap:24px}.header-inner nav{gap:0}.header-inner nav a{padding-inline:12px}.progress-link{display:none}.home-hero{gap:32px}.hero-copy h1{font-size:clamp(3rem,5.6vw,4.5rem)}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-section{flex-wrap:wrap}.youtube-section .button{margin-inline-start:64px}.play-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:32px}.browse-layout{grid-template-columns:220px 1fr;gap:32px}.puzzle-row{grid-template-columns:56px 1fr 90px 20px;gap:16px}}@media (width<=56rem){.home-hero{gap:24px}.hero-figure{height:300px}.hero-figure img{width:420px;height:560px}.daily-caption{padding:20px}.daily-caption h2{font-size:1.25rem}.hero-copy h1{font-size:3rem}.hero-copy>p:first-of-type{font-size:1rem}.wide-break{display:none}.play-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px}.play-panel{padding-top:0}.question-section h2{font-size:1.25rem}.mode-control{flex-wrap:wrap;gap:0}.mode-value{margin-inline-start:48px}.dock-actions{grid-template-columns:1fr}.keyboard-guide{display:none}.hint-panel{padding:16px}.hint-tabs,.options{gap:8px}.browse-layout{grid-template-columns:1fr}.type-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.type-nav a{font-size:var(--text-sm);padding:12px}.type-nav .type-mark{width:28px;height:28px}.browse-results .section-heading{flex-wrap:wrap}}@media (width<=43.99rem){.header-inner{min-height:unset;grid-template-columns:1fr;gap:4px;padding-top:16px;padding-bottom:0;display:grid}.brand{justify-content:center;gap:10px}.brand img{width:36px;height:36px}.brand span{font-size:15px;line-height:1.05}.header-inner nav{grid-template-columns:repeat(4,1fr);gap:0;margin-inline:0;display:grid}.header-inner nav a{font-size:var(--text-sm);min-height:48px;padding:12px 4px}.header-inner nav a[aria-current]{text-underline-offset:9px;text-decoration-thickness:2px}.main,.site-header{padding-inline:16px}.home-hero{flex-direction:column;align-items:stretch;gap:32px;padding-block:40px 32px;display:flex}.hero-copy h1{letter-spacing:-.04em;font-size:clamp(2.625rem,10.9vw,4rem);font-stretch:115%;line-height:1.08}.hero-copy>p:first-of-type{max-width:33ch;margin-block:20px 24px;font-size:1rem}.hero-action{justify-content:space-between;width:100%;min-height:56px;padding-inline:20px}.hero-note{margin-top:12px}.hero-figure{height:240px}.hero-figure img{width:360px;height:480px;top:-12px}.daily-caption{gap:12px;padding:20px}.daily-caption h2{font-size:1.25rem}.type-stamp{font-size:2rem}.welcome-strip{flex-direction:column;align-items:flex-start;gap:24px;padding-block:28px}.progress-summary{gap:48px}.type-section{padding-block:40px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.section-heading p{margin-top:12px}.type-grid{grid-template-columns:1fr;gap:0}.type-card{grid-template-columns:60px 1fr 20px;gap:20px;padding-block:24px}.type-card p{max-width:30ch}.youtube-section{gap:16px;padding:24px}.youtube-section>.icon{width:28px;height:28px}.youtube-section>div{flex:1;min-width:210px}.youtube-section .button{width:100%;font-size:var(--text-sm);margin:8px 0 0}.site-footer{flex-direction:column;align-items:flex-start;gap:16px;margin-top:48px;padding-inline:16px}.site-footer>div{gap:20px}.site-footer>div>span{flex-basis:100%}.page-heading{padding-block:40px 32px}.page-heading>p,.page-heading>div>p{margin-top:16px;font-size:1rem}.type-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.type-nav a{gap:12px;min-height:72px}.type-nav small{font-size:.8125rem}.browse-layout{gap:32px}.browse-results .section-heading{flex-direction:column}.segmented{width:100%}.segmented a{flex:1}.puzzle-row{grid-template-columns:44px 1fr auto;gap:12px;min-height:92px;padding:20px 0}.puzzle-row-title strong{font-size:1rem}.puzzle-number{font-size:var(--text-sm)}.puzzle-row>.icon{display:none}.row-status{gap:4px;font-size:.8125rem}.row-status .icon{width:16px;height:16px}.row-level{margin-inline-start:10px}.archive-heading{display:block}.archive-progress{gap:4px;min-width:0;max-width:260px;margin-top:32px}.archive-progress strong{font-size:2.5rem}.archive-progress>span:last-child{margin-top:4px}.filters{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filters>.filter-field:first-child{grid-column:1/-1;max-width:none}.filters .filter-field{min-width:0}.filters select{padding-inline:10px}.result-count{margin-top:20px}.about section p{font-size:1rem}.about .page-heading img{width:64px;height:64px}.about section{margin-bottom:32px}.about .button{font-size:var(--text-sm)}.puzzle-heading{align-items:flex-start;gap:12px;padding-block:24px 20px}.puzzle-heading h1{max-width:10ch;margin:0;font-size:1.75rem}.back-link{display:none}.puzzle-meta{text-align:end;gap:6px;max-width:135px;padding-top:3px;font-size:.8125rem}.meta-divider{padding-inline:6px}.play-layout{flex-direction:column;gap:24px;display:flex}.figure-panel{width:100%}.figure-toolbar{gap:8px;padding:4px 12px}.figure-toolbar>.text-button{font-size:.8125rem}.puzzle-figure{width:100%;max-height:none}.figure-F1 .puzzle-figure{max-width:100%;max-height:none}.instructions{padding-inline:16px}.play-panel{width:100%}.question-section h2{font-size:1.375rem}.mode-control{flex-wrap:nowrap;margin-top:16px}.mode-value{margin-inline-start:0}.mode-description{min-height:0;margin-top:0}.answer-dock{z-index:20;inset-inline:0;background:var(--color-bg-page);border-top:1px solid var(--color-border);padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0;position:fixed;bottom:0;box-shadow:0 -8px 24px #0000004d}.answer-dock fieldset{margin-bottom:12px}.answer-dock legend{margin-bottom:8px;font-size:.8125rem}.option-content{min-height:48px}.option-content strong{font-size:1rem}.option-content>.icon{width:12px;height:12px}.options{gap:10px}.value-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.value-options .option-content{flex-direction:column;gap:4px;min-height:64px;padding:6px 4px}.value-options .option-content>strong{min-width:0;font-size:.75rem}.value-options .option-content>span{letter-spacing:0;font-size:1rem}.value-options .option-content>.icon{display:none}.value-options input:checked+.option-content strong:after{content:" ✓"}.dock-actions{grid-template-columns:1fr 1.18fr;gap:10px}.dock-actions .button{min-height:48px;font-size:var(--text-sm);gap:6px;padding-inline:10px}.dock-actions .icon{width:16px;height:16px}.hint-count{margin-inline-start:2px}.numeric-label input{height:48px}.answer-message{margin-top:8px;font-size:.8125rem}.hint-panel{min-height:232px;margin-top:24px;padding:20px}.hint-copy{min-height:50px}.hint-placeholder{margin-top:28px}.hint-tabs{gap:12px}.feedback-panel{min-height:80px;margin-top:20px}.finished-dock{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.finished-dock>span{font-size:var(--text-sm);gap:8px}.finished-dock .button{font-size:var(--text-sm);padding-inline:14px}.finished-dock>span .icon{width:18px;height:18px}.walkthrough{margin-top:32px;padding-top:28px;scroll-margin-top:16px}.walkthrough-heading{align-items:flex-start;gap:12px;margin-bottom:28px}.walkthrough-heading h2{font-size:2rem}.walkthrough-heading .puzzle-level{margin-bottom:8px;font-size:.8125rem}.answer-reveal{gap:4px;font-size:.8125rem}.answer-reveal strong{font-size:1.5rem}.steps li{grid-template-columns:32px 1fr;gap:16px;padding-bottom:32px}.step-number{width:32px;height:32px;font-size:var(--text-sm)}.steps h3{font-size:var(--text-lg);margin-top:2px;line-height:1.4}.steps p{margin-top:10px;font-size:1rem}.steps .step-conclusion{padding-inline-start:12px}.walkthrough-end{flex-direction:column}.walkthrough-end .button{width:100%}.with-dock{padding-bottom:calc(236px + env(safe-area-inset-bottom))}.puzzle-main{scroll-padding-bottom:240px}.diagram-dialog{border-radius:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.dialog-bar{padding:8px 12px}.dialog-bar h2{font-size:1rem}.dialog-tools{align-items:flex-start;gap:12px;padding:12px}.dialog-tools .button{font-size:var(--text-sm);flex-shrink:0;padding:10px 12px}.dialog-tools p{font-size:.8125rem}.dialog-image-area{max-height:calc(100dvh - 180px);padding:8px}.dialog-image-area img{max-height:calc(100dvh - 200px)}}@media (width<=359px){.dock-actions .button{padding-inline:8px;font-size:.8125rem}.hint-count{display:none}.options{gap:8px}.hero-copy h1{font-size:2.5rem}.row-status{text-align:end;max-width:66px}.type-nav a{padding:8px}.type-nav .type-mark{width:24px}.type-nav{gap:4px}}@media (forced-colors:active){:focus-visible,.option input:focus-visible+.option-content,.challenge-toggle input:focus-visible+.switch{outline-color:highlight}.option input:checked+.option-content,.switch{border:2px solid highlight}.primary{border:2px solid buttontext}.option input:checked+.option-content strong{text-decoration:underline}.challenge-toggle input{opacity:1;position:static}.switch{display:none}}.hero-figure-F1{background:#fff}.hero-figure-F1 img{width:340px;height:auto;top:0}.hero-figure-M1 img{width:100%;max-width:1080px;height:auto;top:0}.hero-figure-B1 img,.hero-figure-B2 img,.hero-figure-B3 img,.hero-figure-B4 img{width:440px;height:auto;top:0}.close-hint{display:none}.hint-slot{min-height:264px}.numeric-keyboard-guide{display:none}@media (width>=44rem){.puzzle-figure,.figure-F1 .puzzle-figure{max-height:clamp(400px,100svh - 380px,640px)}}@media (width<=43.99rem){.hero-figure-F1 img{width:240px;height:auto}.hero-figure-B1 img,.hero-figure-B2 img,.hero-figure-B3 img,.hero-figure-B4 img{width:360px;height:auto;top:0}.figure-B1 .puzzle-figure,.figure-B2 .puzzle-figure,.figure-B3 .puzzle-figure,.figure-B4 .puzzle-figure{max-height:max(340px,calc(100svh - 458px - env(safe-area-inset-bottom)))}.hint-slot{min-height:256px}.hint-panel.hint-open{z-index:25;inset-inline:16px;bottom:calc(var(--dock-height,180px) + 12px);background:var(--color-bg-surface);min-height:0;max-height:calc(100dvh - var(--dock-height,180px) - 130px);border-color:var(--color-border);margin:0;padding:16px 20px;position:fixed;overflow:auto;box-shadow:0 8px 40px #00000080}.hint-open .close-hint{margin-inline-start:auto;display:flex}.hint-open .hint-heading{margin-bottom:4px}.hint-open .hint-kind{margin-top:8px}.with-dock{padding-bottom:calc(var(--dock-height,236px) + 48px + env(safe-area-inset-bottom))}.archive-progress{grid-template-columns:1fr 1fr;align-items:center;gap:4px 16px;max-width:none;margin-top:24px;display:grid}.archive-progress strong{grid-area:1/1/3}.archive-progress>span:first-of-type{grid-area:1/2}.archive-progress>span:last-of-type{grid-area:2/2;margin-top:0}.archive-progress progress{grid-area:3/1/auto/-1;margin-top:12px}.archive-heading{padding-bottom:28px}.filters{padding-block:20px}.value-options:has(.option:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}.figure-F1 .figure-stage,.hero-figure-F1{background:var(--color-bg-page)}.figure-canvas{justify-content:center;width:100%;display:flex;position:relative}.figure-options{pointer-events:none;position:absolute}.figure-option{pointer-events:auto;color:var(--black);background:0 0;border:2px solid #0000;border-radius:8px;min-width:44px;min-height:44px;padding:0;position:absolute}.figure-option:disabled{opacity:1}.figure-option[aria-pressed=true]{border-color:var(--yellow);box-shadow:0 0 0 1px var(--black),inset 0 0 0 1px var(--black)}.figure-option:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.figure-selection{background:var(--yellow);border:1px solid var(--black);border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:none;position:absolute;top:3px;right:3px}.figure-option[aria-pressed=true] .figure-selection{display:flex}.clear-selection{min-height:44px;color:var(--color-text-secondary);float:inline-end;margin:0;padding:0;line-height:1.4}.answer-dock legend{width:100%;min-height:44px;line-height:44px}.short-badge{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:10px;display:inline-flex}.short-badge .icon{width:14px;height:14px}.eyebrow{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:24px;display:flex}.shorts-heading h1{text-transform:uppercase;max-width:17ch;font-size:clamp(2.5rem,5.5vw,4.5rem)}.shorts-list{max-width:960px}.home-shorts{padding-top:32px}.puzzle-list-shorts .puzzle-row{grid-template-columns:76px 1fr 106px 20px}.puzzle-list-shorts .puzzle-number{font-size:.8125rem}.release-countdown{font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:2.25rem}.locked-puzzle{max-width:640px;margin-inline:auto}@media (width<=600px){.puzzle-list-shorts .puzzle-row{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}.home-shorts .section-heading{align-items:start}.home-shorts .section-heading>a{flex-shrink:0}}.shorts-empty{border-block:1px solid var(--color-separator);align-items:center;gap:40px;padding-block:40px;display:flex}.shorts-empty p{max-width:52ch;color:var(--color-text-secondary);margin-block:16px 24px}.shorts-symbol{color:var(--yellow);text-align:center;flex-shrink:0;width:140px;font-family:Archivo,sans-serif;font-size:140px;font-weight:900;line-height:1}.shorts-links{flex-wrap:wrap;gap:16px 32px;margin-top:24px;display:flex}@media (hover:hover){.figure-option:not(:disabled):hover{border-color:var(--yellow)}}@media (width<=43.99rem){.header-inner nav{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch;width:100%}.header-inner nav a{text-align:center;justify-self:stretch;width:100%;min-width:0;padding-inline:0}.shorts-heading{padding-top:32px;padding-bottom:28px}.shorts-heading .eyebrow{margin-bottom:20px}.shorts-empty{align-items:flex-start;gap:20px;padding-block:28px}.shorts-symbol{width:40px;margin-top:4px;font-size:64px}.shorts-empty h2{text-wrap:pretty;font-size:1.5rem;line-height:1.2}.shorts-empty .button{font-size:var(--text-sm);gap:12px;padding-inline:16px}.shorts-links{gap:8px}}@media (forced-colors:active){.figure-option[aria-pressed=true]{border-color:highlight;outline:3px solid highlight}.figure-selection{border:2px solid highlight}}.figure-stage{flex-direction:column}.figure-split .puzzle-figure{max-height:none}.split-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:8px 12px 16px;display:grid}.split-option{min-height:44px;color:var(--black);background:0 0;border:2px solid #0000;border-radius:8px;padding:0;position:relative;overflow:hidden}.split-option img{width:100%;height:auto}.split-option[aria-pressed=true]{border-color:var(--yellow)}.split-option[aria-pressed=true] .figure-selection{display:flex}.split-option:disabled{opacity:1}@media (hover:hover){.split-option:not(:disabled):hover{border-color:var(--yellow)}}.figure-F1 .figure-selection{width:18px;height:18px;top:calc(100% + 6px);right:calc(50% - 36px)}.figure-F1 .figure-selection .icon{width:14px;height:14px}.value-options .option-content>span{overflow-wrap:anywhere;min-width:0}@media (width<=43.99rem){.value-options.long-values{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-toggle{display:none}@media (width<=43.99rem){.site-header{z-index:30;position:relative}.header-inner{justify-content:space-between;gap:16px;min-height:80px;padding:12px 0;display:flex}.brand{justify-content:flex-start}.nav-toggle{min-height:44px;font-size:var(--text-sm);gap:10px;padding:8px 12px;display:inline-flex}.header-inner nav{inset-inline:16px;border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:0 0 12px 12px;gap:8px;width:auto;margin:0;padding:12px;display:none;position:absolute;top:calc(100% - 1px);box-shadow:0 12px 24px #0006}.header-inner nav.menu-open{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.header-inner nav a{background:var(--color-bg-page);border-radius:6px;min-height:48px;padding:12px 8px}.header-inner nav a[aria-current]{text-underline-offset:6px}}.library-heading{max-width:820px;padding-bottom:28px}.library-heading h1{text-wrap:balance;font-size:clamp(2.25rem,4.4vw,4rem)}.library-heading p{max-width:52ch}.category-links{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.category-links a{border:1px solid var(--color-border);min-height:44px;font-size:var(--text-sm);border-radius:24px;align-items:center;padding:10px 16px;text-decoration:none;display:flex}.type-library{gap:56px;display:grid}.category-heading{align-items:baseline;gap:16px;margin-bottom:20px;scroll-margin-top:24px;display:flex}.category-heading h2{margin:0;font-size:1.75rem}.category-heading>span{color:var(--color-text-secondary);font-size:var(--text-sm)}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.library-card{border:1px solid var(--color-separator);background:var(--color-bg-surface);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.library-card-main{flex:1;text-decoration:none;display:block}.library-thumbnail{background:var(--color-bg-page);justify-content:center;align-items:center;height:180px;padding:12px;display:flex}.library-thumbnail img{object-fit:contain;width:100%;height:100%}.library-card h3{text-wrap:balance;margin:6px 0 8px;font-size:1.125rem}.library-card p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:32ch;margin:0}.difficulty-chips{grid-template-columns:1fr 1fr;gap:12px;padding:8px 20px 20px;display:grid}.difficulty-chips a{border:1px solid var(--color-border);min-height:44px;font-size:var(--text-sm);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;display:flex}.difficulty-chips .icon{flex-shrink:0;width:14px;height:14px}.type-puzzles{max-width:900px}.page-heading>.eyebrow{margin-top:20px;display:block}.reading-key{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.reading-key>div{text-align:center;font-size:var(--text-sm);color:var(--color-text-primary);flex-direction:column;align-items:center;gap:8px;display:flex}.reading-key svg{width:64px;height:64px;color:var(--yellow)}.instructions>p{max-width:60ch;margin-block:20px 16px;line-height:1.6}.diagram-dialog{overflow:hidden}.dialog-image-area{touch-action:pan-x pan-y pinch-zoom;scrollbar-gutter:stable}.dialog-image-area img{width:100%;max-width:100%;height:auto;max-height:none}.dialog-image-area img.zoomed{width:1080px;min-width:200%;max-width:none}.dialog-tools{flex-wrap:wrap;gap:12px}.dialog-tools p{flex:1;min-width:140px;margin:0}.dialog-tools a{font-size:var(--text-sm)}@media (hover:hover){.library-card-main:hover h3{text-underline-offset:4px;text-decoration:underline}.difficulty-chips a:hover,.category-links a:hover{border-color:var(--yellow);color:var(--yellow)}}@media (width<=63.99rem){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (width<=43.99rem){.library-heading{padding-bottom:24px}.library-heading h1{font-size:2.25rem}.library-heading p{font-size:1rem}.category-links{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:36px;display:grid}.category-links a{justify-content:center;padding:8px 12px}.type-library{gap:40px}.category-heading{margin-bottom:16px}.category-heading h2{font-size:1.5rem}.library-grid{grid-template-columns:1fr;gap:16px}.library-card-main{grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid}.library-thumbnail{height:144px;padding:8px}.library-card-copy{padding:16px 16px 12px}.library-card h3{margin-block:4px 8px;font-size:1.0625rem}.library-card p{font-size:.8125rem}.difficulty-chips{padding:12px 16px 16px}.difficulty-chips a{padding-inline:12px}.figure-detail .split-options{grid-template-columns:repeat(var(--option-columns,2),minmax(0,1fr))}.figure-detail .split-option img{max-height:none}.dialog-image-area{max-height:calc(100dvh - 230px)}.dialog-tools p{flex-basis:100%;order:3}.dialog-tools{padding:8px 12px}}.native-key{border-bottom:1px solid var(--color-separator);font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding-block:16px;display:flex}.native-key svg{flex-shrink:0;width:55%;height:104px;overflow:hidden}.type-meta{align-items:center;gap:10px;min-height:24px;display:flex}.new-type{background:var(--yellow);color:var(--black);letter-spacing:.02em;border-radius:4px;padding:2px 7px;font-size:.6875rem;font-weight:600;line-height:1.4;display:inline-block}:root{--motion-fast:.12s;--motion-ui:.2s;--motion-settle:.28s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.2,.9,.3,1.12)}button,a.button,.option-content,.split-option,.type-card,.today-card{transition:transform var(--motion-fast) var(--ease-out),background-color var(--motion-fast),border-color var(--motion-fast)}button:active:not(:disabled),a.button:active,.option:active .option-content,.type-card:active,.today-card:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.split-option:hover,.type-card:hover{transform:translateY(-2px)}}.reading-guide{border-block:1px solid var(--line,#34383a);background:#191c1e;padding:0 16px}.reading-guide-bar{color:#b5bec4;justify-content:space-between;align-items:center;font-size:12px;display:flex}.reading-guide-bar button{min-width:44px;min-height:44px;font-size:19px}.reading-guide-content{align-items:center;gap:8px;padding-bottom:12px;display:flex}.reading-guide .reading-key{flex:1;gap:8px;margin:0;display:flex}.reading-guide .reading-key>div{background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.reading-guide .reading-key svg{color:#ffc400;flex:none;width:32px;height:32px}.reading-guide .reading-key span{color:#e9ecee;font-size:11px;line-height:1.35}.reading-guide-content>button{white-space:nowrap;font-size:12px}.hint-figure-wrap,.step-image{isolation:isolate;position:relative;overflow:hidden}.figure-focus{pointer-events:none;z-index:2;transition:inset var(--motion-ui) var(--ease-out);border:3px solid #ffc400;border-radius:6px;position:absolute;box-shadow:0 0 0 1000px #11111175}.figure-focus>span{color:#111;background:#ffc400;border-radius:3px;padding:2px 6px;font-weight:700;position:absolute;top:4px;left:6px}.hint-symbol{color:#ffc400;text-align:center;font-size:36px;line-height:1.3}.hint-panel{transition:transform var(--motion-ui) var(--ease-out),opacity var(--motion-ui)}.step-player{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:24px;display:grid;position:relative}.step-visual{background:#111;border:1px solid #34383a;border-radius:14px;min-width:0;position:sticky;top:24px;overflow:hidden}.step-visual-toolbar,.step-sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.step-visual-toolbar{color:#b6bec4;border-bottom:1px solid #34383a;font-size:12px}.step-image{touch-action:pan-y pinch-zoom;width:100%}.step-image img{object-fit:contain;width:100%;max-height:68vh;display:block}.step-image:has(.figure-focus) img{max-height:none}.step-sheet{background:#202426;border:1px solid #414749;border-radius:14px;min-width:0;padding:8px 16px 16px}.step-sheet-head{padding:0}.step-sheet-head .puzzle-level{margin:0;font-size:11px}.step-symbol{letter-spacing:-.04em;color:#ffc400;white-space:pre-wrap;justify-content:center;align-items:center;min-height:68px;font-family:Archivo,sans-serif;font-size:clamp(26px,3vw,44px);font-weight:700;line-height:1.5;display:flex}.current-step{min-height:72px;animation:step-in var(--motion-ui) var(--ease-out)}.step-words h3{margin:0 0 8px;font-size:16px;line-height:1.4}.step-words p{color:#c5ccd0;margin:0 0 12px;font-size:14px;line-height:1.5}.elimination-trail{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 16px;display:flex}.elimination-trail>span{color:#c5ccd0;border:1px solid #555d61;border-radius:5px;padding:5px 10px;font-size:13px}.elimination-trail .is-eliminated{color:#f2a99c;border-color:#936058}.elimination-trail .is-correct{color:#111;background:#ffc400;border-color:#ffc400;font-weight:700}.step-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.step-navigation .button{min-height:48px;padding-inline:12px}.step-counter{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.step-dots{flex-wrap:wrap;justify-content:center;gap:0;display:flex}.step-dots button{background:0 0;border:0;place-items:center;width:32px;min-height:44px;padding:0;display:grid}.step-dots button span{background:#667178;border-radius:10px;width:6px;height:6px}.step-dots [aria-current] span{background:#ffc400;width:18px}.step-list{border-top:1px solid #414749;margin:12px 0 0;padding:0;list-style:none}.step-list button{color:#9aa5ad;text-align:start;background:0 0;border:0;border-bottom:1px solid #414749;align-items:center;gap:14px;width:100%;min-height:54px;padding:8px;display:flex}.step-list button[aria-current]{color:#ffc400;background:#ffffff06}.step-list strong{flex:1;font-size:18px;font-weight:500}.step-list button>span{font-size:12px}.sheet-handle{display:none}.eliminated-region{color:#ffc400;pointer-events:none;z-index:3;background:#111a;border:2px dashed #ffc400;place-items:center;font-size:36px;font-weight:700;display:grid;position:absolute}.celebration{z-index:100;cursor:pointer;background:#111e;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0;overflow:hidden}.celebration>strong{letter-spacing:-.055em;color:#ffc400;animation:success-lock .5s var(--ease-spring);font-family:Archivo,sans-serif;font-size:clamp(42px,9vw,88px);font-weight:900}.celebration>span{font-variant-numeric:tabular-nums;color:#e9ecee;font-size:14px}.celebration b{color:#ffc400;padding:0 8px}.celebration .text-button{color:#ffc400}.success-seal{color:#ffc400;width:112px;height:112px;animation:success-lock .5s var(--ease-spring)}.success-seal svg{fill:none;stroke:currentColor;stroke-width:3px;width:100%}.success-seal .tick-path{stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;animation:tick-draw .5s var(--ease-out)}.celebration-burst{pointer-events:none;position:absolute;top:45%;left:50%}.nut-particle{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:9px;height:12px;position:absolute}.wrong-feedback{animation:.24s ease-out wrong-shake}.diagram-dialog{animation:dialog-in var(--motion-ui) var(--ease-out)}@keyframes success-lock{0%{transform:scale(.93)rotate(-3deg)}55%{transform:scale(1.04)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes tick-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes wrong-shake{25%{transform:translate(-5px)}65%{transform:translate(4px)}}@keyframes step-in{0%{opacity:.4;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.keyboard-action *{transition:none!important;animation:none!important}@media (width<=703px){.step-player{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:0}.step-visual{border-radius:12px 12px 0 0;position:relative;top:auto}.step-image img{object-fit:contain;width:100%;max-height:55dvh}.step-sheet{bottom:calc(var(--dock-height,90px) + env(safe-area-inset-bottom));z-index:4;border-radius:16px 16px 0 0;margin-top:-1px;padding:0 16px 8px;position:sticky;box-shadow:0 -10px 24px #0003}.sheet-handle{touch-action:none;background:0 0;border:0;place-items:center;width:100%;min-height:32px;display:grid}.sheet-handle span{background:#667178;border-radius:4px;width:36px;height:4px}.step-sheet-head .text-button{min-height:32px}.step-symbol{min-height:48px;font-size:32px}.current-step{min-height:48px}.step-list{display:none}.step-dots button{width:28px;min-height:32px}.elimination-trail{margin:4px 0 12px}.step-sheet.sheet-compact .current-step,.step-sheet.sheet-compact .elimination-trail,.step-sheet.sheet-compact .step-dots{display:none}.walkthrough-heading{margin-bottom:16px}.walkthrough{scroll-margin-top:12px}.reading-guide{padding-inline:10px}.reading-guide .reading-key{gap:6px}.reading-guide .reading-key svg{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.nut-particle,.celebration-burst{display:none}}.reading-guide-content>button,.step-sheet-head .text-button,.sheet-handle{min-width:44px;min-height:44px}.step-dots button{width:44px;min-height:44px}.option-content{pointer-events:none}html[data-input=keyboard] *,html[data-input=keyboard] :before,html[data-input=keyboard] :after{transition:none!important;animation:none!important}.diagram-dialog .dialog-image-area img{transform-origin:0 0}.library-card-main:active,.puzzle-row:active,.brand:active{transform:scale(.985)}.library-card-main,.puzzle-row,.brand{transition:transform var(--motion-fast) var(--ease-out)}.step-image{--stage-height:min(65vh,650px);height:var(--stage-height);justify-content:center;align-items:center;display:flex}.step-image-canvas{width:min(100%,calc(var(--stage-height) * var(--step-aspect)));aspect-ratio:var(--step-aspect);flex:none;position:relative;overflow:hidden}.step-image .step-image-canvas img{object-fit:contain;width:100%;height:100%;max-height:none;display:block}@media (width<=703px){.step-image{--stage-height:clamp(240px,calc(100dvh - 430px),460px)}.step-sheet{position:relative;bottom:auto}.step-visual{position:sticky;top:8px}.step-player{padding-bottom:0}.step-sheet{z-index:4}}.figure-equation{color:#ffc400;white-space:nowrap;z-index:4;background:#111;border:1px solid #ffc400;border-radius:5px;max-width:94%;padding:8px 12px;font-size:clamp(12px,2vw,20px);font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=703px){.step-image{--stage-height:clamp(220px,calc(100dvh - 550px),360px)}.answer-dock-finished.reading-walkthrough{display:none}.step-sheet{bottom:env(safe-area-inset-bottom);padding-bottom:max(8px,env(safe-area-inset-bottom));position:sticky}.step-visual{position:relative;top:auto}}.reading-words{color:#c5ccd0;margin:0;padding-bottom:12px;font-size:13px;line-height:1.5}.step-sheet{transition:transform var(--motion-ui) var(--ease-out)}.sheet-handle:active{transform:none}@media (prefers-reduced-motion:reduce){button:active:not(:disabled),a:active,.option:active .option-content,.type-card:active,.today-card:active{transform:none!important}}html[data-input=keyboard] button:active,html[data-input=keyboard] a:active,html[data-input=keyboard] .option:active .option-content{transform:none!important}.figure-solved [aria-pressed=true]{outline-offset:-3px;outline:3px solid #ffc400}.reading-guide-bar .text-button{margin-inline-start:auto}.home-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:0 40px;display:grid}.mode-card{border:1px solid var(--color-separator);background:var(--color-bg-surface);border-radius:16px;padding:28px;text-decoration:none}.mode-card h2{margin-block:10px 12px}.mode-card p{color:var(--color-text-secondary);max-width:42ch;margin-bottom:12px}.run-setup{grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding-bottom:40px;display:grid}.run-setup fieldset{border:0;min-width:0;margin:0 0 32px;padding:0}.run-setup legend{margin-bottom:12px;font-size:1.25rem;font-weight:600}.category-select{min-height:44px;color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:12px;display:flex}.run-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.run-types label{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:72px;padding:14px;display:flex}.run-types label:has(input:checked){border-color:var(--color-accent-solid);background:var(--color-bg-surface)}.run-types input,.category-select input{width:20px;height:20px;accent-color:var(--color-accent-solid);flex:none}.run-types span{flex-direction:column;min-width:0;display:flex}.run-types bdi{color:var(--color-text-secondary);font-size:12px}.run-types strong{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.run-options{align-self:start;position:sticky;top:24px}.run-options>.button{width:100%}.run-options>.text-link{margin-top:12px;display:flex}.run-chips{flex-wrap:wrap;gap:8px;display:flex}.run-chips label{cursor:pointer;position:relative}.run-chips input{opacity:0;position:absolute}.run-chips span{border:1px solid var(--color-border);border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;display:flex}.run-chips input:checked+span{border-color:var(--color-accent-solid);background:var(--color-bg-surface)}.run-chips input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}.run-progress{padding-block:20px 0}.run-progress>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.run-progress>div>div{gap:8px;display:flex}.run-progress progress{width:100%;height:6px;accent-color:var(--color-accent-solid);margin-top:16px;display:block}.continuous-run:focus{outline:none}.mix-links{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;font-size:14px;display:flex}.mix-links>span{color:var(--color-text-secondary)}.run-summary{max-width:900px;margin-inline:auto}.run-stats{border-block:1px solid var(--color-separator);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 40px;padding-block:24px;display:grid}.run-stats dt{color:var(--color-text-secondary);font-size:14px}.run-stats dd{font-variant-numeric:tabular-nums;margin:8px 0 0;font-family:Archivo,sans-serif;font-size:clamp(24px,4vw,44px);font-weight:800}.run-stats small{color:var(--color-text-secondary);font-family:IBM Plex Sans,sans-serif;font-size:16px}.run-table{border-collapse:collapse;width:100%;margin-block:20px 32px}.run-table th,.run-table td{text-align:start;border-bottom:1px solid var(--color-separator);overflow-wrap:anywhere;padding:14px 8px}.run-table th{font-weight:500}.run-table td:last-child,.run-table thead th:last-child{text-align:end;white-space:nowrap}.run-actions{flex-wrap:wrap;gap:12px;display:flex}.run-actions .button{white-space:normal}@media (width<=900px){.run-setup{grid-template-columns:1fr}.run-options{position:static}.header-inner{gap:16px}.header-inner nav{gap:0}.header-inner nav a{padding-inline:10px}}@media (width<=600px){.home-modes{grid-template-columns:1fr;gap:12px;padding-bottom:24px}.mode-card{padding:20px}.run-types{grid-template-columns:1fr}.run-setup{gap:8px}.run-stats{gap:12px}.run-stats small{font-size:13px}.run-progress{font-size:14px}.run-summary .run-actions>.button{width:100%}.run-table{font-size:14px}}:root{--font-script:"Noto Sans",sans-serif;font-family:"IBM Plex Sans",var(--font-script),Arial,sans-serif}h1,h2{font-family:Archivo,var(--font-script),Arial,sans-serif}html[lang=ar]{--font-script:"NotoSansArabic";font-family:NotoSansArabic,IBM Plex Sans,sans-serif}html[lang=hi]{--font-script:"NotoSansDevanagari";font-family:NotoSansDevanagari,IBM Plex Sans,sans-serif}html[lang=th]{--font-script:"NotoSansThai";font-family:NotoSansThai,IBM Plex Sans,sans-serif}html[lang=ja]{--font-script:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html[lang=ko]{--font-script:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}html[lang=zh-Hans]{--font-script:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}html[lang=zh-Hant]{--font-script:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=hi] h1,html[lang=hi] h2,html[lang=th] h1,html[lang=th] h2{font-family:var(--font-script),sans-serif;letter-spacing:normal;line-height:1.3}.language-picker{flex:none;align-items:center;min-width:0;display:inline-flex}.language-picker select{border:1px solid var(--color-border);background:var(--color-bg-page);max-width:150px;min-height:44px;color:var(--color-text-primary);border-radius:8px;padding:8px;font-size:16px}.button,.text-button,.text-link,.header-inner nav a,h1,h2,h3,p,legend{overflow-wrap:anywhere}.header-inner nav a{white-space:normal;text-align:center}.header-inner nav{gap:0}.header-inner nav a{padding-inline:10px}.header-inner{gap:16px}.figure-stage,.step-image,.figure-equation,.step-symbol,.hint-symbol,.elimination-trail,.reading-key svg{direction:ltr;unicode-bidi:isolate}[dir=rtl] .icon-arrow{transform:scaleX(-1)}.run-player{padding-bottom:40px}.run-summary{padding-bottom:24px}@media (width<=1100px) and (width>=704px){.header-inner{flex-wrap:wrap;gap:8px;padding-block:12px}.header-inner nav{order:3;justify-content:center;width:100%}.header-inner>.language-picker{margin-inline-start:auto}}@media (width<=703px){.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;display:grid}.header-inner>.brand{grid-area:1/1}.header-inner>.nav-toggle{grid-area:1/2;justify-self:end;max-width:150px}.header-inner>.language-picker{grid-column:1/-1;justify-self:end}.header-inner>.language-picker select{max-width:180px}.header-inner nav a{font-size:14px}.header-inner nav{top:100%}.site-footer{align-items:stretch}.site-footer>div{gap:12px 20px}.site-footer .language-picker{flex-basis:100%}.reading-key{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-key>div{min-width:0}.reading-key span{overflow-wrap:anywhere}.finished-dock{flex-wrap:wrap}.finished-dock>.button{flex:1}.step-sheet{position:relative;bottom:auto}.step-symbol{overflow-wrap:anywhere;white-space:normal}}.main:has(.continuous-run){overflow-x:clip}.step-counter,.puzzle-meta>span:first-child{direction:ltr;unicode-bidi:isolate}body:has(.run-summary) .site-footer.with-dock{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.hint-count{direction:ltr;unicode-bidi:isolate}.language-picker select{width:220px;max-width:100%}@media (width<=703px){.header-inner>.language-picker select{max-width:220px}}.puzzle-statement{max-width:100%;margin:0 0 24px}.puzzle-statement h1{letter-spacing:-.025em;text-wrap:pretty;max-width:960px;margin:0 0 14px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1.375rem,2vw,1.875rem);font-weight:500;line-height:1.3}.puzzle-statement ol{gap:6px;max-width:1000px;margin:0;padding-inline-start:1.5em;font-size:1rem;line-height:1.5;display:grid}[dir=rtl] .puzzle-statement ol{padding-inline-end:1.5em}.puzzle-statement li{padding-inline-start:4px}.puzzle-statement li::marker{color:var(--color-muted);font-variant-numeric:tabular-nums}@media (width>=1100px){.puzzle-statement ol{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;column-gap:40px}}@media (width<=600px){.puzzle-statement{margin-bottom:20px}.puzzle-statement h1{margin-bottom:12px}.puzzle-statement ol{gap:6px;font-size:.9375rem}}.puzzle-heading .puzzle-family{letter-spacing:-.025em;margin-top:8px;font:700 1.375rem/1.2 Archivo,sans-serif}@media (width<=600px){.puzzle-heading .puzzle-family{margin:0;font-size:1.125rem}}@font-face{font-family:NotoSansArabic;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2)format("woff2")}@font-face{font-family:NotoSansArabic;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2)format("woff2")}@font-face{font-family:NotoSansDevanagari;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/noto-sans-devanagari-devanagari-400-normal-BlDd6KY1.woff2)format("woff2")}@font-face{font-family:NotoSansDevanagari;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/noto-sans-devanagari-devanagari-600-normal-BeyktMLo.woff2)format("woff2")}@font-face{font-family:NotoSansThai;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2)format("woff2")}@font-face{font-family:NotoSansThai;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2)format("woff2")}.account-button{border:1px solid var(--color-border);background:var(--color-bg-surface);width:44px;height:44px;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.account-button svg{width:22px;height:22px}.account-sheet{color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);overscroll-behavior:contain;border-radius:16px;width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.account-sheet::backdrop{background:#000000b8}.sheet-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.sheet-heading h2{padding-block:8px;font-size:1.75rem}.sheet-close{min-width:44px;min-height:44px;padding:4px;font-size:1.5rem;line-height:1}.account-form{gap:16px;margin-block:24px;display:grid}.account-form label{gap:8px;font-weight:500;display:grid}.account-form input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-page);width:100%;min-width:0;min-height:48px;color:inherit;padding:10px 12px;font-size:1rem}.account-providers{gap:12px;margin-block:24px;display:grid}.account-notice{border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);margin-top:16px;padding:12px}.account-error,.account-danger{color:var(--color-error)}.account-page{overflow-wrap:anywhere;padding-bottom:32px}.account-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:64px;display:grid}.account-layout>section{min-width:0}.account-language{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.account-language>.language-picker{margin:0}.account-actions{flex-wrap:wrap;gap:16px;margin-block:24px;display:flex}.account-delete{background:var(--color-error);color:var(--color-text-inverse)}.account-types{margin-block:16px 32px}.account-types>div{justify-content:space-between;gap:24px;padding-block:8px;display:flex}.account-types dd{font-variant-numeric:tabular-nums;margin:0}.account-history{margin-top:48px}.account-history>p,.account-history>ul{margin-top:24px}.account-history ul{padding:0;list-style:none}.account-history li{border-bottom:1px solid var(--color-separator);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:16px;display:flex}.privacy-page{max-width:760px;padding-bottom:64px}.privacy-page>h2{margin-block:32px 16px}.privacy-page>p{color:var(--color-text-secondary)}.hero-puzzle-link{text-decoration:none;display:block}.hero-puzzle-link .daily-caption{padding-inline:24px}.mix-home-progress{width:100%;accent-color:var(--color-accent-solid);height:6px;margin-top:12px;display:block}@media (width<=1100px){.header-inner{gap:20px}.header-inner nav a{padding-inline:10px}}@media (width<=700px){.account-layout{grid-template-columns:minmax(0,1fr);gap:40px}.account-sheet{margin:auto auto 16px}.header-inner{gap:12px}.header-inner>.progress-link{display:none}.account-button{width:40px;height:40px}.account-layout .run-stats{margin-block:24px}}@media (prefers-reduced-motion:no-preference){.account-sheet[open]{animation:.18s cubic-bezier(.16,1,.3,1) account-enter}@keyframes account-enter{0%{transform:translateY(12px)}to{transform:translateY(0)}}}@media (width<=703px){.header-inner>.account-button{grid-area:2/1;justify-self:start}.header-inner>.language-picker{grid-area:2/2;justify-self:end}}.home-title{flex-wrap:wrap;align-items:end;gap:20px;padding-block:32px 24px;display:flex}.home-title>.eyebrow{flex-basis:100%;margin:0}.home-title h1{flex:1;font-size:clamp(1.75rem,3vw,2.6rem)}.home-title>.text-link{min-height:44px}.today-dashboard{grid-template-columns:1fr 1fr;gap:24px;display:grid}.today-mix-card,.streak-card,.goals-card{background:var(--color-bg-surface);border:1px solid var(--color-separator);border-radius:16px;padding:24px}.today-mix-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.today-mix-top h2{margin-block:8px}.today-mix-top img{object-fit:contain;background:var(--color-bg-page);direction:ltr;border-radius:12px;width:104px;height:104px;padding:8px}.today-mix-card .hero-action{width:100%;margin-top:20px}.mix-denominator{color:var(--color-text-secondary);margin-top:12px;font-size:.8125rem;line-height:1.5}.today-side{gap:16px;display:grid}.today-dashboard h2,.streak-card h2,.goals-card h2{font-size:1.25rem}.stat-label{justify-content:space-between;align-items:center;gap:12px;margin-block:12px 6px;font-size:.875rem;display:flex}.stat-label bdi{font-variant-numeric:tabular-nums}.mix-home-progress,progress{accent-color:var(--color-accent-solid)}.mix-home-progress{width:100%;height:10px;display:block}.streak-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.streak-heading h2{flex:1}.streak-heading>strong{font-size:.875rem;font-weight:500}.streak-info{position:relative}.streak-info summary{cursor:pointer;border:1px solid var(--color-border);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:600;list-style:none;display:grid}.streak-info summary::-webkit-details-marker{display:none}.streak-info p{inset-inline-end:0;z-index:35;background:var(--color-bg-page);border:1px solid var(--color-border);border-radius:12px;width:min(290px,70vw);padding:16px;font-size:.875rem;line-height:1.5;position:absolute;top:100%;box-shadow:0 10px 30px #0005}.streak-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.streak-week time{color:var(--color-text-secondary);justify-items:center;gap:8px;font-size:.8125rem;display:grid}.streak-week b{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:32px;height:32px;font-size:1rem;font-weight:500;display:grid}.streak-week .is-solved b{background:var(--color-accent-solid);color:var(--color-text-on-accent);border-color:var(--color-accent-solid)}.streak-week .is-today b{outline:2px solid var(--color-text-primary);outline-offset:3px}.goals-card ul{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.goals-card a{align-items:center;gap:12px;min-height:44px;font-size:.9375rem;text-decoration:none;display:flex}.goal-check{text-align:center;width:24px;font-size:1.25rem}.goals-card [data-complete=true] .goal-check{color:var(--color-accent-solid)}.home-explore{padding-block:32px}.home-explore h2{margin-bottom:20px;font-size:1.5rem}.home-explore>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.home-shorts .puzzle-list{scroll-snap-type:x mandatory;gap:16px;padding:0 0 12px;list-style:none;display:flex;overflow-x:auto}.home-shorts .puzzle-list>li{scroll-snap-align:start;border:1px solid var(--color-separator);border-radius:12px;flex:0 0 280px}.home-shorts .puzzle-row{grid-template-columns:1fr auto;gap:8px;min-height:112px;padding:16px}.home-shorts .puzzle-number{grid-column:1;font-size:.75rem}.home-shorts .puzzle-row-title{grid-column:1}.home-shorts .row-status{grid-area:1/2/3}.home-shorts .puzzle-row>.icon{display:none}.home-shorts .puzzle-row-title strong{font-size:1rem}.home-shorts .section-heading{margin-bottom:16px}.home-shorts .section-heading h2{font-size:1.5rem}.home-shorts .section-heading p{font-size:.875rem}.home-shorts .section-heading{flex-direction:row;align-items:center}.home-shorts .section-heading>a{white-space:nowrap}.random-mix-tile{border:1px solid var(--color-accent-solid);background:var(--color-bg-surface);border-radius:16px;align-items:center;gap:24px;margin-bottom:16px;padding:24px;text-decoration:none;display:flex}.random-mix-icon{color:var(--color-accent-solid);font-size:3rem;line-height:1}.random-mix-tile div{flex:1}.random-mix-tile h2{margin-bottom:8px;font-size:1.5rem}.random-mix-tile p{color:var(--color-text-secondary)}.type-pack-link{margin-block:0 24px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card-main{align-items:center;gap:20px;display:flex}.library-thumbnail{border-radius:12px;width:130px;min-width:130px;height:140px}.library-thumbnail img{object-fit:contain;direction:ltr;width:100%;max-height:100%}.library-card-copy{padding:0}.library-card-copy progress{width:100%;height:6px;margin-top:12px}.library-card-copy p{font-variant-numeric:tabular-nums}.difficulty-chips a{min-height:44px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pack-card{background:var(--color-bg-surface);border:1px solid var(--color-separator);border-radius:16px;align-items:center;gap:20px;min-width:0;padding:20px;text-decoration:none;display:flex}.pack-thumbnail{direction:ltr;flex-shrink:0;width:90px;height:108px}.pack-thumbnail img{object-fit:contain;width:100%;height:100%}.pack-card h2{margin-block:6px;font-size:1.125rem}.pack-card p{color:var(--color-text-secondary);font-size:.8125rem}.pack-card>div:nth-child(2){flex:1;min-width:0}.pack-arrow{font-size:1.5rem}.pack-dots{flex-wrap:wrap;gap:4px;margin-top:16px;display:flex}.pack-dots i{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-style:normal;display:grid}.pack-dots i.is-solved{background:var(--color-accent-solid);color:var(--color-text-on-accent);border-color:var(--color-accent-solid)}.pack-detail{max-width:720px;margin-block:24px}.pack-puzzles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-block:24px;display:grid}.pack-puzzles a{border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:16px;text-decoration:none;display:flex}.pack-puzzles a.is-solved{border-color:var(--color-accent-solid)}.pack-puzzles a.is-solved>span{color:var(--color-accent-solid)}.progress-overview{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.solved-overview{border:1px solid var(--color-separator);border-radius:16px;flex-direction:column;justify-content:center;gap:12px;padding:24px;display:flex}.solved-overview>strong{font-variant-numeric:tabular-nums;font-family:Archivo,sans-serif;font-size:3rem;line-height:1.1}.solved-overview small{color:var(--color-text-secondary);font-size:1.25rem}.solved-overview>span{color:var(--color-text-secondary);font-size:.875rem}.type-stats>h2,.recent-activity>h2{margin-bottom:12px;font-size:1.5rem}.type-stats>.muted,.recent-activity>.muted{max-width:80ch;font-size:.875rem;line-height:1.6}.type-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.type-stat{border:1px solid var(--color-separator);border-radius:12px;padding:20px}.type-stat h3{font-size:1rem;font-weight:500}.type-stat progress{width:100%;height:7px;display:block}.type-stat .accuracy-bar{accent-color:var(--color-text-secondary)}.type-stat small{color:var(--color-text-secondary);margin-top:8px;font-size:.8125rem;display:block}.recent-activity{margin-top:40px}.recent-activity ol{margin:20px 0 0;padding:0;list-style:none}.recent-activity li{border-bottom:1px solid var(--color-separator);align-items:center;gap:16px;padding:16px 0;display:flex}.recent-activity li>div{flex-direction:column;flex:1;gap:4px;display:flex}.recent-activity li>div>span,.recent-activity time{color:var(--color-text-secondary);font-size:.8125rem}.recent-activity time{text-align:end;max-width:120px}.activity-mark{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.activity-mark.is-correct{color:var(--color-accent-solid);border-color:var(--color-accent-solid)}.activity-empty{padding-block:24px}.puzzle-heading{position:relative}.puzzle-tools{align-items:center;gap:16px;display:flex}.help-button{border-radius:50%;width:44px;min-height:44px;padding:0;font-size:1.125rem}.lives-hearts{color:var(--color-text-secondary);direction:ltr;gap:6px;display:flex}.lives-hearts .is-full{color:var(--color-accent-solid)}.lives-hearts .is-full .icon{fill:currentColor}.lives-hearts .icon{width:20px;height:20px}.puzzle-statement h1{font-size:clamp(1.35rem,2.3vw,1.8rem)}.puzzle-heading .celebration{background:var(--color-accent-solid);color:var(--color-text-on-accent);box-shadow:none;cursor:default;pointer-events:none;border-radius:24px;align-items:center;gap:8px;min-height:32px;padding:6px 12px;font-size:.875rem;animation:none;display:inline-flex;position:static;inset:auto;transform:none}.puzzle-heading .celebration>span:first-child{font-size:1.1rem}.figure-solved{animation:none}.figure-canvas{position:relative}.figure-focus{pointer-events:none}.hint-slot{padding:0 16px 16px}.hint-slot:not(.has-hints){display:none}.hint-panel,.hint-panel.hint-open{border:1px solid var(--color-border);background:var(--color-bg-page);min-height:0;max-height:none;box-shadow:none;margin:0;padding:16px;position:static;inset:auto}.hint-panel .hint-symbol{margin-block:8px;font-size:1.5rem}.hint-copy{font-size:.9375rem}.hint-tabs button,.close-hint{min-width:44px;min-height:44px}.hint-placeholder{display:none}.hint-heading h3{font-size:.9375rem}.feedback-bar{border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.feedback-bar>strong{align-items:center;gap:8px;font-size:1.125rem;display:flex}.feedback-bar>div{flex:1;justify-content:end;gap:12px;display:flex}.feedback-bar .button{flex:1;max-width:180px;min-height:44px}.feedback-bar.is-correct{background:var(--color-accent-solid);color:var(--color-text-on-accent)}.feedback-bar.is-correct .button{background:var(--color-bg-page);color:var(--color-text-primary);border:1px solid var(--color-bg-page)}.feedback-bar.is-correct .feedback-solution{color:var(--color-text-on-accent);background:0 0}.feedback-bar.is-wrong{background:var(--color-bg-surface);border:1px solid var(--color-border);margin-top:12px;padding:12px}.feedback-bar.is-wrong>strong{font-size:1rem}.feedback-bar.is-wrong .button{min-height:44px;padding-inline:14px}.feedback-bar.is-explored{background:var(--color-bg-surface)}.answer-dock:has(.is-wrong) .answer-message{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.option-content{position:relative}.option-content:after{content:"";inset-inline-end:5px;border:1px solid var(--color-border);border-radius:50%;width:9px;height:9px;position:absolute;top:5px}.option input:checked+.option-content{background:var(--color-bg-surface);color:var(--color-text-primary);outline:2px solid var(--color-accent-solid);outline-offset:-2px}.option input:checked+.option-content:after{background:var(--color-accent-solid);border-color:var(--color-accent-solid)}.figure-selection{background:var(--color-bg-page);width:22px;height:22px;color:var(--color-accent-solid);border-radius:50%;inset:6px 6px auto auto}.figure-selection .icon{width:15px;height:15px}.split-option[aria-pressed=true]{outline:3px solid var(--color-accent-solid);outline-offset:-3px}.figure-option[aria-pressed=true]{border:3px solid var(--color-accent-solid)}@media (width<=703px){.today-dashboard,.progress-overview{grid-template-columns:1fr;gap:16px}.today-mix-card,.streak-card,.goals-card{padding:20px}.home-title{gap:8px;padding-top:24px}.home-title>.text-link{flex-basis:100%}.home-title h1{font-size:1.75rem}.today-mix-top{margin-bottom:16px}.today-mix-top img{width:88px;height:88px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-card-main{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.library-thumbnail{width:100%;min-width:0;height:118px}.library-card-copy h3{font-size:1rem}.library-card-copy .type-code,.library-card-copy p{font-size:.75rem}.difficulty-chips{grid-template-columns:1fr;gap:0;display:grid}.difficulty-chips a{justify-content:center;padding-inline:10px;font-size:.8125rem}.difficulty-chips a>.icon{display:none}.random-mix-tile{gap:16px;padding:20px}.random-mix-tile h2{font-size:1.25rem}.random-mix-tile p{font-size:.875rem}.pack-grid,.type-stat-grid{grid-template-columns:1fr}.pack-card{gap:16px;padding:16px}.pack-puzzles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pack-puzzles a{min-height:52px;padding:10px}.pack-puzzles a>b{font-size:.875rem}.streak-week{gap:6px}.feedback-bar{gap:12px;padding:12px}.feedback-bar>strong{flex-basis:100%}.feedback-bar>div{justify-content:stretch}.feedback-bar .button{max-width:none}.answer-dock-finished{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.answer-dock-finished.reading-walkthrough{display:block}.puzzle-heading .celebration{inset-inline-start:0;z-index:2;position:absolute;top:100%}.puzzle-tools{gap:10px}.puzzle-meta{gap:6px}.puzzle-statement{margin-top:12px}.puzzle-statement h1{font-size:1.35rem}.puzzle-statement ol{font-size:.875rem;line-height:1.45}.progress-link{justify-content:center;min-width:44px;display:inline-flex!important}.progress-link>span{display:none}.header-inner{column-gap:12px}.home-shorts .puzzle-list>li{flex-basis:260px}.goals-card a{font-size:.875rem}.home-modes{margin-top:24px}.puzzle-main .main-navigation{display:none}}@media (prefers-reduced-motion:reduce){.celebration,.figure-solved,.feedback-bar,.wrong-feedback{transition:none!important;animation:none!important}}@media (hover:hover){.pack-card:hover,.random-mix-tile:hover{border-color:var(--color-accent-solid)}.goals-card a:hover{text-decoration:underline}}.puzzle-heading .celebration{border-radius:20px;flex-direction:row;min-height:28px;margin-top:8px;padding:4px 10px;position:static;inset:auto}.puzzle-heading .celebration>span{color:inherit;font-size:.875rem}.answer-dock:has(.is-wrong):not(:has(fieldset:disabled)) .dock-actions{display:none}.recent-activity li>div>a{align-items:center;min-height:44px;display:flex}.sequence-panel{border:1px solid var(--color-separator);background:var(--color-bg-surface);border-radius:16px;margin-block:24px 32px;padding:24px}.sequence-panel .section-heading{align-items:start;gap:12px;margin-bottom:8px}.sequence-panel h2{font-size:1.25rem}.sequence-panel .section-heading>span{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.875rem}.unlock-next{margin-bottom:20px;font-size:.9375rem}.pack-state-key{color:var(--color-text-secondary);flex-wrap:wrap;gap:16px;margin:0 0 20px;padding:0;font-size:.8125rem;list-style:none;display:flex}.pack-state-key li{align-items:center;gap:6px;display:flex}.pack-state-key li>span{border:1px solid var(--color-border);border-radius:6px;place-items:center;width:20px;height:20px;font-size:.875rem;display:grid}.pack-state-key [data-state=solved]>span{background:var(--color-accent-solid);color:var(--color-text-on-accent);border-color:var(--color-accent-solid)}.pack-state-key [data-state=skipped]>span{color:var(--color-accent-solid);border-style:dashed}.sequence-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;display:grid}.sequence-cell{border:1px solid var(--color-border);background:var(--color-bg-page);min-width:44px;min-height:60px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:12px;font-size:1rem;text-decoration:none;display:flex}.sequence-cell>span{place-items:center;font-size:.875rem;display:grid}.sequence-cell[data-state=solved]{background:var(--color-accent-solid);border-color:var(--color-accent-solid);color:var(--color-text-on-accent)}.sequence-cell[data-state=skipped]{border:1px dashed var(--color-accent-solid)}.sequence-cell[data-state=skipped]>span{color:var(--color-accent-solid)}.sequence-cell[data-state=locked]{color:var(--color-text-secondary);border-color:var(--color-separator);background:var(--color-bg-surface)}.pack-count-rule{color:var(--color-text-secondary);max-width:70ch;margin-top:20px;font-size:.8125rem;line-height:1.6}.pack-lock-explanation:not(:empty){inset-inline:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:50;border:1px solid var(--color-border);background:var(--color-bg-page);border-radius:12px;align-items:center;gap:16px;max-width:660px;margin:0 auto;padding:16px;font-size:.9375rem;line-height:1.5;display:flex;position:fixed;box-shadow:0 6px 24px #0006}.pack-lock-explanation .button{flex-shrink:0;min-height:44px}.pack-dots [data-state=skipped]{color:var(--color-accent-solid);border-style:dashed}.pack-dots [data-state=locked]{border-color:var(--color-separator);color:var(--color-text-secondary)}.feedback-bar>div{flex-wrap:wrap}@media (width<=1000px){.sequence-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=703px){.sequence-panel{padding:16px}.sequence-grid{gap:8px}.sequence-cell{flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:8px;font-size:.9375rem}.sequence-cell>span{font-size:.75rem}.sequence-cell svg{width:13px;height:13px}.pack-state-key{gap:12px}.pack-lock-explanation:not(:empty){align-items:start;gap:12px;padding:12px}.pack-lock-explanation .button{padding-inline:12px}.pack-detail .sequence-panel{margin-top:16px}}.collection-tabs{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.collection-tabs [aria-pressed=true]{border-color:var(--color-accent-solid);color:var(--color-accent-solid)}.direct-answer,.direct-solution{border:1px solid var(--color-border);background:var(--color-bg-page);border-radius:12px;margin-block:16px;padding:16px}.direct-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.direct-heading h2,.direct-solution h3{font-size:1.125rem}.direct-heading .text-button{min-height:44px}.direct-instruction,.direct-solution>p{color:var(--color-text-secondary);margin-block:8px 16px;font-size:.875rem;line-height:1.6}.direct-number{align-items:center;gap:16px;margin-block:12px;font-size:.9375rem;display:flex}.direct-number input{text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);background:var(--color-bg-surface);width:100%;min-width:0;min-height:52px;color:var(--color-text-primary);border-radius:8px;font-size:1.5rem}.number-pad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:360px;margin-inline:auto;display:grid}.number-pad button{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-primary);background:var(--color-bg-surface);border-radius:8px;font-size:1.125rem}.number-pad button:active{background:var(--color-accent-solid);color:var(--color-text-on-accent)}.direct-check-prompt{color:var(--color-text-secondary);margin-bottom:10px;font-size:.875rem;line-height:1.4}.direct-dock .dock-actions{margin-top:0}.direct-dock:has(.is-wrong) .direct-check-prompt{display:none}.choices-many .options{grid-template-columns:repeat(3,minmax(0,1fr))}.choices-many .option-content{min-height:44px;padding:8px}.choices-many .option-content>span{overflow-wrap:anywhere;font-size:.875rem}.board-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:8px;max-width:100%;max-height:420px;overflow:auto}.cell-board{grid-template-columns:repeat(var(--columns),minmax(44px,1fr));background:var(--color-border);width:max(100%,calc(var(--columns)*46px));touch-action:none;gap:2px;padding:2px;display:grid}.cell-board>[role=row]{display:contents}.cell-board [role=gridcell]{aspect-ratio:1;color:#111;-webkit-user-select:none;user-select:none;background:#e9ecee;border:0;border-radius:1px;place-items:center;min-width:44px;min-height:44px;font-size:1rem;display:grid}.cell-board [role=gridcell].is-filled{color:#111;background:#ffc400}.cell-board [role=gridcell]:focus-visible{outline-offset:-5px;outline:3px solid #111;box-shadow:inset 0 0 0 2px #ffc400}.hole-board{grid-template-columns:repeat(var(--columns),minmax(32px,1fr));width:max(100%,calc(var(--columns)*34px));touch-action:pan-x pan-y}.hole-board [role=gridcell]{border-radius:0;min-width:32px;min-height:32px;font-size:1rem}.hole-board [role=gridcell].is-filled{color:#111;background:#e9ecee}.direct-board-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:.8125rem;display:flex}.direct-board-actions .button{min-height:44px;padding:10px 14px}.grid-dialog{background:var(--color-bg-page);width:min(90vw,850px);max-height:90dvh;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:16px;padding:20px}.grid-dialog::backdrop{background:#000b}.grid-dialog .board-scroll{max-height:65dvh}.grid-dialog .hole-board{grid-template-columns:repeat(var(--columns),minmax(36px,1fr));width:max(100%,calc(var(--columns)*38px))}.grid-dialog .cell-board [role=gridcell]{min-width:36px;min-height:36px}.grid-dialog>p{margin-block:12px;font-size:.875rem;line-height:1.5}.grid-dialog .direct-heading h2{font-size:1rem}.grid-dialog .direct-heading .button{padding:10px}.stick-board{touch-action:none;direction:ltr;background:#111;border-radius:8px;gap:8px;width:max-content;padding:8px;display:flex}.stick-slot{flex:0 0 84px;width:84px;height:146px;position:relative}.stick-segment{color:#707a80;touch-action:none;background:0 0;border:0;border-radius:6px;padding:0;position:absolute}.stick-segment>i{opacity:.22;background:currentColor;border-radius:4px;position:absolute;inset:10px 5px}.stick-segment.segment-b>i,.stick-segment.segment-c>i,.stick-segment.segment-e>i,.stick-segment.segment-f>i,.stick-segment.segment-v>i{inset:5px 10px}.stick-segment.is-occupied{color:#e9ecee}.stick-segment.is-occupied>i{opacity:1}.stick-segment.is-donor{outline-offset:-2px;outline:2px solid #ffc400}.stick-segment.is-donor>i{background:#ffc400}.stick-segment:focus-visible{outline-offset:-2px;outline:2px solid #ffc400}.answer-overlay [data-correct=true]{color:#111!important;background:#ffc400!important}.answer-overlay [data-correct=false][data-user=true]{color:#111!important;background:repeating-linear-gradient(135deg,#e9ecee 0 6px,#b9c1c5 6px 8px)!important}.answer-overlay.hole-board [data-correct=true]{box-shadow:inset 0 0 0 2px #ffc400;background:#e9ecee!important}.answer-overlay.hole-board [data-correct=true]>span{background:#ffc400;border-radius:50%;padding:3px}.answer-overlay .stick-segment{color:#707a80!important;background:0 0!important}.answer-overlay .stick-segment[data-correct=true]>i{opacity:1;background:#ffc400}.answer-overlay .stick-segment[data-correct=false][data-user=true]>i{opacity:1;background:0 0;border:2px dashed #e9ecee;inset:6px 3px}.answer-overlay .stick-segment[data-correct=false][data-user=false]>i{opacity:.15}.answer-overlay-key{flex-wrap:wrap;gap:20px;margin-block:12px;font-size:.8125rem;display:flex}.answer-overlay-key>span:first-child{color:var(--color-accent-solid)}.direct-correct-number{font-variant-numeric:tabular-nums;color:var(--color-accent-solid);margin-top:12px;font-size:2.5rem;display:block}.direct-correct-equation{text-align:center;direction:ltr;margin-top:12px;font-size:1.5rem;display:block}@media (width<=703px){.grid-dialog{width:calc(100vw - 20px);padding:12px}.direct-answer,.direct-solution{padding:12px}.board-scroll{max-height:330px}.direct-check-prompt{font-size:.8125rem}.direct-dock .dock-actions{gap:12px;display:flex}.direct-dock .dock-actions>.button{flex:1;min-height:44px}.direct-dock .hint-button{font-size:.8125rem}.direct-dock .answer-message:empty{display:none}.direct-number input{font-size:1.25rem}.stick-board{gap:4px}.number-pad{gap:6px}.direct-dock~.keyboard-guide{display:none}}.choices-many .options{grid-auto-flow:row}.stick-segment.segment-h{z-index:2}.stick-current-equation{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.12em;min-height:32px;color:var(--color-text-primary);margin-block:0 16px;font-size:clamp(1.25rem,4vw,1.75rem)}.direct-answer,.direct-answer [data-cell],.direct-answer [data-segment]{scroll-margin-block:20px calc(var(--dock-height,150px) + 20px)}.hole-board{grid-template-columns:repeat(var(--columns),36px);width:calc((var(--columns) + 1)*36px);background:#e9ecee;gap:0;margin-inline:auto;padding:18px}.hole-board [role=gridcell]{background:#e9ecee;width:36px;min-width:36px;height:36px;min-height:36px}.grid-dialog .hole-board{grid-template-columns:repeat(var(--columns),44px);width:calc((var(--columns) + 1)*44px);padding:22px}.grid-dialog .hole-board [role=gridcell]{width:44px;min-width:44px;height:44px;min-height:44px}button.puzzle-row{text-align:start;width:100%;color:var(--color-text-primary);font:inherit;background:0 0;border:0}button.puzzle-row[data-state=locked] .row-status{color:var(--color-text-secondary)}.stick-board{zoom:1.7}.cell-board:not(.hole-board){grid-template-columns:repeat(var(--columns),60px);width:max-content;max-width:none;margin-inline:auto}.direct-heading-actions{align-items:center;gap:8px;display:flex}.answer-input-help{flex-shrink:0;position:relative}.answer-input-help summary{border:1px solid var(--color-border);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1rem;font-weight:600;list-style:none;display:grid}.answer-input-help summary::-webkit-details-marker{display:none}.answer-input-help[open] summary{border-color:var(--color-accent-solid);color:var(--color-accent-solid)}.answer-input-help>p{inset-inline-end:0;z-index:55;border:1px solid var(--color-border);background:var(--color-bg-surface);width:min(300px,74vw);color:var(--color-text-primary);border-radius:12px;padding:16px;font-size:.875rem;font-weight:400;line-height:1.6;position:absolute;top:calc(100% + 8px);box-shadow:0 8px 24px #0005}.direct-instruction{color:var(--color-text-secondary);margin-block:8px 16px;font-size:.875rem;line-height:1.5}.hole-board{width:var(--paper-size,320px);height:var(--paper-size,320px);touch-action:pan-y;background:#e9ecee;grid-template-columns:none;margin-inline:auto;padding:0;display:block;position:relative}.hole-board [role=gridcell]{aspect-ratio:auto;background:0 0;border:0;width:40px;min-width:40px;height:40px;min-height:40px;position:absolute;transform:translate(-50%,-50%)}.hole-board [role=gridcell].is-filled{background:0 0}.hole-board [role=gridcell]>span{font-size:1rem}.hole-board [role=gridcell].is-filled>span{font-size:1.3rem}.direct-hole_placement{padding-inline:0}.direct-hole_placement>.direct-heading,.direct-hole_placement>.direct-instruction,.direct-hole_placement>.direct-board-actions{margin-inline:12px}.direct-hole_placement>.board-scroll,.hole-solution>.board-scroll{scrollbar-gutter:auto;max-height:none;overflow:visible}.hole-solution{padding-inline:0}.hole-solution>h3,.hole-solution>p,.hole-solution>.answer-overlay-key{margin-inline:12px}.hole-solution .answer-overlay [data-correct=true]{box-shadow:none;background:0 0!important}.hole-solution .answer-overlay [data-correct=true]>span{background:#ffc400;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;line-height:1;display:grid}.stick-board:not(.answer-overlay) .stick-segment:not(.is-occupied)>i{opacity:1;background:0 0;border:1.5px dashed #9aa5ad}.stick-board:not(.answer-overlay) .stick-segment[aria-disabled=false]:not(.is-occupied):hover>i,.stick-board:not(.answer-overlay) .stick-segment[aria-disabled=false]:not(.is-occupied):focus-visible>i,.stick-board:not(.answer-overlay) .stick-segment.is-drop-target>i{opacity:1;background:#ffc40024;border-color:#ffc400}.stick-board .stick-segment.is-lifted>i{opacity:1;border:1.5px dashed #ffc400;background:0 0!important}.stick-segment[aria-disabled=false].is-occupied{cursor:grab}.stick-board.is-dragging .stick-segment{cursor:grabbing}.lifted-stick{z-index:1000;pointer-events:none;will-change:left,top;background:#ffc400;border:1px solid #111;border-radius:5px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 3px #111}