.hud{z-index:10;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;position:absolute;inset:0}.hud-resources{flex-wrap:wrap;gap:6px;max-width:calc(100% - 128px);display:flex;position:absolute;top:12px;left:12px}.hud-pill{-webkit-backdrop-filter:blur(4px);background:#0c142073;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:12px;line-height:1;display:flex}.hud-pill__icon{border-radius:3px;flex:none;width:10px;height:10px}.hud-pill--wood .hud-pill__icon{background:#b07a45;box-shadow:inset 0 -3px #00000038}.hud-pill--food .hud-pill__icon{background:#c85a4a;border-radius:50%;box-shadow:inset 0 -2px #0003}.hud-pill--gold .hud-pill__icon{background:radial-gradient(circle at 34% 30%,#ffe6a3,#f2b53c 62%,#c98a1e);border-radius:50%}.hud-pill--pop .hud-pill__icon{background:#8fb6d6;border-radius:50% 50% 42% 42%}.hud-pill__label{color:#ffffffad}.hud-pill__value{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.hud-audio{z-index:3;pointer-events:auto;color:#f0f6ffdb;cursor:pointer;background:#121a26b8;border:1px solid #ffffff47;border-radius:50%;width:30px;height:30px;padding:0;font-size:14px;line-height:1;position:absolute;top:12px;right:12px}.hud-audio--muted{color:#f0f6ff59;text-decoration:line-through}.hud-restart{z-index:3;pointer-events:auto;color:#f0f6ffdb;letter-spacing:.08em;cursor:pointer;background:#121a26b8;border:1px solid #ffffff47;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:44px;right:12px}.hud-pill--stone .hud-pill__icon{background:#9aa7b4}.hud-pill--fiber .hud-pill__icon{background:#c9b06f}.hud-pill--herb .hud-pill__icon{background:#6f9a7a}.hud-pill--cooked .hud-pill__icon{background:#d98a4a}.hud-pill--plank .hud-pill__icon{background:#b98b5e;border-radius:2px}.hud-pill--danger{border-color:#ff6a5cbf}.hud-pill--danger .hud-pill__value{color:#ff9a86}.hud-time{color:#ffffffc7;-webkit-backdrop-filter:blur(4px);background:#0c142066;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;height:20px;padding:0 9px;font-size:11px;display:flex;position:absolute;top:76px;left:12px}.hud-time__bar{background:#ffffff29;border-radius:2px;width:46px;height:3px;overflow:hidden}.hud-time__fill{background:#ffd08a;width:0;height:100%;transition:width .2s linear}.hud-time--night .hud-time__label{color:#b9d4ea}.hud-time--night .hud-time__fill{background:#8fb6d6}.hud-campfire{-webkit-backdrop-filter:blur(4px);background:#0c142073;border:1px solid #ffb85c3d;border-radius:12px;flex-direction:column;gap:4px;min-width:88px;padding:7px 10px 8px;display:flex;position:absolute;top:12px;right:12px}.hud-campfire__label{color:#ffd88f;font-size:12px;font-weight:600;line-height:1.1}.hud-campfire__fuel{color:#ffffffb8;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.2}.hud-campfire__bar{background:#ffffff2e;border-radius:999px;height:3px;overflow:hidden}.hud-campfire__fill{background:linear-gradient(90deg,#ff9a3c,#ffcf7a);border-radius:999px;width:0%;height:100%;transition:width .25s}.hud-temp{align-items:center;gap:5px;margin-top:2px;display:flex}.hud-temp__label{color:#ffffff94;flex:none;font-size:9px;line-height:1}.hud-temp__bar{background:#ffffff29;border-radius:999px;flex:1;height:3px;overflow:hidden}.hud-temp__fill{background:#ffd08a;border-radius:999px;width:70%;height:100%;transition:width .35s linear,background .35s}.hud-campfire[data-temperature=cold] .hud-temp__fill{background:#9fc6e8}.hud-campfire[data-temperature=severe] .hud-temp__fill{background:#6ea7df}.hud-campfire[data-temperature=hypothermia] .hud-temp__fill{background:#4c7fc4;animation:.9s ease-in-out infinite hud-temp-pulse}@keyframes hud-temp-pulse{0%,to{opacity:.55}50%{opacity:1}}.hud-panel{z-index:12;pointer-events:auto;-webkit-backdrop-filter:blur(10px);background:#0a111ceb;border:1px solid #ffb85c66;border-radius:18px;width:min(330px,100% - 28px);padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 50px #00000073}.hud-panel__title{color:#ffd88f;font-size:17px;font-weight:700}.hud-panel__body{color:#ffffffd1;white-space:pre-line;margin-top:10px;font-size:12px;line-height:1.65}.hud-panel__actions{flex-direction:column;gap:7px;margin-top:14px;display:flex}.hud-panel__action,.hud-panel__close{color:#ffd88f;touch-action:manipulation;cursor:pointer;background:#ffb85c1f;border:1px solid #ffb85c73;border-radius:10px;width:100%;min-height:38px;font-family:inherit;font-size:13px;font-weight:600}.hud-panel__action:disabled{color:#ffffff61;background:#ffffff0a;border-color:#ffffff1f}.hud-panel__close{color:#fff9;background:0 0;border-color:#ffffff29;margin-top:10px;font-weight:500}.hud-cold-overlay{z-index:11;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 18%,#b8deffe0 100%);transition:opacity .35s;position:absolute;inset:0}.hud-cold-overlay--visible{opacity:1}.hud-hint{color:#ffffffb8;white-space:nowrap;background:#0c142052;border-radius:999px;padding:5px 12px;font-size:11px;line-height:1.2;transition:opacity .6s;position:absolute;top:48px;left:50%;transform:translate(-50%)}.hud-hint--hidden{opacity:0}.hud-build-progress{z-index:12;pointer-events:none;background:#0c14208c;border:1px solid #ffffff47;border-radius:4px;width:90px;height:8px;margin-top:-4px;margin-left:-45px;position:fixed;overflow:hidden}.hud-build-progress__fill{background:#ffc36b;width:0;height:100%;transition:width .1s linear}.hud-quest{z-index:3;-webkit-backdrop-filter:blur(6px);background:#0a111ca3;border:1px solid #ffd88f3d;border-radius:14px;width:min(310px,100% - 24px);padding:10px 12px 11px;position:absolute;bottom:12px;left:12px}.hud-quest__meta{letter-spacing:.08em;color:#ffcf7a;font-size:10px}.hud-quest__title{margin-top:3px;font-size:15px;font-weight:700;line-height:1.25}.hud-quest__narrative{color:#ffffffb3;margin-top:3px;font-size:11px;line-height:1.45}.hud-quest__objectives{flex-direction:column;gap:3px;margin-top:7px;display:flex}.hud-quest__objective{color:#ffd88f;font-variant-numeric:tabular-nums;padding-left:12px;font-size:12px;line-height:1.35;position:relative}.hud-quest__objective:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:2px}.hud-quest__objective.is-done{color:#7ed994;text-decoration:line-through;text-decoration-thickness:1px}.hud-quest__bar{background:#ffffff29;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.hud-quest__fill{background:linear-gradient(90deg,#ff9a3c,#ffcf7a);border-radius:999px;width:0%;height:100%;transition:width .25s}.hud-action{z-index:4;color:#ffd88f;text-align:center;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#0c1420b3;border:2px solid #ffb85cb8;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;padding:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;transition:transform .1s,background .15s;display:flex;position:absolute;bottom:22px;right:18px;box-shadow:0 6px 18px #00000047,inset 0 0 0 4px #ffb85c14}.hud-action:active{background:#ffb85c2e;transform:scale(.94)}.hud-action__label{max-width:70px}.hud-toast{z-index:4;text-align:center;opacity:0;background:#0a111cb8;border:1px solid #ffd88f47;border-radius:999px;max-width:80%;padding:8px 16px;font-size:12px;line-height:1.4;transition:opacity .22s ease-out,transform .22s ease-out;position:absolute;top:84px;left:50%;transform:translate(-50%)translateY(-6px)}.hud-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}.hud-interact{white-space:nowrap;opacity:0;background:#0c14208c;border:1px solid #ffb85c52;border-radius:999px;padding:6px 14px;font-size:12px;line-height:1.2;transition:opacity .18s ease-out;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hud-interact--visible{opacity:1}.hud-joystick{z-index:2;box-sizing:border-box;opacity:0;will-change:left, top, opacity;background:#ffffff17;border:2px solid #ffffff6b;border-radius:50%;width:116px;height:116px;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;top:0;left:0;transform:scale(.92);box-shadow:inset 0 0 18px #ffffff14}.hud-joystick--active{opacity:1;transform:scale(1)}.hud-joystick__knob{will-change:transform;background:#ffffff9e;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.hud-fps{color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:112px;right:12px}.hud-weather{-webkit-backdrop-filter:blur(4px);letter-spacing:.04em;z-index:3;background:#0c142085;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:4px;min-width:132px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.hud-weather--storm{background:#0c16269e;border-color:#8cbeff80}.hud-weather__label{text-align:center}.hud-weather__bar{background:#ffffff2e;border-radius:999px;height:3px;overflow:hidden}.hud-weather__fill{background:#9cc8ff;width:0%;height:100%;transition:width .2s linear}.hud-storyline{z-index:3;text-align:center;color:#ffffffe6;opacity:0;pointer-events:none;background:#0a111cad;border:1px solid #ffd88f38;border-radius:999px;max-width:78%;padding:6px 16px;font-size:12px;line-height:1.45;transition:opacity .25s ease-out,transform .25s ease-out;position:absolute;bottom:196px;left:50%;transform:translate(-50%)translateY(6px)}.hud-storyline--visible{opacity:1;transform:translate(-50%)translateY(0)}.hud-storm-overlay{z-index:0;opacity:0;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(105deg,#ffffff29 0 1px,#0000 1px 9px) 0 0/140px 140px,radial-gradient(#0000 42%,#d6e8fa3d 100%) 0 0/100% 100%;transition:opacity .4s linear;animation:1.1s linear infinite hud-storm-drift;position:absolute;inset:0}@keyframes hud-storm-drift{0%{background-position:0 0,0 0}to{background-position:-90px 180px,0 0}}.hud-campfire--danger{border-color:#ff6048d9;animation:.9s ease-in-out infinite hud-campfire-danger}@keyframes hud-campfire-danger{0%,to{box-shadow:0 0 #ff503c00}50%{box-shadow:0 0 18px #ff503c8c}}.hud-council{z-index:3;color:#ffffffc7;pointer-events:none;background:#0a111c9e;border:1px solid #ffd88f2e;border-radius:12px;width:min(236px,100% - 24px);padding:8px 10px 9px;font-size:10px;line-height:1.55;position:absolute;top:124px;left:12px}.hud-council__title{color:#ffd88f;margin-bottom:3px;font-size:11px;font-weight:600}.hud-council__body{white-space:pre-line}@media (width<=560px){.hud-council{width:min(214px,100% - 24px);top:118px}}.story-overlay{z-index:30;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 38%,#1c2c425c,#0000 62%),#060a12d1;justify-content:center;align-items:center;padding:48px 28px 96px;display:flex;position:absolute;inset:0}.story-overlay__text{letter-spacing:.04em;color:#f4f7fb;text-align:center;text-shadow:0 2px 12px #0000008c;opacity:0;max-width:560px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:19px;font-weight:400;line-height:1.95;transition:opacity .55s ease-out,transform .55s ease-out;transform:translateY(10px)}.story-overlay__text--visible{opacity:1;transform:translateY(0)}.story-overlay__hint{letter-spacing:.12em;color:#ffffff6b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.story-overlay__skip{color:#ffffffb8;letter-spacing:.08em;cursor:pointer;background:#0c142066;border:1px solid #ffffff3d;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;position:absolute;top:16px;right:16px}.story-overlay__skip:active{background:#ffffff1f}.story-card{z-index:28;-webkit-backdrop-filter:blur(6px);text-align:center;cursor:pointer;pointer-events:auto;background:#0a111cd1;border:1px solid #ffd88f52;border-radius:16px;padding:20px 30px 22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;animation:.32s ease-out both story-card-in;position:absolute;top:46%;left:50%;box-shadow:0 18px 48px #0000005c}.story-card__meta{letter-spacing:.18em;color:#ffcf7a;font-size:10px}.story-card__title{color:#fff;margin-top:6px;font-size:19px;font-weight:700;line-height:1.3}.story-card__line{color:#ffffffad;margin-top:6px;font-size:12px;line-height:1.5}@keyframes story-card-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.title-screen{z-index:100;background:#08111d;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0;overflow:hidden}.title-screen--leaving{opacity:0;pointer-events:none}.title-screen__backdrop{background:radial-gradient(at 50% 76%,#ff96463d,#0000 40%),radial-gradient(at 50% 16%,#78aadc24,#0000 55%),linear-gradient(#0a1626 0%,#16283d 40%,#2b3f52 66%,#8fa6b6 88%,#dfe9f0 100%);position:absolute;inset:0}.title-screen__backdrop:before{content:"";clip-path:polygon(0 100%,8% 62%,18% 78%,30% 38%,42% 66%,55% 28%,68% 60%,80% 42%,92% 72%,100% 100%);opacity:.92;background:linear-gradient(#1b2d3f,#2f4557);height:48%;position:absolute;bottom:10%;left:-10%;right:-10%}.title-screen__backdrop:after{content:"";clip-path:polygon(0 100%,0 44%,12% 20%,26% 46%,40% 18%,56% 40%,72% 16%,86% 38%,100% 22%,100% 100%);background:linear-gradient(#3c5467,#dfe9f0);height:32%;position:absolute;bottom:0;left:-10%;right:-10%}.title-screen__fire{pointer-events:none;background:radial-gradient(circle,#ffbe6e52 0%,#ff8c3c24 34%,#0000 68%);border-radius:50%;width:min(46vw,260px);height:min(46vw,260px);margin-left:calc(min(46vw,260px)/-2);animation:3.4s ease-in-out infinite title-fire;position:absolute;bottom:22%;left:50%}.title-screen__snow{pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-screen__flake{background:#ffffffd9;border-radius:50%;width:4px;height:4px;animation-name:title-snow;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-6%}.title-screen__content{z-index:2;text-align:center;padding:24px;animation:.9s both title-in;position:relative}.title-screen__eyebrow{letter-spacing:.42em;color:#dcebf89e;font-size:11px}.title-screen__title{letter-spacing:.12em;color:#f4f8fc;text-shadow:0 2px 24px #ffa05047,0 1px #0000004d;margin:14px 0 0;font-size:clamp(40px,13vw,64px);font-weight:600}.title-screen__subtitle{letter-spacing:.18em;color:#dcebf8b8;margin:10px 0 36px;font-size:13px}.title-screen__start{color:#1a120a;letter-spacing:.22em;cursor:pointer;background:linear-gradient(#ffb058f2,#d6742af2);border:1px solid #ffc47899;border-radius:999px;min-width:180px;padding:13px 28px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 0 #ffaa5066,0 10px 30px #00000047}.title-screen__start:hover{transform:translateY(-1px);box-shadow:0 0 0 6px #ffaa501f,0 14px 34px #00000052}.title-screen__start:disabled{cursor:default;opacity:.7}.title-screen__hint{letter-spacing:.12em;color:#dcebf873;margin:22px 0 0;font-size:11px}@keyframes title-snow{0%{transform:translateY(-6vh)}to{transform:translate(18px,106vh)}}@keyframes title-fire{0%,to{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes title-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}