.leaderboard-page { --honor-gold:#dfbf79; }
.leaderboard-hero .community-hero__image { object-position:65% 45%; }
.leaderboard-page .leaderboard-hero { min-height:0; }
.leaderboard-page .leaderboard-hero .community-hero__copy { padding:32px 40px; }
.leaderboard-page .leaderboard-hero h1 { font-size:calc(clamp(30px,4vw,44px) * var(--se-ui-scale, 1));margin:0; }
.leaderboard-toolbar { display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:24px 0;color:#9cb7c5;font-size:.8rem; }
.leaderboard-updated { color:#9cb7c5;font-size:.75rem; }
.leaderboard-head,.commander-summary { display:grid;grid-template-columns:minmax(170px,1.8fr) minmax(100px,1fr) minmax(72px,.8fr) minmax(80px,.8fr) minmax(160px,1.6fr) minmax(75px,.8fr);align-items:center;gap:16px;padding:20px 24px; }
.leaderboard-head { color:#95b2c0;font-size:.65rem;letter-spacing:.1em;padding-top:0;padding-bottom:12px; }
.leaderboard-head>span:last-child { text-align:right; }
.leaderboard-rows { display:grid;gap:12px; }
.commander-card { border:1px solid #2b4552;border-radius:10px;background:linear-gradient(110deg,#13232e,#101d27);box-shadow:0 8px 28px #0002; }
.commander-card--elite { border-color:#776441;background:linear-gradient(110deg,#29291f 0,#14252e 35%,#101d27 100%); }
.commander-identity { display:flex;align-items:center;gap:18px;min-width:0; }
.commander-identity>div { min-width:0; }.commander-name { font-weight:650;color:#f2f5f5;overflow-wrap:anywhere; }
.commander-rank { color:#92aebb;font-variant-numeric:tabular-nums;font-size:1.35rem;min-width:32px; }
.commander-card--elite .commander-rank { color:var(--honor-gold); }
.commander-honors { display:flex;min-height:0; }.commander-stat strong { font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600; }
.commander-stat strong span { color:#9db5c1;font-size:.9rem;font-weight:400; }.commander-record { color:#79dcbd; }
.commander-score { text-align:right;min-width:0;overflow-wrap:anywhere; }.commander-score strong { color:var(--honor-gold);font-size:1.25rem;font-variant-numeric:tabular-nums; }
.commander-mobile-label { display:none; }.commander-dossier { border-top:1px solid #29414b; }
.commander-dossier>summary { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 24px;cursor:pointer;color:#aac2cf;font-size:.78rem;list-style:none;border-radius:0 0 10px 10px; }
.commander-dossier>summary::-webkit-details-marker { display:none; }.commander-dossier>summary:hover { background:#24404c66;color:#dcf2f8; }
.commander-dossier[open]>summary { border-bottom:1px solid #29414b; }
.commander-dossier__body { display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:30px;padding:24px; }
.commander-dossier h3 { font-size:.82rem;color:#dfbf79;font-weight:600;margin:0 0 16px; }.commander-dossier h3 small { color:#91acb8;font-weight:400;margin-left:12px; }
.commander-worlds { min-width:0;overflow-wrap:anywhere; }
.commander-worlds>div { display:flex;flex-direction:column;gap:4px;margin-bottom:16px; }.commander-worlds>div strong { font-size:.88rem; }.commander-worlds>div span,.commander-dossier p { color:#a1b9c6;font-size:.8rem; }
.commander-worlds>h3:not(:first-child) { margin-top:24px; }.commander-breakdown { max-width:270px;font-size:.78rem; }.commander-breakdown>div { display:flex;justify-content:space-between;padding:5px 0;gap:12px; }.commander-breakdown dt { font-weight:400;color:#aac1ce; }.commander-breakdown dd { color:#dfbf79;margin:0; }
.commander-ribbons { min-width:0; }
.ribbon-stack { display:grid;grid-template-columns:repeat(auto-fit,80px);max-width:240px;justify-content:start; }
.commander-no-honors { color:#8ea7b5; }
.medal-cabinet { display:flex;flex-wrap:wrap;gap:8px; }
.honor-insignia { position:relative;display:inline-flex; }.honor-insignia__button { position:relative;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:8px;min-width:44px;min-height:44px;padding:0;cursor:pointer;transition:background .15s,transform .15s; }
.honor-insignia__button:hover { background:#dfbf7915;transform:translateY(-2px); }.honor-insignia__button>img { width:40px;height:40px;object-fit:contain; }
.honor-insignia--medal .honor-insignia__button { width:80px;height:44px; }
.honor-insignia--full-medal .honor-insignia__button { width:112px;height:116px; }
.honor-insignia--full-medal .honor-insignia__button .honor-medal-preview { width:104px;height:104px;margin:0; }
.honor-insignia--full-medal .honor-insignia__button .honor-medal-preview__art { width:104px;height:104px; }
.honor-insignia--full-medal .honor-insignia__button .honor-medal-preview__emblem { width:29px;height:29px; }
.honor-insignia--full-medal .honor-insignia__button .honor-medal-preview__pins { font-size:0.5625rem; }
/* Frame only the woven fabric; the hanging medallion stays outside the crop. */
.achievement-ribbon { position:relative;display:inline-block;width:72px;height:26px;overflow:hidden;border-radius:3px;background:#14232c;box-shadow:0 1px 3px #0008,inset 0 0 0 1px #dfbf7955;vertical-align:middle; }
.achievement-ribbon>img.achievement-ribbon__art { position:absolute;width:160px;height:160px;max-width:none;left:50%;top:-12px;transform:translateX(-50%);object-fit:contain; }
.achievement-ribbon--narrow-art>img.achievement-ribbon__art { width:176px;height:176px;top:-14px; }
.achievement-ribbon__devices { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:2px; }
.achievement-ribbon__emblem { width:18px;height:18px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px #d8b96e; }
.achievement-ribbon__pins { font-size:0.5625rem;line-height:1;letter-spacing:0;color:#ffdc82;text-shadow:0 1px 2px #321900,0 0 2px #321900;white-space:nowrap; }
.honor-popover { position:fixed;inset:auto;margin:0;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px;border:1px solid #9b824d;border-radius:10px;background:#0d1b25;color:#e8f0f4;box-shadow:0 16px 50px #0009;font-size:.84rem;z-index:1100; }
.honor-medal-preview { position:relative;width:128px;height:128px;margin:0 auto 14px; }
.honor-medal-preview__art { display:block;width:128px;height:128px;object-fit:contain; }
.honor-medal-preview__emblem { position:absolute;left:50%;top:67%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;object-fit:cover; }
.honor-medal-preview__pins { position:absolute;left:50%;top:18%;transform:translateX(-50%);font-size:0.6875rem;line-height:1;color:#ffdc82;text-shadow:0 1px 2px #321900;white-space:nowrap; }
.honor-popover::backdrop { background:transparent; }.honor-popover strong { color:#e4c78a; }.honor-popover p { color:#bad0db;line-height:1.55;margin:8px 0; }.honor-popover small { display:block;margin-top:8px;color:#8daab9; }.honor-popover__points { color:#73d8d1; }
.leaderboard-pagination { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:28px 0;color:#acc4d0;font-size:.82rem; }.leaderboard-pagination>a { justify-self:start; }.leaderboard-pagination>a:last-child { justify-self:end; }
.leaderboard-rules { margin-top:44px;border:1px solid #304854;border-radius:10px;background:#101f29; }.leaderboard-rules>summary { cursor:pointer;padding:20px 24px;color:#e1c58c;min-height:48px; }.leaderboard-rules>div { padding:0 24px 24px;color:#aec5d1;line-height:1.7;font-size:.85rem; }
.honors-preview { display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;margin:28px 0; }.honors-preview figure { margin:0;text-align:center; }.honors-preview figcaption { font-size:.72rem;color:#e1c58c; }.honors-preview .achievement-ribbon { margin:8px 0 12px; }
.leaderboard-empty { text-align:center;padding:64px 24px;border:1px solid #34505c;border-radius:12px;background:#101f29; }.leaderboard-empty h3 { margin:14px 0;color:#e1c58c; }.leaderboard-empty p { color:#aac2cf;max-width:550px;margin:12px auto; }
.leaderboard-page button:focus-visible,.leaderboard-page summary:focus-visible,.leaderboard-page a:focus-visible { outline:2px solid #6be4de;outline-offset:4px; }
@media(max-width:900px) { .leaderboard-head { display:none; }.commander-summary { grid-template-columns:repeat(4,1fr);gap:22px 12px; }.commander-identity { grid-column:1/-1; }.commander-mobile-label { display:block;color:#95b2c0;font-size:.65rem;margin-bottom:6px; }.commander-score strong { font-size:1.2rem; }.commander-score { order:1; }.commander-ribbons { order:2;grid-column:1/-1; } }
@media(max-width:540px) { .leaderboard-page .leaderboard-hero .community-hero__copy { padding:24px; } .commander-summary { grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 16px; }.commander-score { text-align:left; }.commander-dossier>summary { padding:12px 16px;font-size:.7rem; }.commander-dossier__body { grid-template-columns:1fr;padding:20px 16px;gap:20px; }.leaderboard-pagination { gap:8px;font-size:.7rem; }.leaderboard-pagination .community-button { padding:10px;font-size:.7rem; }.leaderboard-rules>summary { padding:18px 16px; }.leaderboard-rules>div { padding:0 16px 18px; } }
@media(prefers-reduced-motion:reduce) { .honor-insignia__button { transition:none; }.honor-insignia__button:hover { transform:none; } }