html,body{margin:0;height:100%;background:#0d0f0c;overflow:hidden;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#app{display:block;touch-action:none;position:fixed;inset:0;width:100%;height:100%}button{font-family:inherit}#hud{position:fixed;inset:0;pointer-events:none;color:#f3ead6;text-shadow:0 1px 3px rgba(0,0,0,.85);user-select:none}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#fff;opacity:.9;box-shadow:0 0 0 1px #0000008c;transition:opacity .2s}.corner{position:absolute;font-size:13px;line-height:1.7;opacity:.9}.tl{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}.tr{top:max(14px,env(safe-area-inset-top));right:16px;text-align:right;display:none;font-variant-numeric:tabular-nums;font-size:11px;opacity:.55}.tr.on{display:block}.bl{bottom:max(14px,env(safe-area-inset-bottom));left:16px}.title{font-size:19px;font-weight:800;letter-spacing:4px;color:#d9483f;text-shadow:0 2px 0 #4a1512,0 3px 10px rgba(0,0,0,.7)}.line{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;opacity:.72}.corner b{color:#ffd98a;font-weight:700}.needs{display:grid;gap:5px;padding:8px 12px 9px 10px;margin-left:-10px;border-radius:10px;background:linear-gradient(90deg,#080a0770,#080a0733 78%,#080a0700)}.meter{position:relative;display:grid;grid-template-columns:58px 104px;align-items:center;column-gap:8px;transition:opacity .4s}.meter b{font-size:9.5px;letter-spacing:2px;color:#efe3cd;font-weight:700;opacity:.72}.meter span{display:block;height:8px;border-radius:5px;overflow:hidden;background:#0a0c0899;border:1px solid rgba(255,255,255,.2)}.meter i{display:block;height:100%;width:100%;background:#6fa8c0;border-radius:4px;transition:width .2s linear,background .3s}.meter.health i{background:#b8524a}.meter.thirst i{background:#6fa8c0}.meter.warmth i{background:#d98f4f}.meter.food i{background:#9ab05c}.meter.rest i{background:#9a8fd0}.meter.full{opacity:.5}.meter.low b{color:#ffcf7a;opacity:1}.meter.low i{background:#d9a13f}.meter.dry b{color:#ff8a7a}.meter.dry i{background:#d9483f}.meter.dry{animation:thirsty 1.1s ease-in-out infinite}.meter.drinking i{background:#8fd4c4}.meter.rest.drinking i{background:#c7bdf5}@keyframes thirsty{0%,to{opacity:1}50%{opacity:.45}}.meter.thin span{height:4px;border-color:#ffffff1f}.meter.thin b{font-size:8.5px;opacity:.45}.noise i{width:0;background:#6c6f5c;transition:width .12s linear,background .3s}.noise.loud i{background:#d9483f}.noise.loud b{color:#ff8a7a;opacity:.9}.footing i{background:#8a9a6c}.footing.low i{background:#d9a13f}.footing.gone i{background:#d9483f}.footing em{position:absolute;left:calc(100% + 8px);top:-4px;font-size:9px;letter-spacing:2.5px;font-style:normal;font-weight:700;color:#ffd98a;opacity:0;transition:opacity .1s;white-space:nowrap}.footing em.on{opacity:.95;animation:thirsty .45s ease-in-out infinite}.hands{margin-top:6px;opacity:.6}.clock{margin-top:1px;opacity:.8}.clock[data-part=night]{color:#b9c4f0}.clock[data-part=dusk]{color:#f0c79a}@media(min-width:760px){.clock{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);margin:0;padding:4px 14px;border-radius:20px;background:#080a0766;white-space:nowrap}}.warn{position:absolute;left:50%;top:50%;transform:translate(-50%,-118px);white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#ff9c8c;opacity:0;transition:opacity .25s}.warn.on{opacity:.95;animation:thirsty 1.4s ease-in-out infinite}.keys{font-size:12px;line-height:1.75;opacity:.7;transition:opacity 1.2s}.keys.off{opacity:0}.look{position:absolute;left:50%;top:50%;transform:translate(-50%,44px);padding:8px 16px;border-radius:18px;background:#080a078c;font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .3s;white-space:nowrap}.look.show{opacity:.9}#hud.thumbs .look{display:none}.weary{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000 42%,#04040ae0)}#hud.weary .weary{animation:blink 5.5s ease-in-out infinite}@keyframes blink{0%,60%,to{opacity:.25}72%{opacity:.92}80%{opacity:.35}}.sleep{position:absolute;inset:0;display:grid;place-items:end center;opacity:0;pointer-events:none;transition:opacity .35s;background:radial-gradient(ellipse at 50% 42%,#0608124d,#04050cc2 68%,#020308ed)}#hud.asleep .sleep{opacity:1;transition:opacity 1.4s}#hud.asleep .needs,#hud.asleep .hands,#hud.asleep .warn{opacity:.12}#hud.asleep .prompt,#hud.asleep .look{opacity:0}.sleep-card{margin-bottom:22vh;text-align:center}.sleep-card b{display:block;font-size:14px;font-weight:800;letter-spacing:8px;color:#b9c4f0}.sleep-clock{margin-top:8px;font-size:26px;font-weight:700;letter-spacing:3px;color:#efe3cd;font-variant-numeric:tabular-nums;text-transform:uppercase}.sleep-rest{width:160px;height:6px;margin:12px auto 0;border-radius:4px;overflow:hidden;background:#ffffff1f}.sleep-rest i{display:block;height:100%;width:0;background:#9a8fd0;transition:width .3s linear}.sleep-pace{min-height:18px;margin-top:10px;font-size:11px;letter-spacing:3px;text-transform:uppercase;opacity:.6}.sleep-pace.fast{color:#c7bdf5;opacity:.9;animation:thirsty 2.2s ease-in-out infinite}.sleep-how{display:block;margin-top:4px;font-style:normal;font-size:11px;letter-spacing:1.5px;opacity:.45}.hurt{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .18s;background:radial-gradient(ellipse at 50% 50%,#a0140e00 38%,#96120ce6)}.down{position:absolute;inset:0;display:none;place-content:center;text-align:center;background:#4608068c}#hud.down .down{display:grid}#hud.down .crosshair,#hud.down .prompt{display:none}.down b{font-size:clamp(26px,6vw,44px);font-weight:900;letter-spacing:8px;color:#d9483f;text-shadow:0 3px 0 #340e0c,0 10px 30px rgba(0,0,0,.8)}.down em{display:block;margin-top:12px;font-style:normal;font-size:13px;letter-spacing:2px;opacity:.7}.prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,74px);font-size:12.5px;letter-spacing:1.5px;opacity:0;transition:opacity .18s;color:#efe3cd;text-transform:uppercase;white-space:nowrap}.prompt.show{opacity:.85}.prompt b{color:#ffd98a}.toast{position:absolute;left:50%;bottom:16%;transform:translate(-50%);padding:9px 18px;border-radius:10px;background:#0c0e0ab8;font-size:14px;opacity:0;transition:opacity .3s}.toast.show{opacity:1}#hud.thumbs .toast{bottom:auto;top:26%}.panel{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:#06080699;backdrop-filter:blur(3px);pointer-events:auto}.panel.show{display:grid}.panel-card{width:min(560px,calc(100vw - 24px));max-height:min(88vh,780px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#23241c,#16170f);color:#efe3cd;border:1px solid #4a4a3a;border-radius:14px;box-shadow:0 24px 60px #0009}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid #33342a}.panel-title{font-size:15px;font-weight:800;letter-spacing:3px;color:#d9483f}.panel-sub{margin-top:5px;font-size:12px;opacity:.6}.panel-sub b,.panel-seed b{color:#ffd98a}.panel-x{background:none;border:0;color:#efe3cd;opacity:.55;font-size:26px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}.panel-x:hover{opacity:1}.panel-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 10px}.panel-foot{padding:10px 20px;font-size:11px;opacity:.45;border-top:1px solid #33342a;font-variant-numeric:tabular-nums}.panel-go{margin:0 20px 20px;padding:14px;border-radius:10px;cursor:pointer;font:800 14px inherit;letter-spacing:3px;color:#2a1310;border:2px solid #40120f;background:linear-gradient(180deg,#f0a89c,#d9483f 55%,#a8332c);box-shadow:0 5px #6b1f1a}.panel-go:active{transform:translateY(2px);box-shadow:0 3px #6b1f1a}.panel-seed{display:flex;align-items:center;gap:10px;padding:8px 10px 14px;margin-bottom:4px;border-bottom:1px solid #33342a}.panel-seed label{font-size:11px;letter-spacing:2px;opacity:.55}.panel-seed input{flex:1;min-width:0;background:#12130d;color:#efe3cd;border:1px solid #3d3e30;border-radius:8px;padding:10px;font:600 15px ui-monospace,Consolas,monospace;letter-spacing:1px}.panel-seed button{background:#2f3125;color:#ffd98a;border:1px solid #4a4c3a;border-radius:8px;padding:11px 15px;cursor:pointer;min-height:44px;font:800 11px inherit;letter-spacing:2px}.panel-row{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:10px;border-radius:9px;flex-wrap:wrap}button.panel-row:hover{background:#ffffff0d}.panel-mark{font:700 15px ui-monospace,Consolas,monospace;color:#6c6f5c;line-height:1.35;white-space:pre}.panel-mark i{font-style:normal;color:transparent}.panel-row.on .panel-mark,.panel-row.on .panel-mark i{color:#ffd98a}.panel-row.blocked .panel-mark,.panel-row.blocked .panel-mark i{color:#7a4a44}.panel-text{flex:1;min-width:0}.panel-text b{display:block;font-size:14px;font-weight:700;opacity:.58}.panel-row.on .panel-text b{opacity:1}.panel-text em{display:block;font-style:normal;font-size:11.5px;opacity:.42;margin-top:2px;line-height:1.45}.panel-value{flex:0 0 auto;max-width:42%;text-align:right;font-size:11px;opacity:.55;color:#9fb08a;line-height:1.35;font-variant-numeric:tabular-nums}.panel-row.blocked .panel-value{color:#c98a80;opacity:.85}.panel-range{flex:1 0 100%;margin:10px 0 2px;height:30px;-webkit-appearance:none;appearance:none;background:none}.panel-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#3d3e30}.panel-range::-moz-range-track{height:6px;border-radius:3px;background:#3d3e30}.panel-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;cursor:pointer;background:#ffd98a;border:2px solid #6b5a2a}.panel-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;cursor:pointer;background:#ffd98a;border:2px solid #6b5a2a}.panel-choice{display:flex;flex:1 0 100%;gap:8px;margin-top:10px}.panel-choice button{flex:1;min-height:44px;cursor:pointer;border-radius:8px;border:1px solid #3d3e30;background:#1b1c14;color:#efe3cd;opacity:.6;font:700 12px inherit;letter-spacing:1px;text-transform:uppercase}.panel-choice button.on{background:#2f3125;border-color:#7a6a3a;color:#ffd98a;opacity:1}.map-wrap{width:min(100%,62vh);margin:4px auto 0}.map-canvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:10px;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px #00000073;cursor:grab;touch-action:none}.map-canvas:active{cursor:grabbing}.map-note{padding:10px 6px 4px;font-size:12.5px;line-height:1.5;opacity:.75;min-height:22px;text-align:center}#map .panel-go:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.panel-go.alt{margin-bottom:10px;color:#ffd98a;border-color:#4a4c3a;background:linear-gradient(180deg,#3a3c2e,#262819);box-shadow:0 5px #15160f}.panel-go.alt:active{box-shadow:0 3px #15160f}.map-tools{display:flex;align-items:center;gap:8px;padding:8px 2px 0;flex-wrap:wrap}.map-tools button{min-width:44px;min-height:38px;padding:0 12px;border-radius:9px;cursor:pointer;background:#2f3125;color:#ffd98a;border:1px solid #4a4c3a;font:700 13px inherit;letter-spacing:1.5px}.map-tools button:active{background:#45473a}.map-zoom{min-width:46px;text-align:center;font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}.map-hint{margin-left:auto;font-size:11px;opacity:.5}.panel-act{flex:0 0 auto;margin-left:8px;padding:9px 12px;border-radius:8px;cursor:pointer;background:#2f3125;color:#ffd98a;border:1px solid #4a4c3a;font:700 11px inherit;letter-spacing:1.5px}.panel-act:disabled{opacity:.25;cursor:default}#bag.heavy .panel-foot{color:#f0a89c;opacity:.9}@media(max-width:640px),(max-height:520px){.panel{place-items:stretch}.panel-card{width:100%;max-height:100%;height:100%;border:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.panel-text em{font-size:12px}.panel-value{max-width:50%}}.touch{position:absolute;inset:0;display:none;pointer-events:none}.touch.show{display:block}.stick{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .16s}.stick.live{opacity:1}.stick-ring{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid rgba(255,255,255,.22);transition:border-color .15s;background:radial-gradient(circle,#ffffff12,#ffffff05)}.stick.running .stick-ring{border-color:#f08c78cc;background:radial-gradient(circle,#d9483f24,#d9483f08)}.stick-knob{position:absolute;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;border:2px solid rgba(255,255,255,.42);background:#f0e8d64d}.pad{pointer-events:auto;border-radius:50%;color:#f3ead6;cursor:pointer;padding:0;border:2px solid rgba(255,255,255,.32);background:#14181275;font:800 12px inherit;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:transform .06s,background .1s,opacity .2s,border-color .2s}.pad.down{background:#f0e8d657;transform:scale(.93)}.pads{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:240px;height:176px;transform:scale(var(--pad, 1));transform-origin:100% 100%}.pads .pad{position:absolute}.pad-use{right:0;bottom:0;width:96px;height:96px;font-size:14px}.pad-hit{right:106px;bottom:6px;width:74px;height:74px}.pad-run{right:12px;bottom:108px;width:60px;height:60px;font-size:10.5px}.pad-jump{right:90px;bottom:92px;width:60px;height:60px;font-size:10.5px}.pad-swap{right:188px;bottom:16px;width:52px;height:52px;font-size:9.5px;display:none}.pad-swap.show{display:block}.pad-latch.on{background:#d9483f73;border-color:#f0a89c;color:#ffe7c9}.pad-hold{opacity:.4}.pad-hold.ready{opacity:1}.pad-use.ready{border-color:#8fd4c4cc;background:#182c2885}.pad-use.down{background:#6fa8c08c}.pad-hit.ready{border-color:#d9483fcc}.pad-hit.down{background:#d9483f80}.tabs{position:absolute;top:max(66px,calc(env(safe-area-inset-top) + 54px));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px}.pad-tab{width:50px;height:44px;border-radius:11px;font-size:9.5px;opacity:.82}@media(max-height:520px){.tabs{flex-direction:row;top:max(12px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 56px)}}.touch.lefty .pads{right:auto;left:max(14px,env(safe-area-inset-left));transform-origin:0 100%}.touch.lefty .pads .pad{right:auto}.touch.lefty .pad-use{left:0}.touch.lefty .pad-hit{left:106px}.touch.lefty .pad-run{left:12px}.touch.lefty .pad-jump{left:90px}.touch.lefty .pad-swap{left:188px}.curtain{position:fixed;inset:0;z-index:45;display:none;place-items:center;text-align:center;padding:24px;color:#efe3cd;pointer-events:auto;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.curtain.show{display:grid}.curtain-inner{width:min(420px,100%)}.curtain-heading{margin:0 0 26px;font-weight:900;color:#d9483f;line-height:1}.curtain-items{display:flex;flex-direction:column;gap:10px}.curtain-foot{margin-top:26px;font-size:12.5px;opacity:.5;line-height:1.9}.curtain-foot b{color:#ffd98a}.curtain-title{background:radial-gradient(ellipse at 50% 38%,#0a0b0857,#080906c7 68%,#060705f0)}.curtain-title .curtain-heading{font-size:clamp(54px,14vw,132px);letter-spacing:10px;text-shadow:0 4px 0 #5c1a16,0 8px 0 #340e0c,0 18px 40px rgba(0,0,0,.85)}.curtain-death{place-items:end center;background:linear-gradient(180deg,#0000 0% 42%,#14040399 68%,#080202f0)}.curtain-death .curtain-inner{margin-bottom:2vh}.curtain-death .curtain-heading{font-size:clamp(30px,7vw,64px);letter-spacing:8px;text-shadow:0 3px 0 #5c1a16,0 6px 0 #340e0c,0 14px 30px rgba(0,0,0,.85);margin-bottom:12px}.curtain-story{margin:0 0 16px;font-size:14.5px;line-height:1.7;opacity:.92}.curtain-story b{color:#ffd98a}.curtain-pause{background:#070907b8;backdrop-filter:blur(2px)}.curtain-pause .curtain-heading{font-size:22px;letter-spacing:8px;opacity:.85;margin-bottom:22px;text-shadow:0 2px 0 #4a1512}.curtain-item{display:block;width:100%;cursor:pointer;text-align:left;padding:15px 20px;border-radius:11px;color:#efe3cd;border:1px solid #45463a;background:#1a1c14c7;font:inherit}.curtain-item b{display:block;font-size:14.5px;font-weight:800;letter-spacing:2.5px}.curtain-item em{display:block;font-style:normal;font-size:11.5px;opacity:.5;margin-top:3px;letter-spacing:.3px}.curtain-item:hover{background:#2e3024d9;border-color:#6a6b52}.curtain-item:active{transform:translateY(2px)}.curtain-item.lead{text-align:center;color:#2a1310;border:2px solid #40120f;background:linear-gradient(180deg,#f0a89c,#d9483f 55%,#a8332c);box-shadow:0 5px #6b1f1a,0 10px 22px #00000073}.curtain-item.lead b{letter-spacing:4px;font-size:16px}.curtain-item.lead:active{transform:translateY(3px);box-shadow:0 2px #6b1f1a}.hud-menu{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));pointer-events:auto;cursor:pointer;width:46px;height:46px;padding:13px 11px;border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.24);background:#14181273}.hud-menu span{display:block;height:2px;border-radius:2px;background:#efe3cd;opacity:.85}.hud-menu:hover{background:#2e3024b3}.hud-menu:active{background:#f0e8d647}.tr{top:max(66px,calc(env(safe-area-inset-top) + 54px))!important}#hud.thumbs .tr{right:76px}#hud.away{opacity:0;pointer-events:none}#hud{transition:opacity .18s}#boot{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171c16;color:#efe3cd;font:16px system-ui,sans-serif}#boot h1{font-size:clamp(36px,8vw,72px);letter-spacing:.1em;color:#d9483f;margin:0}#boot p{margin:20px}#boot button{font:inherit;padding:14px 24px;border:1px solid #d9483f;background:#35291f;color:#fff;border-radius:8px}.item-icon{width:42px;height:42px;flex-shrink:0;color:#cbbb91}.panel-body,.inventory-grid,.equipment-pane{scrollbar-color:#647153 #1b261f;scrollbar-width:thin}#bag .panel-card,#build .panel-card{width:min(1040px,94vw);max-width:none;max-height:90dvh;background:#171d1b;border:1px solid #46504a;border-radius:14px;box-shadow:0 24px 100px #000b;color:#e7e3d6}#bag .panel-head,#build .panel-head{padding:22px 26px;border-bottom:1px solid #38423b;background:linear-gradient(120deg,#28322b,#19201e)}#bag .panel-title,#build .panel-title{font-size:24px;letter-spacing:4px;color:#ebe4ce}#bag .panel-sub,#build .panel-sub{opacity:1;color:#aeb6a7;letter-spacing:.2px;margin-top:7px}.keycap{display:inline-block;border:1px solid #627061;border-radius:4px;padding:2px 6px;margin-left:8px;font-size:10px}#bag .panel-body{display:grid;grid-template-columns:40% 60%;padding:0}.equipment-pane{padding:24px 20px;border-right:1px solid #364139;background:radial-gradient(ellipse at 50% 48%,#344137 0,#1d2621 65%,#18211d)}.section-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#bdc5b4;display:flex;justify-content:space-between;gap:8px}.section-label>span{font-weight:400;color:#859583;font-variant-numeric:tabular-nums}.equipment-stage{position:relative;height:354px;margin:15px 0 8px}.survivor-preview{position:absolute;left:50%;top:0;transform:translate(-50%);height:100%;width:240px;pointer-events:none}.equip-column{position:absolute;top:0;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;width:91px}.equip-column.left{left:0}.equip-column.right{right:0}.equip-slot{background:#16221dbd;border:1px dashed #4a5a4c;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:91px;padding:8px 4px;color:#8c9b8c;cursor:pointer}.equip-slot>span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.equip-slot>b{font-size:10px;font-weight:500;line-height:1.2;text-transform:capitalize}.equip-slot .item-icon{width:34px;height:34px;opacity:.45}.equip-slot.filled{border-style:solid;background:#29352bbf;border-color:#617256;color:#e5deca}.equip-slot.filled .item-icon{opacity:1;color:#d6c08b}.equip-slot.selected,.inventory-item.selected{border-color:#ddbf78;box-shadow:inset 0 0 0 1px #ddbf78}.portrait-label{position:absolute;bottom:2px;left:0;right:0;text-align:center;color:#99a88e;letter-spacing:3px;font-size:9px}.gear-stats,.weapon-stats{display:flex;gap:16px;border-top:1px solid #3e4c40;padding-top:15px}.gear-stats>span,.weapon-stats>span{flex:1;font-size:8px;letter-spacing:1.2px;color:#9eac98}.gear-stats b,.weapon-stats b{display:block;margin-top:7px;color:#e4e4d4;font-size:19px;letter-spacing:0;font-weight:500}.equip-help{font-size:11px;color:#94a28f;line-height:1.6;margin:18px 0 0}.inventory-pane{padding:24px;min-width:0;display:flex;flex-direction:column}.inventory-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.inventory-heading .section-label{gap:12px}.inventory-search{width:145px;min-width:0;background:#111a16;border:1px solid #3c4a3e;border-radius:6px;padding:9px 10px;color:#e1e4d7;font:inherit;font-size:11px}.inventory-filters{display:flex;gap:5px;padding:17px 0}.inventory-filters button{border:1px solid transparent;background:transparent;color:#99a694;text-transform:uppercase;font:700 9px inherit;letter-spacing:1px;border-radius:5px;padding:9px 12px;cursor:pointer;min-height:34px}.inventory-filters [aria-pressed=true]{color:#e7cc8d;background:#37392a;border-color:#676447}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start;min-height:215px;max-height:290px;overflow-y:auto;padding:2px}.inventory-item{position:relative;min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 4px 8px;background:linear-gradient(140deg,#2a342b,#202920);border:1px solid #424e3b;border-radius:7px;color:#e0e1cf;cursor:pointer}.inventory-item>b{text-transform:capitalize;font-size:10px;font-weight:500;line-height:1.2}.inventory-item>small{font-size:8px;color:#92a28b;letter-spacing:.5px}.inventory-item.equipped>small{color:#c8be82}.item-qty{position:absolute;top:5px;right:7px;font-size:10px;color:#b3bba8}.inventory-item .item-icon{width:38px;height:38px}.inventory-item:hover,.equip-slot:hover{background:#384335}.inventory-empty{grid-column:1/-1;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #3e4a3c;border-radius:8px;padding:20px;color:#a2ad98}.inventory-empty>b{font-size:13px;font-weight:500;margin-top:15px}.inventory-empty p{max-width:300px;font-size:11px;line-height:1.7;color:#83947e}.item-detail{margin-top:20px;padding-top:16px;border-top:1px solid #3a473c;min-height:136px}.item-detail p,.detail-idle p{font-size:12px;line-height:1.65;color:#a5b09c;margin:12px 0}.detail-idle>b{font-size:15px;font-weight:500;color:#d4d7c6}.detail-idle{padding-top:10px}.detail-heading{display:flex;gap:11px;align-items:center}.detail-heading>div{flex:1}.detail-heading b{display:block;font-size:18px;font-weight:500;text-transform:capitalize}.detail-heading small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#9ea98f}.detail-heading>span{font-size:10px;color:#99a58d}.item-actions{display:flex;gap:8px;margin-top:14px}.item-actions button,.primary-act{background:#303d30;color:#ced5c1;border:1px solid #52624b;padding:11px 20px;border-radius:6px;cursor:pointer;font:700 12px inherit;min-height:42px}button.primary-act{background:#d4bd7a;border-color:#e9d6a1;color:#222d22}.item-actions button:disabled,button.primary-act:disabled{opacity:.4;cursor:default}.item-detail>small{display:block;color:#d6ad7e;margin-top:10px;font-size:10px}#bag .panel-foot{opacity:1;padding:15px 24px;background:#121b16;border-top:1px solid #3b493b}.carry-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#b8c2a8}.carry-label>span{font-size:12px;letter-spacing:0}.carry-meter{height:5px;background:#35422e;border-radius:3px;margin:8px 0}.carry-meter i{display:block;height:100%;background:#aebd7d;border-radius:3px;transition:width .3s}.heavy .carry-meter i{background:#d78d69}.panel-foot small{font-size:10px;color:#839578}#build .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.build-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.build-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#202c23;border:1px solid #3f4d3c;border-radius:9px;min-height:200px;padding:20px 16px;color:#d8decb;text-align:left;cursor:pointer}.build-card>.item-icon{width:65px;height:65px;margin-bottom:14px}.build-card>small{font-size:8px;letter-spacing:1px;color:#9aa78c}.build-card>b{font-size:17px;font-weight:500}.build-ready{font-size:10px;color:#9da990}.build-card.on .build-ready{color:#bcce8b}.build-card.selected{border-color:#d5ba74;background:#303b29;box-shadow:inset 0 0 0 1px #9e905d}.build-detail{min-width:0;padding:0 8px}.build-illustration{height:104px;display:flex;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse,#37432c,transparent 72%);border-bottom:1px solid #3b4938}.build-illustration>.item-icon{width:98px;height:98px;color:#ddc68a}.build-illustration>span{font-size:9px;letter-spacing:2px;color:#879c78;max-width:70px;line-height:2}.build-detail h2{font-size:25px;font-weight:500;margin:17px 0 10px;color:#e5dec8}.build-detail>p{font-size:12px;line-height:1.65;color:#a5b49a;margin-bottom:18px}.build-costs{margin:10px 0 20px}.build-cost{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #354330}.build-cost .item-icon{width:32px;height:32px}.build-cost>div{flex:1}.build-cost b{font-size:12px;font-weight:500;text-transform:capitalize}.build-cost small{display:block;margin-top:5px;color:#8e9e80;font-size:10px}.build-cost>span{font:14px ui-monospace,monospace;color:#d69f81}.build-cost.enough>span{color:#c1d694}.build-choose{width:100%}.placement-help{display:block;margin:12px 0 0;font-size:10px;line-height:1.7;color:#96a784}#build .panel-foot{opacity:1;color:#a2b091;border-color:#3b4938;padding:16px 24px}button:focus-visible,input:focus-visible{outline:2px solid #edcf87;outline-offset:3px}.pickup-feed{position:fixed;right:26px;top:33%;display:flex;flex-direction:column;gap:6px;max-width:250px;pointer-events:none;z-index:8}.pickup-toast{display:flex;gap:10px;align-items:center;background:#17261ee8;border-left:3px solid #c4d596;box-shadow:0 4px 15px #0004;padding:10px 14px;border-radius:4px;color:#e2e5d0;animation:loot-in .25s ease-out}.pickup-toast .item-icon{width:28px;height:28px}.pickup-toast b{font-size:12px;font-weight:500;text-transform:capitalize}.pickup-toast small{display:block;color:#a8bd95;font-size:9px;margin-top:3px}.pickup-toast.exit{opacity:0;transform:translateY(-8px);transition:.35s}.near-loot{position:fixed;z-index:7;pointer-events:none;transform:translate(-50%,-100%);background:#16251deb;color:#e9e7d4;border:1px solid #728761;padding:7px 11px;border-radius:6px;text-align:center;white-space:nowrap;font-size:11px}.near-loot small{display:block;color:#bbcc9c;margin-top:3px;font-size:9px}.near-loot.full{border-color:#bb7e65}.near-loot.full small{color:#e1a488}.placement-bar{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:10;padding:10px 14px;background:#17241ff2;border:1px solid #5e744f;border-radius:8px;display:flex;gap:9px;align-items:center;color:#e5e4d0;font-size:11px}.placement-bar[hidden]{display:none}.placement-bar button{background:#36472f;color:#e3d5a2;border:1px solid #70825b;border-radius:5px;padding:10px;min-height:40px;cursor:pointer}@keyframes loot-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@media(min-width:741px){#bag .panel-card{height:min(760px,90dvh)}#bag .panel-body{min-height:0;overflow:hidden}.equipment-pane{min-height:0;overflow-y:auto}.equipment-stage{height:clamp(210px,calc(90dvh - 385px),354px)}.survivor-preview{object-fit:contain}.equip-column{bottom:24px}.equip-slot{min-height:72px;padding:6px 4px;gap:3px}.equip-slot .item-icon{width:30px;height:30px}.inventory-pane{min-height:0}.inventory-grid{flex:1 1 auto;min-height:106px;max-height:none}.item-detail{flex:0 0 auto;min-height:110px;margin-top:12px;padding-top:12px}.inventory-filters{padding:12px 0}.item-detail p{margin:8px 0}.item-actions{margin-top:9px}.detail-heading b{font-size:17px}}@media(max-width:740px){#bag .panel-card,#build .panel-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}#bag .panel-head,#build .panel-head{padding:16px 18px}#bag .panel-title,#build .panel-title{font-size:20px}#bag .panel-body{display:block}.equipment-pane{padding:18px;border-right:0;border-bottom:1px solid #3b4a36}.equipment-stage{height:275px;max-width:380px;margin:12px auto}.equip-column{width:90px;bottom:25px}.equip-slot{min-height:73px;padding:5px}.equip-slot .item-icon{height:25px;width:25px}.survivor-preview{height:100%;width:189px}.gear-stats{padding-top:10px}.gear-stats b{font-size:16px;display:inline;margin-left:8px}.equip-help{margin-top:12px}.inventory-pane{padding:18px}.inventory-search{width:125px}.inventory-filters{gap:3px}.inventory-filters button{padding:8px 10px;min-height:40px}.inventory-grid{max-height:none;min-height:140px;gap:6px}.inventory-item{min-height:98px}.inventory-item>b{font-size:9px}.inventory-empty{min-height:145px}.item-detail{min-height:100px}#bag .panel-foot{padding:12px 18px}#build .panel-body{display:block;padding:18px}.build-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.build-card{min-height:116px;align-items:center;padding:10px 5px;gap:6px;text-align:center}.build-card>.item-icon{width:38px;height:38px;margin:0}.build-card>small{display:none}.build-card>b{font-size:11px}.build-ready{font-size:8px}.build-detail{padding:12px 0 0}.build-illustration{height:80px}.build-illustration>.item-icon{width:68px;height:68px}.build-detail h2{font-size:23px}.build-detail>p{margin-bottom:18px}#build .panel-foot{font-size:9px;padding:12px 18px}.pickup-feed{right:12px;top:28%;max-width:180px}.pickup-toast{padding:8px 10px}.pickup-toast b{font-size:11px}.placement-bar{bottom:220px;max-width:95vw;padding:8px;gap:6px}.placement-bar>span{max-width:100px}}@media(prefers-reduced-motion:reduce){.pickup-toast{animation:none}.pickup-toast.exit,.carry-meter i{transition:none}}.search-loot{position:fixed;bottom:105px;left:50%;transform:translate(-50%);z-index:12;background:#d8c58e;color:#253128;border:1px solid #eee0b6;padding:13px 22px;border-radius:7px;min-height:46px;font:600 12px system-ui;cursor:pointer;box-shadow:0 4px 18px #0005}.search-loot[hidden]{display:none}.loot-panel .panel-card{max-width:580px;width:calc(100% - 32px);max-height:80dvh;background:#17251e;border:1px solid #627159}.loot-panel .panel-body{padding:10px 24px;overflow:auto}.loot-panel .panel-foot{opacity:1;padding:18px 24px}.loot-row{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #3b4a38}.loot-row>.item-icon{width:40px;height:40px;color:#d6c58f;flex-shrink:0}.loot-row>div{flex:1}.loot-row b{font:500 16px system-ui;text-transform:capitalize;color:#e4e0cd}.loot-row small{display:block;margin-top:5px;color:#9caa92;font-size:11px}.loot-row button,.loot-take-all{background:#d4bd7a;color:#222e24;border:1px solid #e5d49e;border-radius:5px;min-height:44px;padding:10px 16px;font:600 12px system-ui;cursor:pointer}.loot-row button:disabled,.loot-take-all:disabled{opacity:.4;cursor:default}.loot-take-all{width:100%}.loot-empty{padding:40px 10px;text-align:center;color:#d3d9c7;font-size:16px}.loot-empty small{display:block;font-size:12px;margin-top:12px;color:#a0b093}@media(max-width:740px){.search-loot{bottom:210px;max-width:90vw;white-space:nowrap}.loot-panel .panel-card{max-height:90dvh}.loot-panel .panel-body{padding:8px 16px}.loot-row{gap:10px}.loot-row b{font-size:14px}}#loot-panel .panel-title{font:500 23px system-ui;letter-spacing:0;color:#e2dcc5}#loot-panel .panel-sub{font-size:12px;color:#a9b79e;margin-top:7px}.pickup-feed[hidden]{display:none}.search-loot{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 20px;font-size:15px;touch-action:manipulation}.search-loot-count{background:#263b2c;color:#e8dfc5;padding:5px 9px;border-radius:5px;font-size:12px}.search-loot kbd{font:11px system-ui;border:1px solid #68704e;padding:3px 6px;border-radius:3px}.search-loot kbd[hidden]{display:none}.near-loot{pointer-events:auto;min-height:48px;max-width:190px;white-space:normal;font:600 12px system-ui;cursor:pointer;touch-action:manipulation}.near-loot:disabled{cursor:default}.near-loot small{font-weight:400}.near-loot[hidden]{display:none}#loot-panel .panel-card{width:min(620px,calc(100% - 24px));max-height:90dvh;background:#17251e}#loot-panel .panel-body{padding:4px 20px 16px;min-height:0;overscroll-behavior:contain}.loot-carry{padding:16px 20px 12px;flex-shrink:0;color:#cdd7bd}.loot-carry>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font:12px system-ui}.loot-carry span{display:flex;align-items:center;gap:8px}.loot-carry .item-icon{width:23px;height:23px;color:#d7c38b}.loot-carry strong{font-weight:500;color:#c5d8a8}.loot-carry meter{appearance:none;display:block;width:100%;height:7px;border:0;border-radius:4px;background:#3a4935;margin:12px 0 0}.loot-carry meter::-webkit-meter-bar{border:0;background:#3a4935;height:7px}.loot-carry meter::-webkit-meter-optimum-value{background:#b9ca88}.loot-carry meter::-moz-meter-bar{background:#b9ca88}button.loot-row{width:100%;min-height:88px;margin-top:8px;padding:15px 13px;gap:12px;background:#22362a;border:1px solid #4b6246;border-radius:8px;text-align:left;cursor:pointer;touch-action:manipulation;color:#e4e0cd}button.loot-row:hover:not(:disabled){background:#30462f;border-color:#c3cb91}button.loot-row:active:not(:disabled){background:#405a36}button.loot-row:focus-visible,.search-loot:focus-visible,.near-loot:focus-visible{outline:2px solid #e4cb8c;outline-offset:2px}.loot-item-copy{flex:1;min-width:0}.loot-row b{display:block;font-size:16px}.loot-row small{font:11px/1.5 system-ui;color:#b1bea4}.loot-row em{display:block;font:11px/1.5 system-ui;color:#e4bb87;margin-top:4px}.loot-row-action{font:600 12px system-ui;padding:10px 9px;background:#d9c38a;color:#253128;border-radius:5px;white-space:nowrap}button.loot-row:disabled{cursor:default}.loot-row.taken{background:#1b2b21;border-color:#354c34}.loot-row.taken b,.loot-row.taken .item-icon{color:#a9c28f}.loot-row.taken .loot-row-action{background:transparent;color:#c6daa5}.loot-row.too-heavy .loot-row-action{background:#443b2a;color:#e4be8d}#loot-panel .panel-foot{padding:12px 20px 18px;border-top:1px solid #41533b;flex-shrink:0;background:#15221a}.loot-take-all{min-height:52px;font-size:14px}.loot-receipt{min-height:20px;font:12px/1.5 system-ui;color:#c6dba5;margin-bottom:7px}.loot-footer-actions{display:flex;gap:10px;margin-top:10px}.loot-footer-actions button{flex:1;min-height:46px;border:1px solid #607353;background:transparent;color:#d3ddc2;border-radius:6px;font:600 13px system-ui;cursor:pointer;touch-action:manipulation}.loot-footer-actions .loot-done{background:#2b402c}.loot-empty{display:flex;align-items:center;flex-direction:column;gap:12px}.loot-empty>.item-icon{width:48px;height:48px;color:#a8bd8a}.loot-empty small{margin:0;line-height:1.6}@media(max-width:740px){#loot-panel{align-items:end}#loot-panel .panel-card{width:100%;max-height:94dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}#loot-panel .panel-head{padding:16px 18px 10px}#loot-panel .panel-body{padding:0 12px 12px}.loot-carry{padding:13px 16px}.loot-row>.item-icon{width:32px;height:32px}.loot-row b{font-size:14px}button.loot-row{min-height:88px;padding:12px 10px;gap:10px}.loot-row small{font-size:10px}.loot-row-action{padding:11px 8px;font-size:11px}#loot-panel .panel-foot{padding:10px 14px 16px}.search-loot{bottom:212px;min-width:215px;justify-content:center}.search-loot kbd{display:none}}#character .panel-card{width:min(1060px,96vw);height:min(790px,94dvh);max-height:94dvh;background:#15211d;border:1px solid #6e7561;border-radius:12px;overflow:hidden;box-shadow:0 24px 100px #0008;color:#e5e1d0;font-family:system-ui,sans-serif}#character .panel-head{padding:20px 26px;border-bottom:1px solid #3b473b}#character .panel-title{font:500 15px system-ui;letter-spacing:4px}#character .panel-sub{display:none}#character .panel-body{display:grid;grid-template-columns:300px 1fr;overflow:hidden;padding:0;min-height:0;flex:1}.character-portrait{position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 65%,#47513b 0,#233129 45%,#17241e 75%);border-right:1px solid #3b473b;padding:26px 22px;min-height:0;overflow:hidden}.portrait-caption{align-self:stretch;font-size:9px;letter-spacing:2px;color:#a8ae95;display:flex;justify-content:space-between}.portrait-caption span{color:#dac591}.character-portrait canvas{width:100%;flex:1;min-height:0;object-fit:contain}.character-name{font-size:27px;color:#f2e7ca;overflow-wrap:anywhere;text-align:center}.character-role{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#b3b59b;margin:8px 0 0}.turn-character{position:absolute;right:18px;bottom:110px;border:1px solid #737962;border-radius:50%;width:38px;height:38px;color:#dfd4b2;background:#29382b;font-size:24px;cursor:pointer}.character-editor{display:flex;flex-direction:column;min-height:0;min-width:0}.character-editor nav{display:flex;gap:26px;padding:0 30px;border-bottom:1px solid #3b473b}.character-editor nav button{border:0;border-bottom:2px solid transparent;background:none;color:#8d9d8e;font:500 12px system-ui;padding:18px 0;cursor:pointer}.character-editor nav .selected{color:#e1c785;border-bottom-color:#dcc084}.character-fields{overflow:auto;padding:28px 30px;flex:1;min-height:0}.origin-eyebrow{font-size:9px;color:#bdaf87;letter-spacing:2px}.character-fields h2{font-size:30px;font-weight:400;letter-spacing:-.5px;margin:10px 0 25px;line-height:1.12}.character-field{display:flex;flex-direction:column;gap:10px;margin:18px 0;color:#aebba8;font-size:11px}.character-field input{background:#223128;border:1px solid #566551;border-radius:5px;color:#eee6ce;font:18px system-ui;padding:11px 14px;width:100%;box-sizing:border-box}.appearance-options,.kit-options{display:flex;flex-wrap:wrap;gap:8px}.character-fields button{font:500 12px system-ui;color:#bfcbb7;background:#26372c;border:1px solid #50614c;border-radius:5px;padding:12px 16px;min-height:44px;cursor:pointer}.character-fields button[aria-pressed=true]{color:#f0d696;border-color:#d3b774;box-shadow:inset 0 0 0 1px #d3b774;background:#35432c}.character-fields .color-swatch{padding:5px;width:44px;height:44px}.color-swatch span{display:block;width:100%;height:100%;background:var(--swatch);border-radius:2px}.occupation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.occupation-context{margin:24px 0 20px;border-left:2px solid #d1b77e;padding:0 16px}.occupation-context b{font-size:20px;font-weight:400}.occupation-context>span{float:right;text-transform:capitalize;font-size:11px;color:#b7ad8e;padding-top:5px}.occupation-context p{font-size:12px;color:#abb8a3;margin:8px 0}.starter-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.starter-items>span{display:flex;align-items:center;gap:6px;background:#1e2e24;border:1px solid #384a37;border-radius:4px;padding:5px 8px}.starter-items .item-icon{width:22px;height:22px;color:#b9bea0}.starter-items b{font-size:10px;font-weight:400;text-transform:capitalize}.starter-weight{font-size:11px;color:#b7c69d;margin-top:15px}.starter-weight span{float:right;color:#98babc}#character .panel-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;background:#111c17;border-top:1px solid #3b473b;opacity:1;flex-shrink:0}#character .panel-foot button{min-height:45px;border-radius:5px;padding:12px 25px;cursor:pointer;font:600 12px system-ui}#character .character-back{background:none;border:1px solid #57634e;color:#c1cbb2}#character .character-next{background:#dcc38a;border:1px solid #f1da9e;color:#253125}#character .character-next:disabled{opacity:.55;cursor:wait}.character-page{font:11px ui-monospace,monospace;color:#8a9a81}.outbreak-title{font-size:38px!important;color:#ead9b1;letter-spacing:1px!important;max-width:440px}.outbreak-location{font-size:12px;color:#d1b982;text-transform:capitalize}.outbreak-location span{color:#a1b099}.outbreak-story{font-size:15px;line-height:1.75;color:#c9d0bb;margin:20px 0}.character-fields blockquote{font-size:13px;line-height:1.7;color:#d7dbbe;margin:20px 0 24px;padding:15px 18px;border-left:2px solid #a2ad7b;background:#243126}.origin-home{display:flex;gap:20px;align-items:center;border-top:1px solid #43513d;padding:16px 0}.origin-home>span{font-size:9px;letter-spacing:2px;color:#d9b97a}.origin-home b{font-size:12px;font-weight:400}.origin-contacts>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #354331}.origin-contacts b{font-size:13px;font-weight:500;flex:1}.origin-contacts small{display:block;font-size:10px;font-weight:400;color:#8fa085;margin-top:4px}.origin-contacts>div>span:last-child{font-size:12px;text-align:right;text-transform:capitalize}.relation-dot{width:8px;height:8px;flex-shrink:0;background:#e0b57c;border-radius:50%}.relation-dot.friend{background:#87bec2}.story-hud{position:fixed;top:210px;left:24px;max-width:260px;color:#e7dec3;pointer-events:none;z-index:8;text-shadow:0 1px 3px #000}.story-hud[hidden],.opening-beat[hidden]{display:none}.story-hud small{font:9px system-ui;letter-spacing:2px;color:#d5bb82}.story-hud b{font:500 14px/1.5 system-ui;display:block;margin-top:7px}.opening-beat{position:fixed;bottom:130px;left:50%;transform:translate(-50%);width:min(570px,86vw);box-sizing:border-box;text-align:center;background:#122019eb;padding:23px 26px;border-top:2px solid #c2aa77;z-index:10;color:#dce0ca;pointer-events:none}.opening-beat small{font:9px system-ui;letter-spacing:3px;color:#c6b281}.opening-beat h2{font:400 25px system-ui;letter-spacing:2px;margin:10px 0}.opening-beat p{font:13px/1.65 system-ui;margin:0;color:#bfcbb0}.map-people{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.map-people button{display:flex;gap:9px;align-items:center;background:#23372e;border:1px solid #5f7057;color:#e2d9bd;border-radius:6px;padding:10px 12px;text-align:left;min-height:46px;cursor:pointer}.map-people b{font:500 12px system-ui}.map-people small{display:block;font:10px system-ui;color:#aebaa2;margin-top:4px}.map-people .home-mark{color:#dfba73;font-size:20px}@media(max-width:740px){#character .panel-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}#character .panel-head{padding:15px 18px}#character .panel-body{grid-template-columns:1fr;overflow:auto}.character-portrait{height:200px;padding:12px 18px;display:block;border-right:0;border-bottom:1px solid #3b473b;flex-shrink:0}.character-portrait canvas{width:160px;height:200px;position:absolute;left:10px;top:14px}.portrait-caption{font-size:8px}.character-name{margin:75px 0 0 145px;font-size:24px}.character-role{margin:6px 0 0 145px;font-size:9px;text-align:center}.turn-character{bottom:16px;right:18px}.character-editor{overflow:visible;min-height:410px}.character-editor nav{padding:0 18px;gap:24px}.character-fields{padding:22px 18px;overflow:visible}.character-fields h2{font-size:27px}.occupation-options{grid-template-columns:repeat(2,1fr)}#character .panel-foot{padding:13px 18px}.outbreak-title{font-size:30px!important}.story-hud{top:192px;left:15px;max-width:190px}.story-hud b{font-size:12px}.opening-beat{bottom:225px;padding:16px}.opening-beat h2{font-size:21px}.opening-beat p{font-size:12px}}.map-people{align-items:flex-start}.map-person{display:flex;flex-direction:column;gap:3px}.map-person>small{padding:0 4px;font-size:10px}.map-person button{width:100%}.opening-beat{bottom:180px}#map.has-story .panel-card{width:min(930px,96vw)}#map.has-story .panel-body{display:grid;grid-template-columns:minmax(0,1fr) 225px;grid-template-rows:auto auto;gap:12px 22px;align-items:start}#map.has-story .map-wrap{grid-column:1;grid-row:1;width:min(100%,57dvh);margin:0 auto}#map.has-story .map-tools{grid-column:1;grid-row:2;justify-content:center;padding-top:0}#map.has-story .map-people{grid-column:2;grid-row:1 / span 2;flex-direction:column;margin:0;gap:18px}#map.has-story .map-people>*,#map.has-story .map-people button{width:100%;box-sizing:border-box}#map.has-story .map-note:empty,#map.has-story .panel-foot:empty{display:none}@media(max-width:740px){.opening-beat{bottom:225px}#map.has-story .panel-card{width:100%}#map.has-story .panel-body{grid-template-columns:1fr;gap:12px}#map.has-story .map-wrap{width:min(100%,42dvh)}#map.has-story .map-people{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:12px}#map.has-story .map-people b{font-size:11px}}#challenges .panel-card{width:min(1040px,96vw);height:min(800px,94dvh);background:#18231e;color:#e3ddc5;border-color:#65725c}#challenges .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;min-height:0}.challenge-row{width:100%;min-height:82px;background:transparent;border:0;border-bottom:1px solid #354331;color:#e2ddc4;text-align:left;cursor:pointer;font:500 16px system-ui;touch-action:manipulation}.challenge-row[hidden]{display:none}.challenge-row-copy{flex:1}.challenge-name{display:block}.challenge-row:hover{background:#273a2b}.challenge-row:active{background:#405535}.challenge-row:focus-visible{outline:2px solid #dfc787;outline-offset:-3px}.challenge-row .challenge-badge{padding:8px 0 8px 12px}.challenge-browser nav button{min-height:44px}.challenge-browser{display:flex;flex-direction:column;border-right:1px solid #44513e;min-height:0}.challenge-browser nav{display:flex;gap:6px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #44513e}.challenge-browser nav button{background:transparent;border:1px solid #53614d;border-radius:5px;padding:9px 12px;color:#b9c4aa;cursor:pointer}.challenge-browser nav button[aria-pressed=true]{background:#d6bd82;color:#233027;border-color:#d6bd82}.challenge-list{overflow:auto;min-height:0}.challenge-row{display:flex;gap:15px;align-items:center;padding:15px 20px;border-bottom:1px solid #354331}.challenge-row.selected{background:#30432f;box-shadow:inset 3px 0 #d6bd82}.challenge-number{font:12px ui-monospace,monospace;color:#83947b}.challenge-row>div{flex:1}.challenge-row button{font:500 16px system-ui;background:none;border:0;color:#e2ddc4;padding:0;min-height:30px;cursor:pointer;text-align:left}.challenge-mechanic{display:block;color:#a0b090;font:11px system-ui;margin-top:5px}.challenge-badge{color:#65765d;font-size:22px}.challenge-badge.done{color:#c8d9a1}.challenge-detail{padding:28px 32px;overflow:auto}.challenge-kicker{font:9px system-ui;letter-spacing:2px;color:#bca873}.challenge-emblem{font:300 52px system-ui;color:#dbc48e;border:1px solid #596a4c;border-radius:50%;width:95px;height:95px;display:grid;place-items:center;margin:25px 0}.challenge-detail h2{font:400 32px/1.1 system-ui;letter-spacing:-.5px;margin:20px 0}.challenge-detail p,#mission p{font:14px/1.75 system-ui;color:#b9c4aa}.challenge-detail ol{padding-left:20px;font:13px/1.8 system-ui;color:#d1d6bb}.challenge-detail li{padding:5px 0}.challenge-record{margin-top:25px;border-top:1px solid #46543d;padding-top:20px;font:10px system-ui;letter-spacing:1.5px;color:#b7c59e}#challenges .panel-foot,#mission .panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 24px;opacity:1;border-top:1px solid #46543d;flex-shrink:0}.challenge-total{font:12px system-ui;color:#b8c4a4}#challenges .panel-foot button,#mission .panel-foot button{min-height:45px;padding:11px 23px;background:#d6bd82;border:1px solid #e7ce95;border-radius:5px;color:#233027;font:600 12px system-ui;cursor:pointer}.mission-hud{position:fixed;top:210px;left:24px;width:min(310px,40vw);z-index:9;color:#eee5cc;text-shadow:0 1px 3px #000}.mission-hud[hidden]{display:none}.mission-hud>button{font:600 12px system-ui;letter-spacing:1px;background:#223129e8;color:#e1ce9e;border:1px solid #889570;border-radius:5px;padding:10px 14px;cursor:pointer;pointer-events:auto}.mission-hud ol{list-style:none;padding:0;margin:10px 0;font:12px/1.65 system-ui;pointer-events:none}.mission-hud li{margin:7px 0;display:flex;gap:8px;background:#19251dd9;padding:6px 9px;border-radius:3px}.mission-hud li.done{color:#b5cf96}.mission-hud .mission-time{font:11px ui-monospace,monospace;color:#e1ce9e}#mission .panel-card{background:#19261e;color:#e5dfc8;width:min(600px,96vw)}#mission h2{font:400 29px/1.25 system-ui;margin:12px 0}#mission ol{list-style:none;padding:0;font:13px/1.7 system-ui}#mission li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #3f513c}#mission li.done{color:#c4dca1}.mission-result-mark{font:40px system-ui;color:#c4dca1}.mission-success .panel-title{color:#c4dca1!important}#mission .panel-foot button:not(:last-child){background:transparent;color:#c9d4b5;border-color:#607052}@media(max-width:740px){#challenges .panel-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}#challenges .panel-body{grid-template-columns:1fr;overflow:auto;display:block}.challenge-browser{border-right:0}.challenge-list{max-height:270px;overflow:auto}.challenge-row{padding:10px 18px}.challenge-row button{font-size:14px}.challenge-detail{padding:24px 20px}.challenge-emblem{display:none}.challenge-detail h2{font-size:27px;margin:14px 0}.challenge-detail p{font-size:13px}.challenge-record{margin-top:16px}.mission-hud{top:192px;left:12px;width:min(240px,64vw)}.mission-hud ol{font-size:11px}.mission-hud li{padding:4px 7px;margin:5px 0}.mission-hud>button{font-size:10px;padding:8px 11px}#mission .panel-foot{flex-wrap:wrap;padding:14px}#mission .panel-foot button{padding:10px 16px;flex:1}}.panel{font-family:system-ui,sans-serif}.panel-card{background:#18251e;border-color:#56654d;color:#e7e2d0}.panel-head{align-items:center;flex-shrink:0}.panel-title,#bag .panel-title,#build .panel-title{font:500 23px system-ui;letter-spacing:0;color:#e7dfc6}.panel-sub{color:#aebda3;opacity:1;font-size:12px}.panel-sub:empty,.panel-foot:empty{display:none}.panel-x{opacity:1;min-width:48px;min-height:48px;border:1px solid #4b5d45;border-radius:8px;background:#213229}.panel button,.curtain button{touch-action:manipulation}.panel button[hidden],.panel [hidden]{display:none!important}.panel-body{min-height:0;overscroll-behavior:contain}.panel-foot{flex-shrink:0}.menu-done,.bag-done,.reset-settings{min-height:48px;padding:12px 18px;background:#2c402f;color:#dfdfc8;border:1px solid #657555;border-radius:7px;font:600 13px system-ui;cursor:pointer}.panel button:active:not(:disabled){filter:brightness(1.18)}.panel button:disabled{cursor:default}.panel-go{background:#d8c28b;border:1px solid #ebdba7;box-shadow:none;color:#253126;font:600 14px system-ui;letter-spacing:0;min-height:50px}.panel-go:active{box-shadow:none;transform:none}#bag .panel-card{width:min(1000px,96vw);height:min(850px,94dvh);max-height:94dvh;background:#17251e}#bag .panel-head,#build .panel-head{padding:16px 22px;background:#1e2d24}#bag .panel-sub,#build .panel-sub{margin-top:4px}.bag-views{display:flex;gap:8px;padding:10px 20px 0;flex-shrink:0}.bag-views button{flex:1;min-height:48px;background:transparent;color:#b5c5a7;border:1px solid #4e6247;border-radius:7px;font:600 14px system-ui;cursor:pointer}.bag-views button[aria-pressed=true]{background:#354630;border-color:#c5b77e;color:#f0ddb0}.bag-views span{margin-left:7px;font:12px ui-monospace,monospace;color:#a9bf97}.bag-carry{padding:13px 22px;flex-shrink:0;border-bottom:1px solid #3b4e38}.bag-carry .carry-label{align-items:center;gap:12px;letter-spacing:0;font-size:12px}.bag-carry .carry-label>b{font-size:10px;letter-spacing:1px}.bag-carry .carry-label>span{margin-right:auto;color:#e0ddc9}.bag-carry strong{font-size:12px;font-weight:500;color:#c3d7a5;white-space:nowrap}.bag-carry meter{display:block;width:100%;height:6px;margin-top:9px;appearance:none;background:#364b30;border:0;border-radius:4px}.bag-carry meter::-webkit-meter-bar{background:#364b30;border:0;height:6px}.bag-carry meter::-webkit-meter-optimum-value{background:#b5ca87}.heavy .bag-carry meter::-webkit-meter-optimum-value{background:#d49d70}.bag-carry meter::-moz-meter-bar{background:#b5ca87}#bag .panel-body{display:grid;grid-template-columns:36% 64%;overflow:hidden;padding:0}#bag .equipment-pane{padding:20px 16px;min-height:0;overflow:auto}#bag .equipment-stage{height:300px;margin:15px 0}#bag .equip-column{width:88px;bottom:0;gap:8px}#bag .equip-slot{min-height:88px;flex:1;padding:8px 5px}#bag .equip-slot>span{font-size:10px}#bag .equip-slot>b{font-size:11px}#bag .equip-slot .item-icon{height:30px;width:30px}#bag .gear-stats{gap:10px;padding-top:12px}#bag .gear-stats>span{font-size:10px;letter-spacing:.4px}#bag .gear-stats b{font-size:17px}#bag .inventory-pane{padding:16px;min-height:0;overflow:hidden}#bag .inventory-search{width:100%;height:46px;font:16px system-ui;background:#122019;padding:10px 13px;border-color:#4a5f42}#bag .inventory-heading{flex-shrink:0}#bag .inventory-filters{gap:5px;padding:9px 0;flex-shrink:0}#bag .inventory-filters button{flex:1;min-height:44px;padding:8px 5px;font:500 12px system-ui;letter-spacing:0;text-transform:capitalize;border-color:#3d5137}#bag .inventory-filters [aria-pressed=true]{color:#243126;background:#d6c18b;border-color:#d6c18b}.slot-filter{min-height:44px;margin-bottom:8px;text-align:left;border:1px solid #9e9767;background:#384831;color:#eddbac;border-radius:5px;padding:8px 12px;font:12px system-ui;cursor:pointer}#bag .inventory-grid{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;max-height:none;overflow:auto;padding:2px 3px 6px}#bag .inventory-item{flex-shrink:0;width:100%;min-height:76px;flex-direction:row;align-items:center;justify-content:start;gap:12px;padding:12px;background:#22362a;border:1px solid #4c6246;text-align:left;box-sizing:border-box}#bag .inventory-item:hover{background:#30452f}#bag .inventory-item.selected{background:#37492f;border-color:#ddc88d;box-shadow:inset 3px 0 #ddc88d}.inventory-copy{flex:1;min-width:0}.inventory-copy b{display:block;font:500 15px system-ui;text-transform:capitalize;color:#e9e5cf}.inventory-copy small{display:block;font:11px/1.6 system-ui;color:#b0c0a3;margin-top:4px}.equipped .inventory-copy small{color:#d1d9a4}#bag .item-qty{position:static;font:600 14px ui-monospace,monospace;color:#e1d4a8;background:#15291e;border-radius:4px;padding:6px 8px}.item-chevron{font-size:24px;color:#a3b78e}#bag .inventory-item .item-icon{height:36px;width:36px}#bag .inventory-empty{min-height:150px;flex-shrink:0}#bag .panel-foot{padding:14px 22px 18px;opacity:1;background:#122019;max-height:45%;overflow:auto}#bag .item-detail{padding:0;margin:0;min-height:0;border:0}#bag .detail-heading b{font-size:18px}#bag .detail-heading small{display:block;margin-top:4px;font:11px system-ui;letter-spacing:0;text-transform:none;color:#b7c5aa}#bag .detail-heading>.item-icon{height:32px;width:32px}#bag .item-hint{font:12px/1.5 system-ui;margin:8px 0;color:#b2c1a5}.item-specs summary{font-size:12px;color:#dec890;min-height:36px;display:flex;align-items:center;cursor:pointer}.item-specs summary:before{content:"\ff0b";margin-right:8px}.item-specs[open] summary:before{content:"\2212"}.item-specs .weapon-stats{padding:10px 0;margin-bottom:8px}.bag-receipt{font:12px/1.5 system-ui;color:#ccdda9;min-height:18px;margin:6px 0 9px}.bag-actions{display:flex;gap:10px}#bag .item-actions{display:flex;flex:1;gap:8px;margin:0}#bag .item-actions button{flex:1;min-height:50px;padding:10px 12px;font:600 13px system-ui;white-space:nowrap}.bag-done{min-width:110px;min-height:50px}#bag .bag-done{color:#e0dfca;background:#293e2d}#build .panel-card{height:min(760px,94dvh);max-height:94dvh}#build .panel-body{gap:22px;padding:20px;min-height:0}.build-catalog{display:flex;flex-direction:column;gap:9px}.build-card{min-height:84px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:5px 15px;padding:14px;text-align:left;align-items:center}.build-card>.item-icon{grid-column:1;grid-row:1/span 2;width:42px;height:42px;margin:0}.build-card>b{font:500 16px system-ui}.build-ready{font:12px system-ui}.build-detail h2{font-size:25px}.build-detail>p{font-size:14px}.build-cost b{font-size:14px}.build-cost small{font-size:12px;line-height:1.5}#build .panel-foot{padding:14px 22px 18px;background:#122019}.build-status{min-height:20px;margin-bottom:9px;font:12px system-ui;color:#c6d5ad}.build-footer-actions{display:flex;gap:10px}.build-footer-actions .build-choose{flex:1;min-height:50px;font:600 14px system-ui}.build-footer-actions .menu-done{min-width:110px}.placement-bar{display:grid;grid-template-columns:1fr auto auto;width:min(470px,calc(100vw - 28px));box-sizing:border-box;padding:12px;gap:9px}.placement-bar>span{grid-column:1/-1;max-width:none;font:12px system-ui;color:#d0dcc0}.placement-bar button{min-height:48px;font:600 13px system-ui;padding:12px}.placement-bar .place-build{background:#d7c18b;color:#253126}.placement-bar .place-build:disabled{background:#344230;color:#92a588;border-color:#4b5b3f}#prefs .panel-card{width:min(620px,96vw);max-height:94dvh}#prefs .panel-body{padding:12px 20px}#prefs .panel-row{padding:16px 12px;min-height:58px;box-sizing:border-box;border-bottom:1px solid #394c34;border-radius:0;align-items:center}#prefs .panel-text b{opacity:1;font-weight:500;font-size:15px}#prefs .panel-text em{opacity:1;color:#aaba9d;font-size:12px;margin-top:6px}#prefs .panel-value{opacity:1;font-size:13px;color:#d9c48e}#prefs .panel-range{height:44px;margin:3px 0 0}#prefs .panel-choice button{min-height:48px;opacity:1;background:#203328;font:500 12px system-ui}#prefs .panel-choice button.on{background:#d4be86;color:#253225;border-color:#ead49d}#prefs .panel-foot{padding:12px 22px 18px;opacity:1;background:#122019}.settings-status{display:block;min-height:18px;margin-bottom:8px;color:#c5d8a8;font-size:12px}.settings-actions{display:flex;gap:12px}.settings-actions button{flex:1}.reset-settings{background:transparent;color:#b9c7ad}.map-tools{justify-content:center;gap:8px}.map-tools button{min-height:48px;min-width:48px;font:600 12px system-ui;letter-spacing:0;background:#2b402e;border-color:#607651;color:#e1d29e}.map-people button{min-height:68px;padding:12px;border-color:#586e4d;touch-action:manipulation}.map-person-copy{flex:1}.map-people b{font-size:13px}.map-person-copy small{font-size:11px;line-height:1.5}#map .panel-foot{opacity:1}#map .panel-go{margin-top:12px;flex-shrink:0}.curtain-item{min-height:56px;touch-action:manipulation}.curtain-item:focus-visible{outline:2px solid #e9ce87;outline-offset:3px}#character .character-editor nav{gap:8px;padding:6px 22px}#character .character-editor nav button{flex:1;min-height:48px;padding:10px 6px;border-radius:4px;font-size:12px}#character .character-fields button{min-height:48px;font-size:13px}#character .character-fields .color-swatch,#character .turn-character{width:48px;height:48px}#character .panel-foot button,#challenges .panel-foot button,#mission .panel-foot button{min-height:50px;font-size:14px}#character .character-field{font-size:13px}.challenge-browser nav button{min-height:48px;font-size:12px}.challenge-mechanic{font-size:12px}.challenge-total{font-size:13px}.mission-hud>button{min-height:48px}.pad-tab{min-width:50px;min-height:48px;font-size:11px}@media(min-width:741px){.bag-views{display:none}#bag .panel-foot{display:grid;grid-template-columns:1fr auto;gap:0 20px}#bag .item-detail{grid-column:1;grid-row:1/span 2}.bag-receipt{grid-column:2;align-self:end;min-width:280px}.bag-actions{grid-column:2;grid-row:2;align-self:end;flex-wrap:wrap;max-width:390px}.bag-done{flex:1}}@media(max-width:740px){.panel-card,#bag .panel-card,#build .panel-card,#prefs .panel-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}#bag .panel-head,#build .panel-head,.panel-head{padding:10px 14px}.panel-title,#bag .panel-title,#build .panel-title{font-size:21px}.bag-views{padding:8px 12px 0}.bag-carry{padding:10px 16px}.bag-carry .carry-label>b{display:none}#bag .panel-body{display:flex;flex-direction:column}#bag[data-view=inventory] .equipment-pane,#bag[data-view=equipment] .inventory-pane,#bag[data-view=equipment] .item-detail,#bag[data-view=equipment] .item-actions,#bag[data-view=equipment] .bag-receipt{display:none}#bag[data-view=equipment] .bag-done{flex:1}#bag .inventory-pane{flex:1;padding:10px 12px 6px;min-height:0}#bag .inventory-filters{padding:7px 0}#bag .inventory-item{min-height:74px;padding:10px;gap:10px}#bag .equipment-pane{padding:14px 18px;flex:1;border:0}#bag .equipment-stage{height:280px;max-width:380px;margin:12px auto}#bag .equip-column{width:96px}#bag .equip-slot{min-height:82px}#bag .gear-stats b{display:block;margin-left:0}#bag .panel-foot{padding:10px 14px 13px;max-height:44%}#bag .detail-heading b{font-size:16px}#bag .item-hint{font-size:11px;margin:6px 0;line-height:1.45}.bag-receipt{font-size:11px;margin:5px 0 7px}.bag-actions{gap:8px;flex-wrap:wrap}#bag .item-actions{flex:1;gap:7px}#bag .item-actions button{padding:10px;font-size:12px}.bag-done{min-width:78px;padding:10px 12px;font-size:12px}#bag .item-specs summary{min-height:32px;font-size:11px}#build .panel-body{display:block;padding:14px}.build-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-card{display:flex;flex-direction:column;align-items:flex-start;min-height:92px;gap:6px;padding:10px;text-align:left}.build-card>.item-icon{height:26px;width:26px}.build-card>b{font-size:14px}.build-ready{font-size:11px}.build-detail{padding:20px 2px 0}.build-illustration{display:none}.build-detail h2{margin:0 0 10px}.build-detail>p{font-size:13px}.build-costs{margin-bottom:6px}#build .panel-foot{padding:12px 14px 16px}.build-footer-actions .menu-done{min-width:78px}.placement-bar{bottom:220px}#prefs .panel-body{padding:4px 10px}#prefs .panel-foot{padding:12px 14px 16px}#map .panel-body{padding:12px}#map .map-wrap{width:min(100%,48dvh)}#map.has-story .map-people{grid-template-columns:1fr;gap:8px}#map.has-story .map-people b{font-size:13px}#character .character-portrait{height:145px}#character[data-step="1"] .character-portrait,#character[data-step="2"] .character-portrait{display:none}#character .character-portrait canvas{width:130px;height:160px;top:0}#character .character-name{margin:50px 35px 0 120px;font-size:21px}#character .character-role{margin:6px 35px 0 120px}#character .turn-character{right:12px;bottom:12px}#character .character-editor nav{position:sticky;top:0;background:#1b2b21;z-index:1;padding:5px 12px}#character .character-fields{padding:18px 16px}}@media(max-height:520px){#bag .panel-head{padding:4px 12px}#bag .panel-sub{display:none}#bag .bag-carry{padding:5px 16px}.bag-carry meter{margin-top:4px}#bag .item-hint,#bag .item-specs{display:none}#bag .panel-foot{padding:8px 14px;max-height:42%}#bag .bag-receipt{margin:3px 0;min-height:15px}}@media(max-width:740px)and (max-height:620px){#bag .item-hint:not(.important){display:none}#bag .bag-receipt{margin:5px 0;min-height:18px}#bag .panel-foot{padding:9px 14px 11px}#bag .inventory-filters{padding:5px 0}#bag .bag-views{padding-top:5px}}