@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111e26;--panel:#192832;--paper:#ede5d5;--ink:#24323a;--muted:#99a7aa;--line:rgba(218,219,197,.16);--gold:#deb784;--accent:#db936b;--serif:'Noto Serif SC','Songti SC','STSong',serif;--reading:18px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.7}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit}button{transition:background .2s,transform .2s,color .2s,border-color .2s}::selection{background:#bc7959;color:#fff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}svg{display:block}.skip{position:fixed;z-index:99;left:15px;top:-70px;background:var(--paper);color:var(--ink);padding:10px}.skip:focus{top:10px}.site-header{height:104px;margin:0 5.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5;gap:32px}.brand{display:flex;align-items:center;gap:14px;text-align:left;font-family:var(--serif);letter-spacing:4px;font-size:21px;padding:0}.brand small{display:block;font:8px/1.5 system-ui;letter-spacing:2.6px;color:var(--muted);margin-top:4px}.brand-seal{background:#ba7759;border:1px solid #d79a72;outline:1px solid #ba7759;outline-offset:3px;width:33px;height:38px;display:grid;place-items:center;letter-spacing:0;font-size:23px;transform:rotate(-3deg)}nav{display:flex;margin:auto;gap:43px}.nav-link{font-size:13px;letter-spacing:2px;padding:38px 0 34px;border-bottom:2px solid transparent;color:var(--muted)}.nav-link small{font-size:9px;letter-spacing:0;margin-right:9px;opacity:.5}.nav-link.active{border-color:var(--accent);color:var(--paper)}.round-button{border:1px solid var(--line);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.round-button svg{width:17px}.site-footer{margin:0 5.5%;border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;color:#8b999d;font-size:10px;letter-spacing:2px}.site-footer i{font-style:normal;margin:0 14px;color:#bf9571}.hero{position:relative;min-height:680px;isolation:isolate;display:flex;align-items:center;padding:68px 9% 85px;overflow:hidden}.hero-art{position:absolute;z-index:-3;inset:0;background:url('assets/moon-village.svg') 62% 53%/cover no-repeat}.hero:after{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(17,30,38,.95),rgba(17,30,38,.58) 33%,transparent 64%),linear-gradient(0deg,var(--bg),transparent 20%)}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);display:flex;align-items:center;gap:11px;text-transform:uppercase}.eyebrow:before{content:'';width:23px;height:1px;background:currentColor;opacity:.65}.hero h1{font-size:clamp(56px,6.4vw,94px);line-height:1.34;letter-spacing:8px;margin:29px 0 24px;font-weight:600;text-shadow:0 5px 30px #111e2670}.hero h1 span{color:var(--gold)}.hero-copy{font-family:var(--serif);color:#bfc6c2;font-size:15px;line-height:2.2;letter-spacing:1px}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:33px}.primary{background:var(--accent);color:#17242a;padding:15px 24px;font-size:13px;letter-spacing:2px;display:inline-flex;gap:26px;align-items:center;justify-content:center;min-height:49px}.primary:hover{background:#e9ad85;transform:translateY(-2px)}.primary .arrow{font-size:21px;line-height:1}.text-button{color:var(--gold);border-bottom:1px solid #8a735a;padding:6px 0;font-size:12px;letter-spacing:1px}.micro{font-size:10px;letter-spacing:1.5px;color:#8d9d9f;margin-top:18px}.hero-inscription{position:absolute;right:8.1%;top:15%;display:flex;gap:14px;align-items:flex-start;font-family:var(--serif)}.hero-inscription p{writing-mode:vertical-rl;letter-spacing:5px;font-size:16px;color:#d3c8af}.hero-inscription span{writing-mode:vertical-rl;border:1px solid #b58260;color:#daa77b;padding:9px 3px;font-size:10px;letter-spacing:3px}.scene-caption{position:absolute;right:12%;bottom:74px;color:#d8b88a;font-size:10px;letter-spacing:3px}.scroll-hint{position:absolute;left:5.5%;bottom:48px;font-size:9px;letter-spacing:3px;color:#809094;writing-mode:vertical-rl}.section{padding:44px 8% 72px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.section-heading h2{font-size:26px;letter-spacing:4px}.section-heading p{font-size:11px;letter-spacing:1px;color:var(--muted)}.section-heading .overline{display:block;font-size:9px;letter-spacing:3px;color:#9aabac;margin-bottom:8px}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.character-card{text-align:left;border:1px solid var(--line);padding:24px 22px;position:relative;overflow:hidden;min-height:207px;background:linear-gradient(135deg,#22343d66,transparent)}.character-card:hover{border-color:#ac8965;background-color:#26343c}.character-card.featured{border-color:#a77d58;background:linear-gradient(110deg,#513a2c55,#20303955)}.character-card .card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#a7b3b2}.status{border:1px solid #7c705c;padding:2px 7px;color:#d8b68c;font-size:9px}.status.soon{color:#a1acaf;border-color:#425058}.character-card h3{font-size:29px;letter-spacing:6px;margin-top:19px}.character-card p{font-size:11px;color:#aab3b3;margin-top:8px;position:relative;z-index:1}.character-card .card-arrow{position:absolute;right:20px;bottom:25px;color:#b79b76}.character-symbol{position:absolute;right:13px;bottom:30px;opacity:.08;font-size:93px;font-family:var(--serif);line-height:1}.chapter-note{border-top:1px solid var(--line);margin-top:27px;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.chapter-note b{font-weight:400;color:var(--gold);margin-right:12px}.page-shell{max-width:1140px;margin:auto;padding:55px 40px 80px}.page-intro{margin-bottom:38px}.page-intro h1{font-size:42px;letter-spacing:5px;margin:15px 0}.page-intro p{color:var(--muted);max-width:650px;font-size:14px}.game-shell{width:100%;max-width:1250px;padding:36px clamp(20px,4vw,60px) 65px;margin-inline:auto}.game-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:22px;gap:16px}.back-button{justify-self:start;padding:0;white-space:nowrap;font-size:11px;letter-spacing:1px;color:var(--muted)}.game-tools{display:flex;justify-self:end;gap:22px;white-space:nowrap}.game-tools button{font-size:11px;color:#c4c8be;border-bottom:1px solid #526063}.chapter-progress{display:flex;gap:20px;font-size:10px;color:#8d9d9f;letter-spacing:2px}.chapter-progress span{white-space:nowrap;padding:6px 0;border-bottom:1px solid transparent}.chapter-progress .current{color:var(--gold);border-color:var(--gold)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px;align-items:start}.story-panel{background:var(--paper);color:var(--ink);position:relative;box-shadow:0 16px 45px #0002}.story-scene{height:160px;background:url('assets/moon-village.svg') center 49%/cover;position:relative;padding:25px;display:flex;align-items:flex-end}.story-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1a22c4,transparent)}.story-scene span{position:relative;color:#e2d6bd;font-size:10px;letter-spacing:3px}.story-content{padding:34px 40px 36px}.story-content .eyebrow{color:#8c6749;font-size:9px}.story-content h1{font-size:30px;letter-spacing:3px;margin:13px 0 23px;line-height:1.5}.story-prose p{font-family:var(--serif);font-size:var(--reading);line-height:2.05;margin:0 0 16px;color:#34424a}.dialogue{border-left:2px solid #b6835d;margin:22px 0 28px;padding:4px 0 4px 17px}.dialogue small{font-size:10px;color:#886649;letter-spacing:2px}.dialogue p{font-family:var(--serif);font-size:var(--reading);margin-top:7px;line-height:1.8}.choice-label{font-size:10px;color:#78817d;letter-spacing:2px;margin-bottom:12px;display:flex;justify-content:space-between}.choices{display:grid;gap:10px}.choice{display:grid;grid-template-columns:28px 1fr 20px;gap:12px;align-items:center;text-align:left;padding:16px 17px;background:#f7f1e6;border:1px solid #d2ccbd;color:#35424a}.choice:hover:not(:disabled){border-color:#9a6d49;background:#fff8e9;transform:translateX(3px)}.choice:disabled{opacity:.55}.choice-index{font:16px var(--serif);color:#b78a62}.choice-title{display:block;font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.7}.choice-desc{display:block;color:#68736f;font-size:11px;margin:4px 0}.choice-cost{font-size:10px;color:#9a6348;display:block}.choice-arrow{color:#ae8b67}.aside-label{font-size:9px;letter-spacing:2.5px;color:#8b9c9d;margin-bottom:20px}.profile-summary{display:flex;align-items:center;gap:13px;padding-bottom:25px;border-bottom:1px solid var(--line)}.profile-monogram{font-family:var(--serif);font-size:21px;line-height:1;white-space:nowrap;flex:0 0 58px;width:58px;height:64px;display:flex;align-items:center;justify-content:center;background:#4d4538;border:1px solid #8c7759;color:#ddbc8f}.profile-summary h2{font-size:21px;letter-spacing:3px}.profile-summary p{font-size:10px;color:#9eaeaf;margin-top:2px}.resources{margin:24px 0}.resource{margin-bottom:16px}.resource-top{display:flex;justify-content:space-between;font-size:11px;color:#bfcbc8}.resource-top b{font-size:10px;color:#9caaa9;font-weight:400}.resource-track{display:flex;gap:4px;margin-top:7px}.resource-track i{height:3px;flex:1;background:#30424b}.resource-track i.filled{background:#ad936d}.resource.debt i.filled{background:#ba7861}.resource-desc{font-size:9px;color:#8e9d9f;margin-top:5px}.aside-quote{margin:25px 0;border-top:1px solid var(--line);padding-top:22px;font-family:var(--serif);font-size:14px;line-height:2;color:#b5c0bb}.aside-quote small{display:block;font:9px system-ui;color:#8c9a9c;letter-spacing:1px;margin-top:14px}.save-status{color:#94a599;font-size:10px;letter-spacing:1px}.save-status:before{content:'●';font-size:6px;margin-right:8px}.result-panel{padding:34px 40px 36px}.result-panel .result-text{font-family:var(--serif);font-size:var(--reading);line-height:1.95;color:#34424a}.result-text p+p{margin-top:16px}.delta-tags:empty{display:none}.delta-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.delta-tags span{font-size:11px;padding:5px 10px;border:1px solid #c0b39d;color:#806a50}.result-panel .primary{margin-top:8px}.ending-heading{text-align:center;border-bottom:1px solid #c7bca8;padding-bottom:28px;margin-bottom:24px}.ending-heading .eyebrow{justify-content:center}.ending-heading h1{font-size:35px;margin-bottom:12px}.ending-heading p{font-size:12px;color:#867257}.ending-seal{display:block;font:34px var(--serif);border:2px solid #b87d5b;width:60px;height:60px;line-height:54px;color:#b87d5b;margin:0 auto 22px;transform:rotate(-6deg)}.ending-outcomes{margin:25px 0;display:grid;gap:12px}.outcome{background:#e1d8c7;padding:15px 18px}.outcome small{display:block;font-size:10px;color:#8d684e;letter-spacing:2px;margin-bottom:4px}.outcome p{font-size:13px;line-height:1.9}.ending-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.ending-actions .text-button{color:#886747}.design-grid{display:grid;grid-template-columns:170px minmax(0,1fr);gap:45px}.design-toc{position:sticky;top:28px;align-self:start;display:grid;gap:16px}.design-toc a{font-size:11px;text-decoration:none;color:#a7b6b5}.design-toc small{color:#ad8e69;margin-right:10px}.design-section{border-top:1px solid var(--line);padding:27px 0 42px;scroll-margin-top:30px}.design-section h2{font-size:25px;letter-spacing:2px;margin-bottom:18px}.design-section h2 small{font:10px system-ui;color:#c1a27b;display:block;letter-spacing:2px;margin-bottom:12px}.design-section>p{font-family:var(--serif);font-size:17px;color:#d5ccb9;line-height:2}.design-item{padding-top:22px}.design-item h3{font-family:inherit;font-size:13px;color:#cba67c;margin-bottom:7px;font-weight:500}.design-item p{font-size:13px;color:#a8b4b3;line-height:2}.design-disclaimer{border-left:2px solid #b88b62;background:#1b2b32;padding:20px 24px;margin-bottom:30px;font-size:12px;line-height:2;color:#acb8b4}.character-detail{margin-top:30px;border:1px solid var(--line);background:#1a2a33;padding:34px;display:grid;grid-template-columns:80px 1fr;gap:25px}.character-detail .big-seal{font-family:var(--serif);font-size:50px;color:var(--gold);writing-mode:vertical-rl;letter-spacing:14px}.character-detail h2{font-size:27px;margin-bottom:13px}.character-detail p{font-size:14px;line-height:2;color:#b4bfbc;margin-bottom:20px}.character-detail .eyebrow{margin-bottom:15px}dialog{border:1px solid #9d8766;background:#1b2b34;color:var(--paper);width:min(620px,calc(100% - 32px));max-height:85vh;padding:36px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#07141bdc;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:9px;font-size:27px;color:#b4bfb9;line-height:1}.modal-title{font-size:25px;letter-spacing:3px;margin-bottom:22px}.modal-copy{font-size:13px;color:#b1bebb;line-height:2;margin-bottom:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;gap:18px;font-size:13px}.setting-row small{display:block;font-size:10px;color:#92a3a5;margin-top:3px}.segmented{display:flex;gap:5px}.segmented button{padding:5px 10px;border:1px solid #5b6b6b;white-space:nowrap;font-size:12px}.segmented button.selected{color:var(--gold);border-color:var(--gold)}.toggle{accent-color:var(--accent);width:20px;height:20px}.history-item{border-left:1px solid #7e725b;padding:0 0 24px 22px;margin-left:5px}.history-item h3{font-size:17px;color:#d7bb90;margin-bottom:7px}.history-item p{font-size:12px;color:#adbcba;line-height:1.9}.history-item small{display:block;color:#8c9f9e;font-size:10px;margin-bottom:7px}.empty{text-align:center;padding:35px 0;color:#a5b2b1;font-size:13px}.map-grid{display:grid;gap:9px}.map-node{border:1px solid #42565d;padding:13px 16px;font-size:12px;color:#adbbb9}.map-node.current{border-color:#c5a06d;color:#e2c8a3}.ending-collection{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.ending-collection h3{font-size:15px;margin-bottom:12px}.ending-slot{padding:8px 0;color:#a9b6b3;font-size:12px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);background:#e7dfcc;color:#26353c;padding:12px 22px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.fade-in{animation:rise .5s ease both}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){.hero{min-height:780px}.hero-art{background-position:center 48%}.section{max-width:1500px;margin:auto}}@media(max-width:1000px){nav{gap:22px}.hero{min-height:620px;padding-left:8%}.hero-art{background-position:58% center}.character-card{padding:20px 16px}.character-card h3{font-size:25px}.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.story-content{padding:28px}.game-shell{padding-left:4%;padding-right:4%}}@media(max-width:740px){.site-header{height:85px;margin:0 6%;gap:15px}.brand{font-size:17px;letter-spacing:2px;gap:12px}.brand small{font-size:6px;letter-spacing:1.5px}.brand-seal{width:26px;height:31px;font-size:20px}nav{gap:18px;margin-left:auto;margin-right:0}.nav-link{font-size:11px;letter-spacing:0;padding:29px 0}.nav-link small{display:none}.round-button{width:29px;height:29px}.hero{min-height:680px;align-items:flex-start;padding:58px 8% 90px}.hero h1{font-size:62px;letter-spacing:5px;line-height:1.35;margin:22px 0}.hero-art{background-position:61% 60%;background-size:auto 100%;opacity:.75}.hero:after{background:linear-gradient(90deg,#111e26b8,#111e2640 65%),linear-gradient(0deg,var(--bg),transparent 30%)}.hero-copy{font-size:13px}.hero-inscription{right:7%;top:16%;gap:8px}.hero-inscription p{font-size:12px;letter-spacing:4px}.hero-inscription span{font-size:8px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:27px}.hero .primary{font-size:12px;padding:13px 17px;gap:20px}.scene-caption{right:7%;bottom:45px;font-size:9px}.scroll-hint{display:none}.section{padding:12px 6% 45px}.section-heading{align-items:flex-start}.section-heading h2{font-size:23px}.section-heading p{font-size:9px;max-width:130px;padding-top:24px}.character-grid{grid-template-columns:repeat(2,1fr);gap:11px}.character-card{min-height:185px;padding:18px}.character-card h3{font-size:26px;margin-top:14px}.character-card p{font-size:10px;padding-right:10px}.character-card .card-arrow{right:13px;bottom:18px}.character-symbol{font-size:74px}.chapter-note{flex-direction:column;gap:6px;font-size:10px}.site-footer{font-size:9px;letter-spacing:1px;flex-direction:column;gap:9px;padding:23px 0}.game-shell{padding:24px 5% 40px}.game-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:14px}.chapter-progress{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:12px;margin-top:2px}.game-tools{gap:15px}.game-layout{display:flex;flex-direction:column-reverse;gap:17px}.game-aside{width:100%;display:flex;flex-direction:column}.aside-label,.profile-summary,.aside-quote,.save-status{display:none}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0}.resource{margin:0}.resource-top{font-size:10px}.resource-top b{font-size:9px}.resource-desc{display:none}.resource-track{gap:3px}.story-panel{width:100%}.story-scene{height:130px;padding:20px}.story-content{padding:25px 22px}.story-content h1{font-size:25px;letter-spacing:1px;margin-bottom:20px}.story-prose p{font-size:calc(var(--reading) - 1px);line-height:2}.choice{padding:13px 11px;grid-template-columns:20px 1fr 12px;gap:7px}.choice-title{font-size:15px}.choice-desc{font-size:11px}.choice-cost{font-size:10px}.result-panel{padding:25px 22px}.page-shell{padding:36px 6% 50px}.page-intro h1{font-size:33px}.page-intro p{font-size:12px}.design-grid{display:block}.design-toc{position:static;display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:28px}.design-toc a{font-size:10px}.design-section h2{font-size:23px}.design-section>p{font-size:16px}.character-detail{padding:24px 19px;gap:18px;grid-template-columns:42px 1fr}.character-detail .big-seal{font-size:31px;letter-spacing:9px}.character-detail h2{font-size:23px}.character-detail p{font-size:13px}dialog{padding:30px 24px}.setting-row{font-size:12px;gap:12px}.segmented button{padding:4px 7px}.ending-heading h1{font-size:27px}.ending-actions{gap:16px}.micro{font-size:9px;max-width:250px}}
@media(max-width:360px){.site-header{gap:10px}.brand{font-size:15px;gap:10px}.brand small{letter-spacing:1px}.site-header nav{gap:12px}.round-button{width:25px;height:25px}.hero h1{font-size:55px}.section-heading h2{font-size:20px}.character-card{padding:15px 12px}.card-top{flex-wrap:wrap;gap:5px}.hero-inscription{right:5%}}
/* Second edition: illustrated scenes, readable prose, visible consequences. */
.scene-figure{margin:0;background:#152a33;overflow:hidden}.scene-figure svg{width:100%;height:auto;display:block;aspect-ratio:5/2}.scene-figure figcaption{padding:12px 20px;display:flex;justify-content:space-between;gap:14px;color:#ccd3c3;font-size:10px;letter-spacing:1px;border-top:1px solid #ffffff10;line-height:1.7}.scene-figure figcaption span:last-child{flex-shrink:0;white-space:nowrap;color:#a89271}.current-goal{font-size:12px;color:#806a50;margin:-9px 0 24px;padding:10px 13px;background:#e1d8c7;border-left:2px solid #ae805a}.prose-details summary{font-size:10px;color:#827560;letter-spacing:1px;cursor:pointer;margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid #d1c7b5}.prose-details summary span{float:right;color:#9a8d79}.story-recollection{border-left:2px solid #b6946a;padding-left:14px;color:#725d47!important}.prose-details:not([open]){margin-bottom:24px}.duration-link{display:block;font-size:10px;color:#bca788;padding:8px 0;border-bottom:1px dotted #685c4e;text-align:left;letter-spacing:.5px}.legacy-link{margin-top:12px}.legacy-link button{padding:0;font-size:10px;color:#96a9a9;border-bottom:1px solid #4b6063}.journey-note{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.journey-note small,.clue-list small{font-size:9px;color:#c6ac84;letter-spacing:2px;display:block;margin-bottom:9px}.journey-note p{font:13px/1.95 var(--serif);color:#bac7c3}.journey-note .promise-note{margin-top:12px;color:#d3ab84;font-size:11px}.clue-list{margin:23px 0;display:flex;gap:6px;flex-wrap:wrap}.clue-list small{width:100%}.clue-list span{border:1px solid #55605b;padding:3px 7px;font-size:10px;color:#c6c9b6}.game-aside .save-status{margin-top:25px}.locked-choice:disabled{opacity:.8;background:#ded7c9}.locked-reason{display:block;font-size:11px;color:#8b5744;margin-top:6px;border-top:1px solid #c8bca7;padding-top:6px}.play-duration{font-size:12px;color:#8c6d51;margin:25px 0}.play-duration small{display:block;font-size:10px;margin-top:4px;color:#8c887c}.duration-table{margin:24px 0}.duration-table>div{display:flex;gap:25px;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.duration-table b{font-weight:500;color:var(--gold)}.duration-table span{text-align:right;color:#aebdb8;font-size:11px}.lesson-notes{padding:18px;background:#26373d;margin-bottom:25px}.lesson-notes h3{font-size:16px;margin-bottom:12px;color:#d9b98c}.lesson-notes p{font-size:12px;color:#b6c5c1;margin:10px 0}.story-spine{display:grid;grid-template-columns:1fr;gap:6px;text-align:center;border:1px solid var(--line);padding:22px;margin-bottom:30px;color:#c0cbbf;font-size:12px}.story-spine b{font-weight:400;color:var(--gold)}.design-disclaimer .text-button{display:block;margin-top:12px}.result-panel{min-height:0;padding-top:30px}.chapter-progress{gap:16px}.hero{min-height:720px}.story-content h1{margin-top:14px}.game-aside{position:sticky;top:25px}.story-content .story-prose p{line-height:1.95}
@media(max-width:740px){.hero{min-height:710px}.scene-figure svg{aspect-ratio:5/2;min-height:155px;object-fit:cover}.scene-figure figcaption{padding:10px 13px;font-size:9px}.scene-figure figcaption span:last-child{display:none}.chapter-progress{gap:18px;font-size:9px;letter-spacing:1px}.game-aside{position:static}.journey-note,.clue-list{display:none}.game-aside .save-status{display:none}.current-goal{font-size:11px;line-height:1.9;padding:9px 11px}.story-content h1{margin-bottom:20px}.duration-link{max-width:260px;font-size:9px}.prose-details summary{font-size:10px}.play-duration{font-size:11px}}

/* Keep story controls and the character panel inside their own columns. */
.game-layout > *, .profile-summary > div, .choice > span { min-width: 0; }
.profile-summary h2 { line-height: 1.4; }
.profile-summary p { line-height: 1.7; }
.scene-figure figcaption > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.choice { grid-template-columns: 28px minmax(0, 1fr) 20px; }
.journey-note:empty { display: none; }
@media (min-width: 741px) and (max-width: 900px) {
  .game-toolbar { grid-template-columns: minmax(0, 1fr) auto; row-gap: 16px; }
  .chapter-progress { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 28px; }
}
@media (max-width: 740px) {
  .chapter-progress { gap: 10px; }
  .choice { grid-template-columns: 20px minmax(0, 1fr) 12px; }
  .result-panel { padding-top: 25px; }
}
@media (max-width: 420px) {
  .site-header { min-height: 108px; height: auto; padding-top: 18px; flex-wrap: wrap; gap: 10px 16px; }
  .site-header .round-button { margin-left: auto; flex-shrink: 0; }
  .site-header nav { order: 3; width: 100%; margin: 0; justify-content: space-between; }
  .site-header .nav-link { padding: 8px 0 12px; }
  .game-shell { padding-inline: 16px; }
  .resources { gap: 10px; }
  .resource-top { flex-wrap: wrap; column-gap: 4px; }
}