@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,600;0,700;1,600&display=swap');
:root{color-scheme:light;--cream:#f7efd9;--ink:#30372b;--green:#57713d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}header{max-width:1320px;margin:auto;padding:24px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30372b22}a{color:inherit;text-decoration:none}.brand{font-weight:800;letter-spacing:2px;font-size:18px}header>span{font-size:10px;letter-spacing:2px;color:#6a705f}button{cursor:pointer;font:inherit;border:1px solid #30372b40;border-radius:7px;background:#ede6d1;color:var(--ink);padding:10px 15px}button:hover{filter:brightness(.94)}button:focus-visible,canvas:focus-visible{outline:3px solid #7e984a;outline-offset:3px}main{max-width:1200px;margin:auto;padding:30px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-family:Fraunces,Georgia,serif;font-size:49px;line-height:1.1;letter-spacing:-2px;margin:14px 0 0}h1 em{color:var(--green)}.heading p{color:#747563;line-height:1.8;font-size:13px}.game{border:2px solid #3e4934;border-radius:14px;overflow:hidden;box-shadow:0 10px 0 #30372b0b}.hud{display:flex;justify-content:space-between;background:#eae2cb;padding:17px 26px}.hud small{display:block;font-size:9px;letter-spacing:1.8px;color:#7a7c68;margin-bottom:5px}.hud b{font-size:15px}.screen{position:relative;background:#aabc84}canvas{display:block;width:100%;touch-action:none}#overlay{position:absolute;inset:0;background:#f7efd9ed;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}h2{font:600 48px/1.1 Fraunces,Georgia,serif;margin:18px 0}#overlay p{color:#6a705f;line-height:1.7}#overlay button{background:#57713d;color:#fff4d9;font-weight:700;padding:16px 24px;margin:15px;border-color:#30372b}#overlay small{font-size:9px;letter-spacing:1.5px;margin-top:15px}#notice{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#f8f0dcf2;border:1px solid #697451;padding:10px 18px;border-radius:24px;font-size:12px;text-align:center;max-width:92%;width:max-content;pointer-events:none}#pause{position:absolute;inset:0;background:#f7efd9ce;align-content:center;text-align:center;font:600 35px Fraunces,Georgia,serif}#pause small{display:block;font:12px 'DM Sans',sans-serif;margin-top:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#eae2cb;gap:10px;font-size:11px;color:#5f6754}kbd{display:inline-block;padding:5px;border:1px solid #999e85;border-radius:4px;margin-right:5px;color:var(--ink);font-size:10px}.toolbar button{font-size:11px}#upgrade{background:#57713d;color:#f7efd9}.touch{display:none}.quest{display:flex;align-items:center;gap:25px;margin-top:24px}.quest p{font-size:13px;margin:7px 0}.progress{width:180px;height:8px;background:#dedfc4;border-radius:5px;overflow:hidden}#progressBar{height:100%;background:#7b9654;transition:width .3s}#saveStatus{margin-left:auto;font-size:10px;color:#7a7c68}footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#7a7c68;padding:24px 0}footer button{background:transparent;font-size:10px;padding:7px 12px}dialog{border:2px solid #3e4934;border-radius:12px;padding:25px;background:var(--cream);color:var(--ink);max-width:90%}dialog h2{font-size:30px}dialog::backdrop{background:#172b2577}dialog p{font-size:13px}dialog div{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}#confirmReset{background:#57713d;color:var(--cream)}@media(max-width:700px){header{padding:20px}header>span{display:none}main{padding:22px 12px}.heading{display:block}h1{font-size:36px}.heading p{font-size:12px}.hud{padding:12px;gap:8px}.hud b{font-size:11px}.hud small{font-size:7px;letter-spacing:.8px}.toolbar span{display:none}.toolbar{justify-content:center}h2{font-size:30px}#overlay p{font-size:11px}#overlay small{display:none}.touch{display:flex;justify-content:center;padding:10px;gap:6px;background:#eae2cb}.touch button{touch-action:none}.quest{flex-wrap:wrap;gap:8px}.progress{flex:1}#saveStatus{font-size:9px}footer{font-size:7px;letter-spacing:0}#notice{font-size:10px;padding:7px 10px}}

.exploration{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 22px;border-top:2px solid #899458;background:#eee8ce;flex-wrap:wrap}.exploration small{display:block;margin-top:4px;color:#627044}.exploration select{padding:10px;border:1px solid #899458;border-radius:8px;background:#faf5df;color:#283b2a;font:inherit}.exploration label{display:flex;align-items:center;gap:8px}

.inventory{padding:20px 24px;background:#f5efdc;border-top:1px solid #d8ccb1}.inventory-title,.inventory-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.inventory-title strong{color:#4c6034}.carry-track{height:8px;border-radius:8px;background:#dbd0b7;margin:12px 0;overflow:hidden}.carry-track div{height:100%;background:#728452;width:0;transition:width .2s}.crop-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:14px;margin-bottom:16px}.inventory-footer small{color:#69664d}@media(max-width:700px){.crop-list{grid-template-columns:repeat(2,1fr)}.inventory-footer{align-items:flex-start;flex-direction:column}}

.carriage-inventory{background:#eee5ca}.cargo-actions{display:flex;gap:10px;flex-wrap:wrap}#cargoHelp{font-size:14px;color:#69664d;line-height:1.5}.cargo-actions button:disabled{opacity:.45;cursor:default}

[hidden]{display:none!important}.game-menu{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:5px;flex-wrap:wrap;z-index:4;pointer-events:none}.game-menu button{pointer-events:auto;padding:7px 10px;font-size:11px;background:#f6ebd9ed;border:1px solid #4b513a;box-shadow:0 2px 3px #20261833}.game-panel{position:absolute;z-index:5;top:55px;right:12px;width:min(440px,calc(100% - 24px));max-height:calc(100% - 100px);overflow:auto;background:#f3ead4f7;border:2px solid #4b513a;border-radius:10px;padding:12px;box-shadow:0 8px 25px #18241466}.game-panel .inventory,.game-panel .exploration,.game-panel .toolbar{padding:12px 4px;background:transparent;border:0}.close-panel{display:block;margin-left:auto;padding:5px 10px;font-size:12px}.game-panel .toolbar{flex-wrap:wrap}.game-panel button{font-size:12px}.game-panel p{font-size:12px;line-height:1.5}.screen #overlay,.screen #pause{z-index:7}.screen .touch{position:absolute;bottom:5px;left:5px;background:#efe2c4dd;padding:5px;border-radius:8px;z-index:4}.screen .touch button{padding:7px}.game-panel .crop-list{grid-template-columns:1fr 1fr}@media(max-width:700px){.game-menu{gap:3px;top:5px;left:5px}.game-menu button{padding:5px;font-size:9px}.game-panel{top:64px;max-height:calc(100% - 115px);padding:6px}.game-panel .toolbar span{display:block}.game-panel button{font-size:10px;padding:7px}.game-panel small{font-size:10px}}

.game-menu button,.game-panel button{border:2px solid #3d412b;border-radius:5px 8px 4px 7px;background:linear-gradient(115deg,#c4b58b,#e1d3aa 48%,#b9a879);box-shadow:1px 2px 0 #31362555;color:#30372b;font-weight:600}.game-panel{background:radial-gradient(ellipse at 20% 10%,#ece0b9cc,transparent 65%),radial-gradient(ellipse at 90% 85%,#baa57566,transparent 70%),#ded0a9;border:3px solid #3c422d;border-radius:8px 13px 6px 11px;box-shadow:3px 5px 0 #28302355}.game-panel .inventory-title b{font-family:Georgia,serif;color:#38432c}.game-panel .carry-track{background:#a79c75}.game-panel button:disabled{opacity:.5}.game{border:3px solid #343d29;border-radius:9px 14px 8px 13px}.hud{background:linear-gradient(100deg,#d6cba5,#e3d8b7,#cbbf98)}

.game-menu button,.game-panel button{background:#d8c598;border:2px solid #262a20;border-radius:6px;box-shadow:1px 2px 0 #262a2044}.game-panel{background:#e5d8b2;border:3px solid #262a20;border-radius:9px;box-shadow:3px 4px 0 #262a2055}.hud{background:#daceab}

.game-key-hints{position:absolute;top:12px;left:14px;color:#f4e5bd;text-shadow:1px 2px 2px #20251d;font-size:12px;pointer-events:none}.game-panel{top:42px;max-height:calc(100% - 85px)}@media(max-width:700px){.game-key-hints{font-size:9px;top:7px;left:7px}}