#shieldPanel{margin:0 0 9px} .shield-label{display:flex;align-items:center;gap:8px;color:#76c8ff}.shield-label strong{font-size:24px;font-weight:900}.shield-label small{font-size:9px;letter-spacing:1.5px}.shield-label>span{font-size:25px}.shield-track{height:6px;background:#183c55;border-radius:3px;overflow:hidden;margin-top:3px}.shield-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#3499ef,#9be4ff);box-shadow:0 0 10px #65c6ff;transition:width .15s ease-out}#shieldPanel.broken{animation:armor-break .45s ease-out}.damage-number.shield,.damage-number.shield.head{--damage-glow:#72c7ff;color:#72c7ff}.damage-number.shield span{color:#72c7ff;text-shadow:0 2px 0 #05111b,2px 0 0 #05111b,-2px 0 0 #05111b,0 -2px 0 #05111b,0 0 12px #42a8ff66}
#plateButton{position:relative;pointer-events:auto;display:flex;align-items:center;gap:9px;width:100%;background:#102b3de8;border:1px solid #63baff66;border-radius:7px;color:#b9e4ff;padding:8px 10px;margin:0 0 10px;text-align:left;overflow:hidden;cursor:pointer;touch-action:manipulation}#plateButton[hidden]{display:none}#plateButton:disabled{opacity:.55;cursor:default}#plateButton>span:nth-child(2){flex:1;display:flex;justify-content:space-between;gap:12px;align-items:center}#plateButton b{font-size:10px;letter-spacing:1px}#plateButton small{font-size:11px;font-variant-numeric:tabular-nums}#plateButton kbd{background:#285471;padding:2px 5px;border-radius:3px;font-size:10px}.plate-icon{font-size:24px;line-height:1}#plateProgress{position:absolute;bottom:0;left:0;height:3px;background:#a5e7ff;box-shadow:0 0 10px #6ecbff}#plateButton.using{border-color:#8bddff;box-shadow:0 0 18px #3fafff33}#plateButton.using b{font-size:8px}
.br-plate-inventory{display:flex;gap:10px;align-items:center;border:1px solid #67b8ff88;background:#12344a;border-radius:10px;padding:14px;margin:14px 0}.br-plate-inventory[hidden]{display:none}.br-plate-inventory>div{flex:1;display:grid;gap:4px}.br-plate-inventory small{color:#67b8ff;font-size:9px;letter-spacing:1.6px}.br-plate-inventory strong{font-size:17px;color:#eff9ff}.br-plate-inventory strong b{color:#89ceff;margin-left:8px}.br-plate-inventory span,.br-stored-ammo{color:#a4bdcb;font-size:11px;line-height:1.5}.br-plate-inventory button{border:1px solid #67b8ff77;background:#225575;color:#d4efff;padding:10px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer}.br-plate-inventory button:disabled{opacity:.4;cursor:default}.br-stored-ammo{margin:10px 0}
@keyframes armor-break{0%{filter:brightness(2);transform:translateX(-5px)}30%{transform:translateX(4px)}65%{transform:translateX(-2px)}100%{filter:none;transform:none}}
@media(max-width:700px){#plateButton{padding:6px;margin-bottom:6px}#shieldPanel{margin-bottom:5px}.shield-label strong{font-size:19px}.shield-label small{font-size:8px}.br-plate-inventory{flex-wrap:wrap}.br-plate-inventory>div{flex-basis:100%}}
@media(max-height:500px){#shieldPanel .shield-label{height:22px}#plateButton{position:absolute;bottom:calc(100% + 8px);left:0;width:145px;margin:0}.shield-label strong{font-size:18px}.vitals{position:relative}}
@media(prefers-reduced-motion:reduce){#shieldPanel.broken{animation:none}.shield-track i{transition:none}}

body.touch-mode #plateButton{position:absolute;left:calc(100% + 10px);bottom:0;width:108px;margin:0}body.touch-mode #plateButton>span:nth-child(2){display:grid;gap:2px}body.touch-mode #plateButton kbd{font-size:8px}body.touch-mode .shield-label{height:22px}