.sb-page{--sb-ink:#70451c;--sb-deep:#3a432e;--sb-honey:#f2e6c4;--sb-text:#63593e;--sb-line:#b8ad8c;--sb-nav:54px;--sb-offset:80px;scrollbar-color:#ab8e52 var(--paper);overflow-x:clip}.sb-page [hidden]{display:none!important}.sb-page :is(h1,h2,h3){letter-spacing:-.03em;text-wrap:balance;font-family:Bricolage,Outfit,sans-serif;font-weight:600}.sb-page h2{font-size:clamp(2.1rem,3.8vw,3.5rem);line-height:1.08}.sb-page h3{font-size:1.14rem;line-height:1.3}.sb-page p{line-height:1.6}.sb-page button{font:inherit;color:inherit;cursor:pointer}.sb-page button:disabled{opacity:.45;cursor:default}.sb-page :is(a,button,summary,input):focus-visible{outline-offset:4px;outline:3px solid #8b482a}.sb-page :is(h1,h2,main):focus{outline:none}.sb-page ::selection{color:#fffdf4;background:#70451c}.sb-page a{text-underline-offset:4px}.sb-page :is(button,a,summary,input){-webkit-tap-highlight-color:#d9bd7380}.sb-page svg:not(.sb-scene):not(.brand-icon):not(.sb-board svg){fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.sb-header{justify-content:space-between;align-items:center;gap:20px;width:min(100% - 48px,1296px);min-height:76px;margin:auto;display:flex}.sb-brand{letter-spacing:-.03em;align-items:center;gap:9px;min-height:44px;font:800 1.25rem/1 Bricolage,sans-serif;text-decoration:none;display:inline-flex}.sb-play{align-items:center;gap:16px;min-height:44px;font-size:.9rem;text-decoration:none;display:inline-flex}.sb-play:hover{text-decoration:underline}.sb-opening{grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;width:min(100% - 80px,1160px);min-height:min(720px,100svh - 76px);margin:auto;padding:45px 0 65px;display:grid}.sb-opening h1{text-wrap:initial;font-size:clamp(3rem,5.3vw,5.3rem);line-height:1.04}.sb-opening h1 span{color:var(--sb-ink)}.sb-page .sb-promise{letter-spacing:-.025em;margin-top:25px;font:500 clamp(1.5rem,2.5vw,2.4rem)/1.2 Bricolage,sans-serif}.sb-opening-copy>p:last-of-type{color:var(--sb-text);max-width:34ch;margin-top:18px;font-size:1.08rem}.sb-opening-links{flex-wrap:wrap;align-items:center;gap:25px;margin-top:26px;display:flex}.sb-opening-links>a:last-child{align-items:center;min-height:44px;font-size:.9rem;display:flex}.sb-button{background:var(--sb-ink);border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:12px 17px;font-size:.94rem;font-weight:500;text-decoration:none;display:inline-flex;color:#fffdf4!important}.sb-button:hover{background:#553213}.sb-opening-art{min-width:0;margin:0}.sb-opening-art .sb-scene{background:#f2e6c4;border-radius:14px;padding:15px;transform:rotate(1deg)}.sb-opening-art figcaption{text-align:center;color:var(--sb-text);margin-top:18px;font-size:.85rem;line-height:1.5}.sb-opening-art strong{font-weight:500}.sb-scene{width:100%;height:auto;font-family:Outfit,sans-serif;display:block;overflow:hidden}.sb-nav{z-index:20;background:var(--paper);border-block:1px solid var(--sb-line);justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding-inline:max(22px,50vw - 600px);display:flex;position:sticky;top:0}.sb-chapter-links{scrollbar-width:none;gap:27px;min-width:0;display:flex;overflow-x:auto}.sb-chapter-links a{border-block:3px solid #0000;flex-shrink:0;align-items:center;min-height:52px;padding-inline:3px;font-size:.88rem;text-decoration:none;display:flex}.sb-chapter-links a[aria-current]{border-bottom-color:var(--sb-ink);color:var(--sb-ink);font-weight:600}.sb-reading{background:0 0;border:1px solid #91815a;border-radius:6px;flex-shrink:0;min-height:44px;padding:8px 12px;font-size:.8rem!important}.sb-reading[aria-pressed=true]{background:var(--sb-honey)}.sb-progress{background:#ddd1ae;height:2px;position:absolute;bottom:-1px;left:0;right:0}.sb-progress span{transform-origin:0;background:var(--sb-ink);width:100%;height:100%;display:block;transform:scaleX(0)}.sb-view-note{text-align:center;color:var(--sb-text);padding:20px;font-size:.88rem}.sb-js,.sb-stage{display:none}.sb-ready .sb-js{display:flex}.sb-story{width:min(100% - 48px,740px);margin:auto}.sb-beat{scroll-margin-top:calc(var(--sb-nav) + 24px);padding:60px 0}.sb-beat-body>p{color:var(--sb-text);margin-top:22px;font-size:1.08rem}.sb-beat .sb-note{border-top:1px solid var(--sb-line);margin-top:26px;padding-top:18px;font-size:.89rem}.sb-inline-proof{margin:26px 0}.sb-inline-proof .sb-scene{max-width:410px;margin:auto}.sb-inline-proof figcaption{text-align:center;max-width:48ch;color:var(--sb-text);margin:12px auto 0;font-size:.85rem;line-height:1.5}.sb-intermediate{flex-direction:column;display:flex}.sb-intermediate .sb-scene{max-width:350px}.sb-decision{margin-top:24px}.sb-answers{flex-direction:column;gap:8px;margin-top:14px}.sb-answers button{text-align:left;background:0 0;border:1px solid #92815b;border-radius:6px;min-height:46px;padding:11px 14px;font-size:.94rem}.sb-answers button:hover{background:#eee1b9}.sb-answers button[data-result=right]{background:#dce7ce;border-color:#517041}.sb-answers button[data-result=wrong]{background:#f3ded2;border-color:#9e362e}.sb-decision [data-feedback]{color:var(--sb-text);margin-top:14px;font-size:.9rem}.sb-page summary{cursor:pointer;min-height:48px;padding-block:13px}.sb-ready .sb-answer-fallback{display:none}.sb-answer-fallback p{color:var(--sb-text);margin-top:10px}.sb-ledger{border-top:1px solid var(--sb-line);color:var(--sb-text);margin-top:20px;font-size:.88rem}.sb-ledger ul{padding-left:22px;line-height:1.6}.sb-ledger li{margin-bottom:8px}.sb-beat .sb-button{margin-top:24px}.sb-ready:not([data-reading=true]) .sb-story{width:100%}.sb-ready:not([data-reading=true]) .sb-stage{top:var(--sb-nav);z-index:8;background:var(--sb-honey);border-bottom:1px solid #b9a56d;flex-direction:column;height:clamp(436px,54svh,480px);padding:8px 16px 0;display:flex;position:sticky}.sb-stage-heading{width:100%;max-width:540px;color:var(--sb-text);flex-shrink:0;justify-content:space-between;gap:12px;margin:auto;font-size:.72rem;display:flex}.sb-stage-art{flex:1;width:100%;max-width:560px;min-height:0;margin:2px auto}.sb-stage-art .sb-scene{width:100%;height:100%}.sb-stage-caption{text-align:center;flex-shrink:0;width:100%;max-width:550px;min-height:42px;margin:0 auto 3px}.sb-stage-caption p:first-child{color:var(--sb-ink);font-size:.87rem;font-weight:500;line-height:1.3}.sb-stage-caption p:last-child{color:var(--sb-text);min-height:2.7em;margin-top:2px;font-size:.72rem;line-height:1.35}.sb-stage-legend{color:var(--sb-text);flex-shrink:0;justify-content:center;gap:13px;font-size:.65rem;display:flex}.sb-scrub{width:100%;max-width:540px;color:var(--sb-text);flex-shrink:0;align-items:center;gap:15px;margin:2px auto 0;font-size:.72rem;display:flex}.sb-scrub input{min-width:60px;height:30px;accent-color:var(--sb-ink);cursor:pointer;flex:1;margin:0}.sb-stage-controls{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:540px;margin:auto;display:flex}.sb-stage-controls button{background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:5px 0;font-size:.82rem;display:flex}.sb-stage-controls button:hover{color:var(--sb-ink)}.sb-stage-controls>span{color:var(--sb-text);font-size:.7rem}.sb-ready:not([data-reading=true]) .sb-story-copy{padding-inline:24px}.sb-ready:not([data-reading=true]) .sb-beat{min-height:95svh;scroll-margin-top:var(--sb-offset);padding:28px 0 90px;position:relative}.sb-ready:not([data-reading=true]) .sb-beat:has(.sb-decision){min-height:126svh}.sb-ready:not([data-reading=true]) .sb-beat-body{max-width:620px;margin-inline:auto}.sb-ready:not([data-reading=true]) .sb-beat[data-hold=true] .sb-beat-body{top:var(--sb-offset);position:sticky}.sb-ready:not([data-reading=true]) .sb-beat h2{font-size:clamp(1.8rem,6.7vw,2.7rem)}.sb-ready:not([data-reading=true]) .sb-beat-body>p{margin-top:17px;font-size:1rem;line-height:1.55}.sb-ready:not([data-reading=true]) .sb-inline-proof{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.sb-ready:not([data-reading=true]) [data-decision][data-ready=false]{visibility:hidden}.sb-practice{scroll-margin-top:var(--sb-nav);color:var(--sb-deep);background:#eee3c4;padding:80px max(24px,50vw - 580px)}.sb-practice-intro{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.sb-practice-intro>div>p:first-child{max-width:42ch;font-size:1.12rem}.sb-page .sb-memory{color:var(--sb-text);margin-top:14px;font-size:.82rem}.sb-practice-layout{grid-template-columns:1fr .9fr;align-items:start;gap:clamp(35px,7vw,100px);margin-top:40px;display:grid}.sb-practice-board-wrap{min-width:0;max-width:510px}.sb-tools{gap:8px;margin-bottom:12px}.sb-tools button{background:0 0;border:1px solid #92815b;border-radius:6px;flex:1;min-height:44px;padding:8px;font-size:.9rem}.sb-tools button[aria-pressed=true]{background:var(--sb-ink);color:#fffdf4}.sb-board{aspect-ratio:1;background:#fffdf4;border:2px solid #705c38;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.sb-square{aspect-ratio:1;background:var(--region);border-bottom:1px solid #ac9f7d;border-right:1px solid #ac9f7d;min-width:0;position:relative}.sb-square:nth-child(8n){border-right:0}.sb-square:nth-child(n+57){border-bottom:0}.sb-square.sb-region-right{border-right:3px solid #705c38}.sb-square.sb-region-bottom{border-bottom:3px solid #705c38}.sb-square button,.sb-result-piece{width:100%;min-width:0;height:100%;color:var(--sb-ink);background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0}.sb-square button:disabled{opacity:1}.sb-square button:hover{background:#fff8dc99}.sb-square button:focus-visible{outline-offset:-4px;z-index:2;outline:3px solid #8b482a}.sb-square button[data-hint]{box-shadow:inset 0 0 0 3px #8b482a}.sb-square button[data-conflict]{background:#f4c6b3;box-shadow:inset 0 0 0 2px #9b3928}.sb-board svg{fill:none;pointer-events:none;width:100%;height:100%;display:block}.sb-piece-star,.sb-piece-cross{display:none}.sb-piece-star{stroke:#70451c;stroke-width:1.6px;fill:#bf7d24}.sb-piece-cross{stroke:#456447;stroke-width:2.4px}.sb-square [data-value="1"] .sb-piece-star,.sb-square[data-value="1"] .sb-piece-star,.sb-square [data-value="-1"] .sb-piece-cross,.sb-square[data-value="-1"] .sb-piece-cross{display:block}.sb-region-id{color:#51452b;pointer-events:none;font-size:clamp(.5rem,1.1vw,.75rem);line-height:1;position:absolute;top:1px;left:3px}.sb-board-count{justify-content:space-between;margin-top:14px;font-size:.8rem;display:flex}.sb-page .sb-selection{min-height:2.6em;color:var(--sb-text);margin-top:12px;font-size:.85rem}.sb-page .sb-practice-message{min-height:3.2em;color:var(--sb-deep);margin-top:13px;font-size:1rem}.sb-hint-button{border:0;background:0 0;border-block:1px solid #aa9b71;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:10px 0;font-size:1rem!important}.sb-practice [data-hint-message]{margin-top:18px;font-size:.97rem}.sb-practice [data-apply]{margin-top:14px}.sb-practice-actions{flex-wrap:wrap;gap:10px;margin-top:20px}.sb-practice-actions button,.sb-reset-confirm button{background:0 0;border:1px solid #92815b;border-radius:6px;min-height:46px;padding:10px 14px;font-size:.9rem}.sb-practice-actions button:hover:not(:disabled),.sb-reset-confirm button:hover{background:#e2d3a9}.sb-reset-confirm{border-block:1px solid var(--sb-line);margin-top:18px;padding:18px 0;font-size:.94rem}.sb-reset-confirm>div{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sb-controls{border-top:1px solid #b5a271;margin-top:24px}.sb-controls summary{font-size:.92rem;font-weight:500}.sb-controls p{color:var(--sb-text);margin-bottom:12px;font-size:.86rem}.sb-skip{align-items:center;min-height:44px;font-size:.88rem;display:inline-flex}.sb-finale{background:var(--sb-deep);color:#fffdf4;scroll-margin-top:var(--sb-nav);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,8vw,115px);padding:85px max(24px,50vw - 580px);display:grid}.sb-finale figure{margin:0}.sb-result-board{max-width:360px;margin:auto}.sb-finale figcaption{color:#e7e2c6;text-align:center;max-width:44ch;margin:20px auto 0;font-size:.85rem;line-height:1.5}.sb-finale h2{font-size:clamp(2.5rem,4.3vw,4.4rem)}.sb-finale [data-finale-copy]{color:#e7e2c6;max-width:40ch;margin-top:24px;font-size:1.1rem}.sb-finale .sb-button{background:#f3d483;margin-top:28px;color:var(--sb-deep)!important}.sb-finale .sb-button:hover{background:#f8e7bb}.sb-return{align-items:center;min-height:44px;margin-top:16px;font-size:.9rem;display:flex}.sb-page .sb-free{color:#e7e2c6;margin-top:14px;font-size:.8rem}.sb-reference{width:min(100% - 64px,1160px);scroll-margin-top:calc(var(--sb-nav) + 26px);grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px);margin:80px auto;display:grid}.sb-reference h2{margin-bottom:26px;font-size:2.3rem}.sb-reference ol{margin:0;padding-left:22px}.sb-reference li{color:var(--sb-text);margin-bottom:16px;padding-left:4px;line-height:1.65}.sb-reference strong{color:var(--ink);font-weight:600}.sb-reference p{color:var(--sb-text);font-size:.96rem}.sb-text-link{justify-content:space-between;align-items:center;min-height:48px;margin-top:20px;font-size:.94rem;display:flex}.sb-faq details{border-bottom:1px solid var(--sb-line)}.sb-faq summary{font-size:.96rem}.sb-faq p{margin-bottom:18px;font-size:.93rem}.sb-footer{border-top:1px solid var(--sb-line);justify-content:space-between;align-items:center;gap:25px;padding:24px max(24px,50vw - 620px);display:flex}.sb-footer p{color:var(--sb-text);max-width:56ch;font-size:.85rem;line-height:1.6}.sb-footer>a:last-child{align-items:center;min-height:44px;font-size:.85rem;display:flex}@media (width>=961px){.sb-ready:not([data-reading=true]) .sb-story{grid-template-columns:1.08fr 1fr;align-items:start;gap:clamp(40px,6vw,85px);width:min(100% - 80px,1240px);display:grid}.sb-ready:not([data-reading=true]) .sb-stage{top:calc(var(--sb-nav) + 25px);height:calc(100svh - var(--sb-nav) - 50px);border:0;border-radius:14px;max-height:790px;padding:20px 20px 10px}.sb-stage-heading{font-size:.82rem}.sb-stage-caption{min-height:64px;margin-bottom:10px}.sb-stage-caption p:first-child{font-size:1.07rem}.sb-stage-caption p:last-child{margin-top:5px;font-size:.85rem}.sb-stage-legend{gap:22px;font-size:.75rem}.sb-scrub{margin-top:10px;font-size:.8rem}.sb-scrub input{height:40px}.sb-stage-controls{border-top:1px solid #b9a56d}.sb-stage-controls button{min-height:52px;font-size:.9rem}.sb-stage-controls>span{font-size:.77rem}.sb-ready:not([data-reading=true]) .sb-story-copy{padding-inline:0}.sb-ready:not([data-reading=true]) .sb-beat{min-height:110svh;padding:75px 0 120px}.sb-ready:not([data-reading=true]) .sb-beat:has(.sb-decision){min-height:130svh}.sb-ready:not([data-reading=true]) .sb-beat[data-hold=true] .sb-beat-body{top:max(calc(var(--sb-nav) + 40px),20svh)}.sb-ready:not([data-reading=true]) .sb-beat h2{font-size:clamp(2.3rem,3.4vw,3.4rem)}.sb-ready:not([data-reading=true]) .sb-beat-body>p{margin-top:22px;font-size:1.1rem}}@media (width<=960px){.sb-opening{gap:35px;width:calc(100% - 48px);padding:35px 0 55px}.sb-opening h1{font-size:clamp(2.7rem,5.7vw,4rem)}.sb-practice-intro,.sb-practice-layout{gap:35px}.sb-footer{flex-wrap:wrap}}@media (width<=640px){.sb-header{width:calc(100% - 36px);min-height:64px}.sb-brand{gap:7px;font-size:1.1rem}.sb-play{gap:8px;font-size:.82rem}.sb-opening{flex-direction:column;align-items:stretch;gap:18px;width:calc(100% - 40px);min-height:0;padding:20px 0 24px;display:flex}.sb-opening h1{font-size:clamp(2.6rem,10.5vw,3.5rem)}.sb-page .sb-promise{margin-top:16px;font-size:1.62rem}.sb-promise br{display:none}.sb-opening-copy>p:last-of-type{margin-top:12px;font-size:1rem;line-height:1.5}.sb-opening-links{gap:20px;margin-top:16px}.sb-opening-links .sb-button{min-height:46px;padding:10px 14px;font-size:.86rem}.sb-opening-links>a:last-child{font-size:.85rem}.sb-opening-art{align-self:center;width:100%;max-width:350px}.sb-opening-art .sb-scene{height:230px;padding:4px;transform:none}.sb-opening-art figcaption{margin-top:10px;font-size:.8rem}.sb-nav{gap:12px;padding-inline:12px}.sb-chapter-links{gap:20px}.sb-chapter-links a{font-size:.79rem}.sb-reading{padding:6px 8px;font-size:.7rem!important}.sb-ready:not([data-reading=true]) .sb-story-copy{padding-inline:20px}.sb-stage-caption p:first-child{font-size:.81rem}.sb-stage-caption p:last-child{font-size:.7rem}.sb-beat{padding-block:45px}.sb-practice{padding:55px 20px}.sb-practice-intro{display:block}.sb-practice-intro>div>p:first-child{margin-top:22px;font-size:1.03rem}.sb-practice-layout{flex-direction:column;gap:22px;margin-top:25px;display:flex}.sb-practice-board-wrap,.sb-practice-help{width:100%;max-width:none}.sb-practice-actions{margin-top:18px}.sb-region-id{font-size:.55rem}.sb-finale{flex-direction:column;align-items:stretch;gap:35px;padding:55px 24px;display:flex}.sb-result-board{max-width:290px}.sb-finale h2{font-size:2.7rem}.sb-finale [data-finale-copy]{font-size:1.02rem}.sb-reference{flex-direction:column;gap:40px;width:calc(100% - 40px);margin-block:55px;display:flex}.sb-reference h2{font-size:2rem}.sb-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px}.sb-stage-controls>span{font-size:.65rem}}@media (width<=360px){.sb-ready:not([data-reading=true]) .sb-stage{padding-inline:10px}.sb-ready:not([data-reading=true]) .sb-story-copy{padding-inline:16px}.sb-stage-legend{gap:9px;font-size:.6rem}.sb-practice{padding-inline:14px}.sb-opening-art .sb-scene{height:205px}.sb-scrub{font-size:.66rem}.sb-stage-caption p:last-child{font-size:.68rem}}@media (prefers-reduced-motion:reduce){.sb-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.sb-opening-art .sb-scene{transform:none}}@media (forced-colors:active){.sb-scene{forced-color-adjust:none}.sb-board,.sb-square{border-color:canvastext}.sb-square{forced-color-adjust:none}}@media print{.sb-header,.sb-nav,.sb-stage,.sb-js,.sb-opening-links,.sb-finale,.sb-footer{display:none!important}.sb-story{width:100%!important;display:block!important}.sb-beat{break-inside:avoid;min-height:0!important;padding:20px 0!important}.sb-beat-body{position:static!important}.sb-inline-proof{clip-path:none!important;white-space:normal!important;width:auto!important;height:auto!important;position:static!important;overflow:visible!important}.sb-answer-fallback{display:block!important}.sb-inline-proof .sb-scene{max-width:300px}.sb-ledger{display:none}.sb-page{color:#111;background:#fff}}.sb-stage-controls .sb-scrub{flex:0 110px;gap:0;width:110px;margin:0}.sb-stage-controls .sb-scrub input{width:100%;height:44px}.sb-stage-controls .sb-scrub:after{content:none}
