PopRiotHud {
    position: absolute; width: 100%; height: 100%; pointer-events: none; font-family: Arial; color: white;
    label { color: #ffffff; }
    .riot-guide { position: absolute; top: 24px; right: 28px; width: 310px; padding: 10px 14px; background-color: #141425b8; border-top: 2px solid #75f0d6; border-radius: 5px; flex-direction: column; gap: 6px; }
    .heading { justify-content: space-between; font-weight: bold; font-size: 14px; }
    .score { color: #ffe079; }
    .lives { justify-content: center; align-items: center; gap: 8px; }
    .life { font-family: Material Icons; font-size: 21px; }
    .full { color: #75f0d6; }
    .lost { color: #5c5367; }
    .life-count { font-size: 13px; margin-left: 9px; font-weight: bold; }
    .instruction { text-align: center; font-size: 14px; font-weight: bold; }
    .hint { font-size: 11px; color: #d2d9ea; text-align: center; }
    .critical { border-top-color: #ff6a63; .full, .life-count { color: #ff8970; } }
    .riot-threat { position: absolute; top: 27%; left: 32%; width: 36%; align-items: center; flex-direction: column; gap: 5px; padding: 9px; background-color: #2d1517e8; border-bottom: 2px solid #ffb056; font-size: 19px; font-weight: bold; label { color: #ffd483; } }
    .dodge { font-size: 12px; }
}