html,body{height:auto;min-height:100%}html{scroll-padding-top:calc(var(--page-header-height,0px) + 12px)}body{font-size:14px}.page-header{z-index:2;border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:18px;padding:10px clamp(16px,5vw,48px);display:flex;position:sticky;top:0}.page-title{color:var(--text);letter-spacing:.08em;font-weight:700;text-decoration:none}.page-links{gap:14px;margin-right:auto;display:flex}.page-link{color:var(--muted);white-space:nowrap;text-decoration:none}@media (width<=480px){.page-header{flex-wrap:wrap;row-gap:6px}.page-links{order:3;width:100%}}.page-link:hover,.page-link.selected{color:var(--text)}.page-main{max-width:880px;margin:0 auto;padding:24px clamp(16px,5vw,48px) 48px}.page-footer{border-top:1px solid var(--border);padding:18px clamp(16px,5vw,48px) 28px}.about-hero{text-align:center;margin:36px 0 12px}.about-title{letter-spacing:.08em;margin:0;font-size:clamp(36px,7vw,56px)}.about-tagline{max-width:560px;color:var(--text);margin:10px auto 22px;font-size:16px}.about-play{border:1px solid var(--syntax-value);color:var(--syntax-value);letter-spacing:.08em;padding:12px 36px;font-size:16px;text-decoration:none;display:inline-block}.about-play:hover{background:var(--selected)}.about-no-install{color:var(--muted);margin-top:8px;font-size:12px}.about-shot{border:1px solid var(--border);width:100%;margin:28px 0;display:block}.about-pillars{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px;margin:28px 0;display:grid}.about-pillar{border:1px solid var(--border);padding:16px 18px}.about-pillar h2{color:var(--syntax-value);margin:0 0 8px;font-size:15px}.about-pillar p{color:var(--text);margin:0}.about-code{border-left:2px solid var(--border);background:var(--panel);white-space:pre;margin:12px 0 0;padding:10px 12px;line-height:1.6;overflow-x:auto}.about-section-title{border-bottom:1px solid var(--border);margin:36px 0 12px;padding-bottom:6px;font-size:16px}.about-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.about-features li{text-indent:-14px;padding-left:14px}.about-features li:before{content:"▶ ";color:var(--syntax-command)}.about-read-first{border:1px solid var(--border);margin:28px 0 8px;padding:14px 18px}.about-read-first a{color:var(--syntax-variable)}.help-page{grid-template-columns:220px minmax(0,1fr);gap:32px;max-width:1100px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 48px;display:grid}.help-page-nav{align-self:start;max-height:calc(100vh - 80px);font-size:13px;position:sticky;top:64px;overflow-y:auto}.help-page-nav h2{color:var(--muted);letter-spacing:.08em;margin:14px 0 4px;font-size:12px}.help-page-nav a{color:var(--text);padding:2px 0;text-decoration:none;display:block}.help-page-nav a:hover{color:var(--syntax-value)}.help-page-topic{margin-bottom:36px}.help-page-topic>h2{border-bottom:1px solid var(--border);margin:0 0 10px;padding-bottom:6px;font-size:16px}@media (width<=760px){.help-page{grid-template-columns:minmax(0,1fr)}.help-page-nav{max-height:none;position:static}}.book-part-title{color:var(--syntax-value);letter-spacing:.04em;margin:28px 0 18px;font-size:18px}.book-chapter{margin-bottom:56px;line-height:1.75}.book-chapter .markup-heading{margin-top:28px}.book-code{counter-reset:book-code-line;margin:12px 0}.book-code-line:before{counter-increment:book-code-line;content:counter(book-code-line);text-align:right;width:2.5ch;color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none;margin-right:1.5ch;display:inline-block}.book-figure{margin:18px 0 22px}.book-caption{color:var(--muted);margin-top:6px;font-size:12px}.book-scene{aspect-ratio:5/3;border:1px solid var(--border);background:var(--panel);width:100%;max-width:640px}.book-scene-canvas{margin:8px auto;display:block}.book-shot{border:1px solid var(--border);width:100%;max-width:720px;display:block}.book-shot-box{max-width:720px;position:relative}.book-shot-mark{background:var(--syntax-value);min-width:18px;height:18px;color:var(--background);text-align:center;box-shadow:0 0 0 2px var(--background);border-radius:9px;padding:0 3px;font-size:11px;font-weight:700;line-height:18px;position:absolute;transform:translate(-50%,-50%)}.book-replay{max-width:640px}.book-replay .analysis{border:1px solid var(--border);background:var(--panel);border-top:none;overflow-x:auto}.book-log{border:1px solid var(--border);background:var(--panel);border-top:none;max-height:380px;padding:4px 0;font-size:12px;overflow:auto}.book-log .log-message{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.book-figure-svg{width:100%;height:auto;font-family:var(--font-family);display:block}.book-fig-box{fill:var(--panel);stroke:var(--border)}.book-fig-box.accent{stroke:var(--syntax-value)}.book-fig-band{fill:var(--selected)}.book-fig-line{fill:none;stroke:var(--muted);stroke-width:1.5px}.book-fig-title{fill:var(--text);font-size:14px}.book-fig-note{fill:var(--muted);font-size:11px}.book-fig-code{fill:var(--syntax-command);white-space:pre;font-size:12px}.book-fig-dot{fill:var(--background);stroke:var(--syntax-variable);stroke-width:1.5px}.book-fig-dot.action{fill:var(--syntax-value);stroke:var(--syntax-value)}.book-see{color:var(--muted)}.book-see a{color:var(--syntax-variable);text-decoration:none}.book-next{color:var(--syntax-value);margin-top:18px;text-decoration:none;display:inline-block}.book-next:hover{text-decoration:underline}.book-see a+a{margin-left:.4em}.book-chapter .markup-table{max-width:100%;display:block;overflow-x:auto}.book-readings td,.book-readings th{font-family:var(--font-family);text-align:right}.book-error-message{border-left:2px solid var(--error);background:var(--error-line);color:var(--error);font-family:var(--font-family);margin-top:4px;padding:6px 12px}.book-template{margin:12px 0}.book-template summary{cursor:pointer;color:var(--syntax-variable)}.book-matchup{margin:14px 0 20px}.book-matchup-play{margin:4px 0 10px}.book-matchup-table td:not(:first-child),.book-matchup-table th:not(:first-child){text-align:right}.book-matchup-table tr.won td:first-child{color:var(--syntax-variable)}.book-matchup-table tr.lost td:first-child{color:var(--error)}.book-parts td,.book-parts th{white-space:nowrap}.book-parts td.book-parts-summary{white-space:normal;min-width:16em}.book-fig-cone{fill:var(--error-line);stroke:var(--error);stroke-width:1px}.book-fig-cone.accent{fill:var(--executed-line);stroke:var(--syntax-variable)}.book-fig-target{fill:var(--panel);stroke:var(--syntax-value);stroke-width:1.5px}.book-challenge{border-left:2px solid var(--border);margin:18px 0 26px;padding:2px 16px 10px}.book-challenge h3{margin:12px 0 6px}.book-challenge-terms{color:var(--muted)}.book-hint{margin:8px 0}.book-hint-label{color:var(--syntax-variable);font-weight:700}summary.book-hint-label{cursor:pointer}