/* DRIVER RANK V4.99 LT01: visual-only additions. Existing YOU WIN CSS is unchanged. */
.hrOptionStatus{grid-column:1/-1;border:1px solid #576e84;background:linear-gradient(110deg,#071421,#172435);padding:13px 16px;border-radius:10px;color:#eef9ff;display:grid;gap:7px}
.hrOptionStatus b{font-size:18px;font-weight:900;letter-spacing:.05em}.hrOptionStatus span{font-size:12px;color:#c0d6e5}
.hrMeter,.hrFlashBar{height:8px;border-radius:10px;background:#08121d;overflow:hidden;border:1px solid #3b4b60}.hrMeter i,.hrFlashBar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0083fe,#73ddff);transition:width .3s ease}
.hrAdminSection{margin:10px 0;padding:16px;border:1px solid #d9a850;border-radius:11px;background:linear-gradient(130deg,#171b23,#1b1b27);color:#fff}
.hrAdminSection[hidden]{display:none!important}.hrAdminSection strong{display:block;color:#ffd875;font-size:18px}.hrAdminSection p{margin:8px 0;font-size:12px;line-height:1.5;color:#cbd2e1}
.hrAdminActions{display:flex;gap:8px;flex-wrap:wrap}.hrAdminActions input{width:min(180px,100%);min-width:0;padding:8px 12px;color:#fff;border:1px solid #bc985b;border-radius:6px;background:#081420;font-size:18px}
.hrAdminActions button{cursor:pointer;padding:9px 12px;background:linear-gradient(#f3bf65,#ae6026);color:#100d0b;border:0;border-radius:7px;font-weight:900;flex:1 1 100px}
.hrAdminActions button:active{transform:scale(.98)}#hrAdminStatus{color:#fff3ca;font-size:12px}
.hrFlash{position:fixed;inset:0;z-index:120800;visibility:hidden;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(1,10,24,.32),transparent);transition:opacity .2s ease,visibility .2s;filter:drop-shadow(0 0 1px #000)}
.hrFlash.show{opacity:1;visibility:visible}
.hrFlash:before{content:"";position:absolute;top:45%;width:92%;height:4px;background:linear-gradient(90deg,transparent,#00baff 24%,#efffff 50%,#005ef1 77%,transparent);box-shadow:0 0 14px #0abaff,0 0 36px #1269ff;transform:skewX(-8deg);animation:hrSlash .6s ease both}
.hrFlash.rank-up:before,.hrFlash.ticket:before{background:linear-gradient(90deg,transparent,#f47e12 24%,#ffffe1 50%,#ec8f0f 77%,transparent);box-shadow:0 0 14px #ffac11,0 0 38px #d87f07}
.hrFlashHead{z-index:2;font:900 clamp(9px,1.5vw,18px)/1.3 ui-monospace,monospace;color:#f0fdff;letter-spacing:.2em;text-shadow:0 3px 6px #02030c}
.hrFlashTitle{z-index:2;transform:skewX(-8deg);white-space:nowrap;text-align:center;max-width:100%;font:1000 italic clamp(36px,10.8vw,160px)/1.12 Impact,'Arial Black','Yu Gothic UI',sans-serif;letter-spacing:-.04em;background:linear-gradient(180deg,#f4ffff 5%,#bcfaff 18%,#38dfff 38%,#0166ed 54%,#0d36b6 70%,#92f4ff 80%,#0152bd 95%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:clamp(1.2px,.18vw,3px) #081e61;filter:drop-shadow(2px 3px 0 #000622) drop-shadow(0 0 14px #008cfc) drop-shadow(0 0 28px #00baff);animation:hrFly .55s cubic-bezier(.14,1.2,.2,1) both}
.hrFlash.rank-up .hrFlashTitle,.hrFlash.ticket .hrFlashTitle{font-size:clamp(31px,9vw,135px);background-image:linear-gradient(180deg,#fffff4 5%,#fff9c4 18%,#ffe877 34%,#ff9c05 54%,#b74c00 72%,#fff5b4 82%,#e28208 95%);-webkit-text-stroke-color:#5f2600;filter:drop-shadow(2px 3px 0 #1d0d00) drop-shadow(0 0 17px #ffb323) drop-shadow(0 0 34px #f99513)}
.hrFlashEarned{z-index:2;color:#fff;font:1000 clamp(27px,6vw,70px)/1.25 Impact,'Arial Black',sans-serif;text-shadow:0 0 20px #196ecb,2px 4px #000}
.hrFlashTotal,.hrFlashNext{z-index:2;text-align:center;padding:4px 16px;color:#f6f9ff;font:900 clamp(13px,2.5vw,28px)/1.3 ui-monospace,Consolas,monospace;letter-spacing:.02em;background:rgba(0,0,0,.35);text-shadow:0 2px 4px #000}
.hrFlashNext{color:#fff2b0}.hrFlashBar{z-index:2;width:min(450px,78vw);height:10px;margin:11px}
@keyframes hrFly{from{opacity:0;transform:skewX(-8deg) translateX(-12vw) scale(1.2)}to{opacity:1;transform:skewX(-8deg) translateX(0) scale(1)}}
@keyframes hrSlash{from{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:700px){.hrFlash{gap:3px}.hrFlashTitle{font-size:clamp(30px,10vw,70px)}.hrFlash.rank-up .hrFlashTitle{font-size:clamp(30px,10vw,68px)}.hrAdminActions{gap:4px}}
@media(prefers-reduced-motion:reduce){.hrFlash:before,.hrFlashTitle{animation:none}}

.adminManagePanel{max-height:90dvh;overflow:auto;box-sizing:border-box}

.hrFlash.ticket .hrFlashTitle{font-size:clamp(22px,7.4vw,109px)}

/* V4.99: common player-grade frame for chat, lobby, right-hand ONLINE PLAYERS, and course-map labels. */
.hrRankName{display:inline-flex;align-items:center;vertical-align:baseline;gap:4px;min-width:0;max-width:100%;white-space:nowrap}
.hrRankBadge{display:inline-block;flex:0 0 auto;min-width:21px;padding:1px 3px;box-sizing:border-box;text-align:center;border:1.6px solid var(--hrGradeColor,#9299A4);border-radius:3px;background:rgba(5,10,19,.93);color:var(--hrGradeColor,#9299A4);font:900 .94em/1.3 Consolas,ui-monospace,monospace;text-shadow:0 0 4px var(--hrGradeColor,#9299A4);vertical-align:middle}
.hrRankName .hrRankPlayer{min-width:0;overflow:hidden;text-overflow:ellipsis;color:inherit}
.hrRank-E{--hrGradeColor:#9299A4}.hrRank-D{--hrGradeColor:#25C56A}.hrRank-C{--hrGradeColor:#298DF5}.hrRank-B{--hrGradeColor:#B462F0}.hrRank-A{--hrGradeColor:#F04F56}.hrRank-S{--hrGradeColor:#F5C542;box-shadow:0 0 6px rgba(245,197,66,.75),inset 0 0 5px rgba(245,197,66,.2)}
.chatLine .hrRankName{vertical-align:middle}.chatLine .hrRankBadge{font-size:10px}
.globalOnlinePlayer .pname{display:block;min-width:0}.globalOnlinePlayer .hrRankBadge{font-size:8px}
.globalOnlinePlayer .hrRankName{max-width:100%}
.onlineMember .hrRankBadge,.battleRankRow .hrRankBadge{font-size:9px}
#onlineCoursePreviewDrivers .hrRankBadge{font-size:10px}
#mpOnlineHud .hrRankBadge{font-size:inherit;min-width:16px;padding:0 2px;border-width:1px}