:root{font-family:Arial,Helvetica,sans-serif;color:#dfdfdd;background:#10181e;font-synthesis:none;-webkit-tap-highlight-color:transparent;color-scheme:dark}.credits{margin-top:16px;color:#9facaa;font-size:11px}.credits summary{cursor:pointer}.credits a{color:#dfca98}.credits p{font-size:11px}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible{outline:2px solid #e7bd68;outline-offset:4px}button:active{filter:brightness(1.18)}svg{width:100%;height:100%;display:block}button svg{pointer-events:none}[hidden]{display:none!important}#game{position:relative;width:100vw;height:100svh;height:100dvh;max-width:56.25dvh;margin:auto;overflow:hidden;isolation:isolate;container-type:size;touch-action:none;background:#14212b}#world{display:block;width:100%;height:100%;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 38%,transparent 25%,#0b182728 73%,#06101c60 110%);z-index:1}.hud{position:absolute;inset:env(safe-area-inset-top,0px) 0 auto;height:10%;z-index:3;pointer-events:none;text-shadow:0 2px 3px #101a2555}.health{position:absolute;display:flex;gap:1.1cqw;left:2.7%;top:1.55cqh;height:2.05cqh}.health svg{width:3.9cqw;height:3.9cqw}.health .lost{opacity:.23}.clock{position:absolute;top:.95cqh;left:30%;width:40%;text-align:center;display:flex;flex-direction:column;gap:.22cqh;line-height:1.13}.clock strong{font-size:3cqw;letter-spacing:.03em;font-weight:750}.clock span{font-size:1.85cqw;letter-spacing:.025em;font-weight:650;color:#b9bfc6}.pause{position:absolute;right:2.9%;top:1.55cqh;display:flex;justify-content:space-between;align-items:center;width:4cqw;height:2.1cqh;padding:0;border:0;background:none;pointer-events:auto}.pause i{height:100%;width:1.2cqw;border-radius:.1cqw;background:#dfdfdd;box-shadow:0 1px 2px #10202e}.resources{position:absolute;top:9.25cqh;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2.1cqw;padding:.37cqh 1.3cqw;background:#15232a95;border-radius:.9cqw;font-weight:700;font-size:2.4cqw;height:2.8cqh}.resource{display:flex;gap:.7cqw;align-items:center;white-space:nowrap}.resource svg{height:3.65cqw;width:3.65cqw;filter:drop-shadow(0 1px 1px #17202c)}.controls{position:absolute;inset:0 0 env(safe-area-inset-bottom,0px);z-index:3;pointer-events:none}.controls button,.joystick{pointer-events:auto}.joystick{position:absolute;left:2.3%;bottom:4.1%;width:21.1%;aspect-ratio:1;border:1px solid #b7bec27d;border-radius:50%;background:#4b51524a;touch-action:none;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #151e2438}.stick{width:42%;height:42%;border-radius:50%;background:linear-gradient(145deg,#b3b5b69c,#83888e9c);border:1px solid #b6bbbe8c;box-shadow:0 2px 3px #1c242a1f;pointer-events:none}.control{padding:2.2%;border:1px solid #c3c6c694;border-radius:50%;background:#31394288;box-shadow:inset 0 0 0 1px #11192240}.action{position:absolute;right:2.6%;bottom:6.8%;width:15.8%;aspect-ratio:1}.action svg{filter:drop-shadow(0 1px 2px #161b20)}.build{position:absolute;right:3.4%;bottom:17.4%;width:9.5%;aspect-ratio:1;padding:1.45%;opacity:.87}.inventory{position:absolute;bottom:3%;left:30.4%;width:39.2%;display:grid;grid-template-columns:repeat(4,1fr);gap:.5cqw}.slot{aspect-ratio:1;padding:.8cqw;border:1px solid #9fa7aa8c;border-radius:.8cqw;background:linear-gradient(135deg,#34404690,#263038b0);box-shadow:inset 0 0 0 1px #151f254a}.slot.active{border-color:#dcb857;box-shadow:inset 0 0 0 1px #dcb85775}.slot svg{filter:drop-shadow(0 1px 1px #15202c)}.toast{position:absolute;top:13%;left:50%;transform:translate(-50%,-8px);background:#17242ce6;border:1px solid #6a756f70;border-radius:8px;padding:10px 16px;z-index:7;font-size:clamp(12px,2.5cqw,15px);text-align:center;max-width:86%;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:pre-line}.toast.visible{opacity:1;transform:translate(-50%)}.interaction{position:absolute;left:50%;bottom:23%;transform:translate(-50%);font-size:clamp(11px,2.3cqw,13px);letter-spacing:.03em;background:#172129bd;padding:6px 12px;border-radius:5px;opacity:0;transition:opacity .2s;white-space:nowrap;z-index:2;pointer-events:none}.interaction.visible{opacity:1}.panel{position:absolute;inset:0;background:#0a151bd1;z-index:9;display:flex;align-items:center;justify-content:center;padding:7%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:pan-y}.panel-card{position:relative;background:linear-gradient(145deg,#253a3e,#1b292f);border:1px solid #6971658c;border-radius:12px;padding:25px 22px;width:100%;max-height:88%;overflow:auto;box-shadow:0 18px 65px #0005}.eyebrow{font-size:11px;letter-spacing:.3em;color:#dab96e}.panel h1{font-size:25px;font-weight:550;margin:10px 0 19px;letter-spacing:-.02em}.panel h2{font-size:14px;font-weight:500;color:#d2c6a9}.panel p{font-size:13px;line-height:1.6;color:#b7c1c1}.close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:28px;color:#b8c3c2}.panel button.primary,.panel button.secondary{display:block;width:100%;padding:12px 10px;border:1px solid #7b8069;border-radius:6px;background:#606b4a;color:#f3ecd9;margin-top:9px;font-size:14px}.panel button.secondary{background:#24383e;border-color:#52615c;color:#cfdbda}.recipes{display:grid;gap:9px}.recipe{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 10px;background:#1b2b3199;border:1px solid #69736777;border-radius:7px}.recipe svg{width:41px;height:41px;flex-shrink:0}.recipe strong{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.recipe span{font-size:12px;color:#c2b897}.recipe:disabled{opacity:.4;cursor:default}.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bag-item{padding:13px 5px;text-align:center;background:#14252c7a;border-radius:7px;font-size:13px}.bag-item svg{width:43px;height:43px;margin:0 auto 8px}.hint-key{border:1px solid #78857a;border-radius:3px;padding:1px 4px;font-size:11px;white-space:nowrap}@media(max-width:600px){#game{max-width:none}.clock strong{font-size:3.4cqw}.clock span{font-size:2cqw}.resources{font-size:2.5cqw;height:3cqh}.resource svg{width:3.8cqw;height:3.8cqw}.pause{min-width:17px;min-height:20px}.build{min-width:40px}.action{min-width:62px}.slot{min-height:36px}.health{gap:1cqw}}@media(orientation:landscape)and (max-height:500px){#game{max-width:80dvh}.clock strong{font-size:4cqw}.clock span{font-size:2.6cqw}.panel-card{max-height:96%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#game.panel-open{touch-action:pan-y}.panel-open .panel-card{touch-action:pan-y;overscroll-behavior:contain}.time-strip{--time-position:75%;position:absolute;top:4.1cqh;left:20%;width:60%;padding:0 1.2cqw;color:#b9c8cf;font-variant-numeric:tabular-nums}.time-caption{display:flex;justify-content:space-between;align-items:center;gap:1cqw;white-space:nowrap;font-size:clamp(9px,2.15cqw,12px)}.time-caption time{font-size:clamp(12px,3cqw,16px);font-weight:700;letter-spacing:.04em;color:#edcf96}.time-caption>span{color:#b4bdc4}.time-track{position:relative;height:.72cqh;min-height:5px;margin-top:.9cqh;border:1px solid #9e81577a;border-radius:8px;background:linear-gradient(90deg,#1b2b46,#243752 20%,#a8804b 25%,#d6b66a 45% 55%,#a8804b 75%,#243752 80%,#1b2b46);box-shadow:0 2px 5px #0009,inset 0 1px 2px #f5ddb024}.time-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 24 - 1px),#18232b80 calc(100% / 24 - 1px),#18232b80 calc(100% / 24))}#time-marker{position:absolute;left:var(--time-position);top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:4.6cqw;height:4.6cqw;min-width:17px;min-height:17px;line-height:1;font-size:3.5cqw;color:#ffe1a2;border:1px solid #c3a16e;border-radius:50%;background:#23313f;box-shadow:0 0 0 2px #111e26c0,0 0 9px #eec47925}.time-labels{display:flex;justify-content:space-between;margin-top:.7cqh;font-size:clamp(8px,1.85cqw,10px);color:#95a4af}.time-labels span{width:10px;text-align:center}.time-labels span:first-child{transform:translate(-4px)}.time-labels span:last-child{transform:translate(4px)}.health{gap:.6cqw}.health svg{width:3.5cqw;height:3.5cqw}.resources{font-size:3cqw;gap:3cqw;padding:.4cqh 2.5cqw}.resource svg{width:4.2cqw;height:4.2cqw}.quest-card{position:absolute;z-index:3;top:13cqh;left:4%;width:92%;display:flex;flex-direction:column;gap:5px;padding:10px 12px;text-align:left;border:1px solid #cab47e4d;border-radius:8px;background:linear-gradient(110deg,#182a2eea,#1d333ace);box-shadow:0 4px 16px #06171322}.quest-heading{display:flex;align-items:center;justify-content:space-between;color:#ecd39e;font-size:13px;font-weight:600}.quest-heading small{font-size:10px;color:#91aba6}#quest-copy{font-size:11px;line-height:1.4;color:#c8d4c9}.quest-card:active{transform:translateY(1px)}.vitals{position:absolute;left:4%;bottom:29%;width:21%;z-index:3;padding:8px;background:#172b2ec4;border:1px solid #9caa8040;border-radius:7px;pointer-events:none}.vitals>div{position:relative;margin:0 0 9px}.vitals>div:last-child{margin:0}.vitals span{font-size:8px;letter-spacing:.07em;color:#bfcbb7}.vitals b{float:right;font-size:10px;font-weight:500;color:#e2dfbe}.vitals i{display:block;clear:both;width:100%;height:3px;margin-top:4px;background:#09171b;border-radius:3px;overflow:hidden}.vitals em{display:block;height:100%;background:#b7bc76}#warmth-fill{background:#dba66e}.joystick{bottom:10%;width:23%}.action{bottom:11.4%;width:18%;min-width:66px}.build{bottom:23%;width:11%;min-width:43px}.inventory{left:20%;width:60%;bottom:2.2%;gap:1cqw;grid-template-columns:repeat(5,1fr)}.slot{position:relative;padding:1.2cqw;min-height:42px;background:#1f363cd9}.slot.locked svg{opacity:.25}.slot-lock{position:absolute;right:3px;bottom:1px;font-size:14px;color:#a1b4a8}.eat{position:absolute;left:4%;bottom:23%;width:10%;min-width:40px;aspect-ratio:1;padding:1.2%;border-color:#a4b88288}.eat:disabled{opacity:.3}.torch-meter{position:absolute;right:7%;bottom:9%;font-size:11px;color:#f4c471;background:#15262bd9;padding:2px 7px;border-radius:5px}.controls .build{opacity:1}.interaction{bottom:22%;max-width:64%;white-space:normal;text-align:center;font-size:11px}.toast{top:24%;padding:9px 13px;max-width:90%;font-size:12px;background:#162b2df2}.camp-compass{position:absolute;right:4%;top:23%;z-index:3;padding:6px 9px;border-radius:5px;background:#1a3034d9;color:#d8c396;font-size:11px;pointer-events:none}.shelter-status{position:absolute;top:22%;left:50%;transform:translate(-50%);white-space:nowrap;background:#48634beb;border:1px solid #8fa678;padding:7px 12px;border-radius:5px;font-size:12px;z-index:3}.save-state{position:absolute;bottom:.55%;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.04em;color:#a9b8a98c;z-index:3;pointer-events:none}.panel-card{padding:25px 19px;background:linear-gradient(145deg,#263d3d,#172b32);border-color:#9ba48580;max-height:90%}.panel p{font-size:13px}.panel h1{font-size:25px;line-height:1.1;color:#f0e7ca}.panel button.primary{background:#738157;border-color:#b5ba87;color:#fff4db;font-weight:600}.panel button:disabled{cursor:default;opacity:.45}.panel-intro{margin-top:0!important}.recipe{gap:11px;align-items:flex-start;padding:12px 10px;min-height:99px}.recipe-icon{display:block;width:40px;flex-shrink:0}.recipe-icon svg{width:40px;height:40px}.recipe-copy{display:flex;flex-direction:column;gap:4px;flex:1}.recipe-copy strong{font-size:15px;color:#e5dfc6;margin:0}.recipe-copy small{font-size:11px;line-height:1.35;color:#b2c3ba}.recipe-copy em{font-size:10px;color:#d5a889;font-style:normal}.recipe-cost{display:flex!important;gap:12px;margin-top:4px}.cost{display:inline-flex;align-items:center;gap:3px;color:#c7d5af!important;font-size:12px!important}.cost svg{width:17px!important;height:17px!important}.cost.missing{color:#d49c82!important}.bag-grid{grid-template-columns:repeat(3,1fr);gap:7px}.bag-item{display:flex;align-items:center;flex-direction:column;gap:6px;padding:12px 5px}.bag-item svg{margin:0;width:35px;height:35px}.bag-item strong{font-size:18px}.bag-item>span{font-size:10px;color:#c3ccbb}.small-button{background:#5a6a49;border:1px solid #869471;border-radius:4px;padding:7px 9px;font-size:11px}.quest-list{padding-left:22px;margin:14px 0}.quest-list li{padding:0 0 14px 4px;color:#8ea49e}.quest-list strong{font-size:14px;font-weight:500;color:#bbcbbd}.quest-list p{font-size:12px;margin:5px 0 0;color:#8ea49e}.quest-list .complete strong{color:#90b386}.quest-list .current strong{color:#ebc888}.quest-list .current::marker{color:#e4bd73}.quest-list .current p{color:#ccd4bd}.intro-lead{font-size:17px!important;color:#f0dbac!important}.intro-recipe{display:flex;align-items:center;justify-content:center;gap:7px;padding:20px 0;color:#b6c6b1}.intro-recipe svg{width:32px;height:32px}.intro-recipe span{font-size:11px;white-space:nowrap}.intro-recipe b{font-size:13px;font-weight:400}.intro-hint{font-size:11px!important;color:#8fa79f!important}.save-note{font-size:10px!important}.placement{position:absolute;z-index:5;bottom:22%;left:25%;width:51%;padding:10px 7px;background:#183030ef;border:1px solid #abbd8f8c;border-radius:7px;text-align:center}.placement>span{display:block;font-size:11px;line-height:1.4;color:#d3ddbe;margin-bottom:7px}.placement>div{display:flex;justify-content:center;gap:6px}.placement button{border:1px solid #a0ae7f;background:#4e6546;border-radius:5px;min-height:39px;padding:5px 10px;font-size:13px}.placement button:disabled{opacity:.4}.placement #place-rotate,.placement #place-cancel{width:39px;font-size:22px;padding:2px}#game.hurt:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 50px #b3444460}@media(min-width:600px){.quest-heading{font-size:15px}#quest-copy{font-size:13px}.vitals span{font-size:10px}.vitals b{font-size:12px}.quest-card{padding:12px 15px}.interaction{font-size:13px}.time-caption>span{font-size:12px}}@media(max-height:600px)and (orientation:landscape){.quest-card{top:14%;padding:5px 7px}.quest-heading{font-size:10px}#quest-copy{font-size:9px;line-height:1.2}.vitals{bottom:33%;padding:4px}.vitals span{font-size:6px}.inventory{bottom:3%;left:18%;width:64%}.slot{min-height:30px}.panel-card{max-height:94%;padding:17px}.panel h1{font-size:19px}.quest-card{max-height:22%;overflow:hidden}}:root{font-family:Trebuchet MS,Arial,sans-serif;color:#faf1d6;background:#233d32}#game{background:#809650}.shade{background:radial-gradient(ellipse at 50% 43%,transparent 45%,#25432322 85%,#17382b65 130%)}.health,.control,.pause,.joystick,.inventory{border:1.5px solid #ece5b7bb;background:linear-gradient(140deg,#aabb85a8,#657c5ca6);box-shadow:inset 0 1px 7px #fff7d53b,0 3px 10px #233c2533;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.health{left:1.6%;top:.9cqh;height:3.8cqh;padding:.65cqh 1.5cqw;align-items:center;gap:.7cqw;border-radius:4cqw}.health svg{width:3.7cqw;height:3.7cqw;filter:drop-shadow(0 1px 1px #95504380)}.pause{right:1.8%;top:.9cqh;width:7.2cqw;height:7.2cqw;padding:1.8cqw;border-radius:50%;gap:1cqw}.pause i{width:1.2cqw;border-radius:.5cqw;background:#fff5d9;box-shadow:0 2px 2px #52644533}.resources{border:1px solid #cfdf9e40;background:#456744ad;border-radius:3cqw;color:#f8efd1}.quest-card{background:linear-gradient(110deg,#506d4ee6,#4d6847bd);border-color:#e5dbac80;border-radius:12px;box-shadow:inset 0 1px #fdf1c327,0 3px 14px #24422933}.quest-heading{color:#fff0c5}.quest-heading small{color:#dfdfb5}#quest-copy{color:#f0ebd0}.vitals{background:#526d4dc4;border-color:#d1daa870;border-radius:11px}.vitals span,.vitals b{color:#fff0cc}.vitals i{background:#3e5234}.vitals em{background:#c8d483}.joystick{width:23%;bottom:7%;border-width:2px;background:radial-gradient(circle at 48% 40%,#b0c08760,#5779577a);box-shadow:inset 0 2px 15px #e6efb14d,0 4px 15px #243b2533}.stick{width:40%;height:40%;border:2px solid #f4ebc7b8;background:linear-gradient(140deg,#e6dfb6,#c5c299);box-shadow:inset 0 2px 4px #fffae875,0 4px 9px #3b512c59}.control{border-width:2px;background:linear-gradient(140deg,#9ba986ae,#52664ec2)}.action{width:17.4%;bottom:7.7%;right:2.6%;padding:2.4%;box-shadow:inset 0 2px 6px #fff5cf3d,0 4px 12px #243b253b}.build{right:3.2%;bottom:20%;width:9.8%;padding:1.4%}.eat{left:auto;right:16%;bottom:16%;width:9.2%;padding:1.3%}.inventory{left:27%;width:46%;bottom:2.4%;gap:.8cqw;padding:1cqw;border-radius:3cqw;background:linear-gradient(150deg,#a5b786b5,#738266b8);grid-template-columns:repeat(5,1fr)}.slot{padding:.7cqw;border-radius:2cqw;border:1.6px solid #ece6c4c4;background:linear-gradient(135deg,#c0c3a3ba,#959f81db);box-shadow:inset 0 2px 4px #fff6d333,0 2px 4px #31432b33;min-height:0}.slot.active{border-color:#ffe087;background:linear-gradient(145deg,#9bb4a3,#688f88);box-shadow:0 0 0 1px #e8b747,0 0 12px #ffd366b0,inset 0 0 5px #ffe9946e}.slot svg{filter:drop-shadow(0 2px 1px #394b3655)}.interaction,.toast,.camp-compass,.shelter-status{background:#4a6548e8;border:1px solid #d7dcaa88;color:#fff2ca;border-radius:11px}.torch-meter{background:#4d644acc;color:#fff0be;border-radius:7px}.save-state{color:#e2e5ba9c}.panel{background:#17332bb8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.panel-card{background:linear-gradient(150deg,#617b55f5,#3a5747fc);border:1.5px solid #e0dfadd6;border-radius:20px;box-shadow:inset 0 2px #fff4c73d,0 24px 60px #0d302d66}.panel h1{color:#fff1c8}.eyebrow{color:#ead895}.panel p,.recipe-copy small{color:#e0e5cb}.panel button.primary{background:linear-gradient(#b5bd7c,#8eaa68);color:#243f30;border:1px solid #e2dfa7;border-radius:10px;box-shadow:inset 0 1px 1px #faffc959,0 3px #385639;font-weight:700}.panel button.secondary{background:#405d49;border-color:#b4c18b8c;color:#f5eccb;border-radius:10px}.close{color:#f4ebc8}.recipe,.bag-item{background:#304e3c80;border-color:#bfd19a77;border-radius:10px}.recipe-copy strong{color:#fff0cc}.recipe-copy em{color:#f0c994}.quest-list strong{color:#eef0cd}.quest-list p{color:#c3d4b8}.quest-list .current p{color:#f8f0cc}.design-view .quest-card,.design-view .resources,.design-view .vitals,.design-view .save-state,.design-view .torch-meter,.design-view .interaction,.design-view .camp-compass,.design-view .shelter-status{display:none!important}.design-view .hud:before{content:"";position:absolute;left:28.5%;top:.9cqh;width:48%;height:3.8cqh;border:1.5px solid #e8e2b6bd;border-radius:3cqw;background:linear-gradient(130deg,#98a785b8,#718368cf);box-shadow:inset 0 2px 6px #fff9ce30,0 3px 9px #354c2c30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.design-view .clock{left:30.5%;top:2.05cqh;width:11%;height:1.5cqh;display:block;text-align:left;white-space:nowrap}.design-view .clock strong{font-size:2.7cqw;font-weight:700;color:#fff2d0}.design-view .clock>span{display:none}.design-view .time-strip{left:42%;top:1.05cqh;width:32%;height:3.8cqh;padding:0}.design-view .time-caption{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:center}.design-view .time-caption time{font-size:2.6cqw;color:#fff4d5;letter-spacing:0}.design-view .time-caption>span,.design-view .time-labels{display:none}.design-view .time-track{position:absolute;left:0;top:1cqh;width:70%;height:1.15cqh;margin:0;border:1px solid #f1dfa488;background:linear-gradient(90deg,#f5cc6b,#f7d275 48%,#66818c 73%,#234357);box-shadow:inset 0 2px 3px #fff3bd50}.design-view .time-ticks{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#5b6e5d5c calc(20% - 1px),#5b6e5d5c 20%)}.design-view #time-marker{width:4.8cqw;height:4.8cqw;border:0;background:none;color:#ffe18a;box-shadow:none;font-size:5.8cqw;filter:drop-shadow(0 0 4px #f1c348a6)}.design-view .inventory{left:29%;width:42%;bottom:2%;grid-template-columns:repeat(4,1fr)}.design-view .joystick{left:3.4%;bottom:4.6%;width:22%}.design-view .action{bottom:5.6%;right:2.6%;width:16.8%}.design-view .build{right:2.9%;bottom:15.5%;width:9.2%}.design-view .eat{right:16.6%;bottom:11.5%;width:8.5%}@media(max-width:420px){.design-view .pause{min-width:30px;min-height:30px}.design-view .clock strong{font-size:2.7cqw}.design-view .time-caption time{font-size:2.7cqw}.design-view .slot{min-height:32px}.design-view .build,.design-view .eat{min-width:38px;min-height:38px}.design-view .action{min-width:66px}.design-view .health{top:1cqh;height:3.6cqh}}@media(prefers-reduced-motion:reduce){.control,.joystick,.inventory{-webkit-backdrop-filter:none;backdrop-filter:none}}.hud,.controls{left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px)}.pause,.design-view .pause{min-width:44px;min-height:44px;padding:12px}.build,.eat,.design-view .build,.design-view .eat{min-width:44px;min-height:44px}.inventory,.design-view .inventory{left:50%;transform:translate(-50%);width:max(64%,250px);max-width:92%;gap:4px;padding:5px}.slot,.design-view .slot{min-height:44px}.design-view .inventory{width:max(52%,202px)}.joystick{bottom:max(11%,80px)}.action{bottom:max(12%,84px)}.build{bottom:max(23%,160px)}.eat{bottom:max(20%,136px);right:26%}.design-view .joystick{bottom:max(10%,80px)}.design-view .action{bottom:max(11%,84px)}.design-view .build{bottom:max(22%,160px)}.design-view .eat{bottom:max(19%,136px);right:26%}.panel{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.panel-card{max-width:520px;max-height:100%}.close{width:44px;height:44px;top:4px;right:4px}.panel button{min-height:44px}.character-choice{border:0;padding:0;margin:0 0 18px}.character-choice legend{font-size:12px;color:#eee4bd;margin-bottom:8px}.character-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.character-choice button{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:72px;padding:10px 4px;border:1px solid #bcc99588;border-radius:10px;background:#304e3c80;color:#f5eccb;font-size:12px}.character-choice button span{font-size:26px;line-height:1}.character-choice button[aria-pressed=true]{border-color:#ffe087;background:#718957;box-shadow:inset 0 0 0 1px #ffe087}.credits{margin-top:18px;font-size:12px}.credits a{color:#fff0b0}.credits summary{cursor:pointer;padding:10px 0}@media(orientation:landscape){#game{max-width:none}.health,.design-view .health{top:12px;left:12px;height:36px;padding:6px 10px;gap:4px;border-radius:18px}.health svg{width:18px;height:18px}.pause,.design-view .pause{top:8px;right:12px;width:44px;height:44px;gap:6px;border-radius:50%}.pause i{width:5px;border-radius:2px}.clock{left:calc(50% - 135px);top:12px;width:80px;gap:4px}.clock strong{font-size:13px}.clock span{font-size:10px}.time-strip{left:calc(50% - 40px);top:8px;width:180px;padding:0}.time-caption{font-size:10px;gap:6px}.time-caption time{font-size:13px}.time-caption>span{font-size:10px}.time-track{height:6px;margin-top:7px}.time-labels{font-size:9px;margin-top:6px}#time-marker{width:18px;height:18px;font-size:14px}.resources{top:58px;height:25px;font-size:12px;gap:12px;padding:3px 10px;border-radius:12px}.resource{gap:4px}.resource svg{width:20px;height:20px}.quest-card{top:calc(58px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));width:clamp(180px,30%,300px);padding:8px 10px;max-height:none;gap:3px}.quest-heading{font-size:12px}.quest-heading small{font-size:10px}#quest-copy{font-size:10px;line-height:1.35}.vitals{left:calc(16px + env(safe-area-inset-left,0px));bottom:140px;width:104px;padding:6px}.vitals span{font-size:8px}.vitals b{font-size:10px}.vitals>div{margin-bottom:5px}.joystick,.design-view .joystick{left:16px;bottom:16px;width:108px}.action,.design-view .action{right:16px;bottom:20px;width:80px;padding:12px}.build,.design-view .build{right:20px;bottom:126px;width:44px;padding:7px}.eat,.design-view .eat{right:100px;bottom:98px;width:44px;padding:7px}.inventory,.design-view .inventory{bottom:12px;width:264px;max-width:48%;gap:5px;padding:6px;border-radius:14px}.design-view .inventory{width:212px}.slot{padding:5px;border-radius:9px}.torch-meter{right:36px;bottom:6px;font-size:10px}.interaction{bottom:84px;max-width:42%;font-size:12px}.toast{top:90px;font-size:12px;max-width:42%}.camp-compass{right:calc(14px + env(safe-area-inset-right,0px));top:66px;font-size:10px}.shelter-status{top:88px;font-size:11px}.placement{bottom:82px;left:50%;transform:translate(-50%);width:280px}.placement button{min-height:44px}.save-state{bottom:1px;font-size:8px}.panel-card{padding:18px 22px}.panel h1{font-size:23px}.design-view .hud:before{left:calc(50% - 126px);top:10px;width:252px;height:36px;border-radius:18px}.design-view .clock{left:calc(50% - 110px);top:21px;width:60px;height:auto}.design-view .clock strong{font-size:12px}.design-view .time-strip{left:calc(50% - 35px);top:11px;width:148px;height:35px}.design-view .time-caption time{font-size:12px}.design-view .time-track{top:12px;width:100px;height:10px}.design-view #time-marker{width:22px;height:22px;font-size:25px}}