:root{color-scheme:light;--ink:#354731;--muted:#59634e;--paper:#f6f0df;--green:#465e39;--orange:#bb7043}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#dce1d1;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;display:grid;place-items:center;padding:22px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #ad6037;outline-offset:3px}button:disabled{cursor:default}::selection{background:#d8dfa9}h1,h2,h3,p{margin:0}button svg{pointer-events:none}.game{width:430px;max-width:100%;position:relative;overflow:hidden;background:var(--paper);border-radius:24px;box-shadow:0 18px 65px #34452e26}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;background:#f7f1e3}.brand{display:flex;gap:10px;align-items:center}.brand>svg{width:30px;height:35px;fill:none;stroke:#53653c;stroke-width:1.7;stroke-linejoin:round}.brand h1{font-family:"STKaiti","KaiTi",serif;font-size:25px;letter-spacing:2px;font-weight:600}.brand p{font-size:11px;letter-spacing:5px;margin-top:3px;color:var(--muted)}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button{border:0;color:var(--ink);background:none;min-width:40px;height:44px}.header-actions svg{fill:none;stroke:currentColor;stroke-width:1.7;width:21px;height:21px}.bag{display:flex;gap:7px;align-items:center}.bag span{font-size:14px;font-variant-numeric:tabular-nums}.icon-button{display:grid;place-items:center}.adventure{position:relative;height:445px;isolation:isolate;background:#e9ebcf}canvas{display:block;width:100%;height:100%}.location{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.location h2{font-size:19px;font-weight:600;letter-spacing:2px}.location p{margin-top:6px;font-size:11px;color:#546448}.location>span{font-size:12px;letter-spacing:2px;font-variant-numeric:tabular-nums}.route{position:absolute;top:83px;left:24px;display:flex;gap:6px}.route i{height:4px;width:18px;border-radius:2px;background:#acb793}.route i.active{background:#4e683f}.explore-state{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:12px 22px;color:#f5f0dc;background:#374b33;font-size:11px}.status-dot{width:5px;height:5px;border-radius:50%;background:#dbdc9a}.explore-state #findings{margin-left:auto;color:#e1e5c8}.notice{position:absolute;bottom:50px;left:22px;right:22px;text-align:center;font-size:11px;color:#3d5134;background:#f6f2dfeb;padding:9px 12px;border-radius:8px;transition:opacity .3s;pointer-events:none}.notice.quiet{opacity:0}.loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper);z-index:10;font-size:14px}.kitchen{padding:20px 22px 7px}.kitchen-heading{display:flex;justify-content:space-between;gap:5px;align-items:flex-start}.kitchen-heading h2{font-size:17px;letter-spacing:1px}.kitchen-heading p{font-size:11px;color:#59634e;margin-top:7px}.fire-label{font-size:11px;color:#946041;white-space:nowrap;padding-top:3px}.ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.ingredient{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #d9d7bf;border-radius:12px;background:#eee9d7;color:var(--ink);padding:7px 5px 8px;transition:background .15s,transform .15s}.ingredient:not(:disabled):hover{background:#e4e4c9;transform:translateY(-2px)}.ingredient[aria-pressed=true]{border-color:#5d7446;background:#dce2bd}.ingredient:disabled{opacity:.65}.ingredient svg{width:40px;height:40px}.ingredient span{font-size:12px;margin:2px 0 3px}.ingredient small{font-size:11px;color:#536045}.amount{position:absolute;right:8px;top:6px;font-size:11px;color:#fff;background:#566e40;border-radius:50%;height:17px;min-width:17px;line-height:17px;display:none}.amount:not(:empty){display:block}.stove{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:162px}.pot-area{position:relative;height:151px}.pot-sprite{position:absolute;width:145px;height:145px;left:-3px;top:0;background:url('assets/sprites.png') 100% 100% / 300% 200%;mix-blend-mode:multiply}.pot-foods{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#75694b}.steam{position:absolute;top:15px;left:55px;display:flex;gap:9px;z-index:1;opacity:0}.steam i{display:block;border-left:2px solid #fff9e9;width:6px;height:23px;border-radius:50%;animation:steam 1.5s infinite}.steam i:nth-child(2){animation-delay:.5s}.steam i:nth-child(3){animation-delay:1s}.cooking .steam,.ready .steam{opacity:1}.cook-controls{padding-left:12px;padding-top:8px}.cook-controls h3{font-size:14px;font-weight:600}.cook-controls p{font-size:11px;color:#556044;margin-top:6px;min-height:14px}.cook-progress{height:4px;background:#dedcc6;margin:12px 0 9px;border-radius:3px;overflow:hidden}.cook-progress i{display:block;width:0;height:100%;background:#ba794a}.cook-button{width:100%;height:38px;border:0;border-radius:9px;background:#4d643e;color:#fff9e7;font-size:12px;transition:background .15s}.cook-button:not(:disabled):hover{background:#374d2c}.cook-button:disabled{background:#dfdfc9;color:#59634b}.ready .cook-button{background:#b46c40}.clear-button{border:0;background:none;display:block;margin:2px auto 0;color:#667453;font-size:11px;min-height:28px;padding:4px 12px}.clear-button:disabled{opacity:.4}footer{display:flex;align-items:center;justify-content:space-between;padding:10px 23px 15px;color:#60664e;font-size:11px}footer button{background:none;border:0;color:#5c6a4c;font-size:11px;padding:7px}#bag-panel{position:absolute;top:73px;right:14px;left:14px;background:#fbf6e8;padding:23px;z-index:20;border-radius:14px;box-shadow:0 12px 45px #283d3438}.bag-title{display:flex;justify-content:space-between;align-items:center}.bag-title h2{font-size:19px}.bag-title button{border:0;background:none;color:#53653c;min-height:40px}.bag-title+p{font-size:12px;line-height:1.8;margin:7px 0 15px}#bag-items{display:grid;gap:12px;font-size:13px}#bag-items>div{display:flex;justify-content:space-between;border-bottom:1px solid #e2dfc9;padding-bottom:10px}.bag-note{font-size:11px;color:#626650;margin-top:18px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes steam{0%{transform:translateY(8px);opacity:0}50%{opacity:.8}100%{transform:translateY(-10px);opacity:0}}@media(max-width:480px){body{padding:0;background:var(--paper)}.game{border-radius:0;box-shadow:none;width:100%;min-height:100dvh}.adventure{height:clamp(300px,49dvh,445px)}.topbar{height:68px}.kitchen{padding-top:15px}footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:350px){.kitchen{padding-left:15px;padding-right:15px}.ingredient span{font-size:11px}.pot-sprite{width:125px;height:125px;top:15px}.kitchen-heading p{font-size:11px}.location{left:18px;right:18px}.explore-state{padding-left:15px;padding-right:15px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.paused .steam i{animation-play-state:paused}.ingredient small,.cook-controls p,.clear-button,.pot-foods{color:#536045}.ready .cook-button{background:#995330}
.style-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 22px 10px;background:#f7f1e3}.style-bar>span{font-size:11px;color:#59634e}.style-switch{display:flex;padding:3px;background:#e7e7d3;border-radius:9px;gap:3px}.style-switch button{border:0;border-radius:6px;min-width:52px;min-height:34px;padding:6px 10px;background:transparent;color:#526246;font-size:12px}.style-switch button[aria-pressed=true]{background:#4d643e;color:#fff9e7}.style-switch button:disabled{opacity:.6}.style-switch button:not(:disabled):hover{box-shadow:inset 0 0 0 1px #6c8158}.voxel .pot-sprite{background-image:url("assets/voxel-sprites.png")}.voxel .cook-progress,.voxel .cook-button,.voxel .ingredient{border-radius:4px}#bag-panel{top:120px}@media(max-width:350px){.style-bar{padding-left:15px;padding-right:15px}.style-bar>span{font-size:11px}.style-switch button{min-width:46px;padding:6px 8px}}
