.hud-right-stack{position:absolute;top:222px;right:28px;bottom:92px;width:234px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none}
.hud-right-stack .map-panel{position:relative;top:auto;right:auto;flex:none}
.pack-hud{width:234px;flex:none;padding:10px 11px 9px;border:1px solid #c7ad7270;border-radius:9px;background:linear-gradient(145deg,#25392cf5,#101e22f5);box-shadow:0 8px 28px #07130f55,inset 0 1px #ead49c14;pointer-events:auto}
.pack-hud-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #d8c58e26;margin-bottom:5px}
.pack-hud-heading>span{font-size:8px;font-weight:700;letter-spacing:1.9px;color:#e5c589}
.pack-hud-heading button{border:0;background:none;padding:0;color:#c9d4c3;font-size:9px}
.pack-hud-heading kbd{font-size:8px;margin:0 3px}
.pack-hud-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 4px}
.pack-hud-item{position:relative;display:grid;grid-template-columns:27px 1fr;grid-template-rows:13px 17px;align-items:center;min-width:0;padding:4px 3px 3px;background:#e6d7a507;border-radius:4px}
.pack-hud-art{grid-row:1/3;display:block}.pack-hud-art svg{display:block;width:30px;height:28px;filter:drop-shadow(0 2px 2px #0005)}
.pack-hud-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#ced4c1;line-height:1}.pack-hud-item strong{font-size:14px;font-variant-numeric:tabular-nums;line-height:1.25;color:#fff1c8;letter-spacing:-.3px}
.pack-hud-item.is-empty{background:transparent}.pack-hud-item.is-empty .pack-hud-art{opacity:.45}.pack-hud-item.is-empty strong{color:#82938a}.pack-hud-item.is-empty .pack-hud-label{color:#a1ada2}
.pack-hud-equipment{display:flex;flex-wrap:wrap;gap:3px;padding:4px 0;border-top:1px solid #d8c58e16;margin-top:5px}.pack-hud-equipment>span{position:relative;display:block;width:27px;height:25px;background:#10231c66;border-radius:3px}.pack-hud-equipment svg,.pack-hud-equipment img{display:block;width:26px;height:25px;object-fit:contain}.pack-hud-equipment b{position:absolute;right:0;bottom:0;font-size:8px;font-weight:500;color:#ebd5a4;text-shadow:0 1px 3px #000}
.pack-hud-weight{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;padding-top:7px;font-size:8px;color:#b8c6b3}.pack-hud-weight strong{font-weight:500;color:#d9e2c9;font-variant-numeric:tabular-nums}.pack-hud-meter{flex-basis:100%;height:3px;background:#061710;border-radius:3px;overflow:hidden}.pack-hud-meter i{height:100%;display:block;background:#a6b987}.pack-hud-weight.is-full strong{color:#efb09a}.pack-hud-weight.is-full i{background:#d99778}
.pack-hud-encumbered{flex-basis:100%;font-size:9px;line-height:1.5;color:#efc697;padding-top:4px}.pack-hud-encumbered strong{font-weight:700}
#toast-area{right:286px;bottom:163px;width:290px;max-width:calc(100vw - 310px)}
@media(max-height:950px){.hud-right-stack .map-panel{width:180px;padding:8px}.hud-right-stack .map-legend{padding-bottom:4px}.hud-right-stack #waypoint-label{padding-top:5px;font-size:7px}.hud-right-stack .map-footer{font-size:6px}}
@media(max-height:830px){.hud-right-stack{top:214px}.hud-right-stack .map-panel{width:148px}.hud-right-stack .map-legend,.hud-right-stack .map-footer{display:none}.hud-right-stack .map-heading{font-size:6px}.hud-right-stack .map-heading>span:last-child{display:none}.hud-right-stack #waypoint-label{font-size:6px}.pack-hud-item{grid-template-rows:11px 15px;padding-block:2px}.pack-hud-heading{padding-bottom:5px}.pack-hud{padding:8px 10px}.pack-hud-art svg{height:25px}.pack-hud-weight{padding-top:5px}}
@media(max-width:1100px){.hud-right-stack{right:18px;width:218px}.pack-hud{width:218px}#toast-area{right:250px;max-width:calc(100vw - 275px)}}
@media(max-height:680px) and (min-width:761px){.hud-right-stack{top:190px;bottom:76px}.hud-right-stack .map-panel{display:none}.hud-right-stack{justify-content:flex-end}.pack-hud{width:218px}}
@media(max-width:760px){.hud-right-stack{right:12px;top:184px;bottom:206px;width:186px;justify-content:flex-end}.hud-right-stack .map-panel{display:none}.pack-hud{width:186px;padding:7px}.pack-hud-heading>span{font-size:7px;letter-spacing:1.3px}.pack-hud-item{grid-template-columns:23px 1fr;grid-template-rows:10px 15px;padding-inline:0}.pack-hud-art svg{width:25px}.pack-hud-label{font-size:7px}.pack-hud-item strong{font-size:11px}.pack-hud-equipment>span{width:22px;height:22px}.pack-hud-equipment svg,.pack-hud-equipment img{width:22px;height:22px}.pack-hud-items{gap:2px}.pack-hud-weight{font-size:7px}#toast-area{left:12px;right:auto;bottom:auto;top:165px;width:calc(100vw - 222px);max-width:none}}
@media(max-width:760px) and (max-height:640px){.hud-right-stack{top:auto;bottom:127px}.pack-hud-equipment{display:none}.pack-hud-items{grid-template-columns:repeat(5,minmax(0,1fr))}.pack-hud-item{grid-template-columns:1fr;grid-template-rows:10px 15px;text-align:center}.pack-hud-art{display:none}.pack-hud{width:186px}.pack-hud-label{font-size:6px}.pack-hud-heading{margin-bottom:3px}}