:root{--cream:#f5f1e4;--ink:#2b4234;--green:#3b6447;--gold:#c9984a;--line:#dcdcc9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#e7eccd70,transparent 55%),var(--cream);color:var(--ink);font:14px/1.6 Tahoma,system-ui,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ca8c43;outline-offset:3px}button:disabled{cursor:default;opacity:.5}button,img{-webkit-user-select:none;user-select:none}img{image-rendering:pixelated}header{max-width:1420px;margin:auto;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand img{width:38px;height:38px;background:#e9d6ad;border-radius:10px}.brand small{font-size:9px;letter-spacing:1.4px;color:#869078;margin-left:10px}.header-actions{display:flex;align-items:center;gap:10px}#saved{font-size:10px;color:#788670}.quiet{border:1px solid var(--line);background:#fffcf3;border-radius:22px;padding:8px 12px;color:var(--ink)}main{max-width:1420px;margin:auto;padding:22px 28px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:14px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#9c783e}h1{font-size:30px;line-height:1.4;letter-spacing:-.8px;margin:7px 0}h2{font-size:18px;margin:5px 0}p{color:#708066;margin:8px 0}.chapters{display:flex;gap:8px}.chapters span{padding:10px 14px;border:1px solid var(--line);border-radius:12px;font-size:11px;color:#8a947e}.chapters .current{background:var(--green);color:#fff;border-color:var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:22px}.world{border:5px solid #637c4c;border-radius:20px;background:#c8d5a7;overflow:hidden;box-shadow:0 6px 0 #3d55311c,0 15px 28px #2d462218}.worldbar{display:flex;justify-content:space-between;padding:9px 14px;font-size:11px;font-weight:bold;color:#49603b}.viewport{position:relative;margin:0 6px;overflow:hidden;border-radius:9px;background:#789449}canvas{width:100%;display:block;aspect-ratio:1.6;image-rendering:pixelated;touch-action:none;outline:none}.worldfoot{display:flex;justify-content:space-between;padding:9px 12px;font-size:9px;color:#536847}kbd{font:inherit;padding:2px 5px;border:1px solid #ccd4b9;border-bottom-width:2px;background:#f9faec;border-radius:4px}#minimap{position:absolute;width:144px;right:12px;top:12px;opacity:.93;pointer-events:none;border:3px solid #ffefd0;border-radius:10px;box-shadow:0 3px 8px #18271855;background:#719049}#minimap svg{display:block;width:100%}.map-home{position:absolute;right:12px;top:124px;background:#fffae7e8;border:1px solid #9caa75;color:#3c573a;font-size:10px;border-radius:12px;padding:6px 12px}#float-msg{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);max-width:80%;width:max-content;padding:8px 16px;border:1px solid #d0c393;background:#fff9e8ed;color:#466039;border-radius:10px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s}#float-msg.visible{opacity:1}#arrival{position:absolute;top:18px;left:18px;padding:8px 14px;background:#2b4439d9;color:#fff8df;border-radius:8px;font-size:12px;pointer-events:none}.play-controls{display:flex;align-items:center;gap:14px;padding-top:20px}.cargo{display:flex;align-items:center;gap:8px;background:#fffcf3;border:1px solid var(--line);border-radius:14px;padding:8px 12px;min-width:180px;position:relative;overflow:hidden}.cargo img{width:42px;height:42px;object-fit:contain}.cargo small{font-size:10px;display:block;color:#7b886b}.cargo strong{font-size:17px}.cargo-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e4e9d3}.cargo-track i{height:100%;display:block;background:#bb994f}.context{flex:1}.primary{border:0;background:var(--green);color:#fffbee;border-radius:12px;padding:12px 20px;font-weight:bold;box-shadow:0 3px 0 #27482e}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #27482e}.context>.primary{width:100%;min-height:48px}.secondary{border:1px solid #cdd4b9;color:#496440;background:#f2f3e5;border-radius:10px;padding:9px 14px;font-size:12px}.dpad{display:grid;grid-template-columns:repeat(3,35px);gap:4px}.dpad button{width:35px;height:31px;border:1px solid #cdd5bb;border-radius:8px;color:#3b6647;background:#fffdef;font-size:17px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}#near-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}#near-actions button{background:#ecefdc;border:1px solid #cbd4b5;border-radius:8px;color:#506447;font-size:10px;padding:5px 8px}.profile{display:flex;align-items:center;gap:14px;padding:14px;background:#e6ead2;border-radius:17px;margin-bottom:14px}.profile>img{width:56px;height:64px;object-fit:contain}.profile>div{flex:1}.profile small{font-size:10px;color:#82906e}.profile h2{font-size:18px}.profile h2 span{font-size:11px;background:#456443;color:#fff4cc;padding:3px 7px;border-radius:8px}.xp-track{height:5px;background:#cfd7b7;border-radius:5px;overflow:hidden;margin:7px 0 3px}.xp-track i{display:block;height:100%;background:#bb9648}.panel{background:#fffdf4;border:1px solid var(--line);border-radius:18px;padding:17px;margin-bottom:14px}.quest h2{font-size:17px;margin:8px 0}.quest p{font-size:12px;min-height:35px}.quest button{width:100%;margin-top:8px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head b{font-size:12px;color:#839166}.house-preview{height:110px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e7ead1,transparent 68%)}.house-preview img{height:110px;width:140px;object-fit:contain}.build-progress{display:flex;gap:6px;margin:4px 0 15px}.build-progress i{flex:1;height:5px;background:#e2e5d6;border-radius:6px}.build-progress .done{background:#c1a457}.counts{display:flex;justify-content:space-between;gap:4px;font-size:10px}.counts b{display:block;font-size:20px;color:#365a3d}.small{font-size:11px;line-height:1.7}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toolbar button{background:#eeefde;border:1px solid #d5dbc2;border-radius:10px;padding:10px 6px;font-size:11px;color:#4b6242}.toolbar kbd{font-size:8px}.message{font-size:11px;line-height:1.8;padding:0 5px;min-height:32px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:14px;color:#909a80;font-size:10px}footer button{background:none;border:0;color:#a08c68;font-size:10px}.screen{position:fixed;inset:0;background:#f7f2e6ed;backdrop-filter:blur(8px);z-index:10;overflow:auto;display:flex;align-items:center;justify-content:center;padding:28px}.world-card{text-align:center;width:min(1060px,100%)}.world-card>h1{font-size:34px}.stage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stage-cards article{position:relative;border:1px solid #d2d8ba;background:#fffcf0;border-radius:22px;padding:22px 20px;box-shadow:0 8px 0 #5367390b}.stage-cards article.unlocked{border:2px solid #6f8556;background:#f1f0d8}.stage-cards article>img{width:165px;height:150px;object-fit:contain;margin:16px 0}.stage-cards p{font-size:11px;min-height:35px}.stage-cards small{color:#91977e;font-size:11px}.stage-cards button{width:100%;margin-top:10px}.stage-number{position:absolute;left:17px;top:12px;color:#a89768;font-size:14px}.locked{filter:saturate(.4)}.modal{position:fixed;inset:0;z-index:20;display:flex;justify-content:center;align-items:center;padding:18px;background:#1c312f88;backdrop-filter:blur(4px)}.modal-card{position:relative;background:#fffbed;width:min(640px,100%);max-height:90dvh;overflow:auto;border-radius:22px;padding:30px;box-shadow:0 24px 80px #0c231b55;border:4px solid #c3cea6}.close{position:absolute;right:12px;top:9px;font-size:24px;border:0;background:transparent;color:#728461}.modal h2{font-size:25px;margin:5px 0 15px}.modal p{font-size:13px}.modal .actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end;flex-wrap:wrap}.modal .hero-art{height:150px;display:flex;justify-content:center;align-items:flex-end;gap:16px}.hero-art img{max-width:170px;max-height:150px;object-fit:contain}.modal .items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.modal .item{background:#f0f0d9;border:1px solid #dadfc2;border-radius:12px;padding:12px;text-align:center}.modal .item img{height:55px;width:65px;object-fit:contain}.modal .item b{display:block;font-size:18px}.modal .item small{font-size:10px;color:#7a8867}.wardrobe{display:grid;grid-template-columns:140px 1fr;gap:18px}.wardrobe .preview{display:flex;align-items:center;justify-content:center;background:#e6e9cb;border-radius:18px}.wardrobe .preview img{width:120px;height:160px;object-fit:contain}.wardrobe .choices{display:grid;gap:10px}.choice{padding:12px;border:1px solid #d3dabd;background:#f2f2df;border-radius:12px;text-align:left;color:#47613a}.choice.active{border:2px solid #648551;background:#e0ebcd}.choice small{display:block;font-size:10px}.task-list{display:grid;gap:9px}.task-list div{padding:10px 13px;background:#eff1df;border-radius:9px;font-size:13px}.task-list .done{color:#46764a}.hidden{display:none!important}.error{color:#a04735!important}@media(max-width:1050px){.brand small{display:none}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.panel{padding:13px}.heading h1{font-size:26px}.chapters span{padding:8px;font-size:10px}.cargo{min-width:145px}.cargo strong{font-size:14px}.play-controls{gap:9px}.worldfoot span:last-child{display:none}}@media(max-width:800px){header{padding:12px 15px}#saved{display:none}main{padding:18px 14px}.heading{align-items:flex-start;flex-direction:column;gap:8px}.layout{grid-template-columns:1fr}.layout aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile,.panel{margin:0}.profile{grid-column:1}.quest{grid-column:2;grid-row:1/3}.panel:not(.quest){grid-column:1;grid-row:2/4}.toolbar{grid-column:2}.message{grid-column:1/3}.stage-cards{gap:10px}.stage-cards article{padding:15px 10px}.stage-cards article>img{width:100%;height:110px}.stage-cards h2{font-size:15px}.screen{align-items:flex-start;padding-top:35px}.world-card>h1{font-size:26px}}@media(max-width:520px){.brand{font-size:17px}.brand img{width:32px;height:32px}.quiet{font-size:10px;padding:7px 9px}.header-actions{gap:5px}.heading h1{font-size:24px}.eyebrow{font-size:8px}.world{border-width:3px}.worldbar{font-size:9px;padding:6px 9px}.viewport{margin:0 3px}#minimap{width:82px;top:7px;right:7px;border-width:2px}.map-home{top:72px;right:7px;font-size:8px;padding:4px 8px}#float-msg{font-size:9px;bottom:10px;padding:6px 9px}.worldfoot{font-size:8px;padding:7px}.play-controls{flex-wrap:wrap;padding-top:13px}.cargo{min-width:140px;flex:1}.context{order:3;flex-basis:100%}.dpad{grid-template-columns:repeat(3,33px)}.dpad button{width:33px;height:28px}.profile{padding:10px;gap:7px}.profile>img{width:42px;height:54px}.profile h2{font-size:15px}.profile h2 span{font-size:9px}.panel{padding:12px}.quest h2{font-size:15px}.quest p{font-size:11px}.counts{font-size:9px}.counts b{font-size:17px}.toolbar button{font-size:10px}.world-card>h1{font-size:25px}.stage-cards{grid-template-columns:1fr}.stage-cards article{padding:15px;display:grid;grid-template-columns:100px 1fr;text-align:left;align-items:center;gap:5px 12px}.stage-cards article>img{grid-column:1;grid-row:1/4;height:100px;margin:0}.stage-cards article h2{margin:0}.stage-cards article p{min-height:0;margin:0}.stage-cards article button{grid-column:2;margin:0}.stage-cards article.locked{opacity:.65}.stage-cards article.locked>img{height:75px}.stage-cards article.locked small{grid-column:2}.stage-number{font-size:10px;left:10px;top:5px}.screen{padding:24px 14px}.modal-card{padding:24px 18px}.modal h2{font-size:22px}.wardrobe{grid-template-columns:95px 1fr;gap:10px}.wardrobe .preview img{width:85px;height:130px}.modal .items{gap:6px}.modal .item{padding:8px}.modal .item img{width:45px;height:45px}.modal .item small{font-size:9px}footer{gap:10px;font-size:9px}#arrival{font-size:9px;top:8px;left:8px;padding:5px 9px}}
.middle-chapter{--cream:#edf1e5;--green:#355d4c;--gold:#aa7245;background:radial-gradient(ellipse at 80% 0,#c9e0cc80,transparent 55%),var(--cream)}.middle-chapter .world{border-color:#416751;background:#b8cfbc}.middle-chapter .worldbar,.middle-chapter .worldfoot{color:#355b47}.stage-cards article.unlocked button+button{margin-top:8px}
.profile h2 #character-name{background:transparent;color:inherit;font-size:inherit;padding:0}

body.youngest-chapter{--green:#855d43;--dark:#533e33;background:#f3ece0}body.youngest-chapter .world{border-color:#99775e}body.youngest-chapter .worldbar{background:#eedfca}body.youngest-chapter .current{background:#855d43}

.stage-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stage-cards a.primary{display:inline-block;text-decoration:none;padding:12px 18px;border-radius:12px}

/* Touch layout shares the same gameplay and saves as desktop. */
.touch-tip{display:none}.dpad button{touch-action:none;-webkit-touch-callout:none}.dpad button.pressed{background:#3b6447;color:white;transform:translateY(2px)}
@media(max-width:950px){
 body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 header{padding:6px 10px;gap:6px}.brand{font-size:15px}.brand img{width:28px;height:28px}.header-actions{gap:4px}.quiet{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 main{padding:8px}.heading{gap:4px;margin-bottom:8px}.heading h1{font-size:20px;margin:0}.heading .eyebrow,.heading p,.chapters{display:none}
 .worldbar{padding:5px 8px}.worldfoot{display:none}.touch-tip{display:block;padding:5px 7px;font-size:10px;text-align:center;color:#365337}
 .play-controls{display:grid;grid-template-columns:1fr 164px;gap:8px;padding-top:8px;align-items:center}
 .cargo{grid-column:1;grid-row:1;min-width:0;padding:5px 8px}.cargo img{width:32px;height:32px}.cargo strong{font-size:14px}
 .context{grid-column:1;grid-row:2;min-width:0}.context>.primary{padding:10px 7px;font-size:12px;min-height:48px}
 .dpad{grid-column:2;grid-row:1/3;grid-template-columns:repeat(3,52px);gap:4px}.dpad button{width:52px;height:48px;font-size:24px;border-radius:13px}
 #near-actions{margin-top:4px;gap:4px}#near-actions button{min-height:44px;font-size:11px;padding:6px}
 #minimap{width:70px;top:6px;right:6px}.map-home{top:auto;bottom:7px;right:7px;min-height:44px;font-size:11px;padding:8px 12px}
 .layout aside{display:flex;flex-direction:column;gap:10px}.layout{gap:12px;grid-template-columns:minmax(0,1fr)}.toolbar button,.close{min-height:44px;min-width:44px}.close{top:3px;right:3px}
 .modal-card{max-height:calc(100dvh - 24px);padding:24px 16px}.screen{padding:16px 10px;align-items:flex-start}.stage-cards{grid-template-columns:1fr}.stage-cards article{min-width:0}.stage-cards .primary{min-height:48px}
 input,select{font-size:16px!important;min-height:48px}
}
@media(max-width:950px) and (orientation:landscape){
 header{padding-top:2px;padding-bottom:2px}.heading{display:none}.adventure{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px;align-items:center}.play-controls{display:flex;flex-direction:column;padding:0;gap:5px}.cargo,.context{width:100%}.dpad{order:2}.context{order:3}.touch-tip{font-size:9px}.worldbar{padding:3px 6px}.layout aside{display:grid;grid-template-columns:1fr 1fr}.layout aside>*{grid-column:auto!important;grid-row:auto!important}
}