html,body{color:#e8e4dc;background:#000;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}#debug{white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:6px 10px;font:12px/1.5 ui-monospace,monospace;position:fixed;top:8px;left:8px}#help{text-align:center;pointer-events:none;background:#0000008c;border-radius:4px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#loading{background:#0b0d0c;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading .title{letter-spacing:.35em;font-size:42px;font-weight:300}#loading-text{opacity:.75;font-size:15px}#login{flex-direction:column;gap:10px;width:min(320px,100vw - 32px);display:flex}#login[hidden]{display:none}#login input,#login button,#loading .reconnect{font:inherit;color:inherit;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;padding:10px 12px;font-size:15px}#login input:focus{border-color:#d6b26ecc;outline:none}#login button,#loading .reconnect{cursor:pointer;letter-spacing:.08em;background:#6b5330;border-color:#8a6c40}#login button:hover,#loading .reconnect:hover{background:#7d6239}#login-error{color:#e08a7a;min-height:1.2em;font-size:14px}.login-download{opacity:.75;justify-content:center;gap:10px;font-size:12px;display:flex}.login-download[hidden]{display:none}.login-download a{color:#e8d9ae}.login-hint{opacity:.55;font-size:12px;line-height:1.45}#loading.done{opacity:0;pointer-events:none}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.nametag{white-space:nowrap;will-change:transform;background:#00000073;border-radius:3px;padding:2px 8px;font-size:13px;position:absolute;top:0;left:0}#chat{pointer-events:none;width:min(460px,100vw - 32px);font-size:14px;position:fixed;bottom:60px;left:16px}.chat-log{flex-direction:column;gap:2px;max-height:40vh;display:flex;overflow:hidden}.chat-line{text-shadow:0 1px 2px #000;background:#0006;border-radius:3px;padding:2px 8px;transition:opacity 1s}.chat-line.system{color:#c9c19a;font-style:italic}.chat-line.old,.chat-line.hidden{opacity:0}#chat.open .chat-line{opacity:1}#chat.open .chat-line.hidden{display:block}.chat-name{color:#9fd08a;font-weight:600}.chat-input{box-sizing:border-box;width:100%;color:inherit;font:inherit;pointer-events:auto;background:#000000a6;border:1px solid #ffffff40;border-radius:3px;margin-top:6px;padding:6px 8px;display:none}#chat.open .chat-input{display:block}#chat.open .chat-log{pointer-events:auto;overflow-y:auto}.crosshair{pointer-events:none;background:#ffffffbf;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;transition:transform .1s;position:fixed;top:50%;left:50%;box-shadow:0 0 2px #000}.crosshair.active{background:#fff;transform:scale(2)}.prompt{text-shadow:0 1px 2px #000;pointer-events:none;background:#00000080;border-radius:3px;padding:4px 10px;font-size:14px;position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%)}.gather-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:fixed;bottom:110px;right:20px}.feed-line{background:#00000080;border-radius:3px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:14px;transition:opacity .6s;display:flex}.feed-line img{width:28px;height:28px}.feed-line.fade{opacity:0}.notice{opacity:0;pointer-events:none;background:#3c140fb3;border-radius:3px;padding:6px 14px;font-size:15px;transition:opacity .3s;position:fixed;top:22%;left:50%;transform:translate(-50%)}.notice.show{opacity:1}.slot{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#141614b3;border:1px solid #ffffff24;border-radius:4px;width:56px;height:56px;position:relative}.slot.selected{border-color:#e6cd8ce6;box-shadow:inset 0 0 0 1px #e6cd8c99}.slot-icon{object-fit:contain;pointer-events:none;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.slot-count{text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;font-size:13px;font-weight:600;position:absolute;bottom:2px;right:4px}.slot-durability{pointer-events:none;background:#0009;height:3px;position:absolute;bottom:4px;left:5px;right:5px}.slot-durability>div{height:100%}.hotbar{pointer-events:none;gap:4px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.hotbar .slot:before{content:attr(data-key);opacity:.6;font-size:11px;position:absolute;top:1px;left:4px}.craft-mini{pointer-events:none;background:#00000080;border-radius:3px;align-items:center;gap:8px;padding:3px 10px;font-size:13px;display:flex;position:fixed;bottom:98px;left:50%;transform:translate(-50%)}.bar{background:#ffffff26;border-radius:3px;width:120px;height:5px;overflow:hidden}.bar>div{background:#c9a85c;height:100%}.inventory-window{background:#0e100ee0;border:1px solid #ffffff1a;border-radius:6px;gap:24px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:20px 24px;display:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.inventory-window.open{display:flex}.inventory-window h3{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0 0 8px;font-size:13px;font-weight:600}.inventory-window h3:not(:first-child){margin-top:16px}.inv-character{width:210px}.char-level{letter-spacing:.04em;font-size:22px;font-weight:300}.xp-bar{background:#ffffff1a;border-radius:3px;height:6px;margin:6px 0 4px;overflow:hidden}.xp-bar>div{background:linear-gradient(90deg,#b88a3c,#e6c271);height:100%}.char-xp,.char-stat{opacity:.65;font-size:12px}.char-stat{margin-top:6px}.armor-slots{flex-direction:column;gap:4px;display:flex}.armor-row{align-items:center;gap:10px;display:flex}.armor-label{opacity:.6;font-size:13px}.perk{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:6px 0;display:flex}.perk-info{flex:1}.perk-name{font-size:13px}.perk-desc{opacity:.55;font-size:11px}.perk-pips{gap:3px;margin-top:4px;display:flex}.perk-pips span{background:#ffffff1f;border-radius:2px;width:14px;height:4px}.perk-pips span.on{background:#e0b45a}.perk button{width:26px;height:26px;font:inherit;color:inherit;cursor:pointer;background:#6b5330b3;border:1px solid #e0b45a99;border-radius:4px;padding:0;font-size:16px}.perk button:disabled{opacity:.25;cursor:default}.recipe.locked{opacity:.45}.xp-hud{pointer-events:none;text-shadow:0 1px 2px #000;align-items:center;gap:8px;width:476px;max-width:calc(100vw - 32px);font-size:12px;display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.xp-hud .xp-bar{flex:1;height:4px;margin:0}.xp-hud .points{color:#e6c271}.xp-popups{pointer-events:none;flex-direction:column-reverse;align-items:center;gap:2px;display:flex;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}.xp-popup{color:#e6c271;text-shadow:0 1px 2px #000,0 0 4px #000;font-size:13px;animation:1.6s ease-out forwards xp-rise}@keyframes xp-rise{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.level-up{text-align:center;pointer-events:none;text-shadow:0 2px 6px #000;animation:4s ease-out forwards level-up;position:fixed;top:22%;left:50%;transform:translate(-50%)}.level-up .big{letter-spacing:.2em;color:#f0d390;font-size:34px;font-weight:300}.level-up .small{opacity:.85;margin-top:4px;font-size:15px}@keyframes level-up{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}.inv-grid{grid-template-columns:repeat(6,56px);gap:4px;display:grid}.inv-grid.hot{grid-template-columns:repeat(8,56px)}.inv-grid .slot.filled{cursor:grab}.inv-hint{opacity:.55;max-width:470px;margin:12px 0 0;font-size:12px}.inv-right{width:340px}.recipes{flex-direction:column;gap:6px;display:flex}.recipe{opacity:.6;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;display:flex}.recipe.available{opacity:1;border-color:#c9a85c59}.recipe-icon{width:44px;height:44px}.recipe-icon.small{width:28px;height:28px}.recipe-info{flex:1;min-width:0}.recipe-name{font-size:14px;font-weight:600}.recipe-inputs{flex-wrap:wrap;gap:4px 8px;margin-top:2px;font-size:12px;display:flex}.recipe-inputs .ok{color:#9fd08a}.recipe-inputs .missing{color:#e08a70}.recipe-time{opacity:.5;font-size:11px}.recipe-buttons{gap:4px;display:flex}.inventory-window button{color:inherit;font:inherit;cursor:pointer;background:#c9a85c40;border:1px solid #fff3;border-radius:3px;padding:4px 8px;font-size:12px}.inventory-window button:disabled{opacity:.35;cursor:default}.craft-queue{flex-direction:column;gap:4px;font-size:13px;display:flex}.queue-entry{align-items:center;gap:8px;display:flex}.queue-entry .bar{flex:1}.queue-entry .cancel{background:#a03c2859;margin-left:auto}.queue-empty{opacity:.5}.item-tooltip{pointer-events:none;z-index:10;background:#0a0a0aeb;border:1px solid #ffffff26;border-radius:4px;max-width:240px;padding:8px 10px;font-size:13px;display:none;position:fixed}.tt-name{margin-bottom:2px;font-weight:600}.tt-desc,.tt-extra{opacity:.75}.drag-ghost{pointer-events:none;z-index:20;width:52px;height:52px;position:fixed;transform:translate(-50%,-50%)}@media (width<=900px){.inventory-window{flex-direction:column}.inv-right{width:auto}}.vitals{pointer-events:none;flex-direction:column;gap:4px;width:210px;display:flex;position:fixed;bottom:16px;right:16px}.vital{background:#00000073;border-radius:3px;grid-template-columns:74px 1fr 26px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:grid}.vital-track{background:#ffffff1f;border-radius:4px;height:7px;overflow:hidden}.vital-fill{height:100%;transition:width .25s}.vital-value{text-align:right;opacity:.8}.vital.health .vital-fill{background:#c9473a}.vital.hunger .vital-fill{background:#d08a3a}.vital.thirst .vital-fill{background:#4a9ad0}.vital.stamina .vital-fill{background:#d8c45a}.vital.oxygen .vital-fill{background:#9fd6ea}.vital.low .vital-label{color:#ff8a70;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.4}}.climate{text-align:right;opacity:.8;text-shadow:0 1px 2px #000;margin-top:2px;font-size:12px}.climate.cold{color:#9fc4e8}.climate.freezing{color:#6fb1ff;opacity:1}.climate.hot{color:#f0a060}.buffs{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.buff{background:#6e552873;border-left:2px solid #e0b45a;border-radius:2px;justify-content:space-between;padding:2px 8px;font-size:12px;display:flex}.buff-time{opacity:.7;font-variant-numeric:tabular-nums}.frost-vignette{pointer-events:none;opacity:0;transition:opacity 3s;position:fixed;inset:0;box-shadow:inset 0 0 200px #aad2ff8c}.frost-vignette.on{opacity:1}.damage-vignette{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 160px #a000}.damage-vignette.hit{animation:.5s ease-out hit-flash}.damage-vignette.critical{box-shadow:inset 0 0 140px #8c000073}@keyframes hit-flash{0%{box-shadow:inset 0 0 180px #c80000b3}}.death-screen{z-index:30;background:radial-gradient(#280000b3,#000000e0);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:fixed;inset:0}.death-screen.open{display:flex}.death-screen h1{letter-spacing:.2em;color:#e7c2b8;margin:0;font-size:46px;font-weight:300}.death-cause{opacity:.8}.death-options{flex-direction:column;gap:8px;margin-top:10px;display:flex}.death-options button{min-width:320px;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:4px;padding:10px 16px}.death-options button:hover:not(:disabled){background:#ffffff29}.death-options button:disabled{opacity:.4;cursor:default}.recipe-time.missing{color:#e08a70;opacity:.9}.build-menu{background:#0e100ee6;border:1px solid #ffffff1a;border-radius:6px;max-width:calc(100vw - 32px);padding:18px 22px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.build-menu.open{display:block}.build-menu h3{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0 0 10px;font-size:13px}.build-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;width:min(520px,100vw - 76px);display:grid}.build-grid button{color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.build-grid button:hover{background:#c9a85c40}.bm-name{font-weight:600}.bm-cost{opacity:.65;font-size:12px}.build-menu p{opacity:.55;margin:10px 0 0;font-size:12px}.container-panel{border-bottom:1px solid #ffffff14;margin-bottom:8px;padding-bottom:12px}.nametag.creature{flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.hp-bar{background:#0009;border-radius:2px;width:70px;height:4px;overflow:hidden}.hp-bar>div{background:#c9473a;height:100%}.nametag.ally{color:#9be08f;background:#1432148c}.map-screen{z-index:20;background:#0d1418;display:none;position:fixed;inset:0}.map-screen.open{display:block}.map-screen canvas{cursor:grab;display:block}.map-info,.map-legend{pointer-events:none;background:#0000008c;border-radius:4px;padding:6px 10px;font-size:12px;position:fixed;left:16px}.map-info{font-variant-numeric:tabular-nums;top:16px}.map-legend{line-height:1.7;bottom:16px}.map-legend .lg{vertical-align:-1px;border:1px solid #000;width:10px;height:10px;margin:0 4px 0 10px;display:inline-block}.map-legend .lg:first-child{margin-left:0}.lg.self{background:#ffe9a8;border-radius:50%}.lg.ally{background:#78d070;border-radius:50%}.lg.bag{background:#6aa8e8}.lg.totem{background:#e6a046}.lg.ruin{background:#b8b2a4}.lg.pin{background:#e05a4a;border-radius:50%}.trade-panel{border-bottom:1px solid #ffffff1a;margin-bottom:14px;padding-bottom:12px}.trade-cols{gap:16px;display:flex}.trade-col{border:1px solid #0000;border-radius:4px;padding:6px}.trade-col.accepted{background:#3c783226;border-color:#78d070}.trade-label{opacity:.8;margin-bottom:6px;font-size:12px}.trade-grid{grid-template-columns:repeat(4,56px)}.trade-grid .slot.filled{cursor:pointer}.trade-buttons{gap:8px;margin-top:10px;display:flex}.trade-buttons button{font:inherit;color:inherit;cursor:pointer;background:#6b5330;border:1px solid #8a6c40;border-radius:4px;padding:6px 16px}.trade-buttons button:disabled{opacity:.5;cursor:default}.trade-toast{pointer-events:none;opacity:0;background:#14120ed9;border:1px solid #8a6c40;border-radius:4px;padding:10px 18px;font-size:15px;transition:opacity .3s;position:fixed;top:14%;left:50%;transform:translate(-50%)}.trade-toast.show{opacity:1}.game-menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#0507068c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.game-menu.open{display:flex}.menu-panel{background:#0e100eeb;border:1px solid #ffffff1a;border-radius:6px;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);padding:22px 26px;overflow:auto}.menu-body h2{letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;font-weight:300}.menu-button,.menu-back,.menu-choices button,.menu-binding .key{font:inherit;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px}.menu-button{letter-spacing:.05em;width:100%;margin-bottom:8px;padding:11px;font-size:15px;display:block}.menu-button:hover,.menu-choices button:hover,.menu-binding .key:hover{background:#d6b26e33}.menu-button.small{width:auto;margin-top:12px;padding:7px 14px;font-size:13px;display:inline-block}.menu-back{margin-bottom:12px;padding:5px 12px;font-size:13px}.menu-row{align-items:center;gap:12px;margin:10px 0;display:flex}.menu-label{opacity:.85;flex:0 0 170px;font-size:14px}.menu-row input[type=range]{accent-color:#c89a52;flex:1}.menu-value{text-align:right;font-variant-numeric:tabular-nums;width:48px;font-size:13px}.menu-choices{gap:6px;display:flex}.menu-choices button{padding:6px 12px}.menu-choices button.active{background:#c89a5240;border-color:#c89a52}.menu-hint{opacity:.55;font-size:12px}.menu-bindings{flex-direction:column;gap:4px;display:flex}.menu-binding{align-items:center;gap:8px;display:flex}.menu-binding .key{width:92px;padding:4px 6px;font-size:13px}.menu-binding .key.waiting{color:#e0b45a;border-color:#e0b45a}.tutorial{pointer-events:none;text-shadow:0 1px 2px #000;background:#0a0c0a8c;border-left:2px solid #c89a52;border-radius:3px;max-width:340px;padding:10px 14px;position:fixed;top:64px;left:16px}.tutorial-title{letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:12px}.tutorial-step{opacity:.6;font-size:13px;line-height:1.5}.tutorial-step.current{opacity:1;color:#f0d390}.tutorial-step.done{opacity:.45;text-decoration:line-through}