@import url('./base.css');
:root{color-scheme:light;--paper:#fbf5e9;--ink:#293e37;--jade:#24665c;--pale:#e3ede5;--brass:#997339;--line:#ddd6c6;--peach:#f2d2be;--body:17px;font-family:'Avenir Next','Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language button{min-width:44px;min-height:44px}.tool{min-width:44px}
@media(max-width:370px){.wordmark .compass{display:none}}
@media(max-width:1050px){.shell{padding:22px 28px}.game-layout{gap:27px;grid-template-columns:minmax(0,1fr) minmax(280px,330px)}.intro-layout{gap:30px}.tool .tool-label{display:none}.story-panel h2{font-size:34px}.speech{min-height:130px}.portrait{width:46px;height:46px}}
@media(max-width:760px){.shell{padding:17px 20px 20px}.topbar{margin-bottom:22px;gap:8px}.wordmark{font-size:21px;gap:7px}.compass{width:26px;height:26px}.tools{gap:3px}.tool{padding:5px 8px}.language button{min-width:36px;min-height:36px}.chapter-row{font-size:12px;gap:12px;margin-bottom:13px}.chapter-dot{width:21px;height:6px}.game-layout{grid-template-columns:1fr;gap:5px}.scene{border-radius:20px}.scene-hotspot{width:44px;height:44px;font-size:20px}.scene-caption{padding-top:3px;min-height:35px}.look-controls{margin-top:10px;gap:5px}.look-controls button{font-size:12px;padding:8px 12px}.story-panel{padding-top:4px}.story-panel h2{font-size:35px;margin-bottom:17px}.speech{min-height:0}.speech p{line-height:1.65}.speaker-row{margin-bottom:10px}.choices{margin-top:18px;gap:9px}.choice{padding:13px 15px;font-size:calc(var(--body) - 1px)}.echo{font-size:12px;margin-top:10px}.bottom-bar{margin-top:23px;padding-top:10px;font-size:11px}.bottom-bar button{font-size:11px}.intro-layout{grid-template-columns:1fr;gap:0;min-height:0}.hero-art{max-width:440px;width:90%;margin:auto}.intro-copy{padding:8px 0 15px;max-width:100%;text-align:center}.intro-copy h1{font-size:49px}.intro-copy .tagline{font-size:16px;margin:15px 0 10px}.intro-copy .intro-text{font-size:15px;margin:auto;max-width:340px}.intro-copy .start-buttons{justify-content:center;margin-top:20px}.context{margin-top:24px}.context legend{margin:auto auto 9px}.context-options{justify-content:center}.context-note{margin:9px auto 0}.ending{grid-template-columns:1fr;gap:20px;margin:10px 0}.ending .hero-art{width:60%;max-width:240px}.ending h1{font-size:40px}.ending-intro{font-size:16px}.entry p{font-size:15px}dialog{padding:22px}.bottom-bar .edition{max-width:110px}.save-warning{max-width:100%}}
@media(max-width:370px){.shell{padding-left:14px;padding-right:14px}.wordmark{font-size:18px}.tools{gap:0}.language button{min-width:32px}.tool{padding:4px 6px}.look-controls button{padding:8px 9px}}
.shell .language button,dialog .language button{min-width:44px;min-height:44px}