:root{--ink:#14181a;--bone:#e9e8e1;--alert:#d8633c;--ui:"Barlow Semi Condensed", system-ui, sans-serif;--hand:"Reenie Beanie", cursive;--shadow:0 1px 1px #080a0af2, 0 0 6px #080a0ab3, 0 0 14px #080a0a66}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--bone);font:400 14px/1.3 var(--ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#loading{z-index:9;background:var(--ink);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.off{opacity:0;pointer-events:none}#loading div{text-align:center}#loading h1{font:500 22px/1 var(--ui);letter-spacing:.32em;text-indent:.32em;margin:0}#loading p{opacity:.6;margin:12px 0 0}#loading.err p{color:var(--alert);opacity:1;max-width:420px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#hud{pointer-events:none;text-shadow:var(--shadow);color:var(--bone);font-weight:500;position:fixed;inset:0}#hud>*{position:absolute}.env{text-align:right;top:16px;right:20px}.env .now{font-size:17px;font-weight:600}.env .now span+span{margin-left:10px}.env .place{margin-top:1px}.compass{width:min(360px,38vw);height:28px;top:14px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.compass canvas{width:360px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.vitals{align-items:flex-end;gap:12px;display:flex;bottom:18px;left:20px}.vitals .body{fill:#e9e8e1d1;filter:drop-shadow(0 1px 2px #0009);width:30px;height:56px}.vitals .body .hurt{fill:var(--alert)}.gauges{gap:7px;display:flex}.g{pointer-events:auto;width:26px;height:26px;position:relative}.g svg{filter:drop-shadow(0 1px 2px #0009);width:100%;height:100%;position:absolute;inset:0}.g .ring{fill:none;stroke:#e9e8e138;stroke-width:2px}.g .fill{fill:none;stroke:var(--bone);stroke-width:2px;stroke-linecap:butt;transform-origin:50%;transform:rotate(-90deg)}.g .ico{fill:var(--bone)}.g.bad .fill{stroke:var(--alert)}.g.bad .ico{fill:var(--alert)}.weapon{text-align:right;bottom:16px;right:20px}.weapon .ammo{font-size:26px;font-weight:500;line-height:1}.weapon .ammo small{opacity:.6;margin-left:2px;font-size:15px;font-weight:400}.weapon .wname{margin-top:3px}.radio{text-align:center;opacity:0;width:min(460px,40vw);font-size:15px;line-height:1.3;transition:opacity .6s;bottom:20px;left:50%;transform:translate(-50%)}.radio.on{opacity:1}.radio b{margin-right:6px;font-weight:600}.prompt{white-space:nowrap;opacity:0;align-items:center;gap:7px;font-size:14px;transition:opacity .15s;display:flex;top:0;left:0}.prompt.on{opacity:1}.prompt kbd{font:500 12px/1 var(--ui);text-align:center;background:#14181a73;border:1px solid #e9e8e1cc;border-radius:2px;min-width:20px;padding:4px 5px}.hint{opacity:0;white-space:nowrap;transition:opacity .6s;top:62px;left:50%;transform:translate(-50%)}.hint kbd{font:500 12px/1 var(--ui);border:1px solid #e9e8e199;border-radius:2px;margin:0 5px 0 12px;padding:3px 5px}.dot{width:6px;height:6px;margin:-3px 0 0 -3px;top:50%;left:50%}.dot svg{filter:drop-shadow(0 0 1.5px #000000e6);width:100%;height:100%}.touch{pointer-events:none;display:none;inset:0}.stick{pointer-events:auto;background:#14181a33;border:1px solid #e9e8e159;border-radius:50%;width:112px;height:112px;position:absolute;bottom:22px}.stick i{background:#e9e8e180;border-radius:50%;width:44px;height:44px;margin:-22px;position:absolute;top:50%;left:50%}.stick.l{left:26px}.stick.r{right:26px}.tbtn{width:44px;height:44px;color:inherit;font:500 11px/1 var(--ui);text-shadow:inherit;pointer-events:auto;background:#14181a40;border:1px solid #e9e8e166;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;right:152px}.tbtn.far{right:204px}@media (max-width:480px){.compass{width:54vw;left:12px;transform:none}.tbtn,.tbtn.far{right:auto;left:calc(50% - 22px + var(--slot) * 54px);bottom:204px!important}.tbtn[data-t=menu]{--slot:-2}.tbtn[data-t=pack]{--slot:-1}.tbtn[data-t=torch]{--slot:0}.tbtn[data-t=map]{--slot:1}.tbtn[data-t=search]{--slot:2}}.touch-close{z-index:40;color:#e9e8e1;min-width:64px;height:44px;font:500 13px/1 var(--ui);background:#101314;border:1px solid #e9e8e180;border-radius:2px;padding:0 14px;display:none;position:fixed;top:10px;right:10px}.tbtn:focus-visible,.touch-close:focus-visible{outline:2px solid var(--alert);outline-offset:2px}#toast{z-index:4;opacity:0;pointer-events:none;white-space:nowrap;background:#101314d6;padding:6px 10px;font-weight:500;transition:opacity .2s;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#toast.bad{color:var(--alert)}@media (pointer:coarse),(max-width:700px),(max-height:500px){.touch,.touch-close:not([hidden]){display:block}.prompt kbd,.radio,.hint{display:none}.vitals{align-items:flex-start;top:50px;bottom:auto;left:14px}.weapon{bottom:148px;right:16px}.env{top:10px;right:14px}.compass{top:10px}}.perf{z-index:8;pointer-events:none;background:#14181ab8;padding:3px 7px;font-size:13px;position:fixed;top:10px;left:12px}.perf[hidden]{display:none}.gear{--ink:#14181a;--bone:#e9e8e1;--alert:#d8633c;--dim:#e9e8e1a3;--faint:#e9e8e166;--line:#e9e8e11a;--panel:#0e1112cc;--cell:#e9e8e108;--ui:"Barlow Semi Condensed", system-ui, sans-serif;color:var(--bone);font:400 14px/1.35 var(--ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-shadow:none;-webkit-user-select:none;user-select:none;touch-action:auto}.gear[hidden]{display:none}.gear,.gear *{box-sizing:border-box}.gear button{font:inherit;color:inherit}.gear :is(h2,h3,p,dl,dd){margin:0;padding:0}.gear:focus{outline:none}.gear button:focus-visible{outline:2px solid var(--bone);outline-offset:2px}.gear kbd{font:500 12px/1 var(--ui);border:1px solid #e9e8e199;border-radius:2px;margin-right:6px;padding:3px 5px}.gear .sub{color:var(--dim)}.gear .cells{--u:62px;grid-template-columns:repeat(var(--cols), var(--u));grid-template-rows:repeat(var(--rows), var(--u));border:solid var(--line);background-color:#15191b99;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:var(--u) var(--u);border-width:0 1px 1px 0;width:max-content;display:grid}.gear .it{grid-column:var(--x) / span var(--w);grid-row:var(--y) / span var(--h);background:var(--cell);min-width:0;box-shadow:inset 1px 1px 0 var(--line);text-align:left;border:0;padding:0;position:relative;overflow:hidden}.gear button.it{cursor:pointer}.gear button.it:hover{background:#e9e8e113}.gear .it[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--bone);z-index:1;background:#e9e8e11c}.gear button.it:focus-visible{outline-offset:-2px;z-index:2}.gear :is(.it,.stage) :is(img,.crop){filter:drop-shadow(0 6px 5px #000000a6)saturate(.78)contrast(1.06)brightness(.9)}.gear .it :is(img,.crop){object-fit:contain;pointer-events:none;width:calc(100% - 10px);height:calc(100% - 25px);position:absolute;top:15px;left:5px}.gear .crop{background-repeat:no-repeat}.gear .it .nm{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.15;position:absolute;top:2px;left:4px;right:4px;overflow:hidden}.gear .it .wear{background:#e9e8e11a;height:2px;position:absolute;bottom:0;left:0;right:0}.gear .it .wear:after{content:"";height:100%;width:var(--v);background:#e9e8e1b3;display:block}.gear .it .wear.low:after{background:var(--alert)}.gear .it.srch{background:repeating-linear-gradient(135deg,#e9e8e108 0 6px,#e9e8e111 6px 12px)}.gear .spin{border:2px solid #e9e8e133;border-top-color:var(--bone);border-radius:50%;width:22px;height:22px;margin:-11px;animation:1s linear infinite gear-spin;position:absolute;top:50%;left:50%}@keyframes gear-spin{to{transform:rotate(1turn)}}.gear-loot{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101314d6;border:1px solid #e9e8e129;grid-template-columns:auto auto;gap:12px 22px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px 18px 12px;display:grid;position:fixed;top:50%;right:6vw;overflow:auto;transform:translateY(-50%)}.gear-loot h3{font:500 14px/1 var(--ui);margin:0 0 8px}.gear-loot h3 span{color:var(--dim);margin-left:6px;font-weight:400}.gear-loot .search{background:#e9e8e124;height:3px;margin:-6px 0 8px}.gear-loot .search i{background:var(--bone,#e9e8e1);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.gear-loot .info{grid-column:1/-1;max-width:520px;min-height:38px;font-weight:500}.gear-loot .info b{font-weight:600;display:block}.gear-loot .info span{color:var(--dim)}.gear-inv{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(120% 90% at 50% 40%,#080a0bcc,#080a0bf0);grid-template-rows:46px minmax(0,1fr);display:grid;position:fixed;inset:0}.gear-inv:after{content:"";pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.gear-inv .bar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:26px;padding:0 18px;display:flex}.gear-inv .mark{letter-spacing:.3em;font-size:13px;font-weight:500}.gear-inv .bar h2{border-bottom:1px solid var(--bone);align-self:stretch;align-items:center;margin-bottom:-1px;padding:0 12px;font-size:14px;font-weight:400;display:flex}.gear-inv .bar .keys{color:var(--dim);margin-left:auto}.gear-inv .bar .keys kbd{margin-left:14px}.gear-inv .cols{grid-template-columns:340px minmax(0,1fr) 404px;min-height:0;display:grid}.gear-inv .col{background:var(--panel);scrollbar-width:thin;scrollbar-color:#e9e8e12e transparent;min-height:0;padding:14px 18px;overflow-y:auto}.gear-inv .col+.col{border-left:1px solid var(--line)}.gear-inv .col>h2{font-size:16px;font-weight:500}.gear-inv .head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.gear-inv .cond{grid-template-columns:44px 1fr;align-items:start;gap:14px;margin-top:12px;display:grid}.gear-inv .cond svg{fill:#e9e8e1cc;width:44px;height:82px}.gear-inv .cond svg .hurt{fill:var(--alert)}.gear-inv .limbs{grid-template-columns:1fr 1fr;gap:1px 14px;font-size:13px;display:grid}.gear-inv .limbs div{color:var(--dim);justify-content:space-between;display:flex}.gear-inv .limbs div span:last-child{color:var(--bone)}.gear-inv .limbs .hurt,.gear-inv .limbs .hurt span:last-child{color:var(--alert)}.gear-inv .bleed{color:var(--alert);margin-top:5px;font-size:13px}.gear-inv .clothes{opacity:.75;margin-top:5px;font-size:13px}.gear-inv .clothes.bad{color:var(--alert);opacity:1}.gear-inv .meters{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.gear-inv .meters div{color:var(--dim);font-size:13px}.gear-inv .meters b{color:var(--bone);font-weight:500;display:block}.gear-inv .meters i{background:#e9e8e124;height:2px;margin-top:3px;display:block}.gear-inv .meters i:after{content:"";height:100%;width:var(--v);background:var(--bone);display:block}.gear-inv .meters .low b{color:var(--alert)}.gear-inv .meters .low i:after{background:var(--alert)}.gear-inv .grid{container-type:inline-size}.gear-inv .cells{--u:min(calc((100cqw - 1px) / var(--cols)), 84px)}.gear-inv .empty{color:var(--dim);max-width:44ch;margin-top:14px}.gear-inv .insp h2{font-size:21px;font-weight:500;line-height:1.15}.gear-inv .stage{border-block:1px solid var(--line);background:radial-gradient(70% 80% at 50% 45%,#e9e8e116,#e9e8e100 70%);height:230px;margin:12px -18px 0;position:relative}.gear-inv .stage :is(img,.crop){object-fit:contain;width:calc(100% - 52px);height:calc(100% - 44px);position:absolute;inset:22px 26px}.gear-inv .facts{grid-template-columns:104px 1fr;gap:7px 12px;margin-top:14px;display:grid}.gear-inv .facts dt{color:var(--dim)}.gear-inv .facts .bad{color:var(--alert)}.gear-inv .bars{gap:3px;margin-top:5px;display:flex}.gear-inv .bars i{background:#e9e8e129;width:16px;height:5px}.gear-inv .bars i.on{background:var(--bone)}.gear-inv .note{border-top:1px solid var(--line);color:var(--dim);max-width:44ch;margin-top:14px;padding-top:12px}.gear-inv .pages{color:#23201a;background:#cfc6ad;max-width:46ch;margin-top:16px;padding:12px 14px 6px;font:400 22px/1.15 Reenie Beanie,cursive;transform:rotate(-.6deg);box-shadow:0 6px 18px #00000073}.gear-inv .pages p{margin:0 0 8px}.gear-inv .acts{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.gear-inv .acts button{cursor:pointer;background:0 0;border:1px solid #e9e8e173;padding:7px 13px}.gear-inv .acts button:hover{border-color:var(--bone);background:#e9e8e11a}@media (max-width:1099px){.gear-inv .cols{display:block;overflow-y:auto}.gear-inv .col{padding:12px;overflow:visible}.gear-inv .col+.col{border-left:0;border-top:1px solid var(--line)}.gear-inv .stage{margin-inline:-12px}.gear-inv .bar{gap:12px;padding:0 12px}.gear-inv .bar .keys{display:none}}@media (max-height:500px){.gear-inv .stage{height:130px}.gear-inv .insp{flex-direction:column;display:flex}.gear-inv .insp .acts{order:-1;margin:10px 0 4px}.gear-inv .insp h2,.gear-inv .insp>.sub{order:-2}}@media (max-width:900px),(max-height:500px){.gear-loot{gap:8px 12px;padding:10px;left:50%;right:auto;transform:translate(-50%,-50%)}.gear-loot .cells{--u:46px}}@media (max-width:620px){.gear-loot{grid-template-columns:auto}}@media (prefers-reduced-motion:reduce){.gear,.gear *,.gear :after{transition:none!important;animation:none!important}}.gear-inv .meters+h2{margin-top:22px}.gear-inv .hands{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:96px 1fr;align-items:center;gap:10px;margin-top:6px;margin-left:-4px;padding:4px;display:grid}.gear-inv .hands:hover,.gear-inv .hands:focus-visible{border-color:#e9e8e159;outline:none}.gear-inv .hands[aria-pressed=true]{border-color:var(--bone,#e9e8e1)}.gear-inv .hands-thumb{background:#15191b;border:1px solid #e9e8e124;height:48px}.gear-inv .hands-thumb img{object-fit:contain;width:100%;height:100%;padding:4px}.gear-inv .hands b{font-weight:600;display:block}.gear-inv .hands span{opacity:.75;display:block}.map{z-index:6;-webkit-backdrop-filter:blur(5px);color:var(--bone,#e9e8e1);font:500 14px/1.3 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);touch-action:none;-webkit-user-select:none;user-select:none;background:#080a0abd;position:fixed;inset:0;overflow:hidden}.map[hidden]{display:none}.map-view{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-view.drag{cursor:grabbing}.map-hint{white-space:nowrap;pointer-events:none;background:#101314d6;margin:0;padding:6px 10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.map-hint kbd{font:500 12px/1 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);border:1px solid #e9e8e199;border-radius:2px;margin:0 6px 0 12px;padding:3px 5px}.map-hint kbd:first-child{margin-left:0}.map-head{text-align:right;pointer-events:none;background:#14181ac7;padding:7px 10px;position:absolute;top:12px;right:14px}.map-head b{font-size:17px;font-weight:600;display:block}.map-head span{display:block}.map-head span+span{opacity:.75}.map-legend{pointer-events:none;background:#14181ac7;grid-template-columns:34px auto;align-items:center;gap:5px 10px;padding:7px 10px;display:grid;position:absolute;bottom:14px;left:14px}.map-legend i{height:0;display:block}.map-legend .walked{border-top:2px solid var(--bone,#e9e8e1)}.map-legend .seen{border-top:2px dotted #e9e8e199}.map-legend .blank{border:1px solid #e9e8e173;height:10px}@media (max-width:700px),(max-height:500px){.map-hint{display:none}.map-legend{bottom:12px;left:12px}.map-head{top:54px;right:12px}}.map-tip{white-space:nowrap;pointer-events:none;opacity:0;background:#14181ad1;padding:5px 8px;transition:opacity .12s;position:absolute;top:0;left:0}.map-tip.on{opacity:1}.map-tip b{font-weight:600}@media (prefers-reduced-motion:reduce){.map-tip{transition:none}}.pause{--dim:#e9e8e1a3;--line:#e9e8e124;z-index:7;-webkit-backdrop-filter:blur(5px)saturate(.6);color:var(--bone,#e9e8e1);font:400 15px/1.35 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);font-variant-numeric:tabular-nums;text-shadow:none;touch-action:auto;background:linear-gradient(90deg,#080a0beb,#080a0b9e 46%,#080a0b57);align-items:center;padding:24px max(6vw,24px);display:grid;position:fixed;inset:0;overflow:auto}.pause[hidden]{display:none}.pause:focus{outline:none}.pause .sheet{width:min(380px,100%)}.pause h2{font:500 34px/1.05 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);margin:0}.pause p{margin:0}.pause .cause{margin-top:8px;font-weight:600}.pause .where{color:var(--dim);margin-top:6px}.pause .rows{border-bottom:1px solid var(--line);margin-top:26px}.pause button{border:0;border-top:1px solid var(--line);width:100%;color:inherit;font:500 17px/1.2 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:13px 10px 13px 0;transition:padding-left .12s,background-color .12s;display:grid}.pause button:hover,.pause button:focus-visible{background:#e9e8e113;padding-left:10px}.pause button:focus-visible{outline:2px solid var(--bone,#e9e8e1);outline-offset:-2px}.pause button small{color:var(--dim);font:400 14px/1.3 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);grid-column:1/-1}.pause kbd{font:500 12px/1 var(--ui,"Barlow Semi Condensed", system-ui, sans-serif);border:1px solid #e9e8e199;border-radius:2px;padding:3px 5px}.pause .keys{color:var(--dim);grid-template-columns:max-content 1fr;align-items:center;gap:7px 12px;margin:22px 0 0;font-size:14px;display:grid}.pause .keys dt,.pause .keys dd{margin:0}.pause .note{color:var(--dim);-webkit-user-select:text;user-select:text;margin-top:14px;font-size:14px}.pause-death{-webkit-backdrop-filter:blur(9px)grayscale();background:#080a0be6;animation:1.4s ease-out pause-drain}.pause-death h2{color:var(--alert,#d8633c)}@keyframes pause-drain{0%{background-color:#080a0b33}}@media (pointer:coarse){.pause kbd{display:none}.pause .keys kbd{color:var(--bone,#e9e8e1);border:0;padding:0;font-size:14px;display:inline}}@media (prefers-reduced-motion:reduce){.pause button{transition:none}.pause-death{animation:none}}