/* The expanded game keeps the paper, tea-green and terracotta palette. */
header{top:24px}nav{gap:15px}.brand small{font-size:8px}.intro{top:135px}h1{font-size:38px;letter-spacing:6px}.intro h1 span{font-size:23px}.intro p{font-size:12px}.seal{margin-top:2px}.places{z-index:3;bottom:16px;background:#f3f3e6e8;padding:12px 12px 8px;border-radius:4px}.places-head{align-items:center}#destinations{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:7px}#destinations button{flex:0 0 105px;padding:4px 10px}#destinations small{margin-bottom:5px}footer{bottom:137px;z-index:3}.hint{background:#f4f3e5dd;padding:8px;border-radius:3px}.compass{bottom:220px}#panel{top:155px;max-height:calc(100dvh - 320px)}#panel .close{position:sticky;top:-20px;float:right;z-index:2;background:#f6f5e9;border-radius:50%;width:30px}#panel h2{clear:right}.observe-button{font-size:11px}#scene-info{bottom:177px;max-width:65vw;overflow:hidden;text-overflow:ellipsis;font-size:11px}.night .places{background:#1d3a39ec}.night #destinations .selected,.night #destinations .visited small{color:#ddbd8a}.night .hint{background:#203c3bda}.close-view .intro{visibility:hidden}
#quest-hud{position:fixed;z-index:4;left:40px;bottom:215px;background:#f8f6e9ed;border:1px solid #b8c1a4;border-radius:4px;padding:16px 18px;text-align:left;width:230px;color:#465f4b;box-shadow:0 8px 28px #38543c0c;overflow:hidden}#quest-hud small{font-size:9px;letter-spacing:2px;color:#9a6a47;display:block}#quest-hud strong{display:block;font-size:17px;font-weight:500;letter-spacing:2px;margin:10px 0}#quest-hud span{display:block;font-size:11px;color:#7a8b6a;line-height:1.6}#quest-hud i{position:absolute;left:0;bottom:0;height:3px;background:#7c9562}#quest-hud:hover{background:#fffef2}.close-view #quest-hud{width:205px;opacity:.9}.night #quest-hud{background:#1e3b3cec;color:#e2e7cf;border-color:#5f7766}.night #quest-hud span{color:#a9bd9a}.travelling span{animation:travel-pulse 1.5s infinite}@keyframes travel-pulse{50%{opacity:.45}}
#music-box{position:fixed;top:94px;right:40px;z-index:4;display:grid;grid-template-columns:130px 28px 85px;gap:5px 8px;align-items:center;padding:8px 13px;background:#f8f7eaeb;border:1px solid #c0c9b1;border-radius:4px;color:#536e55;font-size:10px}#music-toggle{text-align:left;font-size:12px}#music-title{grid-column:1/-1;font-size:8px;letter-spacing:1px;color:#8e9779}#music-volume{width:85px;accent-color:#6e865b;height:12px}.night #music-box{background:#1f3e3de8;color:#dfdfc1;border-color:#62765f}.night #music-title{color:#a5b18d}
#atlas{position:fixed;right:40px;top:154px;width:325px;z-index:6;background:#f6f5e6f7;border:1px solid #b9c3a4;border-radius:4px;padding:15px;box-shadow:0 20px 50px #2a493224;color:#4e684c}.atlas-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:2px}.atlas-head button{font-size:22px}#map-board{position:relative;width:100%;aspect-ratio:320/250}#map-board svg{position:absolute;width:100%;height:100%}.map-node{position:absolute;transform:translate(-50%,-50%);width:21px;height:21px;border-radius:50%;background:#f7f4db;color:#69774f;border:1px solid #a8b38b;font:9px Arial;z-index:1;padding:0}.map-node:hover{background:#9c6a43;color:#fff}#atlas p{font-size:10px;line-height:1.6;color:#8a9677}.atlas-regions{display:flex;justify-content:space-around;border-top:1px solid #d0d5bb;padding-top:8px;font-size:11px}
.story-sheet{max-height:87dvh;overflow:auto;width:min(720px,92vw)!important;padding:36px 42px!important;border:1px solid #c4c6a8;box-shadow:0 20px 100px #122e3566}.story-sheet>.close{position:sticky;top:-24px;float:right;background:#f9f8ed;z-index:5;border-radius:50%;width:32px;height:32px}.story-sheet>h2{clear:right}.story-sheet p{font-size:14px;line-height:1.95}.story-subtitle{display:block;font-size:16px;margin-top:9px;color:#8f7550}.story-progress{display:flex;gap:20px;align-items:center;margin:25px 0;font-size:12px;color:#81906d}.story-progress progress{flex:1;accent-color:#748e5d;height:7px}.inventory{border-top:1px solid #d1d6bd;margin-top:25px;padding-top:15px;font-size:12px}.inventory b,.side-collection b{font-weight:500;letter-spacing:2px}.inventory div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:10px;color:#8a8c6d}.inventory span{border:1px solid #c5c9ac;padding:5px 8px;border-radius:2px}.side-collection{margin-top:20px;font-size:12px}.side-collection p{display:flex;gap:8px;flex-wrap:wrap}.side-collection button{font-size:10px;padding:5px 7px;background:#e6ead7;border-radius:3px}.story-sheet details{font-size:11px;color:#7f8d6d;border-top:1px solid #cbd1b6;padding-top:14px}.story-sheet summary{cursor:pointer}.chapters{line-height:2.2;padding-left:20px}.chapters .done{color:#a06c42}.text-button{padding:12px;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#827855}.story-place-actions{display:grid;gap:7px;margin:10px 0}.story-place-actions .primary{font-size:11px;padding:10px;letter-spacing:1px}.story-place-actions .story-option{margin:0}.dialogue-grid{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;clear:right;padding:20px 0}.portrait{width:180px;filter:drop-shadow(0 6px 5px #6e795614)}.portrait-caption{display:block;text-align:center;font-size:10px;letter-spacing:3px;margin-top:10px;color:#879474}.dialogue-count{font:10px Arial;color:#a3aa8a;margin-right:20px}.dialogue-line{min-height:125px}.story-option{display:block;width:100%;border:1px solid #bfc8ac;background:#f3f3e5;padding:13px 16px;margin:10px 0;font-size:13px;line-height:1.6;text-align:left;border-radius:3px;color:#5e7252}.story-option:hover{background:#e2e9d2;border-color:#92a37b}.story-option:disabled{opacity:.4;cursor:default}.primary:disabled{opacity:.4;cursor:wait}.vessel{display:block;width:210px;height:127px;margin:10px auto 20px}.story-sheet blockquote{margin:25px 0;border-left:2px solid #a17c4d;padding-left:20px;font-size:17px;letter-spacing:2px;color:#8c7552}.process-stamps{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0}.process-stamps span{font-size:11px;border:1px solid #c7cbb2;padding:12px 10px;color:#94a080}.process-stamps .stamped{border-color:#a16a43;background:#e6dfc5;color:#a16a43}.tea-sprig{font-size:70px;color:#7c975d;line-height:1.4;width:90px;border:1px solid #d2d9c0;margin:5px;border-radius:5px;background:#e9edda;transition:transform .3s,opacity .3s}.tea-sprig.picked{transform:translateY(8px) rotate(20deg);opacity:.2}#tea-picking{text-align:center}.tea-choice{display:flex;gap:10px;margin:20px 0}.tea-choice button{padding:10px 15px;border:1px solid #c6cbb1;font-size:12px}.tea-choice [aria-pressed="true"]{background:#75905d;color:#fff;border-color:#75905d}#activity-hint,#side-hint,#harvest-count{font-size:12px;color:#a26d40}.modal .note{font-size:10px;line-height:1.7}.modal article{max-height:88dvh;overflow:auto}
@media(max-width:1000px){.intro h1{font-size:30px}.intro h1 span{font-size:19px}.intro{left:32px}.intro p{font-size:10px}.intro .seal{display:none}#quest-hud{left:30px;width:205px}nav{gap:8px;font-size:11px}.brand span{font-size:17px}}
@media(max-width:650px){header,.close-view header{left:12px;right:12px;top:12px;padding:5px 7px;background:#f6f6e9e8;border-radius:4px}.brand b{width:30px;height:34px;font-size:24px}.brand{gap:7px}.brand span{font-size:13px;letter-spacing:2px}.brand small{display:none}nav{gap:1px;font-size:10px}nav button{padding:7px 5px}#guide,#journal{display:none}nav button:last-child{padding:6px 9px}.intro{left:22px;top:88px}.intro .eyebrow{font-size:9px}.intro h1{font-size:26px;margin:10px 0}.intro h1 span{font-size:16px}.intro p{display:none}#music-box{top:78px;right:14px;grid-template-columns:110px;padding:5px 9px;gap:2px;width:124px}#music-box label,#music-volume{display:none}#music-title{font-size:7px;letter-spacing:0}#music-toggle{font-size:10px}#quest-hud,.close-view #quest-hud{left:14px;bottom:185px;padding:9px 12px;width:174px}#quest-hud strong{font-size:13px;margin:6px 0}#quest-hud small{font-size:8px;letter-spacing:1px}#quest-hud span{font-size:9px}#atlas{right:14px;top:138px;width:min(325px,calc(100vw - 28px))}.places{left:14px;right:14px;bottom:12px;padding:8px}#destinations button{flex-basis:88px;font-size:11px;padding:4px 8px}#destinations small{font-size:8px;margin-bottom:5px}.places-head{font-size:10px}.places-head small{display:none}footer{bottom:122px;left:14px;right:14px}.hint{display:none}.controls{margin-left:auto}.controls button:last-child{font-size:10px}.controls button{padding:6px 10px}.compass{display:none}#scene-info{bottom:159px;left:auto;right:14px;transform:none;max-width:calc(100vw - 28px);font-size:9px;letter-spacing:0;padding:6px 10px}#panel{top:140px;right:14px;left:14px;width:auto;max-height:calc(100dvh - 310px);padding:22px}.story-sheet{padding:23px 25px!important;max-height:88dvh}.dialogue-grid{grid-template-columns:1fr;gap:5px;padding:5px 0}.portrait{width:100px;height:116px;margin:0 auto;display:block}.portrait-caption{font-size:8px;margin:4px 0}.dialogue-line{min-height:80px}.dialogue-grid h2{font-size:22px;margin:10px 0}.story-sheet p{font-size:12px;line-height:1.9}.story-sheet .tag{font-size:9px;letter-spacing:1px}.story-option{font-size:12px;padding:10px}.story-sheet h2{font-size:24px}.tea-sprig{width:65px;font-size:50px}.story-progress{gap:10px}.story-sheet .primary{font-size:11px;letter-spacing:1px}.inventory{font-size:11px}.vessel{width:180px;height:110px}.story-sheet blockquote{font-size:14px}.night header{background:#1e3c3be8}.night #quest-hud small{color:#c5a075}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}