/* The collector's workbench: public, self-contained sample interactions. */
.story-label{display:block;font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.6}.story-sample{display:inline-block;font-size:9px;letter-spacing:.12em;border:1px solid currentColor;padding:4px 7px;border-radius:4px;opacity:.72;white-space:nowrap}.story-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.story-switch{display:flex;gap:5px;flex-wrap:wrap;padding:5px;border:1px solid var(--border);border-radius:12px;width:fit-content;background:rgba(0,0,0,.13)}.story-switch button{min-height:44px;background:none;border:0;border-radius:8px;padding:8px 17px;font-size:13px;font-weight:650;color:inherit;transition:background .18s,color .18s,transform .18s}.story-switch button[aria-pressed=true]{background:var(--peach);color:var(--deep);box-shadow:0 2px 6px #0002}.story-switch button:not([aria-pressed=true]):hover{background:#ffffff12}.story-switch button:active{transform:scale(.97)}.story-switch button:disabled{opacity:1;cursor:default}.story-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;background:transparent;border:1px solid var(--border);border-radius:8px;color:inherit;padding:9px 13px;font-size:13px;font-weight:650;transition:background .18s,transform .18s}.story-action:hover{background:#ffffff0f}.story-action:active{transform:scale(.97)}.story-action:disabled{opacity:.45}.story-action span{font-size:18px}

/* Existing folders become a shelf, against a lighter sage chapter. */
.belong-chapter{--ink:#f4f4df;--muted:#ccdbcd;--border:#b9d2bd35;background:radial-gradient(ellipse at 84% 25%,#566c474d,transparent 58%),linear-gradient(110deg,#263b32,#344737 68%,#293d34);overflow:clip;position:relative}.belong-chapter::after{content:"";position:absolute;inset:auto 0 0;height:8px;background:linear-gradient(90deg,#d6b68c22,#d6b68c77,#d6b68c22);pointer-events:none}.belong-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:center}.belong-copy>p:not(.eyebrow){margin-top:24px;max-width:43ch;font-size:17px}.belong-copy .text-link{margin-top:20px}.belong-promises{display:grid;gap:12px;margin-top:28px}.belong-promises>span{display:flex;align-items:center;gap:12px;font-size:14px;color:#e3e9d8}.belong-promises img{flex:none;object-fit:contain;width:35px;height:35px}.folder-scene{position:relative;padding:26px;background:#172f27;border:1px solid #a7bea645;border-radius:18px;box-shadow:0 22px 40px #0f211a55,inset 0 2px 0 #c5d2a015;min-width:0}.folder-scene .story-switch{margin-bottom:28px}.folder-transfer{display:grid;grid-template-columns:1fr 36px 1fr;gap:5px;align-items:center;min-height:235px}.folder-stack{min-width:0;transform:rotate(-3deg);filter:drop-shadow(0 12px 10px #071b1766)}.folder-tab{display:flex;align-items:center;gap:8px;background:#d0aa73;color:#463225;border:1px solid #ffe2a638;border-radius:10px 15px 0 0;padding:9px 13px;width:90%;font-size:12px}.folder-files{background:linear-gradient(100deg,#f0d9ae,#e6c58e);border-radius:0 9px 9px 9px;padding:9px 12px;color:#493e2c;box-shadow:inset -4px 0 9px #aa793744}.folder-files>[data-file-row]{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;border-bottom:1px solid #80694238;font-size:11px;overflow-wrap:anywhere}.folder-files small{font-size:7px;letter-spacing:.08em;flex:none}.folder-originals{display:block;font-size:10px;padding:13px 0 4px;color:#6f542f}.folder-bridge{height:150px;position:relative;display:grid;place-content:center;color:#a9d0a2;font-size:26px}.folder-bridge i{position:absolute;left:0;right:0;top:50%;height:1px;background:#b2c98b55;z-index:0}.folder-bridge span{background:#172f27;z-index:1;padding:0 4px}.folder-shelf{display:grid;gap:9px;perspective:800px}.folder-shelf figure{background:#263e32;border:1px solid #b9d2bd40;border-radius:8px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;box-shadow:0 6px 9px #091a1266;overflow:hidden;min-width:0;transform-origin:left center}.folder-shelf figure:nth-child(2){transform:translateX(5px)}.folder-shelf img{height:60px;width:70px;object-fit:cover}.folder-shelf figcaption{font-family:Hearth,ui-rounded,sans-serif;font-size:15px;line-height:1.1;padding-right:8px;overflow-wrap:anywhere}.folder-scanline{margin-top:25px}.folder-meter{height:3px;background:#77957130;border-radius:2px;overflow:hidden}.folder-meter i{display:block;height:100%;width:100%;background:#c2d796;transform-origin:left;transform:scaleX(.07)}#folder-status{display:block;min-height:35px;padding-top:10px;color:#d1dcc9;font-size:12px}.folder-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.folder-bottom>span{font-size:10px;max-width:19ch;color:#b7cbb6}.folder-bottom .button{font-size:13px;padding:10px 14px;gap:15px;white-space:normal;text-align:center}

/* Game tools: an open checklist beside a playable little desk. */
.workshop-chapter{position:relative;background:radial-gradient(ellipse at 75% 55%,#65433266,transparent 56%),linear-gradient(155deg,#241c2c,#322432 70%,#4d3337);overflow:clip}.workshop-heading,.reading-heading,.setup-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.workshop-heading>p,.reading-heading>p,.setup-heading>p{max-width:40ch;font-size:17px;padding-bottom:5px}.workshop-heading h2,.reading-heading h2,.setup-heading h2{font-size:clamp(34px,4.1vw,56px)}.workshop-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,5vw,72px);align-items:center}.workshop-notes{display:grid;gap:26px}.workshop-note{display:flex;gap:19px;align-items:center}.workshop-note img{width:52px;height:52px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 8px #0005)}.workshop-note h3{font-size:23px}.workshop-note p{font-size:14px;margin-top:8px;max-width:31ch}.workshop-fine{border-top:1px solid var(--border);padding-top:19px;font-size:12px;max-width:40ch;color:#c1aeba}.game-workbench{min-width:0;border:1px solid #d0a27377;box-shadow:0 0 0 5px #b77f4733,0 0 0 7px #241a25,0 25px 45px #140d1f88;border-radius:16px;background:linear-gradient(135deg,#40303c,#2f2535);overflow:hidden}.workbench-title{display:flex;gap:12px;align-items:center;padding:17px 22px;background:linear-gradient(90deg,#72534255,#523c3c88);border-bottom:1px solid #cea67a33}.workbench-title>span:nth-child(2){flex:1;min-width:0}.workbench-title b,.workbench-title small{display:block}.workbench-title b{font-family:Hearth,ui-rounded,sans-serif;font-size:20px;font-weight:500}.workbench-title small{font-size:11px;color:#d1b9b9;margin-top:2px}.game-workbench>.story-switch{margin:17px 20px 0;width:calc(100% - 40px)}.game-workbench>.story-switch button{flex:1;padding-inline:10px}.workbench-panel{padding:24px;min-height:325px}.save-character{display:flex;gap:18px;align-items:center;padding-block:5px 18px}.save-seal{width:82px;height:82px;display:grid;place-items:center;flex:none;background:radial-gradient(circle,#ebbe6955,#bb784a11 65%,transparent);border:1px solid #e5b77c35;border-radius:50%}.save-character h3{font-size:23px;margin:7px 0}.save-character p{font-size:12px}.save-character .story-label{color:#e3bda1}.save-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0 19px;border-bottom:1px solid var(--border);gap:12px}.save-stats>span{font-size:11px;letter-spacing:.05em;color:#cdb6c5}.save-stats b{display:block;font-family:Hearth,ui-rounded,sans-serif;font-size:34px;color:var(--peach);font-weight:500;line-height:1.2;letter-spacing:0;font-variant-numeric:tabular-nums;margin-top:5px}.save-slot{display:flex;gap:12px;align-items:center;padding-top:19px}.save-slot>span{flex:1;min-width:0}.save-slot b,.save-slot small{display:block}.save-slot b{font-size:14px}.save-slot small{font-size:11px;color:#c9b3bf;margin-top:4px}.save-slot img{width:35px;height:35px}.workbench-status{font-size:11px;color:#d6c2bd;margin-top:19px;min-height:18px}.version-intro h3{font-size:23px}.version-intro>p{font-size:13px;margin:8px 0 17px}.version-choices{display:grid;gap:9px}.version-choices button{display:flex;gap:12px;align-items:center;text-align:left;min-height:67px;background:#231c2999;border:1px solid var(--border);border-radius:9px;padding:11px 14px;transition:border-color .18s,background .18s}.version-choices button:hover{background:#4c3546}.version-choices button[aria-pressed=true]{border-color:#d4a169aa;background:#8c64412b}.version-choices button>span:nth-of-type(1){flex:1}.version-choices b,.version-choices small{display:block}.version-choices b{font-size:15px}.version-choices small{font-size:11px;color:var(--muted)}.version-mark{font-size:10px;color:var(--peach)}.version-path{display:flex;gap:12px;align-items:center;margin-top:15px}.version-path>span{font-size:8px;letter-spacing:.08em;max-width:10ch;color:#bb9dba}.version-path code{font-size:12px;overflow-wrap:anywhere;color:#e6ceb5}.assistant-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#c5d7c2}.assistant-protocol{font:700 11px ui-monospace,monospace;border:1px solid #a6cbb555;border-radius:4px;padding:4px 8px}.assistant-panel h3{font-size:24px}.assistant-panel>p{font-size:12px;margin-top:10px;max-width:54ch}.assistant-prompts{display:flex;gap:9px;margin-block:16px;flex-wrap:wrap}.assistant-prompts button{min-height:44px;border:1px solid #d6b99744;border-radius:8px;background:transparent;padding:8px 12px;color:var(--peach);font-size:12px}.assistant-prompts button[aria-pressed=true],.assistant-prompts button:hover{background:#d2a57922;border-color:#d6b997aa}.assistant-result{padding:15px 18px;border-left:2px solid #93b8a2;background:#172f2e99;border-radius:0 8px 8px 0}.assistant-tool{display:block;color:#a7c9b6;font:10px ui-monospace,monospace;letter-spacing:.09em}.assistant-result>b{display:block;font-size:14px;margin:8px 0}.assistant-result>span:not(.assistant-tool){display:block;font-size:11px;color:#c6d8cc}.assistant-result .assistant-footnote{margin-top:14px;font-size:9px!important;color:#a4bbb0!important}

/* A warm paper chapter; previews occupy the whole reader, without empty lanes. */
.reading-chapter{--ink:#44373b;--muted:#736361;--border:#80674d3d;--outline:#754321;background:radial-gradient(ellipse at 15% 60%,#dbc1a470,transparent 60%),#f0e2cf;color:var(--ink);position:relative;overflow:clip}.reading-chapter h2 em{color:#a35939}.reading-chapter .eyebrow{color:#925c3d}.reading-room{border:1px solid #a1816059;border-radius:16px;background:#e6d4bb;box-shadow:0 20px 45px #5e36151a;overflow:hidden}.reading-top{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 23px;background:#dcc5a6;border-bottom:1px solid #82694f40}.reading-top .story-switch{background:#795c3620}.reading-top .story-switch button[aria-pressed=true]{background:#fcf4e6;color:#4a3530}.reading-top .story-switch button:not([aria-pressed=true]):hover{background:#fff6e455}.reading-top .story-sample{opacity:.8}.reader-toolbar{padding:15px 25px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #86684635}.reader-toolbar b,.reader-toolbar small{display:block}.reader-toolbar b{font-size:15px;font-weight:650}.reader-toolbar small{font-size:11px;color:#796552;margin-top:3px}.reader-layout-choices{display:flex;gap:5px}.reader-layout-choices button{min-height:44px;padding:9px 15px;font-size:12px;border:1px solid #896d4e55;border-radius:6px;background:transparent}.reader-layout-choices button[aria-pressed=true]{background:#74523b;color:#fff3e1;border-color:#74523b}.reader-layout-choices button:hover:not([aria-pressed=true]){background:#f8eddd}.reader-layout-choices button:disabled{opacity:1;cursor:default}.sample-book{display:flex;justify-content:center;align-items:stretch;gap:0;min-height:365px;padding:25px 30px;background:radial-gradient(ellipse at 50% 75%,#bc9b7566,transparent 70%),repeating-linear-gradient(2deg,transparent 0 30px,#8b6a4110 31px 32px);perspective:1500px}.book-leaf{width:268px;max-width:50%;background:#f2e3c1;box-shadow:0 10px 18px #63402144;transform-origin:center left;position:relative}.book-leaf>img{width:100%;height:350px;object-fit:contain;padding:6px;object-position:center}.book-leaf:first-child{transform:rotate(-1.4deg);border-radius:3px 0 0 3px;box-shadow:-3px 2px 0 #ab946d,-6px 5px 0 #d5bd9a,0 14px 25px #63402144}.book-leaf:last-child{transform:rotate(1.4deg);border-radius:0 3px 3px 0;box-shadow:3px 2px 0 #ab946d,6px 5px 0 #d5bd9a,0 14px 25px #63402144}.sample-book[data-layout=spread] .book-leaf:first-child::after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,#634b303b);pointer-events:none}.sample-book[data-layout=page] .book-leaf{max-width:100%;width:285px;transform:none}.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 24px;border-top:1px solid #86684635}.reader-bottom>span{font-size:12px;color:#6d5848}.reading-chapter .story-action:hover{background:#fff5df80}.reader-format{border:1px solid #85674d66;padding:4px 9px;border-radius:5px;font-size:10px;font-weight:750}.sample-player{background:#162d32;display:flex;justify-content:center}.sample-player video{display:block;width:100%;height:399px;object-fit:contain;background:#182b30}.panorama-window{height:355px;position:relative;overflow:hidden;background:#294437}.panorama-window>img{height:100%;width:200%;max-width:none;object-fit:cover;transform:translateX(-25%)}.panorama-label{position:absolute;bottom:25px;left:25px;font-family:Hearth,ui-rounded,sans-serif;font-size:27px;color:#fff3dd;text-shadow:0 2px 16px #102316,0 1px 3px #102316;background:#173122aa;padding:8px 17px;border-radius:8px}.panorama-controls{padding:16px 25px 20px;display:grid;grid-template-columns:160px 1fr;align-items:center;gap:8px 30px}.panorama-controls label{font-size:12px;font-weight:650}.panorama-controls output{margin-left:12px;font-variant-numeric:tabular-nums;color:#83633d}.panorama-controls input{width:100%;min-height:44px;accent-color:#80502d;cursor:ew-resize}.panorama-controls p{font-size:11px;grid-column:1/-1}

/* Each person keeps a bookmark: part of the sharing chapter. */
.personal-progress{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;border-top:1px solid #ddc0a844;margin-top:45px;padding-top:38px}.personal-copy .story-label{color:#d5baa9}.personal-copy h3{font-size:34px;margin-block:14px}.personal-copy h3 em{color:var(--peach);font-style:normal}.personal-copy>p{font-size:14px;max-width:31ch}.personal-demo{min-width:0}.person-picker{display:flex;gap:10px;margin-bottom:17px}.person-picker button{min-height:44px;display:flex;align-items:center;gap:8px;border:1px solid #cba78a44;border-radius:25px;padding:5px 15px 5px 5px;background:transparent;font-size:13px}.person-picker button>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#675063;font-family:Hearth,ui-rounded,sans-serif;font-size:18px}.person-picker button[aria-pressed=true]{background:#dbc6a52b;border-color:#dfc09f}.person-picker button:hover{background:#dbc6a538}.person-picker button:disabled{opacity:1}.person-picker button:last-child>span{background:#526d61}.personal-item{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:center;min-height:126px}.personal-item>img{width:76px;height:116px;object-fit:cover;border-radius:4px;transform:rotate(-5deg);box-shadow:4px 7px 12px #160c2588}.personal-item b{display:block;font-family:Hearth,ui-rounded,sans-serif;font-size:27px;font-weight:500}.personal-item .story-label{font-size:8px;color:#cdbbb6}.personal-item>div>span:not(.story-label){font-size:11px;color:#decdc3;display:block}.personal-meter{height:5px;border-radius:5px;background:#dec8a022;overflow:hidden;margin:10px 0}.personal-meter i{display:block;width:100%;height:100%;background:#eabe81;transform:scaleX(.5625);transform-origin:left;border-radius:5px}.personal-status{font-size:11px;margin-top:15px;color:#c9b8b6}
.browser-location{margin-top:30px;border-top:1px solid var(--border);padding-top:23px}.browser-location>.story-label{font-size:9px;color:#c3b7c1}.browser-location .story-switch{margin:12px 0 15px}.browser-location .story-switch button{font-size:12px}.browser-location-copy b{font-size:14px;color:#eed8bd}.browser-location-copy p{font-size:12px;line-height:1.7;margin-top:7px;max-width:42ch;min-height:4.8em}.browser-location>p.browser-routing-note{font-size:10px;line-height:1.6;margin-top:12px;max-width:48ch;color:#c1adb4}

/* A useful way in; source setup is clearly separate from the client download. */
.setup-chapter{background:linear-gradient(165deg,#263d35,#263539 68%,#283440);position:relative;overflow:clip;border-top:1px solid #aec5a526}.setup-heading>p{color:#c7d4c8}.setup-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #afc5b139;border-bottom:1px solid #afc5b139}.setup-option{position:relative;padding:32px 30px 29px;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}.setup-option:first-child{padding-left:0}.setup-option:last-child{padding-right:0}.setup-option+.setup-option{border-left:1px solid #afc5b139}.setup-number{position:absolute;right:28px;top:26px;font:500 42px Hearth,ui-rounded,sans-serif;color:#b5cbb62e}.setup-option:last-child .setup-number{right:0}.setup-option>img,.setup-platform-pair{height:51px;object-fit:contain;margin-bottom:18px}.setup-platform-pair{display:flex;gap:13px;align-items:center}.setup-option h3{font-size:26px;max-width:15ch}.setup-option>p{font-size:14px;line-height:1.8;margin-top:16px;margin-bottom:21px;color:#c6d1c7;flex:1}.setup-status{display:inline-flex;min-height:25px;align-items:center;padding:4px 9px;border:1px solid #a6c8a655;border-radius:4px;color:#c4d9ad;font-size:9px;letter-spacing:.07em}.setup-preview{color:#f1c398;border-color:#dca67755}.setup-option .text-link{font-size:14px;gap:10px;margin-top:13px;min-height:44px;white-space:normal}.setup-secondary{color:#b8c5c0;font-size:10px;display:block;min-height:32px;padding-top:6px}.setup-option a.setup-secondary{min-height:44px;font-size:12px;display:flex;align-items:center}.setup-option a.setup-secondary:hover{color:var(--peach)}.setup-guide{margin-top:28px;border:1px solid #b0c1b44d;border-radius:12px;background:#172b2b55;scroll-margin-top:110px}.setup-guide summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;min-height:72px;cursor:pointer;list-style:none}.setup-guide summary::-webkit-details-marker{display:none}.setup-guide summary>span:first-child{display:flex;align-items:center;gap:13px;font-family:Hearth,ui-rounded,sans-serif;font-size:22px}.setup-guide summary>span:last-child{font-size:25px;color:var(--peach)}.setup-guide summary:hover{background:#bdc9b608}.guide-summary-note{font-size:11px;color:#bac6bd;margin-left:auto}.setup-guide[open] summary{border-bottom:1px solid #b0c1b433}.setup-guide[open] summary>span:last-child{transform:rotate(45deg)}.guide-content{padding:24px}.guide-intro{font-size:13px;color:#d3d8c9;max-width:80ch}.setup-steps{display:grid;gap:24px;list-style:none;padding:0;margin:28px 0}.setup-steps li{display:grid;grid-template-columns:38px 1fr;gap:18px}.setup-steps li>span{font-family:Hearth,ui-rounded,sans-serif;font-size:24px;color:#e4bd87}.setup-steps h3{font-size:21px}.setup-steps p{font-size:13px;line-height:1.8;margin-top:7px;color:#c1d0c7;max-width:95ch}.setup-steps code{font-size:12px;color:#efe2c9;overflow-wrap:anywhere}.setup-command{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#112721;border:1px solid #b9c3a63d;border-radius:8px;padding:12px 13px 12px 19px;margin-top:13px;max-width:640px}.setup-command code{font-size:13px}.setup-command .story-action{border-color:#b9c3a63d;color:#e3cdab}.copy-status{display:block;font-size:11px;color:#c8d5b6;min-height:20px;margin-top:4px}.guide-bottom{display:flex;align-items:center;gap:30px;justify-content:space-between;border-top:1px solid #b0c1b433;padding-top:20px}.guide-bottom p{font-size:12px;max-width:60ch;color:#c4d0c5}.guide-bottom .button{font-size:13px;background:#233c35;border-color:#8eae8d55;color:#edd1ac;white-space:normal;text-align:center}.guide-bottom .button:hover{background:#385047}.coming-workbench{margin-top:38px;scroll-margin-top:110px}.coming-heading{display:flex;gap:15px;align-items:center}.coming-heading img{width:39px;height:39px;object-fit:contain}.coming-heading .eyebrow{font-size:9px;color:#c8bba9;margin:0 0 6px}.coming-heading h3{font-size:23px}.coming-label{font-size:9px;letter-spacing:.06em;color:#d4c2ae;margin-left:auto;max-width:19ch;text-align:right}.coming-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:23px;padding-top:23px;border-top:1px solid #c5b8b230}.coming-items b{font-size:14px;color:#e9d8c6}.coming-items p{font-size:12px;margin-top:8px;color:#b8c4bf;line-height:1.8}

@media(min-width:1550px){.sample-book{min-height:420px}.book-leaf{width:300px}.book-leaf>img{height:390px}.sample-player video{height:449px}.panorama-window{height:405px}}
@media(max-width:1100px){.belong-layout{grid-template-columns:.85fr 1.15fr;gap:28px}.folder-scene{padding:20px}.folder-transfer{grid-template-columns:1fr 26px 1fr;gap:0}.folder-shelf figure{grid-template-columns:54px 1fr;gap:6px}.folder-shelf img{width:54px}.folder-shelf figcaption{font-size:13px}.folder-tab{font-size:10px;padding-inline:8px}.folder-files{padding-inline:8px}.folder-files>[data-file-row]{font-size:9px}.folder-files small{display:none}.story-sample{font-size:8px}.workshop-layout{gap:30px;grid-template-columns:.7fr 1.3fr}.workshop-note{gap:13px}.workshop-note h3{font-size:22px}.workbench-title .story-sample{max-width:10ch;white-space:normal;text-align:center;font-size:7px}.reading-top>.story-label{font-size:9px;max-width:12ch}.setup-option{padding-inline:22px}.setup-option h3{font-size:23px}.setup-option .text-link{font-size:12px}.setup-number{font-size:35px}}
@media(max-width:800px){.belong-layout{grid-template-columns:1fr}.belong-copy>p:not(.eyebrow){max-width:60ch}.belong-promises{display:flex;flex-wrap:wrap;gap:15px 22px}.belong-promises>span{font-size:12px}.folder-scene{max-width:680px;width:100%}.folder-transfer{grid-template-columns:1fr 45px 1fr}.folder-shelf figure{grid-template-columns:85px 1fr;gap:14px}.folder-shelf img{width:85px;height:67px}.folder-shelf figcaption{font-size:18px}.folder-files>[data-file-row]{font-size:13px;min-height:50px}.folder-tab{font-size:14px;padding:10px 14px}.folder-files{padding-inline:15px}.folder-originals{font-size:12px}.workshop-heading,.reading-heading,.setup-heading{display:block;margin-bottom:30px}.workshop-heading>p,.reading-heading>p,.setup-heading>p{max-width:60ch;font-size:15px;margin-top:20px}.workshop-layout{grid-template-columns:1fr;gap:32px}.workshop-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workshop-note{display:block}.workshop-note img{margin-bottom:11px;width:44px;height:44px}.workshop-note h3{font-size:20px}.workshop-note p{font-size:12px}.workshop-fine{grid-column:1/-1;max-width:none;padding-top:15px}.workbench-panel{min-height:325px}.workbench-title .story-sample{max-width:none;white-space:nowrap;font-size:9px}.reading-top{gap:12px;padding:15px}.reading-top>.story-label{display:none}.personal-progress{gap:28px;grid-template-columns:.8fr 1.2fr}.personal-copy h3{font-size:29px}.personal-item{gap:17px}.personal-item>img{width:64px;height:100px}.personal-item{grid-template-columns:64px 1fr}.setup-options{grid-template-columns:1fr}.setup-option,.setup-option:first-child,.setup-option:last-child{padding:26px 78px 26px 70px;display:grid;grid-template-columns:1fr;gap:0}.setup-option+.setup-option{border-left:0;border-top:1px solid #afc5b139}.setup-option>img,.setup-platform-pair{position:absolute;left:0;top:29px;width:44px;height:44px}.setup-platform-pair{height:auto;flex-direction:column;gap:9px}.setup-platform-pair img{width:29px;height:29px}.setup-option h3{max-width:none;font-size:25px}.setup-option>p{font-size:13px;margin-top:10px;margin-bottom:12px;max-width:60ch}.setup-status{width:fit-content}.setup-option .text-link{font-size:14px;margin-top:9px;width:fit-content}.setup-secondary{padding-top:0;min-height:0}.setup-number,.setup-option:last-child .setup-number{right:5px;top:27px}.guide-summary-note{display:none}.guide-bottom{align-items:flex-start;flex-direction:column;gap:18px}.coming-items{gap:22px}.coming-items b{font-size:13px}.coming-items p{font-size:11px}.coming-label{font-size:8px}}
@media(max-width:520px){.belong-chapter,.workshop-chapter,.reading-chapter,.setup-chapter{padding-block:54px}.belong-promises{display:grid;gap:9px;margin-top:18px}.belong-promises img{width:29px;height:29px}.folder-scene{padding:17px;border-radius:12px}.story-topline{margin-bottom:15px;gap:8px}.story-topline .story-label{font-size:8px;max-width:19ch}.story-topline .story-sample{font-size:7px;padding:3px 5px}.folder-scene .story-switch{margin-bottom:20px}.story-switch button{padding-inline:11px;font-size:12px}.folder-transfer{grid-template-columns:1fr 20px 1fr;min-height:192px;gap:0}.folder-tab{font-size:10px;padding:8px 7px;gap:5px;width:95%}.folder-tab img{width:22px;height:22px}.folder-files{padding:5px 7px}.folder-files>[data-file-row]{font-size:9px;min-height:40px}.folder-originals{font-size:8px;padding-block:10px 5px}.folder-bridge{font-size:19px}.folder-shelf{gap:7px}.folder-shelf figure{display:block;position:relative;border-radius:5px}.folder-shelf img{width:100%;height:54px;object-position:center}.folder-shelf figcaption{position:absolute;inset:auto 0 0;padding:14px 6px 4px;background:linear-gradient(transparent,#0d281af2);font-size:12px;color:#fff4e4;line-height:1.15}.folder-scanline{margin-top:18px}.folder-bottom{gap:10px;align-items:center;margin-top:13px}.folder-bottom>span{font-size:8px;max-width:16ch}.folder-bottom .button{font-size:11px;gap:10px;min-height:44px;padding:8px 11px}#folder-status{font-size:10px;min-height:40px}.workshop-notes{gap:12px}.workshop-note img{width:36px;height:36px}.workshop-note h3{font-size:17px;line-height:1.2}.workshop-note p{font-size:10px;margin-top:8px}.workshop-fine{font-size:10px}.workbench-title{padding:13px;gap:8px}.workbench-title b{font-size:17px}.workbench-title small{font-size:9px}.workbench-title .story-sample{font-size:6px;white-space:normal;max-width:10ch;text-align:center}.game-workbench>.story-switch{margin:12px 11px 0;width:calc(100% - 22px);gap:2px}.game-workbench>.story-switch button{font-size:10px;padding-inline:6px}.workbench-panel{padding:17px;min-height:335px}.save-character{gap:12px}.save-seal{width:60px;height:60px}.save-seal img{width:45px;height:45px}.save-character h3{font-size:20px}.save-character .story-label{font-size:7px}.save-character p{font-size:10px}.save-stats b{font-size:31px}.save-slot{gap:9px;flex-wrap:wrap}.save-slot>img{width:30px;height:30px}.save-slot b{font-size:12px}.save-slot small{font-size:9px}.save-slot .story-action{font-size:10px;padding-inline:9px}.workbench-status{font-size:10px}.version-path{display:block}.version-path code{display:block;margin-top:5px;font-size:11px}.version-path>span{max-width:none}.assistant-panel h3{font-size:21px}.assistant-panel>p{font-size:11px}.assistant-caption .story-label{font-size:8px}.assistant-prompts{gap:6px}.assistant-prompts button{font-size:10px;padding-inline:9px}.assistant-result>b{font-size:13px}.reading-room{border-radius:12px}.reading-top{padding:11px;gap:7px}.reading-top>.story-sample{display:none}.reading-top .story-switch{width:100%;justify-content:space-between}.reading-top .story-switch button{flex:1;font-size:12px}.reader-toolbar{padding:13px;gap:10px;flex-wrap:wrap;min-height:100px}.reader-toolbar b{font-size:14px}.reader-toolbar small{font-size:9px}.reader-layout-choices{margin-left:auto}.reader-layout-choices button{font-size:10px;padding:7px 11px;min-height:44px}.sample-book{min-height:280px;padding:22px 15px;align-items:center}.book-leaf>img{height:231px;padding:4px}.sample-book[data-layout=page] .book-leaf{width:178px}.sample-book[data-layout=spread] .book-leaf{transform:none}.reader-bottom{padding:12px;gap:8px;flex-wrap:wrap}.reader-bottom .story-action{padding:8px;font-size:10px;gap:8px}.reader-bottom>span{font-size:9px}.sample-player video{height:280px}.panorama-window{height:280px}.panorama-label{font-size:21px;left:14px;right:14px;bottom:16px;text-align:center;padding:8px}.panorama-controls{display:block;padding:12px 15px}.panorama-controls label{display:flex;justify-content:space-between}.panorama-controls p{font-size:10px}.personal-progress{grid-template-columns:1fr;gap:23px;padding-top:28px;margin-top:32px}.personal-copy h3{font-size:30px;margin-block:11px}.personal-copy>p{font-size:13px;max-width:45ch}.personal-copy .story-label{font-size:8px}.personal-item{grid-template-columns:64px 1fr}.personal-item b{font-size:26px}.personal-meter{margin-block:9px}.personal-status{font-size:10px}.browser-location{margin-top:24px}.browser-location .story-switch{gap:2px}.browser-location .story-switch button{font-size:11px;padding-inline:10px}.browser-location-copy p{min-height:0}.setup-option,.setup-option:first-child,.setup-option:last-child{padding-right:28px;padding-left:55px}.setup-option>img{width:36px;height:36px}.setup-platform-pair{width:36px}.setup-number,.setup-option:last-child .setup-number{font-size:25px;right:0}.setup-option h3{font-size:23px;max-width:18ch}.setup-option .text-link{font-size:12px}.setup-option>p{font-size:12px}.setup-guide summary{padding:15px;gap:10px}.setup-guide summary>span:first-child{font-size:19px;gap:10px}.setup-guide summary img{width:27px;height:27px}.guide-content{padding:17px}.guide-intro{font-size:12px}.setup-steps li{grid-template-columns:26px 1fr;gap:10px}.setup-steps h3{font-size:20px}.setup-steps p{font-size:12px}.setup-command{padding:10px;gap:10px;flex-wrap:wrap}.setup-command code{font-size:11px}.setup-command .story-action{min-height:44px;font-size:11px}.guide-bottom .button{font-size:12px}.coming-heading{flex-wrap:wrap;gap:12px}.coming-heading h3{font-size:22px;max-width:20ch}.coming-label{max-width:none;text-align:left;margin-left:51px;margin-top:-3px}.coming-items{grid-template-columns:1fr;gap:15px;margin-top:18px;padding-top:18px}.coming-items>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px;align-items:baseline}.coming-items p{margin:0;font-size:11px}.coming-items b{font-size:12px}}
/* The browser chapter uses parchment rather than the neighbouring dark scenes. */
.browser-location{border-color:#80614940}.browser-location>.story-label{color:#735540}.browser-location-copy b{color:#51392e}.browser-location-copy p{color:#6a5041}.browser-location>p.browser-routing-note{color:#756052}.browser-location .story-switch{border-color:#8b6a4540}
@media(min-width:801px){.book-leaf{width:360px}.book-leaf>img{height:470px}.sample-book{min-height:520px}.sample-book[data-layout=page] .book-leaf{width:360px}.sample-player video{height:520px}.panorama-window{height:475px}}
@media(prefers-reduced-motion:reduce){.story-switch button,.story-action,.version-choices button{transition:none}.folder-stack,.folder-shelf figure,.book-leaf,.personal-item>img{transform:none!important}}
.hooker-wordmark{gap:15px;margin-bottom:23px}.hooker-wordmark>img{width:64px;height:64px;flex:none;filter:drop-shadow(0 6px 10px #f0985033)}.hooker-wordmark>span{font:500 29px/1.1 Hearth;letter-spacing:.04em}.hooker-wordmark small{display:block;font:600 9px/1.6 system-ui,sans-serif;letter-spacing:.17em;margin-top:6px;color:#d4bfbc}.hooker-engines{display:flex;flex-wrap:wrap;gap:8px 15px;border-top:1px solid var(--border);padding-top:18px}.hooker-engines>span{font-size:11px;color:#eed0bd}.hooker-engines+.workshop-fine{border-top:0;padding-top:0}.mcp-choices [data-mcp-example="saves"]{display:inline-flex;align-items:center;gap:6px}.mcp-choices [data-mcp-example="saves"]>img{width:22px;height:22px}
@media(max-width:700px){.hooker-wordmark>img{width:52px;height:52px}.hooker-wordmark>span{font-size:25px}.hooker-wordmark small{font-size:8px}.hooker-engines{gap:7px 13px}.hooker-engines>span{font-size:10px}.mcp-choices [data-mcp-example="saves"]{gap:3px}}
