@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#deded5;background:#090b0c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -20%,#202524,#0b0e0f 52%,#080a0b);min-height:100vh}.shell{width:min(1120px,calc(100% - 44px));margin:0 auto}.topbar{height:68px;border-bottom:1px solid #303333;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#e9e8df;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:1.8px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid #8d3e3d;color:#d16b62;font-family:Barlow Condensed;font-size:21px;font-weight:800}.muted{color:#a64a43;margin:0 2px}.chapter{font-size:9px;color:#6e7774;letter-spacing:1px}.chapter span{color:#b2b7ae;margin-left:10px}.live{font-size:9px;letter-spacing:.7px;color:#9faaa2;display:flex;align-items:center;gap:8px}.live i,.red-dot{width:6px;height:6px;border-radius:50%;background:#b34a43;box-shadow:0 0 10px #a5423c;display:inline-block}.game-wrap{padding-top:28px}.game-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.eyebrow{font-size:9px;color:#a65c53;letter-spacing:1.8px}.game-heading h1{font:800 35px/.95 Barlow Condensed,sans-serif;letter-spacing:2.5px;margin:7px 0 0;color:#e8e7de}.build{font-size:9px;color:#626c68;letter-spacing:1px}.build b{color:#aeb5a9;font-weight:500;margin-left:8px}.canvas-frame{position:relative;overflow:hidden;border:1px solid #454a45;background:#111;box-shadow:0 22px 80px #0009;aspect-ratio:16/9}.canvas-frame canvas{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;filter:saturate(.74) contrast(1.07) brightness(.94)}.scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#000 4px);mix-blend-mode:multiply}.hud-top,.hud-bottom{position:absolute;left:14px;right:14px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.7px;color:#b8bdb2;text-shadow:1px 1px #000}.hud-top{top:13px}.hud-top b{margin-left:7px;color:#e8e7de}.hud-top .threat{color:#c16b5e}.hud-bottom{bottom:12px;border-top:1px solid #b3b5a344;padding-top:8px;color:#8c958d}.hud-bottom b{color:#d5d6ca;margin-left:7px}.hud-bottom #status{color:#d7a36b}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050708b8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:4}.hidden{display:none!important}.intro-card{width:min(380px,85%);padding:25px 28px 20px;background:linear-gradient(135deg,#161a1af5,#0c0e0ff7);border:1px solid #55574d;box-shadow:0 14px 50px #0008;position:relative}.intro-card:before,.intro-card:after{content:"";position:absolute;width:9px;height:9px;border-color:#b75b50;border-style:solid}.intro-card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.intro-card:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.warning{font-size:8px;letter-spacing:1px;color:#ce7769;margin-bottom:20px}.title-small{font-size:9px;letter-spacing:2px;color:#9ba29a}.intro-card h2{font:900 clamp(31px,5vw,44px)/.9 "Barlow Condensed",sans-serif;letter-spacing:1.2px;margin:8px 0 14px}.intro-card h2 em{font-style:normal;color:#b6574d}.intro-card p{font-size:10px;line-height:1.9;color:#a2a79f;max-width:300px;margin:0 0 20px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:#9e463f;color:#fff2e8;border:1px solid #c06a5e;padding:12px 13px;font:600 10px IBM Plex Mono;letter-spacing:1px;cursor:pointer;transition:background .2s,transform .2s}.primary:hover{background:#bd5a50;transform:translateY(-1px)}.save-note{font-size:8px;color:#626b65;letter-spacing:1px;text-align:center;margin-top:15px}.save-note span{color:#a95249;padding:0 5px}.pause{position:absolute;top:0;right:0;bottom:0;left:0;background:#090b0cdb;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 32px Barlow Condensed;letter-spacing:3px}.pause span{font:9px IBM Plex Mono;color:#a0a69b;margin-top:10px}.underbar{display:flex;align-items:center;justify-content:space-between;padding:12px 1px 19px;border-bottom:1px solid #292e2d}.legend{display:flex;flex-wrap:wrap;gap:17px}.legend span{font-size:8px;color:#828a83;display:flex;align-items:center;gap:6px}kbd{font:8px IBM Plex Mono;color:#c5c9bd;border:1px solid #444943;border-bottom-width:2px;border-radius:2px;padding:3px 5px;background:#171b1a}.pixel-tag{font-size:8px;letter-spacing:1px;color:#6e7770;display:flex;align-items:center;gap:7px}.pixel-tag span{width:6px;height:6px;background:#9c4c44;display:inline-block}.dashboard{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px;margin-top:16px}.panel{border:1px solid #303634;background:linear-gradient(135deg,#151918,#101313);padding:14px 15px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#aab0a6;letter-spacing:.7px;border-bottom:1px solid #303532;padding-bottom:11px}.panel-title>span{font-size:8px;color:#6f7970}.survivor{display:flex;gap:12px;padding-top:14px}.portrait{width:53px;height:63px;flex-shrink:0;background:linear-gradient(160deg,#3a4038,#1a211d);border:1px solid #4a4d41;position:relative;overflow:hidden;image-rendering:pixelated;box-shadow:inset 0 0 0 3px #171c19}.portrait:before{content:"";position:absolute;width:17px;height:21px;left:18px;top:12px;background:#b99b7e;box-shadow:-5px -4px 0 1px #151a17,-3px -8px 0 2px #202621,2px -10px 0 1px #111714,7px -5px #191f1b,-7px 1px #202620,7px 2px #1b211d,-4px 8px #88735d,4px 8px #88735d,0 23px 0 7px #303831}.portrait:after{content:"";position:absolute;left:9px;bottom:-2px;width:35px;height:21px;background:linear-gradient(90deg,#252d28 0,#252d28 18%,#596052 18%,#596052 44%,#7b493d 44%,#7b493d 58%,#505849 58%,#505849 82%,#252d28 82%);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-top:2px solid #77705b}.survivor-info{flex:1;min-width:0}.survivor-info>b{font-size:10px;display:block;letter-spacing:.5px}.survivor-info small{font-size:7px;color:#778078;display:block;margin:5px 0 10px}.bar-label{display:flex;justify-content:space-between;font-size:7px;color:#838d82;margin:7px 0 4px}.bar-label b{color:#c2c6b8;font-weight:500}.bar{height:4px;background:#343a35}.bar i{height:100%;display:block;background:#a74b43;transition:width .2s}.bar.stamina i{background:#b19a60}.items{display:flex;gap:8px;padding-top:14px}.item{flex:1;min-width:0;border:1px solid #3c433c;background:#1b201e;padding:9px 7px;display:flex;flex-direction:column;gap:5px}.item.active{border-color:#967d53;background:#28251e}.item.empty{border-style:dashed;opacity:.55}.item-icon{font-size:19px;color:#c0a36b;height:25px}.item-icon.med{color:#c26a5d}.item b{font-size:8px;white-space:nowrap}.item small{font-size:7px;color:#81887e;line-height:1.6}.mission-name{font:700 18px Barlow Condensed;letter-spacing:.7px;margin-top:15px;color:#e0dfd4}.mission p{font-size:9px;line-height:1.8;color:#90988e;margin:6px 0 14px}.mission-progress{height:3px;background:#303632}.mission-progress span{display:block;width:0;height:100%;background:#b35b4e;transition:width .2s}.mission-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:7px;color:#7d877d}.mission-foot span:last-child{color:#b06c5b}footer{display:flex;justify-content:space-between;padding:22px 0 28px;color:#58615b;font-size:8px;letter-spacing:.8px}footer b{color:#ad554b;margin-left:6px}@media(max-width:760px){.shell{width:calc(100% - 24px)}.topbar{height:56px}.chapter{display:none}.game-wrap{padding-top:19px}.game-heading h1{font-size:30px}.build{font-size:7px}.canvas-frame{aspect-ratio:4/3}.hud-top,.hud-bottom{left:8px;right:8px;font-size:7px}.dashboard{grid-template-columns:1fr}.panel{padding:13px}.vitals .survivor{max-width:340px}.underbar{align-items:flex-start;gap:12px}.legend{gap:8px}.legend span{font-size:7px}.pixel-tag{display:none}.intro-card{padding:18px}.intro-card h2{font-size:36px}.warning{margin-bottom:12px}footer{font-size:7px;gap:12px;line-height:1.7}}@media(max-width:390px){.legend{gap:7px}.legend span{gap:4px}.legend kbd{font-size:7px;padding:3px}.build{display:none}.game-heading h1{font-size:28px}.hud-top{top:7px}.hud-bottom{bottom:7px}}.canvas-frame.cinematic-mode .hud-top,.canvas-frame.cinematic-mode .hud-bottom{opacity:0;transition:opacity .35s}.cinematic-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none;background:#101719}.cinematic-layer.hidden{display:none!important}.cinematic-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:12px;color:#d4ddd8;text-shadow:1px 1px #000;font-size:8px;letter-spacing:1px;opacity:.9}.cinematic-mark{color:#a9b4ab}.skip-cinematic{pointer-events:auto;position:absolute;right:13px;bottom:12px;border:1px solid #aeb8ad66;background:#101715b8;color:#d4dcd2;padding:8px 10px;font:8px IBM Plex Mono,monospace;letter-spacing:1px;cursor:pointer;transition:background .2s,border-color .2s}.skip-cinematic:hover{background:#9e463f;border-color:#d18b7e}.skip-cinematic span{margin-left:9px;color:#d07b6c}@media(max-width:520px){.cinematic-top{left:8px;right:8px;top:8px;font-size:7px}.skip-cinematic{right:8px;bottom:8px;padding:7px 8px;font-size:7px}}.main-menu{z-index:8;background:#040708d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-card{width:min(430px,88%);padding:25px 30px 18px;background:linear-gradient(145deg,#161c1bfa,#080c0dfa);border:1px solid #62665a;box-shadow:0 18px 75px #000c;position:relative;text-align:left}.menu-card:before,.menu-card:after{content:"";position:absolute;width:12px;height:12px;border-color:#b65d51;border-style:solid}.menu-card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.menu-card:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.menu-kicker{font-size:8px;letter-spacing:1.7px;color:#c47a68;margin-bottom:13px}.menu-logo{font:900 clamp(45px,8vw,67px)/.78 "Barlow Condensed",sans-serif;letter-spacing:3px;color:#f0eee4;text-shadow:3px 3px #473b34}.menu-logo b{display:block;color:#b85b51;font-weight:900;margin-left:2px}.menu-chapter{margin-top:17px;font-size:9px;letter-spacing:2.3px;color:#b9c0b3}.menu-chapter i{font-style:normal;color:#a75148;margin:0 6px}.menu-copy{font-size:8px;letter-spacing:.8px;line-height:1.8;color:#879188;margin:13px 0 20px}.menu-actions{display:grid;gap:9px}.menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-secondary button,.menu-outline{background:#151c1a;border:1px solid #424b43;color:#c1c8bb;padding:10px;font:8px IBM Plex Mono,monospace;letter-spacing:1px;cursor:pointer;transition:background .18s,border-color .18s}.menu-secondary button:hover,.menu-outline:hover{background:#29312b;border-color:#8f7d5c}.menu-subpanel{border-top:1px solid #3b443d;margin-top:3px;padding-top:14px}.subpanel-heading{font-size:9px;color:#d0d2c5;letter-spacing:1.4px;margin-bottom:14px}.volume-label{display:flex;justify-content:space-between;color:#9ea89c;font-size:8px;letter-spacing:.8px}.volume-label b{font-size:7px;color:#6d7c70;font-weight:400}.volume-slider{width:100%;accent-color:#b65a50;margin:13px 0 14px;cursor:pointer}.menu-subpanel .menu-outline{width:100%}.menu-back{border:0;background:transparent;color:#a7afa3;font:8px IBM Plex Mono,monospace;letter-spacing:1px;padding:12px 0 0;cursor:pointer}.menu-back:hover{color:#e8c0ad}.control-line{display:flex;align-items:center;gap:14px;padding:6px 0;border-bottom:1px solid #29312d;color:#aeb8ab;font-size:8px}.control-line kbd{min-width:74px;text-align:center}.menu-footnote{margin-top:18px;padding-top:11px;border-top:1px solid #303a34;color:#626f66;font-size:7px;letter-spacing:.65px}.menu-footnote span{color:#a94e45;margin:0 4px}.pause-menu-button{margin-top:23px;min-width:150px}@media(max-width:760px){.touch-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 12px;margin-top:10px;border:1px solid #303936;background:linear-gradient(120deg,#151b19,#0d1111);touch-action:none;-webkit-user-select:none;user-select:none}.touch-pad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,35px);gap:3px}.touch-pad button,.touch-actions button{border:1px solid #50594e;background:#252d28;color:#e0e3d8;font:12px IBM Plex Mono,monospace;touch-action:none;user-select:none;-webkit-user-select:none}.touch-pad button:active,.touch-actions button:active{background:#9e463f}.touch-actions{display:flex;gap:8px;flex:1;justify-content:flex-end}.touch-actions button{height:64px;min-width:68px;padding:0 10px;font-size:8px;letter-spacing:.7px}.touch-actions button:first-child{border-color:#875149;color:#e1a99a}.touch-actions button:last-child{border-color:#77704f;color:#dfd1a4}}@media(max-width:420px){.menu-card{padding:20px 20px 15px}.menu-logo{font-size:52px}.touch-controls{gap:8px;padding:10px 8px}.touch-pad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,30px)}.touch-actions{gap:5px;min-width:0}.touch-actions button{min-width:0;flex:1;padding:0 4px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:760px){.main-menu{padding:7px 0}.menu-card{max-height:calc(100% - 14px);overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 12px}.menu-kicker{margin-bottom:8px;font-size:7px}.menu-logo{font-size:48px;line-height:.76}.menu-chapter{margin-top:12px;font-size:8px}.menu-copy{font-size:7px;margin:8px 0 12px}.menu-actions{gap:7px}.menu-secondary button,.menu-outline{padding:8px}.menu-footnote{margin-top:11px;padding-top:8px;font-size:6px}}@media(max-height:520px){.main-menu{align-items:flex-start}.menu-card{max-height:calc(100% - 8px)}}.posture-status{color:#d2c49a!important;letter-spacing:1px}.light-status{color:#aeb8a7!important}.bar.light-battery i{background:#b9b48a}.hud-top{gap:10px;align-items:center;flex-wrap:wrap}.hud-top .posture-status:before{content:"◆ ";color:#c87861}.hud-top .light-status:before{content:"◉ ";color:#c1c79c}.canvas-frame:not(.cinematic-mode) .hud-top,.canvas-frame:not(.cinematic-mode) .hud-bottom{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.touch-controls{display:none}@media(max-width:760px){.touch-controls{display:block;padding:12px 13px;margin-top:10px;border:1px solid #495047;background:linear-gradient(135deg,#181f1cf7,#090d0dfa);box-shadow:0 10px 30px #0007;touch-action:none;user-select:none;-webkit-user-select:none}.controller-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#899589;font-size:7px;letter-spacing:1.5px}.controller-heading b{color:#d0bd8d;font-size:8px;font-weight:600;letter-spacing:1px}.controller-layout{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:126px}.stick-column{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 132px}.virtual-stick{width:122px;height:122px;display:grid;place-items:center;touch-action:none;position:relative;border-radius:50%;background:radial-gradient(circle,#2b342d,#1b231f 56%,#151b18 57%,#202720);border:1px solid #586154;box-shadow:inset 0 0 0 7px #131a16,0 0 0 2px #080d0b,0 6px 16px #0008}.stick-ring{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;border:1px dashed #89917b55}.stick-knob{width:49px;height:49px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#89907c,#485447 56%,#242d27);border:1px solid #a5a78c;box-shadow:0 3px 9px #000b,inset 0 1px 3px #d7d8b366;transform:translate(0);pointer-events:none}.controller-caption{font-size:7px;letter-spacing:1.6px;color:#657164}.touch-actions{display:grid;grid-template-columns:repeat(3,minmax(58px,1fr));grid-template-rows:repeat(2,52px);gap:7px;flex:1;max-width:300px}.touch-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:1px solid #465045;background:linear-gradient(145deg,#222b25,#121916);color:#c8cfbf;font:600 8px IBM Plex Mono,monospace;letter-spacing:.7px;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 3px 7px #0008;transition:background .12s,border-color .12s,transform .12s}.touch-action small{font-size:6px;color:#737f70;font-weight:400;letter-spacing:1px}.touch-action:active,.touch-action.is-active{transform:translateY(1px);background:linear-gradient(145deg,#554238,#2a211d);border-color:#b16b55;color:#f2d5c4}.run-action{border-color:#7a765a;color:#e6d79e}.run-action small{color:#a69c70}.attack-action{border-color:#8c4c42;color:#e0a69a}#touch-light.is-active{border-color:#a6a47b;color:#ece8bd;background:linear-gradient(145deg,#454632,#282a20)}}@media(max-width:420px){.touch-controls{padding:9px}.controller-layout{gap:6px}.stick-column{flex-basis:108px}.virtual-stick{width:102px;height:102px}.stick-knob{width:43px;height:43px}.touch-actions{grid-template-columns:repeat(3,minmax(49px,1fr));grid-template-rows:repeat(2,48px);gap:5px}.touch-action{font-size:7px}.touch-action small{font-size:5px}.hud-top{gap:6px;font-size:6px}}