@font-face{font-family:GardenSerif;src:url(../assets/fonts/CormorantGaramond.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:GardenSans;src:url(../assets/fonts/NunitoSans.ttf)format("truetype");font-weight:300 900;font-display:swap}@font-face{font-family:Amiri;src:url(../assets/fonts/Amiri-Regular.ttf)format("truetype");font-display:swap}:root{color:#f7f0de;--plum:#30283d;--purple:#5c436e;--gold:#e6c27a;--pale:#fff8e9;--green:#94b562;--ink:#393244;--muted:#bcb4bd;background:#92bec6;font-family:GardenSans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;transition:background .17s,transform .17s,box-shadow .17s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #f4d88d}svg{vertical-align:middle;flex-shrink:0;width:22px;height:22px}button svg{pointer-events:none}#world{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#app button,#app a,#app input,#app select,#app label,#app summary,#app .scrollable{pointer-events:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:GardenSerif,Georgia,serif;font-weight:600}a,button{color:inherit}small{font-size:11px}.home-screen{background:linear-gradient(#122b334d,#0000 35% 65%,#142e35c2);position:absolute;inset:0}.topbar{background:linear-gradient(#202838e8,#20283890,#0000);border-bottom:1px solid #f0dba72a;align-items:center;gap:30px;height:92px;padding:0 32px;display:flex}.wordmark{text-align:left;background:0 0;align-items:center;gap:12px;min-width:244px;display:flex}.brand-mark{width:43px;height:48px;color:var(--gold);background:#e6c27a12;border:1px solid #e6c27a80;border-radius:18px 18px 6px;place-items:center;display:grid}.brand-mark svg{width:30px;height:30px}.wordmark strong{letter-spacing:-1px;color:#fff2c9;font-family:GardenSerif,Georgia,serif;font-size:29px;font-weight:600;line-height:1.03;display:block}.wordmark small{letter-spacing:2px;text-transform:uppercase;color:#d8d0c4;margin-top:5px;font-size:10px;display:block}.wordmark small b{color:#d6b6e7;letter-spacing:.3px}.navigation{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.nav-item{color:#e5e4de;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:75px;padding:12px 13px 10px;font-size:11px;display:flex}.nav-item svg{width:21px;height:21px}.nav-item.active{color:#f7dfa1;background:#e6c27a12;border-color:#e6c27a66;box-shadow:inset 0 0 18px #e6c27a08}.nav-item:hover{background:#ffffff14}.header-end{align-items:center;gap:12px;display:flex}.coins{background:#271f35c9;border:1px solid #cba96970;border-radius:12px;align-items:center;gap:9px;padding:9px 14px;display:flex}.coins>svg{color:#f1d48c;width:28px;height:28px}.coins b{font-size:17px;line-height:1.1;display:block}.coins small{color:#d1c5b4;letter-spacing:.8px;font-size:9px;display:block}.icon-button{background:#282337aa;border:1px solid #f2e5bc55;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.chapter-title{text-align:center;text-shadow:0 3px 18px #122b48ba;position:absolute;top:111px;left:25%;right:25%}.chapter-pill{color:#f5d996;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(110deg,#483250ed,#251e35eb);border:1px solid #d7bb75;border-radius:30px;align-items:center;gap:10px;padding:7px 25px;font-size:11px;display:inline-flex;box-shadow:0 3px 16px #34283944}.chapter-title h1{color:#fff8e2;letter-spacing:-1px;margin-top:12px;font-size:clamp(35px,3.4vw,54px);line-height:1.04}.chapter-title p{letter-spacing:.5px;color:#fff9df;margin-top:8px;font-size:13px}.chapter-title .flourish{color:var(--gold);justify-content:center;align-items:center;gap:12px;margin:10px auto 0;font-size:11px;display:flex}.flourish:before,.flourish:after{content:"";background:linear-gradient(90deg,#0000,#e4c881);width:60px;height:1px}.flourish:after{transform:rotate(180deg)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(140deg,#332c40ed,#252936df);border:1px solid #d9c18a77;border-radius:18px;box-shadow:0 10px 40px #0c1c302b}.journey-panel{width:264px;padding:18px 14px;position:absolute;top:215px;left:30px}.panel-heading{color:#fff3d0;border-bottom:1px solid #e6c27a32;align-items:center;gap:9px;padding:0 8px 14px;font-family:GardenSerif,Georgia,serif;font-size:22px;display:flex}.panel-heading svg{color:var(--gold);width:19px}.mission-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.mission-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 8px;display:flex}.mission-row .number{color:#efd596;border:1px solid #e6c27a65;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-family:GardenSerif;font-size:18px;display:grid}.mission-row strong{font-size:12px;font-weight:700;display:block}.mission-row small{color:#c5beca;margin-top:3px;font-size:9px;display:block}.mission-row svg{color:#b6d78b;width:16px;height:16px;margin-left:auto}.mission-row.selected{background:linear-gradient(100deg,#a5824a38,#b5a2700a);border-color:#d8b9789c;box-shadow:0 0 15px #bd974a15}.mission-row.complete .number{color:#fff;background:#73935d;border-color:#b2cc8a}.mission-row:disabled{opacity:.48}.small-note{color:#c0b9c6;padding:12px 8px 0;font-size:10px;line-height:1.5}.guidance-panel{width:249px;position:absolute;top:215px;right:30px;overflow:hidden}.guidance-panel .panel-heading{background:#30283be8;border:0;padding:15px 16px;font-size:21px}.parchment{color:#4e453a;background:linear-gradient(115deg,#fff5d8,#eddfbd);padding:17px 19px}.parchment h4{color:#463631;font-size:20px}.source-links{flex-direction:column;gap:7px;margin-top:10px;font-size:11px;line-height:1.3;display:flex}.source-links a{border-bottom:1px dotted #9f8768;width:fit-content;text-decoration:none}.parchment hr{border:0;border-top:1px solid #c6ae83;margin:17px 0}.lesson-list{flex-direction:column;gap:10px;margin:9px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.lesson-list li{gap:7px;display:flex}.lesson-list svg{color:#658647;width:16px;height:16px}.text-link{color:inherit;text-underline-offset:4px;background:0 0;padding:0;font-size:11px;text-decoration:underline}.guidance-panel .text-link{color:#75613b;margin-top:15px}.continue-area{text-align:center;width:350px;position:absolute;bottom:274px;left:50%;transform:translate(-50%)}.continue-area>p{color:#fff8e9;text-shadow:0 2px 8px #193938;margin-bottom:13px;font-size:12px}.primary{color:#423239;background:linear-gradient(110deg,#e8c16e,#f5db9a);border:1px solid #f2cf7d;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:14px 25px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px #997348,0 6px 20px #1c26352b}.primary:hover{background:linear-gradient(110deg,#f3d68c,#ffedbf);box-shadow:0 4px #997348,0 9px 27px #1c263540}.continue-area .primary{color:#fff0bd;background:linear-gradient(#71517d,#44304e);border-radius:40px;width:100%;padding:13px 20px;font-family:GardenSerif;font-size:27px;line-height:1.1;box-shadow:inset 0 2px 10px #ffffff1c,0 4px #30223e,0 0 20px #eed08b48}.continue-area .primary small{color:#e3d3d5;letter-spacing:.4px;margin-top:4px;font-family:GardenSans;font-size:10px;display:block}.continue-area .primary svg{width:21px}.overview-row{grid-template-columns:1.07fr 1.27fr 1fr;gap:17px;height:157px;display:grid;position:absolute;bottom:88px;left:30px;right:30px}.overview-card{flex-direction:column;padding:17px 19px;display:flex;overflow:hidden}.overview-card h3{color:#fff4d5;align-items:center;gap:10px;margin-bottom:11px;font-size:22px;display:flex}.overview-card h3 svg{color:var(--gold);width:20px}.overview-card p{color:#ded9db;max-width:380px;font-size:12px;line-height:1.65}.task-preview{flex-direction:column;gap:8px;font-size:11px;display:flex}.task-preview span{align-items:center;gap:9px;display:flex}.task-preview i{color:#b9d88c;border:1px solid #cbbd97a0;border-radius:4px;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:grid}.rewards-preview{justify-content:space-around;align-items:center;gap:10px;margin-top:1px;display:flex}.reward{color:#e9dfd1;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.reward svg{width:32px;height:32px;color:var(--gold);margin-bottom:3px}.reward b{font-size:14px}.progress-footer{background:#252a37e6;border:1px solid #dcc48a77;border-radius:30px;align-items:center;gap:24px;height:48px;padding:12px 20px;display:flex;position:absolute;bottom:21px;left:30px;right:30px}.progress-footer>span{white-space:nowrap;font-family:GardenSerif;font-size:20px}.progress-footer small{white-space:nowrap;color:#ded5c9}.progress-track{background:#ddd9cc25;border-radius:20px;flex:1;justify-content:space-between;align-items:center;height:6px;margin:0 8px;display:flex;position:relative}.progress-track:before{content:"";height:100%;width:var(--progress);background:#b4cb80;border-radius:20px;position:absolute;top:0;left:0}.progress-dot{z-index:1;background:#37333e;border:1px solid #e7d8b187;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.progress-dot.done{background:#819c55;border-color:#c7df92}.hud{position:absolute;inset:0}.hud-top{background:linear-gradient(#152f3859,#0000);justify-content:space-between;align-items:flex-start;padding:25px 27px;display:flex}.hud-mission{background:#292437d9;border:1px solid #d6be8770;border-radius:14px;align-items:center;gap:13px;padding:13px 18px;display:flex}.hud-mission>span{color:var(--gold)}.hud-mission small{color:#d6c28f;letter-spacing:1.7px;text-transform:uppercase;font-size:9px;display:block}.hud-mission h3{margin-top:3px;font-size:25px}.hud-actions{gap:8px;display:flex}.hud-objective{color:#4f433c;background:#f8f0dbea;border:1px solid #ffe9b6;border-radius:13px;width:268px;padding:15px 18px;position:absolute;top:119px;left:27px;box-shadow:0 5px 25px #273b3b13}.hud-objective .eyebrow{color:#8a7648;letter-spacing:2px;font-size:9px}.hud-objective p{margin:8px 0;font-size:12px;line-height:1.55}.mini-progress{background:#d8cead;border-radius:3px;height:4px;margin-top:10px}.mini-progress i{background:#819855;border-radius:3px;height:100%;display:block}.hud-objective small{color:#897957;font-size:10px}.hud-bottom{flex-direction:column;align-items:center;gap:10px;max-width:90vw;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.interaction{white-space:nowrap;background:#30273eeb;border:1px solid #f4dda3;border-radius:30px;align-items:center;gap:12px;padding:12px 22px;font-size:12px;display:flex;box-shadow:0 8px 25px #2537363b}.interaction kbd{color:#f6df9f;border:1px solid #c9b899;border-radius:5px;padding:3px 7px;font:700 11px GardenSans}.control-hint{color:#f3ebdf;letter-spacing:.3px;background:#1c303b9c;border-radius:8px;padding:7px 12px;font-size:10px}.fiction-note{color:#e9efdf;background:#22313888;border-radius:7px;padding:7px 10px;font-size:9px;position:absolute;bottom:22px;left:25px}.compass{background:#25433fc2;border:2px solid #dbc78f95;border-radius:50%;width:150px;height:150px;position:absolute;bottom:25px;right:27px;overflow:hidden;box-shadow:0 5px 25px #20353738}.compass canvas{width:100%;height:100%}.compass-label{text-align:center;letter-spacing:1.5px;color:#f3e2b3;font-size:8px;position:absolute;bottom:7px;left:0;right:0}#touch-controls{display:none}#modal{z-index:20;pointer-events:none;position:fixed;inset:0}#modal:empty{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;background:#171d2c6e;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal{width:min(780px,100%);max-height:calc(100dvh - 48px);color:var(--ink);scrollbar-color:#aa9371 transparent;background:linear-gradient(145deg,#fbf4e2,#efe6d0);border:1px solid #d9bc7c;border-radius:22px;padding:35px 39px;position:relative;overflow:auto;box-shadow:0 25px 100px #10162570}.modal.wide{width:min(1040px,100%)}.modal.compact{width:min(480px,100%)}.modal h2{color:#46314e;letter-spacing:-.4px;margin:10px 0 13px;font-size:38px;line-height:1.08}.modal h3{font-size:24px}.modal>p,.modal article p{color:#6d6264;margin:12px 0;font-size:14px;line-height:1.8}.modal .close{color:#614468;background:#4e365414;border:1px solid #79656a22;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:16px;right:16px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:#9d8148;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.eyebrow svg{width:17px;height:17px}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.secondary{color:#68536c;background:#fffaf07d;border:1px solid #aa968358;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 17px;font-size:12px;font-weight:750;display:inline-flex}.secondary:hover{background:#fff}.secondary svg{width:17px;height:17px}.fine{color:#8b7e70!important;font-size:10px!important;line-height:1.65!important}.story-top{color:#fff;background:linear-gradient(90deg,#18372d55,#34244200),url(../assets/journal-valley.png) 50% 52%/cover,#8ba18a;border-radius:13px;align-items:flex-end;height:120px;margin-bottom:24px;padding:16px;display:flex}.story-top span{letter-spacing:1px;background:#22332fb0;border:1px solid #dbc28a70;border-radius:20px;padding:5px 12px;font-size:10px}.story-text p{color:#62565a;margin:13px 0;font-size:15px;line-height:1.85}.lesson-callout{color:#58613d;background:#e7e9ce;border-left:3px solid #a4b76b;border-radius:0 9px 9px 0;margin-top:20px;padding:14px 18px;font-size:13px;line-height:1.7}.refs{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.refs a{color:#8b7448;border-bottom:1px dotted #9a845a;font-size:10px;text-decoration:none}.story-count{color:#95856f;margin-left:auto;font-size:11px}.question-list{flex-direction:column;gap:14px;margin-top:22px;display:flex}.question{background:#ffffff76;border:1px solid #c8bba03b;border-radius:13px;padding:17px 19px}.question p{margin-bottom:12px;font-size:13px;font-weight:750;line-height:1.5}.question.done{background:#e8eedb;border-color:#a2b77d}.question .answer-note{color:#63734b;margin:10px 0 0;font-size:11px;font-weight:400}.options{flex-wrap:wrap;gap:7px;display:flex}.option{color:#66566a;background:#fffaf0;border:1px solid #bfb1a171;border-radius:8px;padding:9px 13px;font-size:12px}.option.selected{color:#fff;background:#6e8554;border-color:#718b4d}.option:hover{background:#f0e4ed;border-color:#89638d}.feedback-line{color:#7d642e;background:#f7e4b6;border-radius:9px;margin-top:13px;padding:11px 14px;font-size:12px;line-height:1.6}.puzzle-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.hint-box{color:#81714e;background:#e9ddbc8a;border-radius:9px;margin-top:16px;padding:13px;font-size:12px;line-height:1.6}.water-wrap{justify-content:center;align-items:center;gap:18px;margin:22px 0;display:flex}.water-grid{background:#918874;border-radius:15px;grid-template-columns:repeat(3,82px);gap:8px;padding:10px;display:grid}.pipe{color:#9c8b68;background:#e6d4ab;border:2px solid #cbbd9f;border-radius:8px;width:82px;height:82px;position:relative}.pipe.active{color:#2497a2;background:#d2ece3;border-color:#98d6cc}.pipe svg{width:76px;height:76px}.pipe-number{color:#7c6c57;font-size:8px;position:absolute;top:3px;left:5px}.water-label{color:#6d7560;flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex}.water-label svg{width:30px;height:30px}.completion-crest{color:#8d6b31;background:radial-gradient(#fff6c9,#e6c97a);border:1px solid #c7a659;border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 19px;display:grid;box-shadow:0 0 0 8px #e6c97a20}.completion-crest svg{width:38px;height:38px}.celebration{text-align:center}.celebration .eyebrow,.celebration .modal-actions{justify-content:center}.reward-strip{border-top:1px solid #b6a47f44;border-bottom:1px solid #b6a47f44;justify-content:center;gap:35px;margin-top:20px;padding:22px;display:flex}.reward-strip .reward{color:#74624d}.reward-strip .reward svg{color:#9e7c38}.journal-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:22px;display:grid}.journal-entry{text-align:left;color:#56445e;background:#fff9e970;border:1px solid #caba9d77;border-radius:12px;padding:17px}.journal-entry h3{font-size:24px}.journal-entry p{color:#837567;margin:8px 0;font-size:11px;line-height:1.6}.journal-entry .tag{text-transform:uppercase;letter-spacing:1px;color:#998351;font-size:9px}.journal-entry button{margin-top:7px}.chapter-future{grid-template-columns:repeat(6,1fr);gap:9px;margin-top:20px;display:grid}.future-slot{color:#9c9183;background:#e2dccd6e;border:1px solid #c7bca85c;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:13px 5px;font-size:10px;display:flex}.future-slot svg{width:18px;height:18px}.setting{border-bottom:1px solid #cbbfa56e;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;font-size:12px;display:flex}.setting input[type=range]{accent-color:#7b5c8f;width:150px}.setting input[type=checkbox]{accent-color:#7b5c8f;width:20px;height:20px}.settings-grid{grid-template-columns:1fr 1fr;gap:27px;display:grid}.settings-grid h3{margin:17px 0 5px;font-size:23px}.save-tools{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.garden-panel{color:#f2eadb;width:315px;max-height:calc(100dvh - 135px);padding:20px;position:absolute;top:110px;right:25px;overflow:auto}.garden-panel h2{color:#fff1cb;margin-bottom:7px;font-size:31px}.garden-panel p{color:#d5cbd3;font-size:11px;line-height:1.6}.garden-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:17px;display:grid}.plot{color:#d2dfab;background:#96af6b22;border:1px solid #c2d59242;border-radius:6px;height:37px;font-size:16px}.plot.occupied{background:#81975266}.plot.selected{outline-offset:1px;outline:2px solid #f2d690}.plot svg{width:21px;height:21px}.garden-tools{gap:7px;margin:12px 0;display:flex}.garden-tools .secondary{color:#e5d9c9;background:#ffffff0e;border-color:#d6c48b40;padding:8px 10px;font-size:10px}.inventory{flex-direction:column;gap:7px;margin-top:15px;display:flex}.inventory-item{color:#f5ead1;text-align:left;background:#ffffff0b;border:1px solid #d2c19432;border-radius:9px;align-items:center;gap:11px;padding:10px;display:flex}.inventory-item.active{background:#d5b26426;border-color:#e3c47b}.inventory-item>svg{color:#b1cd80;width:25px;height:25px}.inventory-item>span{flex:1}.inventory-item b{font-size:11px;display:block}.inventory-item small{color:#bfb5c2;margin-top:4px;font-size:9px;display:block}.inventory-item em{color:#f0d894;font-size:10px;font-style:normal}.garden-title{text-shadow:0 3px 15px #24403ab0;position:absolute;top:125px;left:40px}.garden-title h1{font-size:48px;line-height:1.1}.garden-title p{max-width:260px;margin-top:12px;font-size:12px;line-height:1.6}.arabic{text-align:center;direction:rtl;background:#fff9e8;border:1px solid #c3b17f77;border-radius:12px;margin-top:20px;padding:17px;color:#4c4655!important;font-family:Amiri,serif!important;font-size:25px!important;line-height:2.3!important}.loading{color:#f3dfb2;background:radial-gradient(at 50% 60%,#526c51,#222936);flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.loading>span{margin-bottom:20px;font-size:38px;animation:2s ease-in-out infinite breathe}.loading h1{font-size:52px}.loading p{letter-spacing:1px;color:#d4d3bc;margin-top:18px;font-size:12px}#toast{z-index:60;color:#f9edcf;pointer-events:none;background:#342e42f2;border:1px solid #c7b17a;border-radius:13px;max-width:min(570px,90vw);padding:14px 23px;font-size:12px;line-height:1.6;position:fixed;bottom:95px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #172b3540}.badges{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.badge{text-align:center;opacity:.5;background:#e5dcc76b;border:1px solid #c1af8880;border-radius:15px;padding:20px 14px}.badge.earned{opacity:1;background:#ece7cd;border-color:#b3b47c}.badge svg{color:#ab8b42;width:34px;height:34px;margin-bottom:12px}.badge h3{font-size:23px}.badge p{color:#7e705d;margin-top:7px;font-size:11px;line-height:1.6}.controls-table{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;display:grid}.controls-table span{background:#fff9ea;border:1px solid #c2b19855;border-radius:7px;justify-content:space-between;align-items:center;padding:12px;font-size:11px;display:flex}.controls-table kbd{color:#72527a;font:700 10px GardenSans}.story-history{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.story-history button{font-size:10px}.progress-text{color:#927f58;margin-top:12px;font-size:11px}.completion-petals{letter-spacing:9px;color:#b99959;margin:13px 0;font-size:28px}.empty-state{text-align:center;color:#9c8b73;padding:20px;font-size:12px}.error{color:#3e3449;background:#f6efd9;place-content:center;gap:15px;min-height:100dvh;padding:45px;display:grid}.error h1{font-size:39px}.error p{max-width:550px;font-size:14px;line-height:1.8}.scrollable{overflow:auto}body.reduced *{transition:none!important;animation:none!important}@keyframes breathe{50%{opacity:.4;transform:translateY(-4px)}}@media (width<=1180px){.topbar{gap:10px;padding:0 20px}.wordmark{min-width:210px}.wordmark strong{font-size:25px}.nav-item{min-width:62px;padding:10px;font-size:10px}.coins{padding:8px}.journey-panel{width:235px;left:20px}.guidance-panel{width:223px;right:20px}.overview-row{gap:12px;left:20px;right:20px}.overview-card{padding:15px}.overview-card h3{font-size:21px}.chapter-title{left:23%;right:23%}.continue-area{width:300px}.settings-grid{gap:20px}}@media (height<=850px) and (width>=801px){.topbar{height:76px}.chapter-title{top:88px}.chapter-title h1{font-size:38px}.chapter-title p{font-size:11px}.chapter-title .flourish{margin-top:5px}.journey-panel,.guidance-panel{top:169px}.journey-panel{padding:13px 10px}.mission-row{padding:8px 6px}.panel-heading{padding-bottom:10px;font-size:20px}.guidance-panel .panel-heading{padding:12px;font-size:19px}.parchment{padding:13px 16px}.parchment hr{margin:12px 0}.lesson-list{gap:7px;font-size:10px}.source-links{gap:5px;font-size:10px}.overview-row{height:136px;bottom:76px}.overview-card p{font-size:10px}.overview-card h3{margin-bottom:9px;font-size:20px}.task-preview{gap:7px;font-size:10px}.continue-area{bottom:230px}.progress-footer{height:43px;bottom:18px}.reward svg{width:26px;height:26px}}@media (any-pointer:coarse){#touch-controls{display:block}#move-stick{left:max(30px,env(safe-area-inset-left));pointer-events:auto;touch-action:none;background:#392c4860;border:1.5px solid #f8edd38c;border-radius:50%;width:112px;height:112px;position:absolute;bottom:70px;box-shadow:inset 0 0 25px #ffffff08}#move-stick i{pointer-events:none;background:#f0dfb4b0;border:1px solid #f4eed4;border-radius:50%;width:45px;height:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-jump{pointer-events:auto;touch-action:none;background:#392e4bd4;border:1px solid #e1d6b1ab;border-radius:50%;width:58px;height:58px;font-size:11px;font-weight:800;position:absolute;bottom:150px;right:34px}.hud-bottom{max-width:180px;bottom:65px;left:auto;right:22px;transform:none}.interaction{white-space:normal;min-height:53px;padding:13px 18px;font-size:11px}.interaction kbd,.control-hint{display:none}.compass{width:100px;height:100px;bottom:235px;right:24px}.fiction-note{bottom:22px;left:25px}.hud-objective{width:238px}.hud-mission h3{font-size:22px}.hud-mission{padding:12px 15px}}@media (width<=800px),(height<=550px) and (any-pointer:coarse){.home-screen{pointer-events:auto;background:linear-gradient(#20333962,#233042ed 520px,#242e39);padding-bottom:28px;overflow:auto}.topbar{flex-wrap:wrap;gap:12px;height:78px;padding:0 17px}.wordmark{min-width:auto;margin-right:auto}.wordmark strong{font-size:24px}.wordmark small{font-size:8px}.brand-mark{width:34px;height:40px}.brand-mark svg{width:24px}.navigation{background:#252837e8;border-bottom:1px solid #d5bd7c3a;flex-basis:100%;order:3;justify-content:space-around;width:100%;margin:0 -17px;padding:0 8px}.nav-item{border-radius:0;flex:1;min-width:50px;padding:10px;font-size:9px}.nav-item svg{width:18px;height:18px}.coins{padding:7px 10px}.coins>svg{width:21px;height:21px}.coins b{font-size:14px}.coins small{font-size:8px}.header-end{gap:8px}.icon-button{width:33px;height:33px}.chapter-title{margin:100px 20px 0;position:relative;top:auto;left:auto;right:auto}.chapter-title h1{font-size:40px}.chapter-title p{font-size:12px}.chapter-title .flourish{margin-top:13px}.continue-area{width:min(330px,90%);margin:35px auto;position:relative;bottom:auto;left:auto;transform:none}.continue-area>p{font-size:11px}.journey-panel{width:calc(100% - 36px);margin:0 18px;padding:17px;position:relative;top:auto;left:auto}.mission-list{grid-template-columns:1fr;display:grid}.mission-row{padding:10px}.mission-row strong{font-size:13px}.mission-row small{font-size:10px}.guidance-panel{width:calc(100% - 36px);margin:15px 18px 0;position:relative;top:auto;right:auto}.guidance-panel .parchment{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guidance-panel hr{display:none}.guidance-panel .text-link{text-align:left;grid-column:1/-1;margin:0}.overview-row{grid-template-columns:1fr;gap:13px;height:auto;margin:15px 18px;display:grid;position:relative;bottom:auto;left:auto;right:auto}.overview-card{min-height:135px;padding:19px}.overview-card p{font-size:12px}.overview-card h3{font-size:23px}.task-preview{font-size:12px}.progress-footer{flex-wrap:wrap;gap:13px;height:auto;margin:20px 18px 0;padding:10px 15px;position:relative;bottom:auto;left:auto;right:auto}.progress-footer>span{font-size:18px}.progress-track{min-width:100px}.progress-footer small{font-size:9px}.modal-backdrop{padding:12px}.modal{border-radius:17px;max-height:calc(100dvh - 24px);padding:28px 22px}.modal h2{margin-top:9px;font-size:34px}.modal>p,.story-text p{font-size:13px;line-height:1.8}.modal .close{top:12px;right:12px}.journal-grid{grid-template-columns:1fr}.chapter-future{grid-template-columns:repeat(4,1fr)}.settings-grid{grid-template-columns:1fr;gap:8px}.badges{grid-template-columns:1fr 1fr}.hud-top{padding:16px}.hud-mission{gap:8px;max-width:65vw;padding:10px 12px}.hud-mission h3{font-size:21px;line-height:1.1}.hud-mission small{letter-spacing:1px;font-size:8px}.hud-objective{width:210px;padding:12px 14px;top:100px;left:16px}.hud-objective p{font-size:11px}.hud-actions{gap:5px}.hud-actions .icon-button{width:33px;height:33px}.fiction-note{max-width:65%;font-size:8px;bottom:18px;left:16px}.garden-title{top:161px;left:20px}.garden-title h1{font-size:34px}.garden-title p{max-width:200px;font-size:11px}.garden-panel{width:auto;max-height:50dvh;padding:16px;inset:auto 15px 20px}.garden-panel .inventory{grid-template-columns:1fr 1fr;display:grid}.garden-panel h2{font-size:25px}.garden-grid{grid-template-columns:repeat(6,1fr);max-width:340px;margin:14px auto 0}.inventory-item{padding:8px}.inventory-item b{font-size:10px}.garden-tools{justify-content:center}.water-grid{grid-template-columns:repeat(3,65px);gap:6px;padding:8px}.pipe{width:65px;height:65px}.pipe svg{width:59px;height:59px}.water-wrap{gap:7px}.water-label{font-size:9px}.water-label svg{width:23px}.story-top{height:100px}.controls-table{grid-template-columns:1fr}.reward-strip{gap:22px;padding:18px 0}.reward-strip .reward b{font-size:12px}.story-count{width:100%;margin-left:0}.modal-actions .primary{flex:1}.question{padding:14px}.option{padding:10px;font-size:11px}.loading h1{font-size:42px}}@media (height<=550px) and (any-pointer:coarse){.hud-top{padding:10px 17px}.hud-objective{width:210px;padding:10px 13px;top:78px}.hud-mission h3{font-size:20px}#move-stick{width:91px;height:91px;bottom:36px;left:27px}#move-stick i{width:36px;height:36px}#touch-jump{width:49px;height:49px;bottom:115px;right:26px}.hud-bottom{bottom:35px;right:18px}.fiction-note{font-size:7px;bottom:10px}.compass{width:82px;height:82px;bottom:185px;right:20px}.garden-panel{width:300px;max-height:calc(100dvh - 100px);inset:85px 20px 15px auto}.garden-title{top:110px}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}}.mission-row strong{font-size:13px}.mission-row small{font-size:10px}.story-text p{font-size:16px}.question p{font-size:14px}.option,.hud-objective p{font-size:13px}.lesson-callout{font-size:14px}.modal article p{font-size:13px}.source-links,.lesson-list{font-size:12px}@media (width<=800px){.story-text p{font-size:15px}.question p{font-size:13px}.option,.hud-objective p{font-size:12px}.source-links,.lesson-list{font-size:11px}}.garden-screen [hidden]{display:none!important}.garden-edit-toggle{gap:10px;min-height:46px;padding:13px 20px;font-size:13px;position:absolute;top:260px;left:40px}.garden-screen .garden-panel{pointer-events:auto;flex-direction:column;width:370px;max-height:calc(100dvh - 135px);padding:0;display:flex;inset:110px 25px auto auto;overflow:hidden}.garden-editor-heading{background:#302d3ef5;border-bottom:1px solid #d7c18a38;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:19px 20px 15px;display:flex}.garden-editor-heading .eyebrow{letter-spacing:1.4px;color:#d9c394;margin-bottom:5px;font-size:9px}.garden-editor-heading h2{font-size:27px;line-height:1.15}.garden-editor-heading .icon-button{flex:none;width:44px;min-width:44px;height:44px}.garden-editor-body{overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;min-height:0;padding:16px 20px 20px}.garden-editor-status{min-height:36px;color:#eadfc8!important;margin:0!important;font-size:12px!important;line-height:1.5!important}.garden-screen .garden-grid{gap:6px;max-width:none;margin:12px 0 0}.garden-screen .plot{height:42px;min-height:42px}.garden-screen .garden-tools{justify-content:stretch;gap:6px}.garden-screen .garden-tools .secondary{white-space:nowrap;flex:1;min-height:44px;padding:8px 5px;font-size:11px}.garden-collection-title{margin-top:19px;font-size:22px}.garden-screen .inventory{flex-direction:column;display:flex}.garden-screen .inventory-item{gap:10px;min-height:57px;padding:10px}.garden-screen .inventory-item b{font-size:12px}.garden-screen .inventory-item small{font-size:10px}.garden-editor-help{color:#d4c8d0!important;margin-top:17px!important;font-size:11px!important;line-height:1.6!important}.garden-screen.is-editing #touch-controls{pointer-events:none;display:none!important}.garden-screen .fiction-note{max-width:unset}@media (width<=800px),(height<=550px) and (any-pointer:coarse){.garden-screen .topbar{height:64px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));flex-wrap:nowrap;align-items:center;gap:8px}.garden-screen .navigation{display:none}.garden-screen .wordmark{gap:6px;min-width:0;margin-right:auto}.garden-screen .wordmark strong{white-space:nowrap;font-size:22px}.garden-screen .wordmark small{display:none}.garden-screen .brand-mark{flex:none;width:25px;height:32px}.garden-screen .brand-mark svg{width:21px;height:21px}.garden-screen .header-end{flex:none;gap:6px}.garden-screen .coins{gap:5px;padding:6px 8px}.garden-screen .coins small{display:none}.garden-screen .coins>svg{width:18px;height:18px}.garden-screen .coins b{font-size:13px}.garden-screen .header-end .icon-button{width:36px;height:36px}.garden-screen .garden-title{left:max(16px,env(safe-area-inset-left));top:82px}.garden-screen .garden-title h1{font-size:30px}.garden-screen .garden-title .eyebrow,.garden-screen .garden-title p{display:none}.garden-screen .garden-edit-toggle{left:auto;right:max(14px,env(safe-area-inset-right));gap:7px;min-height:44px;padding:11px 13px;font-size:11px;top:76px}.garden-screen .garden-edit-toggle svg{width:18px;height:18px}.garden-screen .garden-panel{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:auto;bottom:max(10px,env(safe-area-inset-bottom));border-radius:18px;width:auto;max-height:min(60dvh,600px);padding:0}.garden-editor-heading{padding:13px 15px 11px}.garden-editor-heading .eyebrow{margin-bottom:3px;font-size:8px}.garden-editor-heading h2{font-size:25px}.garden-editor-body{padding:13px 15px 18px}.garden-screen .garden-grid{max-width:420px;margin:12px auto 0}.garden-screen .plot{height:44px;min-height:44px}.garden-screen .garden-tools{max-width:420px;margin:12px auto}.garden-screen .inventory{display:flex}.garden-screen #move-stick{left:max(22px,env(safe-area-inset-left));bottom:max(48px,calc(env(safe-area-inset-bottom) + 24px))}.garden-screen #touch-jump{right:max(24px,env(safe-area-inset-right));bottom:max(73px,calc(env(safe-area-inset-bottom) + 49px));width:60px;height:60px}.garden-screen .fiction-note{bottom:max(15px,env(safe-area-inset-bottom));text-align:center;font-size:9px;left:16px;right:16px}.garden-screen.is-editing .fiction-note{display:none}}@media (width<=365px){.garden-screen .wordmark strong{font-size:19px}.garden-screen .garden-title h1{font-size:27px}.garden-screen .garden-edit-toggle{padding:11px 10px;font-size:10px}.garden-screen .brand-mark{display:none}}@media (height<=550px) and (any-pointer:coarse){.garden-screen .topbar{height:55px}.garden-screen .garden-title{top:71px}.garden-screen .garden-edit-toggle{top:64px}.garden-screen .garden-panel{max-height:60dvh}.garden-editor-heading{padding:8px 14px}.garden-editor-heading .eyebrow{display:none}.garden-editor-heading h2{font-size:24px}.garden-screen #move-stick{bottom:max(30px,env(safe-area-inset-bottom))}.garden-screen #touch-jump{bottom:max(45px,env(safe-area-inset-bottom))}}