:root{font-family:Microsoft JhengHei,system-ui,sans-serif;color:#ede9de;background:#1b2525;color-scheme:dark;--amber:#e4bc76;--panel:#192423;--muted:#a7b3ac}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}#world{display:block;width:100vw;height:100dvh;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;padding:28px 34px}#hud>header{display:flex;justify-content:space-between;align-items:flex-start;text-shadow:0 2px 12px #0009}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--amber)}h1{font-size:23px;font-weight:500;letter-spacing:4px;margin:9px 0}#location{font-size:11px;color:#cad3cc;letter-spacing:2px}.day{text-align:right;border-top:1px solid #e3bd7870;padding-top:10px;min-width:92px}.day span{font-size:19px}.day small{display:block;color:var(--amber);margin-top:5px;letter-spacing:2px}.vitals{margin-top:23px;width:194px;padding:12px;background:linear-gradient(90deg,#101c22a8,transparent);border-left:2px solid #e7c37f66}.vitals label{display:flex;align-items:center;gap:10px;font-size:10px;color:#e0e4db;margin:8px 0}.vitals span{width:23px;text-align:right;font-variant-numeric:tabular-nums}progress{width:100px;height:3px;border:0;border-radius:0;appearance:none;accent-color:var(--amber)}progress::-webkit-progress-bar{background:#fff2}progress::-webkit-progress-value{background:var(--amber)}#health::-webkit-progress-value{background:#c9907b}#thirst::-webkit-progress-value{background:#88babc}.objective{position:absolute;right:34px;top:133px;max-width:230px;padding:13px 15px;border-right:1px solid #e4bc7670;background:linear-gradient(270deg,#132122b0,transparent);font-size:12px;line-height:1.6}.objective span{color:var(--amber);font-size:10px;letter-spacing:2px}.objective p{margin:6px 0 0}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;border:1px solid #fff;background:#fff7;border-radius:50%;box-shadow:0 0 0 5px #fff1;transform:translate(-50%,-50%)}#interaction{position:absolute;left:50%;top:calc(50% + 30px);transform:translate(-50%);font-size:12px;text-align:center;text-shadow:0 1px 4px #000;background:#0d1b22c4;padding:8px 14px;border-radius:3px;max-width:85%;line-height:1.6}#interaction:empty{display:none}#toast{position:absolute;left:50%;top:23%;transform:translate(-50%);background:#1b282be8;border-left:2px solid var(--amber);padding:12px 20px;font-size:13px;opacity:0;transition:opacity .2s;max-width:85%;text-align:center;z-index:5}#toolbar{position:absolute;bottom:43px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto;white-space:nowrap}#toolbar button{border:1px solid #bac8bd40;background:#152323ce;padding:12px 17px;font-size:12px;min-height:43px}.selected{border-color:var(--amber)!important;background:#383b2fdc!important}kbd{font:10px system-ui;border:1px solid #a5b3a870;color:#d4dccc;padding:2px 5px;margin-right:6px}.desktop-help{position:absolute;bottom:17px;width:100%;left:0;text-align:center;font-size:10px;color:#d4dace99;letter-spacing:1px}.overlay{position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,#101b24f5,#101b24a8 42%,#101b2410);display:flex;align-items:center;padding:7vw;overflow:auto}.intro-content{max-width:490px}.intro-content h2{font-family:Georgia,Microsoft JhengHei,serif;font-size:clamp(45px,7vw,94px);font-weight:400;line-height:1.13;letter-spacing:12px;margin:28px 0}.intro-content em{font-style:normal;color:var(--amber)}.intro-content p{font-size:14px;line-height:2;color:#c2cac1}.intro-guide{border-left:1px solid #bb987c80;padding-left:20px;margin:27px 0;display:grid;gap:12px;font-size:12px;color:#d6d5c7}.primary{border:0;background:var(--amber);color:#182524;padding:16px 34px;letter-spacing:1px;font-weight:700;font-size:13px}.secondary,.consume button{background:#ffffff06;border:1px solid #839b8955;padding:10px 15px;font-size:12px}#loading{display:block;margin-top:13px;color:#8eaaa0;font-size:10px}.intro-side{position:absolute;bottom:45px;right:45px;text-align:right;font-size:34px;color:#ebe2cd}.intro-side span{font-size:11px;color:#c3c8b6;letter-spacing:3px}.small-overlay{background:#09131abe;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:20px;justify-content:center}.dialog{width:min(480px,95vw);background:#172623f5;border:1px solid #86998345;padding:30px;box-shadow:0 30px 100px #0005}.dialog h2{font-size:26px;font-weight:400;letter-spacing:2px}.dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog>.secondary{margin-left:10px}.inventory{width:min(810px,96vw);max-height:92dvh;overflow-y:auto}.inventory header{display:flex;justify-content:space-between;align-items:center}.inventory h2{margin:12px 0}#resources{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 20px}#resources>div{flex:1 0 80px;background:#090f1333;border:1px solid #92a89425;padding:10px;font-size:10px;color:var(--muted)}#resources strong{display:block;font-size:18px;color:#eeead8;margin-top:6px;font-weight:400}.consume{display:flex;gap:8px;flex-wrap:wrap}#bag-note{color:var(--amber);min-height:24px;margin:10px 0}#recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recipe{border:1px solid #a5b39735;background:#ffffff04;text-align:left;padding:15px;color:#dfdece}.recipe strong{font-size:14px;font-weight:500;display:block}.recipe p{font-size:10px;color:#a1b0a5;line-height:1.6;margin:8px 0}.recipe small{font-size:10px;color:var(--amber)}.hint{font-size:10px!important}#touch-controls{display:none}#damage{position:absolute;inset:0;box-shadow:inset 0 0 140px #9c1a13;opacity:0;transition:opacity .15s;pointer-events:none}@media(pointer:coarse){#touch-controls{display:block}#joystick{position:absolute;bottom:38px;left:28px;width:105px;height:105px;border:1px solid #d6dfb655;border-radius:50%;background:#15232255;pointer-events:auto;touch-action:none}#joystick i{position:absolute;left:32px;top:32px;width:40px;height:40px;border:1px solid #d5ce9d77;border-radius:50%;background:#dfd7af44}#look-zone{position:absolute;right:0;top:27%;width:47%;height:46%;pointer-events:auto;touch-action:none}#touch-controls button{position:absolute;pointer-events:auto;border:1px solid #dcc18a77;background:#192726ba;border-radius:50%;font-size:12px;width:62px;height:62px;touch-action:none}#touch-jump{bottom:36px;right:110px}#touch-use{bottom:44px;right:26px;width:72px!important;height:72px!important}#touch-interact{bottom:127px;right:25px}#toolbar{bottom:17px}#toolbar button{padding:9px;font-size:10px;min-height:35px}#toolbar kbd,.desktop-help{display:none}}@media(max-width:640px){#hud{padding:18px}h1{font-size:18px}.eyebrow{font-size:8px;letter-spacing:1px}.vitals{width:155px;margin-top:12px;padding:5px 8px}.vitals label{font-size:9px;gap:7px}.vitals progress{width:76px}.objective{right:18px;top:101px;width:145px;font-size:10px;padding:8px}.intro-content h2{font-size:56px}.intro-content p{font-size:12px}.intro-side{display:none}.intro-guide{font-size:10px}.inventory{padding:17px}#recipes{grid-template-columns:repeat(2,1fr)}.recipe{padding:10px}.inventory h2{font-size:22px}#toast{top:28%;width:max-content;max-width:86vw;font-size:11px}#toolbar{gap:3px}#toolbar button{padding:9px 10px}.dialog{padding:23px}}@media(pointer:coarse)and (max-height:500px){#hud{padding:10px 17px}.vitals{margin-top:0}.objective{top:80px}.intro-content h2{font-size:36px;margin:12px 0}.intro-guide{display:none}.intro-content p{font-size:11px}.primary{padding:10px 23px}.intro-content{max-width:450px}#toolbar{bottom:12px}#look-zone{top:16%;height:46%}#joystick{bottom:23px;width:90px;height:90px}#joystick i{left:25px;top:25px}}#hud .objective,#hud .desktop-help{display:none}.intro-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.intro-actions .primary,.intro-actions .secondary{margin:0}.options-dialog{max-width:520px}.options-dialog h3{margin:26px 0 10px;font-size:14px;font-weight:500;color:var(--amber)}.quality-label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e0e4db;font-size:12px}.quality-label select{background:#12201f;border:1px solid #839b8955;color:inherit;padding:8px 12px}.keybind-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #839b8922;font-size:12px}.keybind-row button{min-width:92px;background:#ffffff08;border:1px solid #839b8955;padding:7px 10px;font-size:11px}.keybind-row button.waiting{border-color:var(--amber);color:var(--amber)}.options-note{font-size:10px!important;margin:16px 0!important}@media(pointer:coarse)and (min-height:501px){#toolbar{bottom:192px}}.intro-actions{flex-direction:column;align-items:stretch;width:min(280px,100%)}.intro-actions button{width:100%}.dialog:not(.inventory)>button.primary,.dialog:not(.inventory)>button.secondary{display:block;width:100%;margin:10px 0 0}.discoveries-dialog{width:min(760px,96vw);max-height:92dvh;overflow:auto}.discovery-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:16px 0}.discovery-summary section{border:1px solid #92a89435;background:#0b171533;padding:12px;text-align:center}.discovery-summary strong{display:block;color:var(--amber);font-size:23px;font-weight:400}.discovery-summary span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.discoveries-dialog h3{margin:18px 0 8px;color:var(--amber);font-size:13px;font-weight:500}.discovery-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.discovery-page{min-width:0;border:1px solid #839b8928;background:#0b171533;padding:12px}.discovery-entry{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #839b8922;padding:9px 0;color:#d8dccd}.discovery-entry:first-of-type{border-top:0;padding-top:2px}.discovery-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--amber);color:var(--amber);font-size:12px;flex:none}.discovery-model{display:grid;place-items:center;width:34px;height:34px;border:1px solid #839b8955;background:#13231e;flex:none}.discovery-model .item-icon{width:29px;height:29px}.discovery-entry strong{display:block;font-size:12px;font-weight:500}.discovery-entry small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}.discovery-empty{color:var(--muted);font-size:11px}.save-slots{display:grid;gap:9px;margin:18px 0}.save-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #839b8935;background:#0b171533;padding:12px}.save-slot strong{display:block;font-size:13px;font-weight:500}.save-slot small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.save-slot button{min-width:108px}@media(max-width:640px){.discovery-summary{grid-template-columns:repeat(3,1fr)}.discovery-columns{grid-template-columns:1fr;gap:4px}.discovery-columns section{border-top:1px solid #839b8922;padding-top:4px}.discovery-summary strong{font-size:19px}}@media(max-width:640px){#touch-controls{display:block}#joystick{position:absolute;bottom:38px;left:28px;width:105px;height:105px;border:1px solid #d6dfb655;border-radius:50%;background:#15232255;pointer-events:auto;touch-action:none}#joystick i{position:absolute;left:32px;top:32px;width:40px;height:40px;border:1px solid #d5ce9d77;border-radius:50%;background:#dfd7af44}#look-zone{position:absolute;right:0;top:27%;width:47%;height:46%;pointer-events:auto;touch-action:none}#touch-controls button{position:absolute;pointer-events:auto;border:1px solid #dcc18a77;background:#192726ba;border-radius:50%;font-size:12px;width:62px;height:62px;touch-action:none}#touch-jump{bottom:36px;right:110px}#touch-use{bottom:44px;right:26px;width:72px!important;height:72px!important}#touch-interact{bottom:127px;right:25px}#toolbar{bottom:192px;gap:3px;z-index:2}#toolbar button{padding:9px;font-size:10px;min-height:35px}#toolbar kbd,.desktop-help{display:none}}.item-icon{display:block;width:54px;height:54px;filter:drop-shadow(0 3px 4px #0004);flex:none}.inventory-heading{font-size:12px;font-weight:400;color:#d7c798;margin:18px 0 10px;letter-spacing:1px}.biome-guide{margin-top:20px;font-size:12px;color:#d7c798}.biome-guide summary{cursor:pointer;padding:10px 0}.biome-guide p{font-size:11px}#hotbar-items{display:flex;gap:6px;min-width:0}#hotbar-items:empty{display:none}#held-item{position:absolute;bottom:101px;left:50%;transform:translate(-50%);font-size:11px;color:#e1ddcd;text-shadow:0 1px 3px #000;white-space:nowrap}#resources .item-action{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;min-height:100px;background:none;border:0;padding:0;color:inherit}#resources .item-action:hover{background:#d1d7b50a}#resources .item-action small{font-size:9px;color:#d5be8d;margin-top:5px}#resources .inventory-empty{grid-column:1/-1;font-size:12px}#resources{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#resources .inventory-slot{position:relative;min-height:115px;padding:10px 6px 8px;border:1px solid #95a88d45;background:radial-gradient(ellipse at 50% 32%,#e0dcc00b,#06191438);text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#dddccb}#resources .item-icon{width:55px;height:55px;margin-bottom:7px}#resources .inventory-slot span{font-size:10px;letter-spacing:1px}#resources .inventory-slot strong{position:absolute;right:7px;top:6px;font-size:13px;color:#e5c98d;font-variant-numeric:tabular-nums;margin:0}#resources .tool-slot small{font-size:9px;color:#e4c38a;margin-top:4px}#resources .tool-slot:enabled:hover{border-color:#d0b988;background:#a3ae8915}.recipe .item-icon{float:left;width:42px;height:42px;margin-right:8px;margin-bottom:4px}.recipe strong{padding-top:4px}.recipe p{clear:both}#coordinates{font-size:10px;letter-spacing:1px;color:#cad1b1b0}.quality-label{display:flex;align-items:center;gap:12px;color:#bac8b7;font-size:12px;margin:18px 0 25px}.quality-label select{padding:9px 12px;background:#243831;color:#e1d8bb;border:1px solid #8a9b7455}#toolbar .item-icon{width:23px;height:23px;display:inline-block;vertical-align:middle;margin-right:5px}.inventory{width:min(1180px,96vw);max-height:94dvh}.inventory-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);gap:16px;align-items:start}.inventory-left{min-width:0;display:grid;gap:12px}.inventory-section{border:1px solid #95a88d45;background:#0a171533;padding:12px;min-width:0}.inventory-section>h3{margin:0 0 10px;color:#d7c798;font-size:12px;font-weight:400;letter-spacing:1px}.hotbar-config{min-height:126px}#inventory-hotbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.inventory-hotbar-slot{position:relative;min-width:0;min-height:84px;border:1px solid #95a88d45;background:radial-gradient(ellipse at 50% 35%,#e0dcc00b,#06191438);color:#dddccb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px;cursor:pointer}.inventory-hotbar-slot:hover,.inventory-hotbar-slot.selected{border-color:#d0b988;background:#a3ae8915}.inventory-hotbar-slot.drag-over{border-color:#e4bc76;background:#d2b86a25;transform:translateY(-2px)}.inventory-hotbar-slot.empty{cursor:default;color:#718076;border-style:dashed}.inventory-hotbar-slot .item-icon{width:38px;height:38px;margin-bottom:3px}.inventory-hotbar-slot kbd{position:absolute;left:5px;top:4px;margin:0}.inventory-hotbar-slot span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.inventory-hotbar-slot small{font-size:9px;color:#d5be8d;margin-top:3px}.bag-section{min-height:220px;max-height:47dvh;overflow:auto}.craft-section{height:438px;max-height:calc(100dvh - 250px);overflow-y:auto;overscroll-behavior:contain}.craft-section #recipes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.craft-section .recipe.craft-ready{border-color:#d0b988aa;background:#c2ad6a12}#bag-note{margin:6px 0 0}.inventory-slot[draggable=true]{cursor:grab}.inventory-slot.dragging{opacity:.45}.hotbar-remove{margin-top:8px;padding:7px;border:1px dashed #b5766855;color:#bd9486;text-align:center;font-size:10px}.hotbar-remove.drag-over{border-color:#e4bc76;color:#e4bc76;background:#d2b86a18}@media(max-width:800px){.inventory-layout{grid-template-columns:1fr}.craft-section{height:auto;max-height:none}.bag-section{max-height:none}.inventory{max-height:94dvh}}@media(max-width:640px){#resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#resources .inventory-slot{min-height:99px}#resources .item-icon{width:43px;height:43px}#toolbar{width:calc(100% - 22px);justify-content:center}#toolbar button{padding:7px 5px;min-width:0;flex:1;font-size:10px}#toolbar .item-icon{display:block;margin:0 auto 3px;width:23px;height:23px}#toolbar{bottom:183px}#performance{max-width:98%;font-size:8px!important}#coordinates{font-size:8px}.objective{top:120px}#recipes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#hotbar-items{gap:3px;flex:1}#hotbar-items button{flex:1;padding:6px 2px}#hotbar-items button span{font-size:9px}#hotbar-items button small{display:block;font-size:9px}#toolbar>#bag{flex:0 0 40px}#held-item{bottom:257px}#resources .item-action{min-height:82px}}@media(pointer:coarse)and (min-width:641px){#held-item{bottom:254px}}@media(pointer:coarse)and (max-height:500px){#held-item{bottom:100px}}#watchmark{position:fixed;inset:0;z-index:45;pointer-events:none;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e0d4bd;text-shadow:0 2px 8px #000,0 0 22px #08090b}#watchmark[hidden],#hunt-status[hidden]{display:none}#watchmark strong{font-size:clamp(26px,5vw,54px);letter-spacing:.22em;font-weight:400}#watchmark p{color:#a7a59b;letter-spacing:.2em;margin-top:18px}.watch-eyes{display:flex;gap:85px;margin-bottom:55px}.watch-eyes i{width:55px;height:16px;background:#c4bd97;border-radius:80% 15%;box-shadow:0 0 38px #c09a5666;transform:rotate(9deg)}.watch-eyes i+i{transform:scaleX(-1) rotate(9deg)}#hunt-status{position:fixed;z-index:25;top:105px;left:50%;transform:translate(-50%);padding:9px 18px;color:#edd8bc;background:#3c2425dd;border:1px solid #91765b66;font-size:13px;white-space:nowrap;pointer-events:none}.zombie-guide-link{position:absolute;bottom:22px;right:5vw;color:#d5dcc6;font-size:13px}@media(max-width:640px){#hunt-status{top:160px;font-size:11px;padding:7px 10px}.watch-eyes{gap:65px}}