.hud{pointer-events:none;font-family:var(--body);color:var(--bone);position:absolute;inset:0}#ui>.hud{pointer-events:none}.hud>*{pointer-events:auto}#ui .hud .passive,#ui .hud .passive *{pointer-events:none}.hud svg{flex:none}.hud-top{align-items:center;gap:calc(8 * var(--u));padding:0 max(calc(18 * var(--u)), env(safe-area-inset-left)) 0 max(calc(18 * var(--u)), env(safe-area-inset-right));border-bottom:calc(2 * var(--u)) solid var(--edge-dark);box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #00000073;background:linear-gradient(#1a2015,#0f130c);display:flex;position:absolute;top:0;left:0;right:0}.hud-wave{min-width:calc(66 * var(--u));flex-direction:column;justify-content:center;line-height:1;display:flex}.hud-wave small{font-weight:700;font-size:calc(9 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud-wave b{margin-top:calc(2 * var(--u));font-family:var(--display);font-weight:400;font-size:calc(18 * var(--u));text-transform:uppercase;color:var(--bone);text-shadow:0 calc(2 * var(--u)) 0 var(--edge-dark)}.hud-core{flex:1;min-width:0}.hud-core .row1{margin-bottom:calc(3 * var(--u));font-weight:700;font-size:calc(10 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;display:flex}.hud-core .row1 span:last-child{font-size:calc(11 * var(--u));letter-spacing:.04em;color:var(--bone)}.meter{height:calc(9 * var(--u));border:calc(1.5 * var(--u)) solid var(--edge-dark);border-radius:calc(5 * var(--u));background:#0a0c08;position:relative;overflow:hidden}.meter>i{border-radius:calc(3 * var(--u));background:linear-gradient(to bottom, #c4f5a8, var(--toxic));transition:width .12s linear;position:absolute;inset:0 auto 0 0}.meter.low>i{background:linear-gradient(to bottom, #f08a7a, var(--blood))}.meter.repairer>i{background:linear-gradient(#b4ffd0,#5fd88a)}.meter.thin{height:calc(6 * var(--u))}.hud-loot{min-width:calc(62 * var(--u));flex-direction:column;align-items:flex-end;line-height:1;display:flex}.hud-loot .scrap{align-items:center;gap:calc(4 * var(--u));font-family:var(--display);font-size:calc(18 * var(--u));color:var(--amber-light);text-shadow:0 calc(2 * var(--u)) 0 var(--edge-dark);display:inline-flex}.hud-loot .scrap svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.hud-loot small{margin-top:calc(3 * var(--u));font-weight:700;font-size:calc(10 * var(--u));letter-spacing:.08em;color:var(--sky)}.hud-loot small em{color:var(--faint);font-style:normal}.hud-chip{align-items:center;gap:calc(6 * var(--u));height:calc(24 * var(--u));padding:0 calc(9 * var(--u)) 0 calc(7 * var(--u));border:calc(2 * var(--u)) solid var(--edge-dark);font-weight:700;font-size:calc(12 * var(--u));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 calc(2 * var(--u)) 0 #0006;background:#10140dd1;border-radius:999px;display:inline-flex;position:absolute}.hud-chip .dot{width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--amber);box-shadow:0 0 calc(6 * var(--u)) var(--amber);border-radius:50%}.hud-chip .dot.moon{box-shadow:0 0 calc(6 * var(--u)) #9fb4ff;background:#c8d6ff}.hud-chip.mission{color:#9dffb8;border-color:#2f6b40;animation:1.6s ease-in-out infinite chip-pulse}.hud-chip.note{height:calc(20 * var(--u));font-size:calc(10 * var(--u));color:#9dffb8}@keyframes chip-pulse{50%{box-shadow:0 0 calc(12 * var(--u)) #7dff9a80}}.hud-icon{width:calc(40 * var(--u));height:calc(40 * var(--u));padding:0 0 calc(3 * var(--u));border:calc(2.5 * var(--u)) solid var(--edge-dark);border-radius:calc(12 * var(--u));color:var(--bone);background:linear-gradient(to bottom, #4d5944, var(--steel) 55%);box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff1f, inset 0 calc(-4 * var(--u)) 0 var(--steel-dark), 0 calc(2.5 * var(--u)) 0 var(--edge-dark);cursor:pointer;touch-action:manipulation;place-items:center;display:grid;position:absolute}.hud-icon:active{transform:translateY(calc(2 * var(--u)))}.hud-icon svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.hud-survivor{width:calc(44 * var(--u));height:calc(44 * var(--u));border:calc(2.5 * var(--u)) solid var(--edge-dark);border-radius:calc(12 * var(--u));box-shadow:0 calc(2.5 * var(--u)) 0 var(--edge-dark);cursor:pointer;background:#10140ddb;padding:0;position:absolute;overflow:hidden}.hud-survivor img{left:50%;bottom:calc(6 * var(--u));height:calc(36 * var(--u));position:absolute;transform:translate(-50%)}.hud-survivor.down img{opacity:.35}.hud-survivor .meter{left:calc(4 * var(--u));right:calc(4 * var(--u));bottom:calc(3 * var(--u));height:calc(5 * var(--u));border-width:calc(1 * var(--u));position:absolute}.hud-survivor.on{border-color:var(--amber);box-shadow:0 calc(2.5 * var(--u)) 0 var(--edge-dark), 0 0 calc(12 * var(--u)) #ffb34099}.hud-banner{text-align:center;font-family:var(--display);font-size:calc(34 * var(--u));text-transform:uppercase;-webkit-text-stroke:calc(5 * var(--u)) var(--edge-dark);paint-order:stroke fill;text-shadow:0 calc(4 * var(--u)) 0 var(--edge-dark), 0 0 calc(24 * var(--u)) #0009;opacity:0;line-height:1;position:absolute;left:0;right:0}.hud-banner.show{animation:1.5s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:scale(1.5)}14%{opacity:1;transform:scale(.96)}22%{transform:scale(1)}75%{opacity:1}to{opacity:0}}.hud-popup{font-family:var(--display);font-size:calc(13 * var(--u));color:var(--amber-light);-webkit-text-stroke:calc(3 * var(--u)) var(--edge-dark);paint-order:stroke fill;white-space:nowrap;pointer-events:none;animation:.75s ease-out forwards popup;position:absolute;transform:translate(-50%,-50%)}.hud-popup.big{font-size:calc(24 * var(--u))}@keyframes popup{to{opacity:0;transform:translate(-50%, calc(-50% - 20 * var(--u)))}}.tray{padding:calc(9 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));border-top:calc(2 * var(--u)) solid var(--edge-dark);box-shadow:0 calc(-3 * var(--u)) calc(10 * var(--u)) #00000073;background:linear-gradient(#1a2015,#0f130c);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.tray.taped:before{content:"";left:0;right:0;top:calc(-6 * var(--u));height:calc(5 * var(--u));background:repeating-linear-gradient(-45deg, #f2c230 0 calc(8 * var(--u)), #1b1b14 calc(8 * var(--u)) calc(16 * var(--u)));position:absolute}.tray-head{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));height:calc(18 * var(--u));margin-bottom:calc(7 * var(--u));display:flex}.tray-title{align-items:center;gap:calc(5 * var(--u));font-family:var(--display);font-size:calc(15 * var(--u));text-transform:uppercase;color:var(--toxic);text-shadow:0 calc(2 * var(--u)) 0 var(--edge-dark);white-space:nowrap;display:inline-flex}.tray-title svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.tray-title.scrap{color:var(--amber-light)}.tray-head .prompt{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--muted);overflow:hidden}.tray-row{gap:calc(7 * var(--u));display:flex}.tray-row+.tray-row{margin-top:calc(7 * var(--u))}.hb{min-width:0;height:calc(46 * var(--u));padding:0 calc(6 * var(--u)) calc(3 * var(--u));border:calc(2.5 * var(--u)) solid var(--edge-dark);border-radius:calc(12 * var(--u));font-family:var(--display);font-size:calc(15 * var(--u));text-transform:uppercase;color:var(--bone);text-shadow:0 calc(1.5 * var(--u)) 0 #00000073;background:linear-gradient(to bottom, #4d5944, var(--steel) 55%);box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff1f, inset 0 calc(-4 * var(--u)) 0 var(--steel-dark), 0 calc(2.5 * var(--u)) 0 var(--edge-dark);cursor:pointer;touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;line-height:1.05;display:flex;overflow:hidden}.hb:active:not(:disabled){transform:translateY(calc(2 * var(--u)));box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff1f, inset 0 calc(-2 * var(--u)) 0 var(--steel-dark), 0 calc(.5 * var(--u)) 0 var(--edge-dark)}.hb small{max-width:100%;margin-top:calc(2 * var(--u));text-overflow:ellipsis;white-space:nowrap;font-family:var(--body);font-weight:700;font-size:calc(10 * var(--u));letter-spacing:.06em;text-shadow:none;opacity:.85;overflow:hidden}.hb.wide{flex:2}.hb.primary{color:#3a1f02;text-shadow:0 calc(1.5 * var(--u)) 0 #ffecbe99;background:linear-gradient(to bottom, var(--amber-light), var(--amber) 55%);box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff73, inset 0 calc(-4 * var(--u)) 0 var(--amber-dark), 0 calc(2.5 * var(--u)) 0 var(--edge-dark)}.hb.green{color:#13300a;text-shadow:0 calc(1.5 * var(--u)) 0 #dcffc880;background:linear-gradient(to bottom, #c4f5a8, var(--toxic) 55%);box-shadow:inset 0 calc(2 * var(--u)) 0 #fff6, inset 0 calc(-4 * var(--u)) 0 var(--toxic-dark), 0 calc(2.5 * var(--u)) 0 var(--edge-dark)}.hb.wood{box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff2e, inset 0 calc(-4 * var(--u)) 0 #5a3a14, 0 calc(2.5 * var(--u)) 0 var(--edge-dark);background:linear-gradient(#a67a3e,#8a5f2a 55%)}.hb.frost{box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff40, inset 0 calc(-4 * var(--u)) 0 #234866, 0 calc(2.5 * var(--u)) 0 var(--edge-dark);background:linear-gradient(#6fa8d8,#3b6f9e 55%)}.hb.fire{box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff40, inset 0 calc(-4 * var(--u)) 0 #6e2c10, 0 calc(2.5 * var(--u)) 0 var(--edge-dark);background:linear-gradient(#e3824e,#b8562a 55%)}.hb.danger{background:linear-gradient(to bottom, #e7614e, var(--blood) 55%);box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff40, inset 0 calc(-4 * var(--u)) 0 var(--blood-dark), 0 calc(2.5 * var(--u)) 0 var(--edge-dark)}.hb.picked{color:var(--amber-light);border-color:var(--amber)}.hb:disabled{filter:grayscale(.9)brightness(.55);cursor:default}.status{gap:calc(10 * var(--u));padding-top:calc(7 * var(--u));padding-bottom:calc(7 * var(--u));flex-direction:row}.status-rows{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.status-row{align-items:center;gap:calc(8 * var(--u));height:calc(20 * var(--u));display:flex}.status-row .name{width:calc(64 * var(--u));font-family:var(--display);font-size:calc(13 * var(--u));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-row .meter{flex:1}.status-row .detail{width:calc(54 * var(--u));font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.04em;color:var(--muted);white-space:nowrap}.status-row.down .detail{width:auto;color:var(--amber-light);flex:1}.status-zombies{min-width:calc(58 * var(--u));padding-left:calc(10 * var(--u));border-left:calc(1.5 * var(--u)) solid var(--edge);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.status-zombies b{align-items:center;gap:calc(4 * var(--u));font-family:var(--display);font-weight:400;font-size:calc(20 * var(--u));color:#ff8a7a;text-shadow:0 calc(2 * var(--u)) 0 var(--edge-dark);display:inline-flex}.status-zombies b svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.status-zombies small{margin-top:calc(2 * var(--u));font-weight:700;font-size:calc(9 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mg-top{left:calc(10 * var(--u));right:calc(10 * var(--u));top:calc(6 * var(--u));position:absolute}.mg-clock{text-align:center;font-family:var(--display);font-size:calc(30 * var(--u));color:var(--amber-light);-webkit-text-stroke:calc(4 * var(--u)) var(--edge-dark);paint-order:stroke fill;text-shadow:0 calc(3 * var(--u)) 0 var(--edge-dark);line-height:1}.mg-goal{margin-top:calc(2 * var(--u));text-align:center;font-family:var(--display);font-size:calc(13 * var(--u));text-transform:uppercase;-webkit-text-stroke:calc(3 * var(--u)) var(--edge-dark);paint-order:stroke fill}.mg-supplies{right:0;top:calc(4 * var(--u));align-items:center;gap:calc(4 * var(--u));font-family:var(--display);font-size:calc(18 * var(--u));color:var(--amber-light);-webkit-text-stroke:calc(3 * var(--u)) var(--edge-dark);paint-order:stroke fill;transition:transform .12s;display:inline-flex;position:absolute}.mg-supplies.bump{transform:scale(1.25)}.mg-supplies svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.mg-bars{margin-top:calc(6 * var(--u))}.mg-bars .meter{height:calc(13 * var(--u))}.mg-bars .meter span{font-weight:800;font-size:calc(10 * var(--u));color:#10240a;letter-spacing:.06em;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.mg-bars .meter.repairer{height:calc(7 * var(--u));margin-top:calc(3 * var(--u))}.mg-arrow{pointer-events:none;width:0;height:0;position:absolute}.mg-arrow svg{left:calc(-12 * var(--u));top:calc(-12 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u));filter:drop-shadow(0 calc(2 * var(--u)) 0 var(--edge-dark));position:absolute}.mg-arrow span{font-family:var(--display);font-size:calc(12 * var(--u));color:var(--amber-light);-webkit-text-stroke:calc(3 * var(--u)) var(--edge-dark);paint-order:stroke fill;position:absolute;transform:translate(-50%,-50%)}