/* Frame Driver combat-records HUD. Kept separate from the shared profile dialog styles. */
.leaderboard-hud{
 position:relative;isolation:isolate;display:none;flex-direction:column;box-sizing:border-box;width:min(1280px,calc(100vw - 48px));height:min(834px,calc(100dvh - 48px));max-width:none;max-height:none;overflow:auto;padding:25px 35px 14px;border:1px solid #32d7f3;border-radius:0;color:#d7f3ff;background:linear-gradient(145deg,#031522f5,#04101bf7 58%,#061927f2);box-shadow:0 0 0 2px #03111bcc,0 0 0 4px #1098b8aa,0 0 40px #00b9e64d,inset 0 0 32px #087b9d22;clip-path:polygon(18px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)
}
.leaderboard-hud[open]{display:flex}
.leaderboard-hud::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.27;background-image:linear-gradient(#29c4e514 1px,transparent 1px),linear-gradient(90deg,#29c4e514 1px,transparent 1px),radial-gradient(ellipse at 80% 8%,#1678a044,transparent 36%);background-size:20px 20px,20px 20px,auto}
.leaderboard-hud::after{content:"";position:absolute;z-index:-1;top:0;left:28px;width:112px;height:2px;background:#7af4ff;box-shadow:0 0 15px #41dbff}
.leaderboard-hud::backdrop{background:#02070b38;backdrop-filter:blur(4px) brightness(1.7)}
.leaderboard-hud .leaderboard-header{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:103px;padding:0 3px 15px;border-bottom:1px solid #12647a;background:radial-gradient(ellipse at 76% 0%,#1479a055,transparent 38%),radial-gradient(circle at 66% 27%,#70dbffbb 0 1px,transparent 2px),radial-gradient(circle at 82% 62%,#81eaff99 0 1px,transparent 2px),linear-gradient(90deg,#061a28dd,#0a1d2b88 58%,#0a2333aa)}
.leaderboard-title-lockup{display:flex;align-items:center;gap:16px}
.leaderboard-title-mark{width:8px;height:52px;display:grid;place-items:center;overflow:hidden;border-left:3px solid #f6c43c;border-right:1px solid #f6c43c;color:#f4c344;font-size:21px;text-shadow:0 0 10px #ffc94c;clip-path:polygon(0 0,100% 12%,100% 88%,0 100%)}
.leaderboard-hud .screen-eyebrow{margin:0 0 4px!important;color:#ffd34c!important;font-size:12px!important;font-weight:800;letter-spacing:.16em!important}
.leaderboard-hud #leaderboard-title{margin:0;color:#eaf9ff;font-family:inherit;font-size:clamp(27px,3vw,43px);font-weight:900;line-height:1;letter-spacing:.08em;text-shadow:0 0 18px #2aa7d155}
.leaderboard-hud .leaderboard-close{display:grid;place-items:center;width:56px;height:54px;padding:0;border:1px solid #f3c53d;background:#071722;color:#6deaff;font-size:38px;font-weight:300;line-height:1;box-shadow:inset 0 0 0 4px #08151b;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.leaderboard-hud .leaderboard-toolbar{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:25px;min-height:122px;padding:13px 300px 11px 7px}
.leaderboard-hud .leaderboard-toolbar label{display:grid;gap:7px;min-width:228px;color:#9bd9e8;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.leaderboard-hud .leaderboard-toolbar label:nth-child(2){min-width:290px}
.leaderboard-hud .leaderboard-toolbar select{width:100%;height:49px;min-height:49px;padding:0 38px 0 20px;border:1px solid #e6bc36;border-radius:0;color:#e5f5ff;background:linear-gradient(110deg,#0a1a28,#081522);font-family:inherit;font-size:16px;letter-spacing:.02em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 10px)}
.leaderboard-hud .leaderboard-toolbar #leaderboard-reset{position:absolute;right:103px;bottom:14px;width:280px;margin:0;color:#66c6db;font-size:9px;line-height:1.35;letter-spacing:.04em;text-align:right;white-space:pre-line}
.leaderboard-hud .leaderboard-signal{position:absolute;right:0;top:11px;display:grid;gap:5px;width:84px;padding:5px 0 5px 12px;border-left:1px solid #15617a;color:#397b90;font-size:9px;letter-spacing:.13em}
.leaderboard-hud .leaderboard-signal i{display:block;width:30px;height:6px;margin-top:3px;background:linear-gradient(90deg,#e1b937 0 25%,transparent 25% 37%,#e1b937 37% 62%,transparent 62% 74%,#e1b937 74%);box-shadow:0 0 8px #e1b93777}
.leaderboard-hud .leaderboard-columns{display:grid;flex:1 1 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(250px,.9fr) minmax(270px,1.1fr);gap:14px;margin:0;min-height:0}
.leaderboard-hud .leaderboard-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:15px 19px 12px;border:1px solid #1c9dbb;border-radius:0;background:linear-gradient(145deg,#061a27ed,#061522ee 70%,#071b28ed);box-shadow:inset 0 0 0 1px #062334,inset 0 0 23px #0b6a821c;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 12px),calc(100% - 12px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}
.leaderboard-hud .leaderboard-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,transparent 49%,#2484a322 50%,transparent 51%);background-size:8px 8px}
.leaderboard-hud .leaderboard-panel-head{position:relative;z-index:1;display:grid;grid-template-columns:34px auto minmax(20px,1fr);align-items:center;gap:12px;min-height:38px}
.leaderboard-hud .leaderboard-panel-icon{display:grid;place-items:center;color:#ffc83d;font-size:29px;line-height:1;text-shadow:0 0 10px #f6c54266}
.leaderboard-hud .leaderboard-panel-head h3{margin:0;color:#ffce3f;font-size:17px;font-weight:900;line-height:1.1;letter-spacing:.1em}
.leaderboard-hud .leaderboard-panel-head p{margin:6px 0 0;color:#9ab7c9;font-size:12px;line-height:1.3;letter-spacing:.015em}
.leaderboard-hud .leaderboard-rule{height:1px;margin-left:4px;background:linear-gradient(90deg,#ceaa36 0 25%,#245164 25% 100%)}
.leaderboard-hud .leaderboard-featured-list,.leaderboard-hud .leaderboard-ranking-list{position:relative;z-index:1;list-style:none;margin:11px 0 0;padding:0;min-height:0}
.leaderboard-hud .leaderboard-featured-list{flex:1;display:flex;align-items:stretch}
.leaderboard-hud .leaderboard-featured-result{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:90px;margin:0;padding:11px 17px;border:1px solid #24728d;border-radius:0;background:linear-gradient(105deg,#09283a,#071927 74%);box-shadow:inset 0 0 18px #1487a022;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.leaderboard-hud .leaderboard-featured-result>.leaderboard-medal{grid-column:1;grid-row:1;display:grid;place-items:center;width:58px;height:58px;border:2px solid #ffcf40;border-radius:50%;color:#ffda51;font-size:31px;font-weight:900;line-height:1;text-shadow:0 0 13px #f6c13b;box-shadow:0 0 0 4px #f2c83b21,inset 0 0 11px #f2c13b26}
.leaderboard-hud .leaderboard-medal{position:relative;border:0!important;border-radius:0!important;box-shadow:none!important}
.leaderboard-hud .leaderboard-featured-player{grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;min-width:0}
.leaderboard-hud .leaderboard-player-name{overflow:hidden;color:#effaff;font-size:20px;font-weight:700;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.leaderboard-hud .leaderboard-featured-value{grid-column:3;grid-row:1;color:#c6dbe5;font-size:15px;white-space:nowrap}
.leaderboard-hud .leaderboard-featured-place{display:none}
.leaderboard-hud .leaderboard-featured-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:82px;border:1px solid #24728d;background:#081a28;color:#91b4c6;font-size:13px;letter-spacing:.03em;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.leaderboard-hud .leaderboard-empty-mark{color:#60d8f1;font-size:28px;text-shadow:0 0 12px #27c8ef}
.leaderboard-hud .leaderboard-standing{position:relative;z-index:1;margin:7px 2px 0;color:#72d8ee;font-size:11px;letter-spacing:.07em}
.leaderboard-hud .leaderboard-ranking-list{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#25718a #061522}
.leaderboard-hud .leaderboard-ranking-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(88px,auto);align-items:center;gap:10px;height:44px;min-height:44px;padding:0 12px;border-top:1px solid #17394a;color:#d9edf7;font-size:14px}
.leaderboard-hud .leaderboard-ranking-row:last-child{border-bottom:1px solid #17394a}
.leaderboard-hud .leaderboard-ranking-row:nth-child(odd){background:#0c2635a8}
.leaderboard-hud .leaderboard-ranking-row::before,.leaderboard-hud .leaderboard-featured-result::before{content:none!important}
.leaderboard-hud .leaderboard-place{grid-column:1;grid-row:1;display:grid;place-items:center;height:100%;border-left:3px solid transparent;color:#a8c9d8;font-weight:800;font-variant-numeric:tabular-nums}
.leaderboard-hud .leaderboard-ranking-row[data-rank="1"] .leaderboard-place{border-left-color:#f3c63e;color:#ffd54a}
.leaderboard-hud .leaderboard-ranking-row[data-rank="2"] .leaderboard-place{border-left-color:#92b7d5;color:#c2d8e9}
.leaderboard-hud .leaderboard-ranking-row[data-rank="3"] .leaderboard-place{border-left-color:#bd8251;color:#daa277}
.leaderboard-hud .leaderboard-player-info{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
.leaderboard-hud .leaderboard-player-info .leaderboard-player-name{font-size:16px}
.leaderboard-hud .leaderboard-result-value{grid-column:3;grid-row:1;min-width:0;overflow:hidden;color:#a9c7d7;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
.leaderboard-hud .leaderboard-ranking-row[data-rank="1"] .leaderboard-result-value{color:#e1cf90}
.leaderboard-hud .leaderboard-ranking-row.is-viewer{background:#133648;box-shadow:inset 0 0 0 1px #35c9e477}
.leaderboard-hud .leaderboard-ranking-empty{display:grid;place-items:center;min-height:60px;border-top:1px solid #17394a;color:#8ba9b8;font-size:12px}
.leaderboard-hud .leaderboard-frame-badge{display:inline-flex;flex:0 0 auto;align-items:center;width:auto;height:auto;gap:5px;border:0;background:none;clip-path:none}
.leaderboard-hud .leaderboard-frame-badge img{width:34px;height:34px;padding:2px;border:1px solid #26b9dc;background:#071b29;clip-path:polygon(50% 0,92% 18%,92% 82%,50% 100%,8% 82%,8% 18%)}
.leaderboard-hud .leaderboard-frame-badge b{padding:3px 7px;border:1px solid #2c90b1;background:#061925;color:#8bdff3;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.leaderboard-hud .leaderboard-feature-panel .leaderboard-frame-badge img{width:34px;height:34px}
.leaderboard-hud .leaderboard-feature-panel .leaderboard-frame-badge b{display:none}
@media(max-width:900px){
 .leaderboard-hud{width:calc(100vw - 24px);padding:17px 18px}
 .leaderboard-hud .leaderboard-toolbar{gap:12px;padding-right:115px;flex-wrap:wrap}
 .leaderboard-hud .leaderboard-toolbar #leaderboard-reset{position:static;flex:1 0 100%;width:auto;text-align:left}
 .leaderboard-hud .leaderboard-toolbar label,.leaderboard-hud .leaderboard-toolbar label:nth-child(2){min-width:min(190px,calc(50vw - 50px))}
 .leaderboard-hud .leaderboard-signal{width:92px}
 .leaderboard-hud .leaderboard-panel{padding:11px}
 .leaderboard-hud .leaderboard-panel-head{grid-template-columns:27px auto minmax(12px,1fr);gap:8px}
 .leaderboard-hud .leaderboard-panel-head h3{font-size:14px}
 .leaderboard-hud .leaderboard-panel-head p{font-size:10px}
 .leaderboard-hud .leaderboard-ranking-row{grid-template-columns:36px minmax(0,1fr) minmax(74px,auto);gap:6px;padding:0 7px}
 .leaderboard-hud .leaderboard-player-info .leaderboard-player-name{font-size:13px}
 .leaderboard-hud .leaderboard-result-value{font-size:11px}
 .leaderboard-hud .leaderboard-frame-badge img{width:30px;height:30px}
}
@media(max-width:700px){
 .leaderboard-hud{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
 .leaderboard-hud .leaderboard-header{min-height:65px;padding-bottom:10px}
 .leaderboard-hud .leaderboard-title-mark{height:38px}
 .leaderboard-hud #leaderboard-title{font-size:25px}
 .leaderboard-hud .screen-eyebrow{font-size:9px!important}
 .leaderboard-hud .leaderboard-close{width:42px;height:40px;font-size:29px}
 .leaderboard-hud .leaderboard-toolbar{min-height:0;gap:8px;padding:12px 0 14px}
 .leaderboard-hud .leaderboard-toolbar label,.leaderboard-hud .leaderboard-toolbar label:nth-child(2){flex:1 1 calc(50% - 8px);min-width:0;font-size:10px}
 .leaderboard-hud .leaderboard-toolbar select{height:40px;min-height:40px;padding-left:10px;font-size:13px}
 .leaderboard-hud .leaderboard-toolbar #leaderboard-reset{position:static;flex-basis:100%;font-size:9px;text-align:left}
 .leaderboard-hud .leaderboard-signal{display:none}
 .leaderboard-hud .leaderboard-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;gap:10px}
 .leaderboard-hud .leaderboard-panel{min-height:164px;padding:10px}
 .leaderboard-hud .leaderboard-career-panel{min-height:340px}
 .leaderboard-hud .leaderboard-ranking-list{max-height:264px}
 .leaderboard-hud .leaderboard-panel-head h3{font-size:13px}
 .leaderboard-hud .leaderboard-panel-head p{font-size:9px}
 .leaderboard-hud .leaderboard-featured-result{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;min-height:74px;padding:8px}
 .leaderboard-hud .leaderboard-featured-result>.leaderboard-medal{width:42px;height:42px;font-size:22px}
 .leaderboard-hud .leaderboard-featured-player .leaderboard-player-name{font-size:14px}
 .leaderboard-hud .leaderboard-featured-value{font-size:12px}
 .leaderboard-hud .leaderboard-frame-badge img{width:26px;height:26px}
 .leaderboard-hud .leaderboard-frame-badge b{padding:2px 4px;font-size:7px}
}
@media(max-height:600px) and (min-width:701px){
 .leaderboard-hud{height:calc(100dvh - 24px);padding:12px 18px}
 .leaderboard-hud .leaderboard-header{min-height:62px;padding-bottom:8px}
 .leaderboard-hud .leaderboard-title-mark{height:40px}
 .leaderboard-hud #leaderboard-title{font-size:28px}
 .leaderboard-hud .leaderboard-toolbar{min-height:80px}
 .leaderboard-hud .leaderboard-toolbar select{height:40px;min-height:40px}
 .leaderboard-hud .leaderboard-columns{grid-template-rows:minmax(145px,.8fr) minmax(210px,1.2fr);gap:9px}
 .leaderboard-hud .leaderboard-panel{padding:9px 12px}
 .leaderboard-hud .leaderboard-panel-head{min-height:30px}
 .leaderboard-hud .leaderboard-panel-head h3{font-size:13px}
 .leaderboard-hud .leaderboard-panel-head p{margin-top:3px;font-size:9px}
 .leaderboard-hud .leaderboard-ranking-row{height:36px;min-height:36px}
}
@media(max-width:900px) and (max-height:600px){
 .leaderboard-hud{width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:10px 14px}
 .leaderboard-hud .leaderboard-header{min-height:58px;padding-bottom:7px}
 .leaderboard-hud .leaderboard-title-mark{height:36px}
 .leaderboard-hud #leaderboard-title{font-size:24px}
 .leaderboard-hud .leaderboard-close{width:40px;height:38px;font-size:27px}
 .leaderboard-hud .leaderboard-toolbar{min-height:72px;padding:9px 112px 8px 4px;gap:10px}
 .leaderboard-hud .leaderboard-toolbar label,.leaderboard-hud .leaderboard-toolbar label:nth-child(2){min-width:0;flex:1 1 0;font-size:10px}
 .leaderboard-hud .leaderboard-toolbar select{height:36px;min-height:36px;font-size:12px}
 .leaderboard-hud .leaderboard-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;gap:8px}
 .leaderboard-hud .leaderboard-panel{min-height:0;padding:9px 12px}
 .leaderboard-hud .leaderboard-feature-panel{min-height:125px}
 .leaderboard-hud .leaderboard-career-panel{min-height:260px}
 .leaderboard-hud .leaderboard-ranking-list{max-height:216px}
 .leaderboard-hud .leaderboard-ranking-row{height:32px;min-height:32px}
 .leaderboard-hud .leaderboard-frame-badge img{width:26px;height:26px}
}