.mode-switch .br-mode{grid-column:1/-1;background:linear-gradient(110deg,#214b49,#254352);border-color:#83cead55}.mode-switch .br-mode.active{background:linear-gradient(110deg,#386954,#315867);border-color:#9bf4c6}.br-mode small{color:#c0dac3}
#brHud{position:absolute;top:215px;left:30px;width:185px;padding:13px;background:#102b36dc;border:1px solid #a6dfc442;border-radius:7px;display:grid;grid-template-columns:60px 1fr;gap:9px 11px;z-index:3}.br-alive{border-right:1px solid #bdedd329}.br-alive strong{font-size:33px;line-height:1;display:block;color:#eaffeb}.br-alive>span{font-size:7px;letter-spacing:2px;color:#a7d4bb}.br-storm small{font-size:6px;letter-spacing:1px;color:#cdb6f1;display:block;line-height:1.5}.br-storm b{display:block;font-size:27px;margin-top:3px;color:#dfc9ff}#brStormHint{grid-column:1/-1;font-size:7px;line-height:1.5;letter-spacing:.5px;color:#c7e4cf}.br-rarity-key{grid-column:1/-1;display:flex;gap:4px;align-items:center;border-top:1px solid #bce2cd22;padding-top:9px}.br-rarity-key i{width:8px;height:8px;background:#b9c4ce;border-radius:2px}.br-rarity-key i:nth-child(2){background:#74e6a1}.br-rarity-key i:nth-child(3){background:#67b8ff}.br-rarity-key i:nth-child(4){background:#ca8aff}.br-rarity-key i:nth-child(5){background:#ffc260}.br-rarity-key small{font-size:5px;letter-spacing:.5px;margin-left:3px;color:#b3cbd0}#brHud.outside{border-color:#d698ff;background:#342044e8}#brHud.outside #brStormHint{color:#edbcff;font-weight:900}
#stormOverlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#7136ad18 5%,#652c9d38 47%,#38135c99 100%),linear-gradient(#57318426,#6f32a836);pointer-events:none;opacity:0;z-index:1;contain:strict}#stormOverlay::after{content:"";position:absolute;inset:0;background:#d4c5ff;opacity:var(--storm-flash,0)}
#brInteract{--loot-color:#b9c4ce;position:absolute;bottom:125px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(88vw,520px);display:flex;gap:13px;align-items:center;padding:14px 18px;border:1px solid var(--loot-color);border-left-width:4px;border-radius:6px;background:#102635ef;box-shadow:0 6px 25px #06152166;text-align:left;pointer-events:auto;z-index:5}#brInteract kbd{padding:10px;font-size:13px;color:var(--loot-color);border-color:var(--loot-color)}#brInteract strong{display:block;font-size:12px;letter-spacing:.8px;color:var(--loot-color)}#brInteract small{display:block;margin-top:6px;font-size:7px;letter-spacing:.7px;color:#c1d9df}
#brInteract.resurge-action{--resurge-progress:0%;background:linear-gradient(90deg,#55d9f065 var(--resurge-progress),#102635ef var(--resurge-progress));border-color:#86ebfa;box-shadow:0 8px 28px #0615218c,0 0 20px #70deee30}
#brInteract #brInteractName{color:#fff}
#brInteract #brInteractName .br-loot-rarity{color:var(--loot-color)}
#brInteract.resurge-action strong{font:400 17px/1 'Big Black Bear',Impact,'Arial Black',sans-serif;letter-spacing:1px;color:#fff}
#brInteract.resurge-action.resurge-holding{box-shadow:0 8px 28px #0615218c,0 0 24px #70deee80}
#brInteract[hidden]{display:none}
body.touch-mode #brHud{top:115px;left:18px;width:150px;padding:9px;grid-template-columns:45px 1fr;gap:7px}.touch-mode .br-alive strong{font-size:28px}.touch-mode .br-storm b{font-size:22px}.touch-mode .br-rarity-key{display:none}.touch-mode #brStormHint{font-size:6px}body.touch-mode #brInteract{bottom:auto;top:calc(50% - 115px);width:min(330px,78vw);min-height:58px;padding:10px 12px;gap:10px}body.touch-mode #brInteract strong{font-size:10px}body.touch-mode #brInteract small{font-size:6px}
@media(max-height:580px){#brHud{top:120px;left:18px;width:170px;padding:9px}.br-rarity-key{display:none}.deploy-panel{overflow-y:auto;max-height:calc(100dvh - 85px)}}
@media(max-height:520px){body.touch-mode #brHud{top:13px;left:130px;width:170px;grid-template-columns:43px 1fr}body.touch-mode #brStormHint{grid-column:1/-1}body.touch-mode #brInteract{top:calc(50% - 103px)}}
@media(prefers-reduced-motion:reduce){#stormOverlay{transition:none}}

.br-rarity-key i:nth-child(6){background:#fff2a6}
.br-rarity-key i:nth-child(7){background:#20ffdb}
#hudSlots .br-slot-exotic{box-shadow:inset 0 0 12px #20ffdb24,0 0 9px #20ffdb26}