html,body{color:#eee;background:#000;height:100%;margin:0;font:12px/1.4 system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas.view{width:100%;height:100%;display:block}.hud{background:#0009;border-radius:4px;max-width:320px;padding:8px 10px;position:fixed;top:8px;left:8px}.hud select{max-width:100%}.hud canvas{image-rendering:pixelated;border:1px solid #555;width:192px;height:144px;margin-top:6px;display:block}.hud pre{white-space:pre-wrap;margin:6px 0 0}.log{background:#0009;border-radius:4px;flex-direction:column;width:360px;max-height:60vh;display:flex;position:fixed;top:8px;right:8px}.log-header{border-bottom:1px solid #444;justify-content:space-between;padding:6px 10px;display:flex}.log-list{padding:4px 10px;font-family:ui-monospace,monospace;font-size:11px;overflow:auto}.log-warn{color:#fc6}.log-error{color:#f66}.help{background:#0009;border-radius:4px;padding:6px 10px;position:fixed;bottom:8px;left:8px}.game-hud{pointer-events:none;position:fixed;inset:0}.game-hud .bars{position:absolute;top:4px;left:5px}.bar-back{box-sizing:border-box;background:url(/stranded2-web/sys/gfx/if_barback.bmp) no-repeat;width:102px;height:7px;margin-bottom:1px;padding:1px}.bar-fill{background-position:0 0;background-repeat:no-repeat;height:5px}.bar-health .bar-fill{background-image:url(/stranded2-web/sys/gfx/progress_small.bmp)}.bar-hunger .bar-fill{background-image:url(/stranded2-web/sys/gfx/progress_hunger.bmp)}.bar-thirst .bar-fill{background-image:url(/stranded2-web/sys/gfx/progress_thirst.bmp)}.bar-exhaustion .bar-fill{background-image:url(/stranded2-web/sys/gfx/progress_exhaustion.bmp)}.bar-fill.warn{animation:.6s step-end infinite bar-blink}@keyframes bar-blink{50%{opacity:.35}}.crosshair{width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute}.crosshair:before{width:2px;height:12px;top:0;left:5px}.crosshair:after{width:12px;height:2px;top:5px;left:0}.focus{text-align:center;text-shadow:0 0 3px #000;font-size:14px;position:absolute;top:35px;left:0;right:0}.msgs{text-align:center;text-shadow:0 0 3px #000;font-size:14px;line-height:1.5;position:absolute;top:60px;left:0;right:0}.process{text-align:center;text-shadow:0 0 3px #000;font-size:13px;position:absolute;top:110px;left:50%;transform:translate(-50%)}.process-track{box-sizing:border-box;background:url(/stranded2-web/sys/gfx/if_barback.bmp) no-repeat;width:102px;height:7px;margin:4px auto 0;padding:1px}.process-fill{background:url(/stranded2-web/sys/gfx/progress_small.bmp) no-repeat;height:5px}.clock{background:#00000080;border-radius:4px;padding:4px 8px;position:absolute;bottom:8px;right:8px}.hint{text-align:center;text-shadow:0 0 4px #000;font-size:18px;position:absolute;top:45%;left:0;right:0}.dead[hidden]{display:none}.dead{color:#f44;background:#00000080;justify-content:center;align-items:center;font-size:42px;display:flex;position:absolute;inset:0}.inventory{color:#f3e6c8;background:#3a2a18 url(/stranded2-web/sys/gfx/woodback.bmp);border:2px solid #6b4a2a;border-radius:6px;width:560px;max-height:70vh;padding:10px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.inv-title{margin-bottom:8px;font-size:15px}.inv-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.inv-cell{text-align:center;background:#00000073;border-radius:4px;padding:6px}.inv-cell img{mix-blend-mode:screen;background:url(/stranded2-web/sys/gfx/if_itemback.bmp);width:40px;height:40px;margin:0 auto 4px;display:block}.inv-name{margin-bottom:4px;font-size:12px}.inv-cell button{font-size:11px}.inv-empty{text-align:center;opacity:.7;grid-column:1/-1}.inv-footer{text-align:right;margin-top:8px;font-size:12px}body.play .hud,body.play .help,.hud,.help{display:none}body.viewer .hud,body.viewer .help,body.debug .hud,body.debug .help{display:block}body.play .hud,body.play .help,.log{display:none}body.debug .log{display:flex}.inv-cell.selected{outline:2px solid #ffd766}.inv-cell.inhand{background:#503c14cc}.inv-pick{cursor:pointer}.inv-combine{text-align:center;margin-top:8px;font-size:12px}.inv-choices{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.weapon{background:#00000080;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:36px;right:8px}.weapon img{mix-blend-mode:screen;width:32px;height:32px}.mode{text-align:center;text-shadow:0 0 3px #000;color:#ffd766;font-size:14px;position:absolute;top:130px;left:0;right:0}.buildmenu{color:#f3e6c8;background:#3a2a18 url(/stranded2-web/sys/gfx/woodback.bmp);border:2px solid #6b4a2a;border-radius:6px;width:520px;max-height:70vh;padding:10px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.build-row{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:4px 0;display:flex}.build-reqs{opacity:.85;font-size:12px}.seq{pointer-events:none;position:fixed;inset:0;overflow:hidden}.seq[hidden]{display:none}.seq-bar{background:#000;position:absolute;left:0;right:0}.seq-bar-top{top:0}.seq-bar-bottom{bottom:0}.seq-cls,.seq-fade{position:absolute;inset:0}.seq-cls[hidden],.seq-fade[hidden],.seq-image[hidden]{display:none}.seq-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seq-image img{display:block}.seq-itxt{white-space:nowrap;text-shadow:0 0 3px #000;font-size:14px;position:absolute}.seq-msg{text-align:center;text-shadow:0 0 4px #000;font-size:16px;position:absolute;left:10%;right:10%}.seq-msg-bottom{bottom:8vh}.seq-msg-top{top:5vh}.seq-msg-middle{top:50%;transform:translateY(-50%)}.panels{pointer-events:none;position:fixed;inset:0}.panel{color:#f3e6c8;pointer-events:auto;background:#3a2a18 url(/stranded2-web/sys/gfx/woodback.bmp);border:2px solid #6b4a2a;border-radius:6px;flex-direction:column;width:560px;max-height:75vh;padding:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel[hidden]{display:none}.panel-title{border-bottom:1px solid #fff3;margin-bottom:8px;padding-bottom:4px;font-size:16px}.panel-main{flex:1;gap:10px;min-height:0;display:flex}.panel-side{flex-direction:column;gap:4px;width:160px;max-height:50vh;display:flex;overflow:auto}.panel-side[hidden]{display:none}.panel-entry{text-align:left;font-size:12px}.panel-body{white-space:pre-wrap;flex:1;max-height:50vh;font-size:13px;line-height:1.5;overflow:auto}.panel-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.ui-texts,.ui-images{pointer-events:none;position:absolute;inset:0}.ui-text{white-space:nowrap;text-shadow:0 0 3px #000;font-size:14px;position:absolute}.ui-image{position:absolute}.mainmenu{color:#f3e6c8;z-index:5;background:#3a2a18 url(/stranded2-web/sys/gfx/woodback.bmp);border:2px solid #6b4a2a;border-radius:6px;width:360px;max-height:80vh;padding:16px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.mainmenu[hidden]{display:none}.menu-title{text-align:center;margin-bottom:12px;font-size:22px}.menu-body{flex-direction:column;gap:8px;display:flex}.menu-btn{padding:6px 10px;font-size:14px}.menu-row{gap:6px;display:flex}.menu-row .menu-btn:first-child{flex:1}.menu-input{flex:1;padding:4px 6px;font-size:14px}.exchange{width:640px}.exchange-main{gap:12px;display:flex}.exchange-list{flex-direction:column;flex:1;gap:4px;max-height:50vh;display:flex;overflow:auto}.exchange-cell{text-align:left;color:#f3e6c8;border:1px solid #ffffff26;align-items:center;gap:8px;font-size:12px;display:flex}.exchange-cell img{width:28px;height:28px;margin:0}.exchange-cell:disabled{opacity:.45}.exchange-cap{opacity:.85;margin-top:8px;font-size:12px}.menu-credit{opacity:.8;margin-top:12px;font-size:11px;line-height:1.4}.menu-credit a{color:#ffd766;pointer-events:auto}.loading{text-align:center;z-index:6;background:#000000b8;border-radius:6px;padding:14px 22px;font-size:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-hint{opacity:.7;margin-top:6px;font-size:12px}.loading-bar{background:#fff3;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.loading-bar i{background:#ffd766;height:100%;transition:width .2s;display:block}.menu-hint{opacity:.75;font-size:11px}