/* A quiet stage for the work; native page scrolling throughout. */
.work-gallery{padding:100px var(--pad) 90px;background:#ede6d8;overflow:hidden}
.gallery-heading,.gallery-stage,.gallery-caption,.gallery-dots{max-width:1120px;margin-left:auto;margin-right:auto}
.gallery-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:44px}
.gallery-heading h2{font:500 clamp(42px,5.3vw,76px)/1.05 'Clash Display',sans-serif;letter-spacing:-.04em}
.gallery-heading h2 em{font-style:normal;color:#a64028}
.gallery-heading p{font-size:19px;line-height:1.55;margin-top:22px;max-width:38ch}
.gallery-heading .gallery-note{font-size:14px;color:#635e52;max-width:31ch}
.gallery-stage{position:relative;perspective:1400px}
.gallery-window{overflow:hidden;padding:24px 0 40px;touch-action:pan-y}
.gallery-track{display:flex;align-items:center;gap:32px;will-change:transform}
.gallery-plane{flex:0 0 84%;min-width:0;transform:rotateY(-7deg) scale(.94);transform-origin:center;opacity:.65;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s;position:relative;border:1px solid #b8b1a2;background:#faf7ef;box-shadow:0 25px 38px #493b2426;border-radius:7px;overflow:hidden}
.gallery-plane.is-current{transform:rotateY(0) scale(1);opacity:1}
.preview-chrome{display:flex;align-items:center;justify-content:space-between;background:#f8f5ef;padding:12px 18px;border-bottom:1px solid #ccc5b8;font-size:13px;gap:15px}.preview-chrome i{display:flex;gap:5px}.preview-chrome i:before,.preview-chrome i:after{content:'';width:7px;height:7px;background:#c4bba8;border-radius:50%}
.preview-surface{height:410px;position:relative;overflow:hidden;pointer-events:none;background:#eee8da}
.preview-surface iframe{border:0;width:1280px;height:820px;transform-origin:0 0;position:absolute;left:0;top:0;pointer-events:none}
.gallery-arrow{position:absolute;z-index:3;top:calc(50% - 30px);width:54px;height:54px;border-radius:50%;border:1px solid #7e796b;background:#faf8f0;box-shadow:0 8px 15px #32281124;font-size:25px;cursor:pointer}.gallery-arrow.prev{left:-23px}.gallery-arrow.next{right:-23px}.gallery-arrow:hover{background:#dcb880}
.gallery-caption{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #b5ab98;padding-top:30px;min-height:185px}
#gallery-count{font-size:14px;color:#686152;margin:0 0 14px}#gallery-question{font:500 clamp(28px,3vw,42px)/1.14 'Clash Display',sans-serif;letter-spacing:-.025em;max-width:22ch}
#gallery-description{font-size:19px;line-height:1.55;max-width:42ch}#gallery-link{display:inline-block;margin-top:18px;font-size:18px}
.gallery-dots{display:flex;gap:9px;margin-top:28px}.gallery-dots button{height:12px;width:28px;background:#c3baa8;border:0;border-radius:3px;cursor:pointer}.gallery-dots button[aria-pressed=true]{background:#9d3c27;width:54px}
.collection-small{font-size:16px!important;margin-top:20px;color:#59634f}
.book-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:60px;align-items:start}
.book-pick{display:block;text-decoration:none;color:inherit;perspective:1100px;position:relative}
.physical-book{display:block;position:relative;width:100%;aspect-ratio:.73;max-width:245px;margin:0 auto 32px;transform:rotate(-3deg);transition:transform .5s cubic-bezier(.2,.9,.2,1);transform-style:preserve-3d}
.book-pick:nth-child(even) .physical-book{transform:rotate(3deg)}
.page-edges{position:absolute;inset:6px -6px -5px 5px;background:repeating-linear-gradient(0deg,#ede8da 0 2px,#c9c4b6 2px 3px);border:1px solid #b4b19f;box-shadow:10px 15px 20px #26392324;border-radius:2px 7px 6px 2px}
.physical-cover{position:absolute;inset:0;background:var(--book-color);border-radius:2px 6px 5px 2px;padding:22px 20px 24px 25px;display:flex;flex-direction:column;transform-origin:left center;transition:transform .65s cubic-bezier(.2,.8,.2,1);box-shadow:inset 9px 0 10px #19251920,inset 11px 0 1px #ffffff20;backface-visibility:hidden}
.physical-cover strong{font:500 clamp(24px,2.5vw,36px)/1.03 'Clash Display',sans-serif;letter-spacing:-.035em;margin-top:29px}
.book-number{font-size:11px}.cover-foot{font-size:11px;display:flex;justify-content:space-between;margin-top:auto}.cover-foot b{font-size:20px}.cover-pixels{font-size:22px;line-height:.55;letter-spacing:3px;margin:24px 0;color:#f4edda}
.book-pick:nth-child(1),.book-pick:nth-child(4){color:#fbf6e9}.book-deck{display:block;color:#394b37;font-size:16px;line-height:1.6;max-width:28ch}
.book-pick:hover .physical-book,.book-pick:focus-visible .physical-book{transform:translateY(-10px) rotate(0)}
.book-pick[aria-expanded=true] .physical-cover{transform:rotateY(-32deg)}.book-pick[aria-expanded=true] .physical-book{transform:translateY(-10px) rotate(0)}
.open-book{display:grid;grid-template-columns:1fr 1fr;margin-top:52px;background:#faf6e9;box-shadow:0 22px 36px #34442626;border:1px solid #c2c0ab;border-radius:3px 10px 10px 3px;position:relative;transform-origin:top center}
.open-book[hidden]{display:none}.book-spread-left,.book-spread-right{padding:42px;min-width:0}.book-spread-left{background:linear-gradient(90deg,#faf6e9 92%,#dcd7c6 100%);border-right:1px solid #bbb69f}.book-spread-right{position:relative;background:linear-gradient(90deg,#e6e1d1,#faf6e9 8%)}
#open-book-strap{font-size:14px;color:#687257}#open-book-title{font:500 43px/1.06 'Clash Display',sans-serif;letter-spacing:-.03em;margin:24px 0}#open-book-deck{font-size:22px;line-height:1.5}.open-book h4{font-size:20px;margin:25px 0 12px}.open-book p{font-size:17px;line-height:1.6}.book-actions{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0 10px;align-items:center}.book-actions button{border:0;background:#2b4637;color:#fbf7e9;font-size:16px;padding:14px 18px;cursor:pointer}.book-actions a,#read-book{font-size:16px;text-decoration:underline;text-underline-offset:5px}.close-book{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px;cursor:pointer;width:40px;height:40px}.open-book details{border-block:1px solid #c7c3af;padding:16px 0;margin:20px 0}.open-book summary{cursor:pointer;font-size:17px}.open-book pre{font-family:inherit;white-space:pre-wrap;line-height:1.65;font-size:15px;max-height:420px;overflow:auto;padding:15px 10px 10px 0}.open-book #book-copy-status{min-height:26px;font-size:14px;color:#42603e}
.career-origins article>span{font-size:18px;color:#475941}.career-origins h3{font-size:38px}.career-origins article:last-child{position:relative;padding-right:85px}.career-origins .career-object{position:absolute;right:-12px;top:30px;width:105px;height:105px}
.founder{grid-template-columns:.58fr 1.42fr}.founder-art{transform:scale(.8);transform-origin:center;min-height:290px}.founder-story{padding-block:20px}.career-ledger article{padding-left:128px}.career-ledger .career-object{position:absolute;left:0;top:45px;width:105px;height:105px}.career-row{grid-template-columns:110px 1fr 215px;gap:24px}.career-detail{padding-left:134px;padding-right:235px}.career-company{font-size:32px}.engagements article{position:relative;padding-right:105px}.engagements .career-object{position:absolute;right:0;top:30px;width:90px;height:90px}
.console-story{inset:0 0 58px;padding:22px 24px 15px}.console-story h2{font-size:clamp(23px,5.9cqw,31px)}.story-controls{display:flex;gap:15px;align-items:center;margin-top:auto}#advance-story{flex:1;margin-top:0}#pause-story{border:1px solid #809074;border-radius:3px;background:none;font-size:13px;padding:8px;cursor:pointer}.console-story small{font-size:11px}.screen.made:after{content:'Question → evidence → decision';position:absolute;right:15px;bottom:20px;font-size:12px;color:#3a503a}
@media(max-width:1100px){.book-shelf{gap:24px}.physical-cover{padding:18px}.physical-cover strong{font-size:28px}.book-number{font-size:9px}.career-row{grid-template-columns:1fr 200px}.career-date{grid-column:1/-1}.career-detail{padding-left:0;padding-right:200px}.gallery-caption{gap:5%}.book-spread-left,.book-spread-right{padding:30px}.preview-surface{height:340px}}
@media(max-width:700px){.work-gallery{padding:65px var(--pad)}.gallery-heading{display:block;margin-bottom:18px}.gallery-heading h2{font-size:43px}.gallery-heading p{font-size:17px}.gallery-heading .gallery-note{font-size:13px;max-width:none}.gallery-plane{flex-basis:95%;transform:none}.gallery-track{gap:18px}.gallery-arrow{width:42px;height:42px;font-size:22px}.gallery-arrow.prev{left:-16px}.gallery-arrow.next{right:-16px}.preview-chrome{font-size:10px;padding:10px}.preview-surface{height:200px}.gallery-caption{grid-template-columns:1fr;gap:20px;min-height:260px}.gallery-caption h3{font-size:30px}#gallery-description{font-size:17px}.book-shelf{grid-template-columns:1fr 1fr;gap:34px 24px;margin-top:38px}.physical-book{max-width:195px}.physical-cover{padding:17px 14px 16px 19px}.physical-cover strong{font-size:27px;margin-top:22px}.cover-foot{font-size:9px}.cover-pixels{font-size:18px;margin:20px 0}.book-deck{font-size:15px}.book-number{font-size:9px}.open-book{grid-template-columns:1fr;margin-top:35px}.book-spread-left{border:0;border-bottom:1px solid #c6bea7;background:#faf6e9}.book-spread-right{background:#f4efdf}.book-spread-left,.book-spread-right{padding:28px}.close-book{top:6px;right:8px}#open-book-title{font-size:36px}.open-book p{font-size:16px}#open-book-deck{font-size:20px}.career-origins h3{font-size:32px}.career-origins article:last-child{padding-right:65px}.career-origins .career-object{width:80px;height:80px;top:45px}.founder{grid-template-columns:1fr;gap:0}.founder-art{min-height:240px;max-height:270px;transform:scale(.72);margin-block:-10px}.career-ledger article{padding-left:0;padding-right:0}.career-ledger .career-object{position:static;float:right;width:78px;height:78px;margin-left:12px}.career-row{display:block}.career-date{display:block;margin-bottom:15px}.career-result{display:block;margin-top:18px}.career-detail{padding-right:0}.career-company{font-size:31px}.engagements article{padding-right:65px}.engagements .career-object{width:65px;height:65px;top:35px}.console-story{padding:21px 17px 15px}.screen.made:after{font-size:10px;right:10px}.book-shelf .physical-book{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){.gallery-plane,.physical-book,.physical-cover{transition:none!important;transform:none!important}.gallery-track{will-change:auto}}
@media(max-width:700px){.physical-book{aspect-ratio:.64}.physical-cover strong{font-size:26px;margin-top:18px}.cover-pixels{margin:16px 0}.cover-foot{line-height:1.3}}
/* The collection is a working surface, not a strip of screenshots. */
.playground{padding:80px var(--pad) 65px;background:#eee7d9;position:relative;overflow:clip}
.playground-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1120px;margin:0 auto 42px}
.playground-heading h2{font:500 clamp(34px,3.4vw,52px)/1.08 'Clash Display',sans-serif;letter-spacing:-.035em;margin:0}.playground-heading em{font-style:normal;color:#a64028}.playground-heading p{font-size:17px;line-height:1.5;margin:18px 0 0}
.desk-signature{font:600 65px/.9 'Clash Display',sans-serif;transform:rotate(7deg);color:#a64028;padding-right:20px}.desk-signature i{display:block;font:italic 15px/1.4 Georgia,serif;color:#78674f;margin-top:12px}
.project-desktop{max-width:1120px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:46px;align-items:center}.desktop-caption h3{font:500 30px/1.15 'Clash Display',sans-serif;margin:18px 0}.desktop-caption>p{font-size:16px;line-height:1.6}.desktop-caption>a{font-size:14px;color:inherit;text-underline-offset:5px;display:inline-block;margin:16px 0}.desktop-caption .project-disclosure{font-size:12px;color:#756d5f;margin-top:22px;max-width:25ch}.project-position{display:flex;align-items:baseline;gap:8px;font:14px monospace;color:#847461}#project-number{font-size:34px;color:#b05a3b}
.window-home{position:relative;isolation:isolate;min-width:0}.window-shadow{position:absolute;inset:8px -9px -9px 6px;background:#cfb685;border:1px solid #bba77e;transform:rotate(2deg);border-radius:12px;z-index:-1}.window-shadow:after{content:'';position:absolute;inset:0;background:#779381;border:1px solid #667f6c;transform:rotate(-4deg);border-radius:12px;z-index:-1}
.live-window{height:444px;border:1px solid #9f9b8b;background:#faf7ed;border-radius:10px;box-shadow:0 18px 44px #3f34202c;overflow:hidden;transform-origin:top left;position:relative;display:flex;flex-direction:column}
.live-toolbar{display:flex;align-items:center;gap:15px;height:42px;padding:0 13px;background:#f7f3e9;flex-shrink:0;border-bottom:1px solid #d4cebf}.window-lights{display:flex;gap:5px}.window-lights i{width:7px;height:7px;border-radius:50%;background:#be624c}.window-lights i:nth-child(2){background:#d4ae54}.window-lights i:nth-child(3){background:#759982}#live-title{font-size:12px;flex:1;color:#5d6157}.live-toolbar button{font-size:24px;line-height:1;background:transparent;border:0;width:34px;height:34px;cursor:pointer;color:#3d5143}.live-toolbar button[hidden]{display:none}
.live-viewport{flex:1;position:relative;min-height:0;background:#fcf8ee}.live-viewport iframe{width:100%;height:100%;border:0;position:absolute;inset:0;display:block;background:#fff}.live-viewport iframe[hidden]{display:none}.window-bottom{height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;font-size:11px;color:#5b6157;flex-shrink:0;border-top:1px solid #d4cebf}.window-bottom a{color:inherit;text-underline-offset:3px}.frame-status{position:absolute;inset:0;display:grid;place-content:center;margin:0;font-size:15px}.frame-status[hidden]{display:none}
.window-shutter{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}.window-shutter[hidden]{display:none}.window-shutter i{background:#eee7d9;transform-origin:bottom}
.project-dock{display:flex;justify-content:center;gap:12px;max-width:900px;margin:35px auto 0;padding:18px 20px 10px;background:#dcd4c488;border:1px solid #c6beac;border-radius:18px;box-shadow:inset 0 2px 0 #ffffff90,0 7px 12px #5743280d}.dock-project{width:86px;flex:0 0 86px;padding:0 0 6px;background:none;border:0;cursor:pointer;color:#60594c;position:relative}.dock-icon{display:block;background:linear-gradient(145deg,#fffaf0,#e0d6bf);border:1px solid #bcb09a;border-radius:12px;width:64px;height:64px;margin:0 auto 9px;box-shadow:0 4px 0 #b5a68c,0 7px 10px #51463222}.dock-icon svg{width:100%;height:100%}.dock-label{font-size:12px;white-space:nowrap}.dock-project[aria-pressed=true] .dock-label{color:#8f4129;font-weight:700}.dock-project[aria-pressed=true]:after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#a64028;position:absolute;bottom:-5px;left:calc(50% - 2px)}.dock-project:focus-visible{outline:2px solid #a64028;outline-offset:6px;border-radius:6px}.desk-hint{font-size:13px;text-align:center;color:#766c5b;margin-top:21px}
#project-viewer{padding:0;width:min(1320px,94vw);max-width:94vw;height:88dvh;max-height:92dvh;border:0;border-radius:10px;background:transparent;overflow:visible}#project-viewer::backdrop{background:#16261dc9;backdrop-filter:blur(8px)}#project-viewer .live-window{height:100%;width:100%}#project-viewer .live-toolbar{height:48px}#project-viewer #live-title{font-size:15px}
@media(max-width:850px){.project-desktop{grid-template-columns:200px minmax(0,1fr);gap:25px}.project-dock{gap:2px;padding:16px 8px 10px}.dock-project{width:75px;flex-basis:75px}.dock-icon{width:55px;height:55px}}
@media(max-width:600px){.playground{padding:54px var(--pad)}.playground-heading{margin-bottom:28px}.playground-heading p{font-size:15px}.desk-signature{display:none}.project-desktop{display:flex;flex-direction:column;gap:16px;align-items:stretch}.desktop-caption{position:relative;padding-left:48px}.project-position{position:absolute;left:0;top:0;display:block}.project-position span{display:block;font-size:10px}#project-number{font-size:25px}.desktop-caption h3{font-size:24px;margin:0 0 8px}.desktop-caption>p{font-size:14px;margin:0}.desktop-caption>a{display:none}.desktop-caption .project-disclosure{font-size:11px;max-width:none;margin:7px 0}.live-window{height:370px}.project-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 2px;margin-top:24px;padding:18px 8px}.dock-project{width:100%;min-width:0}.dock-icon{width:49px;height:49px}.dock-label{font-size:11px}.window-bottom{font-size:10px;padding:0 9px}#project-viewer{width:96vw;max-width:96vw;height:91dvh}}
/* Education is a chapter, and the first business follows it. */
.career-origins.separated-origins{display:block;border:0;padding:0;margin-bottom:55px}.separated-origins .education-chapter{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:40px 0 50px;border-block:1px solid var(--line)}.education-copy>span{font-size:17px;color:#53614c}.education-copy h3{font-size:42px}.primate-scene{padding:0;border:0;background:transparent;text-align:left;width:100%;cursor:grab;position:relative}.primate-scene:active{cursor:grabbing}.primate-scene svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 20px #35583918)}.primate-scene>span{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:14px;color:#56614c}.primate-scene b{font-weight:500;text-decoration:underline;text-underline-offset:4px}.primate-scene:focus-visible{outline:2px solid #ad5735;outline-offset:10px;border-radius:8px}.hanging-monkey{will-change:transform}
.career-origins.separated-origins .lodge-chapter{position:relative;margin-top:38px;padding:18px 150px 30px 0;border-bottom:1px solid var(--line)}.separated-origins .lodge-chapter h3{margin:12px 0}.separated-origins .lodge-chapter p{max-width:68ch}.separated-origins .lodge-chapter .career-object{width:125px;height:125px;right:8px;top:25px}
/* Light catches the actual objects. Copy stays still. */
.window-home:before{content:'';position:absolute;inset:-22px;background:radial-gradient(ellipse at 15% 70%,#d9aa4970,transparent 65%),radial-gradient(ellipse at 95% 20%,#8fc5a469,transparent 65%);filter:blur(22px);z-index:-2;opacity:.75;animation:desk-light 6s ease-in-out infinite alternate}.live-window{border-color:#ece1c1;box-shadow:0 0 0 1px #9e967b,0 0 20px #fbe6a46b,0 25px 55px #303a3033}.window-shadow{box-shadow:0 0 18px #d6af5a33}.dock-icon{box-shadow:inset 0 1px 1px #fff,0 4px 0 #b5a68c,0 8px 13px #51463233}.dock-project[aria-pressed=true] .dock-icon{border-color:#c28b39;box-shadow:inset 0 1px 2px #fff,0 4px 0 #b78648,0 0 23px #dfb75378}.dock-project:hover .dock-icon{box-shadow:inset 0 1px 2px #fff,0 4px 0 #b78648,0 0 25px #e4bd6a99}
.physical-book{position:relative;isolation:isolate}.physical-book:after{content:'';position:absolute;inset:-5px;background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,20%),#ffda7d8c,transparent 67%);filter:blur(13px);z-index:-1;opacity:0;transition:opacity .3s}.book-pick:hover .physical-book:after,.book-pick:focus-visible .physical-book:after,.book-pick[aria-expanded=true] .physical-book:after{opacity:1}.physical-cover:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x,30%) var(--light-y,20%),#fff9cb40,transparent 65%);box-shadow:inset 1px 1px 0 #fff8,inset -1px -1px 0 #291c2540;opacity:.65}.book-pick[aria-expanded=true] .physical-cover:after{opacity:1}.question-notes{box-shadow:0 18px 42px #091c1730,0 0 0 1px #f4e7ac40}.dayglow-sun{filter:drop-shadow(0 0 12px #ffda7780)}
@keyframes desk-light{from{opacity:.48;transform:scale(.97)}to{opacity:.95;transform:scale(1.025)}}
@media(max-width:700px){.separated-origins .education-chapter{grid-template-columns:1fr;gap:30px;padding:26px 0 36px}.education-copy h3{font-size:34px}.primate-scene{max-width:440px;margin:auto}.primate-scene>span{font-size:12px}.career-origins.separated-origins .lodge-chapter{padding:20px 65px 30px 0;margin-top:24px}.separated-origins .lodge-chapter .career-object{width:75px;height:75px;right:-12px;top:30px}}
@media(prefers-reduced-motion:reduce){.window-home:before{animation:none}.physical-book:after{transition:none}}
.book-shelf.light-sweep .physical-cover:after{animation:cover-light 1.6s ease-out both}.book-shelf.light-sweep .book-pick:nth-child(2) .physical-cover:after{animation-delay:.12s}.book-shelf.light-sweep .book-pick:nth-child(3) .physical-cover:after{animation-delay:.24s}.book-shelf.light-sweep .book-pick:nth-child(4) .physical-cover:after{animation-delay:.36s}@keyframes cover-light{0%{opacity:0}35%{opacity:1;box-shadow:inset 3px 0 0 #fff3aa,0 0 22px #ffdb7766}100%{opacity:.65;box-shadow:inset 1px 1px 0 #fff8,inset -1px -1px 0 #291c2540}}@media(prefers-reduced-motion:reduce){.book-shelf.light-sweep .physical-cover:after{animation:none}}
.career-origins.separated-origins .lodge-chapter{border-top:0}
/* One compact investigation, with the character still beside the terminal. */
.screen canvas{object-fit:fill}.console-story{inset:0 0 100px;padding:17px 20px 10px;gap:0;background:#e1e9d3}.screen.made:after{content:none}.console-progress{font-size:10px;margin-bottom:11px;display:flex;justify-content:space-between;gap:9px}.console-story h2{font-size:clamp(22px,5.8cqw,30px);line-height:1.1;text-wrap:pretty;letter-spacing:-.025em}
#story-evidence{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:0;background:none;margin:13px 0 10px;position:relative}#story-evidence span{position:relative;border:1px solid #afbda3;border-radius:3px;background:#d5dfc8;padding:6px 8px 6px 19px;font-size:11px;line-height:1.35;transition:background .4s,border-color .4s,box-shadow .4s}#story-evidence span:before{content:'';position:absolute;left:7px;top:11px;width:5px;height:5px;background:#a2ae94;border-radius:50%}#story-evidence span.connected{background:#f4f3df;border-color:#5b8c68;box-shadow:0 0 8px #74965a29}#story-evidence span.connected:before{background:#55875f;box-shadow:0 0 5px #7eac53}
.terminal-answer{border-left:3px solid #598267;padding:8px 10px;background:#f1f3e6;flex:1;min-height:0}#answer-label{font:600 10px/1.3 monospace;letter-spacing:.02em;color:#416747;display:block;margin-bottom:6px}.console-story .terminal-answer p{font-size:clamp(13px,3.1cqw,15px);line-height:1.45;margin:0}.story-controls{margin-top:9px;gap:9px;flex-wrap:nowrap}#advance-story{flex:0 0 auto;font-size:12px;padding:6px 9px;background:#2d4935;border:0;border-radius:3px;color:#f8f4e5}#pause-story{font-size:11px;padding:5px 6px}.story-controls small{margin:0 0 0 auto;font-size:9px;text-align:right;line-height:1.3;max-width:70px}
.live-toolbar{gap:10px;height:49px}.window-nav{display:flex;gap:5px;align-items:center}.window-nav button{border:1px solid #b6b9a8;background:#eeeddf;border-radius:5px;width:32px;height:31px;font-size:20px;box-shadow:0 2px 0 #c7c5b7}.window-nav button:hover{background:#e3c17f}.window-nav button:active{transform:translateY(2px);box-shadow:none}#window-position{font:10px monospace;white-space:nowrap;color:#52634e;min-width:45px;text-align:center}.object-worker{shape-rendering:crispEdges}
@media(min-width:901px) and (max-width:1150px){.play-object{width:40vw}.screen{height:470px}.console-story{padding-inline:15px}.console-story h2{font-size:25px}}
@media(max-width:700px){.console-story{inset:0 0 110px;padding:17px 15px 8px}.console-story h2{font-size:25px}.console-progress{font-size:10px;margin-bottom:11px}.console-story .terminal-answer p{font-size:14px}#story-evidence span{font-size:11px;padding-block:7px}.live-toolbar{padding-inline:8px;gap:7px}.window-lights{display:none}#live-title{font-size:11px}.window-nav{gap:3px}.live-toolbar>button{width:29px}.career-ledger .career-object{margin-top:9px}}
@media(max-width:370px){.console-story h2{font-size:23px}.console-story{padding-inline:11px}.console-story .terminal-answer p{font-size:14px}.window-nav button{width:29px}#window-position{min-width:42px}.live-toolbar{gap:4px}}
@media(prefers-reduced-motion:reduce){#story-evidence span{transition:none}}
.terminal-answer{min-height:min-content}.story-controls{flex-shrink:0}
@media(max-width:700px){.screen{height:535px}}
/* A book leaves the shelf, opens toward the reader, and returns on close. */
#book-viewer{padding:0;border:0;border-radius:6px;background:transparent;overflow:visible;width:min(1040px,92vw);max-width:92vw;max-height:88dvh;margin:auto;perspective:1800px}#book-viewer::backdrop{background:#1e2d23ba;backdrop-filter:blur(7px)}#book-viewer .open-book{margin:0;max-height:88dvh;overflow:auto;transform-origin:center center;box-shadow:0 40px 95px #14251f99;perspective:1600px;isolation:isolate;scrollbar-width:thin}#book-viewer .book-spread-left{padding-block:48px}#book-viewer .book-spread-right{padding-top:48px}.opening-cover{position:absolute;top:0;bottom:0;left:50%;width:50%;z-index:5;transform-origin:left center;transform-style:preserve-3d;pointer-events:none;box-shadow:inset 12px 0 18px #16201b26;border-radius:0 7px 7px 0;backface-visibility:hidden;padding:44px 35px;display:flex;flex-direction:column;color:#233c2b}.opening-cover strong{font:500 clamp(34px,4vw,59px)/1.07 'Clash Display',sans-serif;letter-spacing:-.035em;margin-top:42px}.opening-cover .book-number{font-size:13px}.opening-cover .cover-pixels{font-size:34px;margin-top:32px}.opening-cover .cover-foot{font-size:13px;margin-top:auto}.book-spread-left,.book-spread-right{position:relative}.book-spread-left:after{content:'';position:absolute;right:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,#55452719);pointer-events:none}.close-book{z-index:7}.open-book .book-actions{position:relative;z-index:6}
@media(max-width:700px){#book-viewer{width:94vw;max-width:94vw;max-height:88dvh}#book-viewer .open-book{display:block;max-height:88dvh}#book-viewer .book-spread-left{padding:28px 24px 18px}#book-viewer .book-spread-right{padding:12px 24px 25px}.opening-cover{left:0;width:100%;padding:30px 24px}.opening-cover strong{font-size:42px;margin-top:26px}.book-spread-left:after{display:none}#book-viewer #open-book-title{font-size:34px;margin:16px 0}#book-viewer #open-book-deck{font-size:19px}#book-viewer .open-book h4{font-size:18px;margin-top:16px}#book-viewer .open-book p{font-size:15px}#book-viewer .close-book{position:sticky;float:right;top:5px;right:5px;margin-top:-8px}.book-actions{gap:12px}.book-actions button{font-size:14px;padding:13px}.book-actions a{font-size:14px}}
#book-viewer>.close-book{position:absolute;float:none;top:8px;right:8px;margin:0;background:#f7f2e6;border-radius:50%;z-index:9;width:34px;height:34px;box-shadow:0 1px 5px #453c2724}
.screen canvas{object-fit:cover}
#story-evidence .source-wires{position:absolute;width:100%;height:12px;left:0;bottom:-11px;overflow:visible;pointer-events:none;fill:none;stroke:#a3b397;stroke-width:1;transition:stroke .5s}#story-evidence.is-connected .source-wires{stroke:#5b8868}