.sx-root{position:fixed;inset:0;z-index:9999;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:10px;padding:14px 16px 16px;background:#040810;color:#F3EAD3;cursor:pointer;outline:none;user-select:none}.sx-title{font:800 13px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7FE3B0;padding-top:6px}.sx-stage{min-height:0;width:100%;display:grid;place-items:center}.sx-strip{container-type:inline-size;width:min(calc(100vw - 32px),calc((100dvh - 150px) * var(--sx-aspect)),1600px);display:grid;gap:10px}.sx-art{position:relative;aspect-ratio:var(--sx-aspect);border:2px solid #f3ead3;border-radius:14px;box-shadow:5px 5px 0 #1E3A5F;overflow:hidden;background:#F3EAD3}.sx-art img{display:block;width:100%;height:100%}.sx-panel{position:absolute;pointer-events:none}.sx-cap{left:5%;right:5%;bottom:4%;border:3px solid #040810;border-radius:10px;box-shadow:3px 3px 0 #040810;padding:.45em .7em;font:700 clamp(11px,1.12cqw,18px)/1.3 system-ui,sans-serif}.sx-cap,.sx-num{position:absolute;background:#F3EAD3;color:#040810;text-align:center}.sx-num{display:none;left:6px;top:6px;width:22px;height:22px;border-radius:11px;border:2px solid #040810;font:800 12px/18px system-ui,sans-serif}.sx-list{display:none;margin:0;padding:0;list-style:none;counter-reset:sx}.sx-list li{counter-increment:sx;display:flex;gap:8px;align-items:baseline;font:700 clamp(13px,1.9vh,16px)/1.3 system-ui,sans-serif;color:#F3EAD3;padding:3px 0}.sx-list li:before{content:counter(sx);flex:none;width:20px;height:20px;border-radius:10px;background:#F3EAD3;color:#040810;font:800 11px/20px system-ui,sans-serif;text-align:center}@container (max-width: 820px){.sx-cap{display:none}.sx-list,.sx-num{display:block}}.sx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.sx-foot{display:flex;align-items:center;gap:16px}.sx-btn{font:800 14px/1 ui-monospace,JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase;background:#F3EAD3;color:#040810;border:3px solid #040810;border-radius:8px;box-shadow:3px 3px 0 #2F6FD0;padding:9px 14px;cursor:pointer}.sx-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #2F6FD0}.sx-btn:focus-visible{outline:3px solid #4C8DF0;outline-offset:3px}.sx-btn--go{background:#1C3F7A;color:#F3EAD3;border:2px solid #f3ead3;box-shadow:3px 3px 0 #F3EAD3}.sx-btn--go:active{box-shadow:1px 1px 0 #F3EAD3}.sx-skip{position:absolute;top:14px;right:16px}.sl-root{--sl-cream:#f3ecd9;--sl-paper:#fffdf7;--sl-ink:#1b2342;--sl-ink2:#24305a;--sl-muted:#5b6480;--sl-blue:#24408f;--sl-shadow:#3b5aa8;--sl-display:var(--font-ship-display,"Bricolage Grotesque"),system-ui,sans-serif;--sl-body:"Fredoka","Varela Round",system-ui,sans-serif;--sl-mono:"JetBrains Mono",ui-monospace,monospace;position:fixed;inset:0;z-index:9990;display:grid;place-items:center;background:rgba(4,8,16,.88)}.sl-fit{position:relative}.sl-card{position:absolute;left:0;top:0;transform-origin:0 0;box-sizing:border-box;padding:26px;border-radius:24px;background:#141a2e}.sl-card button:focus-visible{outline:3px solid var(--sl-blue);outline-offset:4px}.sl-page{width:100%;height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:26px 34px;background:var(--sl-cream) repeating-linear-gradient(var(--sl-cream) 0 33px,#e3d8bd 33px 34px);border-radius:16px;box-shadow:6px 6px 0 var(--sl-shadow)}.sl-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.sl-head-titles{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:16px}.sl-head h2{margin:0;font:800 36px/1.1 var(--sl-display);color:var(--sl-ink)}.sl-head-titles span{font:400 18px/1.3 var(--sl-body);color:var(--sl-muted)}.sl-close{flex:none;font:700 16px/1 var(--sl-mono);letter-spacing:.12em;color:var(--sl-ink);background:#fffaf0;border:2.5px solid var(--sl-ink);border-radius:10px;padding:9px 16px;box-shadow:4px 4px 0 var(--sl-shadow);cursor:pointer}.sl-close:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--sl-shadow)}.sl-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:26px 34px;padding:16px 6px 12px}.sl-item{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;background:var(--sl-paper);border:0;box-shadow:0 6px 14px rgba(27,35,66,.22);transform:rotate(var(--rot,0deg));transition:transform .25s ease;cursor:pointer;text-align:left}.sl-item:focus-visible,.sl-item:hover{transform:rotate(0deg) translateY(-4px)}.sl-tape{position:absolute;top:-12px;left:50%;margin-left:-40px;width:80px;height:22px;background:var(--tape);opacity:.75;transform:rotate(-3deg)}.sl-cover{display:block;height:150px;overflow:hidden;background:var(--sl-ink)}.sl-cover img{display:block;width:100%;height:100%;object-fit:cover}.sl-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}.sl-name{min-width:0;overflow-wrap:anywhere;font:600 18px/1.2 var(--sl-body);color:var(--sl-ink)}.sl-ch{flex:none;font:400 15px/1 var(--sl-body);color:#7a8199}.sl-new{position:absolute;top:18px;right:4px;transform:rotate(6deg);font:700 12px/1 var(--sl-mono);letter-spacing:.1em;text-transform:uppercase;color:#fffaf0;background:#d0654a;border:2px solid var(--sl-ink);border-radius:6px;padding:4px 7px}.sl-locked{min-height:190px;box-sizing:border-box;padding:10px;transform:rotate(1deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2.5px dashed #a9a08a;text-align:center}.sl-locked b{font:800 44px/1 var(--sl-display);color:#a9a08a}.sl-locked span{font:400 16px/1.3 var(--sl-body);color:#6e6754}.is-portrait .sl-head{flex-wrap:wrap}.is-portrait .sl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}.sr-page{position:relative;width:100%;height:100%;overflow:hidden;display:grid;grid-template-columns:500px 1fr;background:var(--sl-cream);border-radius:16px;box-shadow:6px 6px 0 var(--sl-shadow)}.sr-gutter{position:absolute;left:500px;top:0;bottom:0;width:2px;background:#d8cba9;box-shadow:0 0 18px rgba(0,0,0,.18)}.sr-photos{position:relative}.sr-photo{position:absolute;left:68px;top:46px;padding:12px 12px 40px;border:0;background:var(--sl-paper);box-shadow:0 10px 24px rgba(27,35,66,.28);cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s ease}.sr-tape{position:absolute;top:-12px;left:34px;width:84px;height:22px;z-index:2;background:#9fd8b4;opacity:.8;transform:rotate(-6deg)}.sr-art{position:relative;display:block;width:340px;height:440px;overflow:hidden;background:var(--sl-ink)}.sr-crop{position:absolute;overflow:hidden}.sr-crop img{max-width:none}.sr-bubble,.sr-crop img{position:absolute;display:block}.sr-bubble{transform:scale(0);opacity:0}.sr-bubble-box{position:relative;display:block;padding:10px 14px;text-align:left;text-wrap:pretty;background:var(--sl-paper);border:3px solid var(--sl-ink);border-radius:20px;font:600 18px/1.25 var(--sl-body);color:var(--sl-ink)}.sr-bubble-box:after{content:"";position:absolute;bottom:-11px;left:var(--tail);width:16px;height:16px;background:var(--sl-paper);border-right:3px solid var(--sl-ink);border-bottom:3px solid var(--sl-ink);transform:rotate(45deg)}.is-on .sr-bubble.is-cur{transform:scale(1);opacity:1;transition:transform .5s cubic-bezier(.34,1.56,.64,1) .7s,opacity .2s ease .7s}.sr-text{display:flex;flex-direction:column;gap:20px;min-width:0;padding:40px 48px 34px 44px}.sr-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.sr-kicker{font:400 18px/1.2 var(--sl-body);color:var(--sl-muted)}.sr-skip{flex:none;background:none;border:0;border-bottom:2px solid var(--sl-ink);padding:0 0 2px;cursor:pointer;font:400 14px/1.2 var(--sl-mono);letter-spacing:.12em}.sr-skip,.sr-title{color:var(--sl-ink)}.sr-title{margin:0;font:800 44px/1 var(--sl-display);text-wrap:balance}.sr-narr{flex:1;min-height:0;margin:0;display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:9px;row-gap:4px;font:400 28px/1.4 var(--sl-body);color:var(--sl-ink2)}.sr-title.is-long{font-size:34px}.sr-word{display:inline-block;opacity:0;transform:translateY(10px)}.is-on .sr-word{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease;transition-delay:calc(.25s + 70ms * var(--i))}.sr-thumbs{display:flex;flex-wrap:wrap;gap:12px}.sr-thumb{padding:4px;border:0;background:var(--sl-paper);box-shadow:0 3px 8px rgba(27,35,66,.25);opacity:.6;outline-offset:2px;cursor:pointer;transition:opacity .3s}.sr-thumb.is-cur{opacity:1;outline:3px solid var(--sl-blue)}.sr-thumb:hover{opacity:1}.sr-thumb-art{position:relative;display:block;width:58px;height:72px;overflow:hidden;background:var(--sl-ink)}.sr-nav{display:flex;gap:14px;align-items:center}.sr-btn{font:600 18px/1.2 var(--sl-body);padding:12px 18px;border:2.5px solid var(--sl-ink);border-radius:12px;cursor:pointer}.sr-btn--back{background:none;color:var(--sl-ink)}.sr-btn--back:disabled{opacity:.35;cursor:default}.sr-btn--next{padding:12px 22px;background:var(--sl-blue);color:#fffaf0;box-shadow:4px 4px 0 var(--sl-ink)}.sr-btn--next:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--sl-ink)}.sr-page--whole{grid-template-columns:680px 1fr}.sr-page--whole .sr-gutter{left:680px}.sr-whole-stage{display:grid;place-items:center;padding:24px 20px 24px 28px}.sr-whole-photo{position:relative;width:100%;padding:12px 12px 34px;border:0;cursor:pointer;background:var(--sl-paper);box-shadow:0 10px 24px rgba(27,35,66,.28);transform:rotate(-1.5deg)}.sr-whole-art{position:relative;display:block;width:100%;overflow:hidden;background:var(--sl-ink)}.sr-whole-art img{display:block;width:100%;height:100%}.sr-line b,.sr-whole-num{width:26px;height:26px;border-radius:13px;box-sizing:border-box;text-align:center;background:var(--sl-paper);color:var(--sl-ink);border:2.5px solid var(--sl-ink);font:700 14px/21px var(--sl-body)}.sr-whole-num{position:absolute;margin:6px 0 0 6px}.sr-lines{flex:1;min-height:0;margin:0;padding:0;list-style:none;flex-direction:column}.sr-line,.sr-lines{display:flex;gap:10px}.sr-line{align-items:baseline;font:400 19px/1.35 var(--sl-body);color:var(--sl-ink2);opacity:0;transform:translateY(10px)}.sr-line b{flex:none;position:relative;top:-2px}.is-on .sr-line{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease;transition-delay:calc(.25s + .3s * var(--i))}.is-reduced .sr-line{opacity:1;transform:none;transition:none}.is-portrait .sr-page.sr-page--whole{grid-template-columns:1fr;grid-template-rows:auto 1fr}.is-portrait .sr-page--whole .sr-gutter.sr-gutter{display:none}.is-portrait .sr-whole-stage{padding:36px 32px 8px}.is-portrait .sr-line{font-size:24px}.is-portrait .sr-line b,.is-portrait .sr-whole-num{width:32px;height:32px;border-radius:16px;font-size:17px;line-height:27px}.is-portrait .sr-page{grid-template-columns:1fr;grid-template-rows:490px 1fr}.is-portrait .sr-gutter{left:0;right:0;top:490px;bottom:auto;width:auto;height:2px}.is-portrait .sr-photo{left:138px;top:26px;scale:.9;transform-origin:50% 0}.is-portrait .sr-text{padding:28px 40px 32px;gap:18px}.is-portrait .sr-kicker{font-size:24px}.is-portrait .sr-skip{font-size:20px}.is-portrait .sr-title{font-size:50px}.is-portrait .sr-title.is-long{font-size:40px}.is-portrait .sr-narr{font-size:32px}.is-portrait .sr-btn{font-size:26px;padding:14px 22px}.is-portrait .sr-thumb-art{width:70px;height:87px}.is-portrait .sl-head h2{font-size:44px}.is-portrait .sl-head-titles span,.is-portrait .sl-name{font-size:22px}.is-portrait .sl-ch{font-size:18px}.is-portrait .sl-locked span{font-size:20px}.is-reduced .sr-photo{transition:opacity .2s ease}.is-reduced .sr-bubble.is-cur,.is-reduced .sr-word{opacity:1;transform:none;transition:none}