OverdriveHud {
    position: absolute; width: 100%; height: 100%; pointer-events: none; color: #f1f6fa;
    font-family: Arial; font-weight: 700;
    .overdrive-status { position: absolute; left: 36px; bottom: 40px; width: 310px; background-color: rgba(9,15,22,.87); border-left: 3px solid #ffb14d; padding: 15px 19px; flex-direction: column; gap: 5px; }
    .mode { color: #ffb14d; font-size: 24px; letter-spacing: 3px; }
    .objective { font-size: 18px; }
    .detail { font-size: 14px; color: #c3d6df; }
    .health { height: 7px; background-color: #383d46; margin-top: 6px; margin-bottom: 5px; }
    .fill { height: 100%; background-color: #6bf2d2; }
    .health.low { background-color: #4a2127; .fill { background-color: #ff5a64; } }
    .danger { position: absolute; top: 25%; width: 100%; justify-content: center; color: #ffb384; font-size: 30px; text-shadow: 2px 2px 4px black; }
    .streak { font-family: "Permanent Marker"; position: absolute; top: 30%; width: 100%; justify-content: center; color: #ffd23f; font-size: 44px; font-weight: 900; letter-spacing: 2px; text-shadow: 3px 3px 0px #b3261e; }
    .plate-lock { position: absolute; top: 55%; width: 100%; justify-content: center; color: #ffcf66; font-size: 18px; text-shadow: 1px 2px 3px black; }
    .weapon-swap { position: absolute; top: 18%; width: 100%; align-items: center; flex-direction: column; color: #ffcf66; font-size: 34px; text-shadow: 2px 2px 4px black; label { font-size: 17px; color: white; } }
    .unused-extract { position: absolute; top: 90px; width: 100%; align-items: center; flex-direction: column; color: #6bf2d2; font-size: 26px; text-shadow: 2px 2px 4px black; label {font-size: 16px; color: white;} }
    .grenade-ready { margin-top: 8px; padding: 8px 12px; background-color: #492d17; border: 2px solid #ffcc57; border-radius: 10px; gap: 12px; align-items: center; img { width: 35px; height: 44px; } div { flex-direction: column; gap: 2px; } }
    .grenade-title { font-family: "Permanent Marker"; font-size: 20px; color: #fff0ce; }
    .grenade-key { font-size: 15px; color: #ffd778; }
    .powerup-ready { color: #ffd778; font-family: "Permanent Marker"; font-size: 17px; }
    .reward-wrap { position: absolute; top: 12%; width: 100%; align-items: center; flex-direction: column; }
    .reward-ticket { background-color: #401c17; border: 3px solid #e2a743; border-radius: 32px 9px 28px 8px; padding: 15px 30px 18px; align-items: center; flex-direction: column; transform: rotate(-2deg); box-shadow: 0px 7px 0px #140d0b; }
    .reward-kicker { font-family: "Permanent Marker"; color: #ffd778; font-size: 18px; letter-spacing: 1px; }
    .reward-title { font-family: "Permanent Marker"; color: #fff1cf; font-size: 44px; text-shadow: 3px 3px 0px #971f19; }
    .reward-detail { color: #fff1cf; font-size: 15px; margin-top: 4px; }
    .grenade-notice { position: absolute; top: 67%; width: 100%; justify-content: center; color: #fff1cf; font-size: 19px; text-shadow: 2px 2px 3px black; }
    .gun-rest { position: absolute; top: 61%; width: 100%; align-items: center; flex-direction: column; color: #ffd778; font-family: "Permanent Marker"; font-size: 26px; text-shadow: 2px 2px 2px #361812; label {font-family: Arial; font-size: 14px; color: #fff1cf;} }
}

OverdriveHud .freeze-ready { border-color: #89e6ff; background-color: #122f45; }
OverdriveHud .freeze-ready .grenade-title { color: #acf0ff; }