.chapter{width:100vw;margin-left:calc(50% - 50vw);position:relative}.chapter-pin{background:var(--bg-color);justify-content:center;align-items:center;gap:clamp(1.5rem,3vw,3rem);height:calc(100svh - 81px);padding:1.5rem 4rem 1.5rem 2rem;display:flex;position:sticky;top:81px;overflow:clip}.chapter-stage{aspect-ratio:640/420;transform-origin:50%;will-change:transform;border:1px solid #d9d4c6;border-radius:4px;flex:none;width:min(62vw,152.381svh - 196.571px,1100px);position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #14100a73}.chapter-cam{transform-origin:50%;will-change:transform;width:100%;height:100%}.chapter-cam>svg{width:100%;height:100%;display:block}.chapter-title{z-index:3;pointer-events:none;text-align:center;background:color-mix(in oklab, var(--bg-color) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:2rem;display:flex;position:absolute;inset:0}.chapter-title p{max-width:34ch;font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:800;line-height:1.12}.chapter-eyebrow,.chapter-hint,.chapter-count{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.chapter-hint:after{content:"";transform-origin:top;background:currentColor;width:1px;height:22px;margin:.5rem auto 0;animation:1.8s ease-in-out infinite chapter-hint;display:block}@keyframes chapter-hint{0%,to{opacity:.4;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.chapter-card{z-index:2;border:1px solid var(--card-border);border-left:3px solid var(--accent-purple);background:color-mix(in oklab, var(--bg-color) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;flex-direction:column;flex:0 380px;align-self:center;gap:.45rem;min-width:260px;padding:1.1rem 1.25rem 1.2rem;animation:.45s cubic-bezier(.2,.8,.2,1) both chapter-card;display:flex;position:relative;box-shadow:0 18px 50px -24px #14100a80}@keyframes chapter-card{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.chapter-card-title{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.12rem;font-weight:700;line-height:1.3}.chapter-card-body,.chapter-card-note{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.chapter-card-note{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.chapter-card-items{color:var(--text-secondary);flex-direction:column;gap:.25rem;margin:0;padding-left:1.1rem;font-size:.92rem;line-height:1.45;display:flex}.chapter-rail{background:var(--card-border);border-radius:1px;width:2px;height:min(56%,360px);position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.chapter-rail-fill{background:var(--accent-purple);transform-origin:top;border-radius:1px;position:absolute;inset:0;transform:scaleY(0)}.chapter-tick{background:var(--bg-color);border:1.5px solid var(--card-border-hover);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transition:background .25s,border-color .25s,transform .25s;position:absolute;left:50%}.chapter-tick.on{background:var(--accent-purple);border-color:var(--accent-purple);transform:scale(1.15)}@media print{.chapter{height:auto!important}.chapter-pin{height:auto;position:static}.chapter-title,.chapter-card,.chapter-rail{display:none}}