:root {
  color-scheme: dark;
  --bg: #080b13;
  --panel: #0f1420;
  --panel-2: #141a27;
  --line: #262d3d;
  --text: #f6f8fc;
  --muted: #8f9aaf;
  --acid: #d7ff4f;
  --acid-dark: #11180a;
  --danger: #ff6477;
  --radius: 14px;
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 80% -10%, rgba(137, 90, 255, .15), transparent 30rem), var(--bg); font: 400 1rem/1.5 var(--font-body); }
button, input, select { font: inherit; }
button { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.topbar { min-height: 86px; border-bottom: 1px solid #303849; background: rgba(17,22,33,.94); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.nav-inner { width: 100%; max-width: none; min-height: 86px; margin: 0; padding: 0 clamp(18px, 2.4vw, 48px); display: flex; align-items: center; gap: 26px; }
.brand { color: var(--text); text-decoration: none; display: flex; flex: 0 0 auto; gap: 9px; align-items: center; font: 700 1.08rem var(--font-display); letter-spacing: -.04em; }
.brand > span:last-child span { color: var(--acid); }
.brand-mark { width: 30px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: var(--bg); background: var(--acid); box-shadow: 0 0 30px rgba(215,255,79,.18); transform: rotate(-4deg); }
.site-links { display: grid; grid-template-rows: 1fr 1fr; align-self: stretch; align-content: center; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.nav-row { display: flex; min-width: max-content; align-items: stretch; }
.site-links::-webkit-scrollbar { display: none; }
.site-links a, .future-link { position: relative; display: flex; align-items: center; gap: 5px; padding: 0 13px; color: #acb5c5; text-decoration: none; white-space: nowrap; font-size: .82rem; font-weight: 600; }
.site-links a:hover { color: white; background: rgba(255,255,255,.035); }
.site-links a.active { color: white; }
.site-links a.active::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px; background: var(--acid); }
.future-link { color: #727d91; cursor: default; }
.site-links small, .sign-in small { padding: 1px 4px; border-radius: 4px; color: #98a3b7; background: #262e3d; font-size: .53rem; letter-spacing: .04em; text-transform: uppercase; }
.nav-actions { margin-left: auto; display: flex; flex: 0 0 auto; align-items: center; gap: 12px; }
.sign-in { padding: 0; border: 0; color: #9eaa81; background: transparent; font-size: .8rem; }
.sign-in:disabled { opacity: .9; cursor: default; }
.register-button { min-height: 34px; padding: 6px 10px; color: var(--acid); border-color: rgba(215,255,79,.38); }
.account-menu { display: flex; align-items: center; gap: 8px; padding: 4px 5px 4px 10px; border: 1px solid #344054; border-radius: 9px; background: #0c121d; color: #dbe5ba; font-size: .75rem; font-weight: 700; }
.account-menu button { border: 0; border-left: 1px solid #344054; padding: 4px 7px; color: #97a4b6; background: transparent; font: inherit; font-size: .7rem; }
.account-menu button:hover { color: white; }
.topbar-actions { display: flex; align-items: center; gap: 24px; }
.save-status { color: var(--muted); font-size: .875rem; display: flex; gap: 8px; align-items: center; }
.save-status > span { width: 7px; height: 7px; border-radius: 50%; background: #5fe3a1; box-shadow: 0 0 12px #5fe3a1; }
.button { border: 1px solid var(--line); border-radius: 10px; padding: 10px 15px; min-height: 42px; color: var(--text); background: var(--panel-2); font-weight: 700; transition: transform .15s, border-color .15s, background .15s; }
.button:hover { transform: translateY(-1px); border-color: #485169; }
.button.primary { color: #0a0d13; background: var(--acid); border-color: var(--acid); }
.button.primary:hover { background: #e2ff7d; }
.button.ghost { color: var(--muted); background: transparent; }
.button.danger { background: var(--danger); border-color: var(--danger); color: white; }
main { width: 100%; max-width: none; margin: 0; padding: 48px clamp(18px, 2.4vw, 48px) 80px; }
.view-page { min-width: 0; }
.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.page-heading h1 { font-size: clamp(2rem,4.5vw,3.7rem); }
.page-heading p:not(.eyebrow) { margin: 10px 0 0; color: var(--muted); }
.directory-count { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #30394c; border-radius: 8px; color: #bdc7d7; background: #111823; font-weight: 700; }
.intro { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 38px; }
.eyebrow { color: var(--acid); font-size: .75rem; font-weight: 700; letter-spacing: .16em; margin: 0 0 8px; }
h1, h2 { font-family: var(--font-display); }
h1 { font-size: clamp(2.25rem, 5vw, 4.5rem); line-height: .96; letter-spacing: -.065em; margin: 0; max-width: 760px; }
.intro-copy { color: var(--muted); margin: 16px 0 0; font-size: 1.05rem; }
.summary { display: flex; gap: 8px; }
.summary div { min-width: 108px; padding: 14px 16px; background: linear-gradient(145deg, #151b29, #0e131e); border: 1px solid var(--line); border-radius: var(--radius); }
.summary strong { display: block; font: 700 1.55rem var(--font-display); }
.summary span { color: var(--muted); font-size: .78rem; }
.intro-side { display: grid; gap: 10px; justify-items: end; }
.intro-add { justify-self: end; }
.global-board { margin: 0 0 34px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: rgba(15,20,32,.84); }
.board-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 24px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg,rgba(215,255,79,.055),transparent 42%); }
.board-heading h2 { margin: 0; font-size: 1.45rem; letter-spacing: -.035em; }
.board-heading p:not(.eyebrow) { margin: 5px 0 0; color: var(--muted); font-size: .86rem; }
.board-legend { display:grid; justify-items:end; gap:3px; text-align: right; }
.board-legend .button { margin-top:7px; }
.board-legend span { display: block; color: #7f8b9f; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.board-legend strong { font: 700 .95rem var(--font-display); }
.leaderboard { padding: 0 14px 14px; }
.leader-head, .leader-row { display: grid; grid-template-columns: 110px minmax(170px,1fr) minmax(170px,.9fr) 150px 70px; gap: 12px; align-items: center; }
.leader-head { min-height: 40px; padding: 0 14px; color: #6f7b90; font-size: .66rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.leader-row { min-height: 62px; padding: 9px 14px; border: 1px solid #283246; border-radius: 10px; background: #111823; }
.leader-row + .leader-row { margin-top: 6px; }
.leader-rank { display: flex; align-items: center; gap: 8px; }
.rank-number { min-width: 25px; color: #79869b; font: 700 .95rem var(--font-display); }
.leader-row:nth-child(2) .rank-number { color: #ffd45b; font-size: 1.1rem; }
.leader-row:nth-child(3) .rank-number { color: #c7d0df; }.leader-row:nth-child(4) .rank-number { color: #d58b62; }
.leader-player { display: flex; min-width: 0; align-items: center; gap: 10px; }
.leader-player button { min-width: 0; padding: 0; border: 0; color: var(--text); background: transparent; text-align: left; font: 700 .9rem var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leader-player button:hover { color: var(--acid); }
.leader-community { min-width: 0; display: flex; align-items: center; gap: 9px; }
.leader-community .community-logo { flex: 0 0 auto; }
.leader-community span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #bac4d5; font-size: .78rem; }
.leader-score { font: 700 1rem var(--font-display); }
.leader-score small { color: #7b879b; font: 500 .66rem var(--font-body); }
.leader-tier { justify-self: end; min-width: 42px; padding: 4px 8px; border-radius: 6px; color: #080b13; text-align: center; font: 800 .75rem var(--font-display); }
.leaderboard-empty { padding: 34px; text-align: center; color: var(--muted); border: 1px dashed #303a4d; border-radius: 10px; }
.rating-tiers { display: grid; gap: 10px; padding: 14px; }
.rating-tier { display: grid; grid-template-columns: 88px minmax(0,1fr); overflow: hidden; border: 1px solid #2d374b; border-radius: 12px; background: #111823; }
.rating-tier-label { display: grid; align-content: center; justify-items: center; gap: 3px; min-height: 110px; color: #090d15; background: var(--tier-color); }
.rating-tier-label strong { font: 800 1.55rem var(--font-display); letter-spacing: -.06em; }
.rating-tier-label span { color: rgba(7,11,18,.72); font-size: .63rem; font-weight: 800; text-transform: uppercase; }
.rating-tier-players { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: 8px; padding: 10px; }
.rating-player { min-width: 0; padding: 11px; border: 1px solid #293448; border-radius: 9px; background: #0d131e; }
.rating-player-top { display: flex; align-items: center; gap: 9px; min-width: 0; }
.rating-avatar { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #3a465b; border-radius: 8px; color: var(--acid); background: #1a2332; font: 700 .72rem var(--font-display); }
.rating-player-top > div { min-width: 0; flex: 1; }
.rating-player strong,.rating-player small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rating-player strong { color: #eaf0fa; font: 700 .85rem var(--font-display); }
.rating-player small { margin-top: 1px; color: #8793a7; font-size: .64rem; }
.rating-player button { padding: 4px 6px; border: 1px solid #354158; border-radius: 6px; color: #bdc8da; background: transparent; font-size: .66rem; font-weight: 700; }
.rating-player button:hover { color: var(--acid); border-color: #728241; }
.rating-player .traits { margin: 9px 0 0 40px; min-height: 0; }
.rating-empty { padding: 40px; color: var(--muted); text-align: center; }
.year-picker { display: grid; gap: 5px; min-width: 150px; }
.year-picker span { color: #8793a7; font-size: .65rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.year-picker select { height: 40px; padding: 0 32px 0 11px; border: 1px solid #3c485e; border-radius: 8px; color: var(--text); background: #0b111b; font-weight: 700; }
.yearly-rating-board { background: rgba(15,20,32,.84); }
.yearly-rating-board .board-heading { background: linear-gradient(135deg,rgba(215,255,79,.055),transparent 42%); }
.yearly-entry-form { display: grid; grid-template-columns: minmax(200px,1fr) 150px auto; gap: 10px; align-items: end; padding: 16px 24px; border-bottom: 1px solid var(--line); background: rgba(5,9,16,.25); }
.yearly-entry-form label { display: grid; gap: 5px; color: #9daabd; font-size: .72rem; font-weight: 700; }
.yearly-entry-form input,.yearly-entry-form select { height: 42px; padding: 0 11px; border: 1px solid #38455c; border-radius: 8px; outline: 0; color: var(--text); background: #0b111b; }
.yearly-entry-form input:focus,.yearly-entry-form select:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(215,255,79,.1); }
.toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) 130px 140px 170px 150px 130px auto; gap: 10px; padding: 12px; border: 1px solid var(--line); background: rgba(15,20,32,.85); border-radius: 16px; margin-bottom: 22px; position: sticky; top: 70px; z-index: 10; backdrop-filter: blur(16px); }
.toolbar input, .toolbar select { width: 100%; height: 44px; color: var(--text); background: #0b101a; border: 1px solid var(--line); border-radius: 9px; padding: 0 13px; outline: none; }
.toolbar input:focus, .toolbar select:focus, .field input:focus, .field select:focus, .activity input:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(215,255,79,.1); }
.search-box { position: relative; }
.search-box > span:first-child { position: absolute; left: 14px; top: 7px; font-size: 1.35rem; color: var(--muted); }
.search-box input { padding-left: 42px; }
.ranking { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 12px; }
.tier-row { display: grid; grid-template-columns: 86px minmax(0,1fr); min-height: 112px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: rgba(14,19,30,.75); animation: enter .35s ease both; }
@keyframes enter { from { opacity: 0; transform: translateY(8px); } }
.tier-label { display: grid; place-items: center; font: 700 1.55rem var(--font-display); letter-spacing: -.04em; border-right: 1px solid rgba(255,255,255,.1); color: #0a0d13; }
.tier-label.goat { font-size: 1rem; }
.tier-cards { padding: 14px; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; align-content: start; }
.player-card { position: relative; min-width: 0; border: 1px solid #293144; background: linear-gradient(145deg, #171e2d, #101622); border-radius: 12px; padding: 14px; transition: transform .18s, border-color .18s; }
.player-card:hover { transform: translateY(-2px); border-color: #4a566f; }
.card-top { display: flex; align-items: flex-start; gap: 11px; }
.card-rating { align-self: center; padding: 3px 7px; border: 1px solid color-mix(in srgb,var(--rating) 50%,#273044); border-radius: 6px; color: var(--rating); background: color-mix(in srgb,var(--rating) 10%,transparent); font: 800 .68rem var(--font-display); }
.avatar { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; font: 700 .9rem var(--font-display); color: var(--acid); background: #222a3a; border: 1px solid #343e52; }
.player-main { min-width: 0; flex: 1; }
.player-link { min-width: 0; flex: 1; padding: 0; border: 0; text-align: left; color: inherit; background: transparent; cursor: pointer; }
.player-link:hover .player-name { color: var(--acid); }
.player-name { font: 700 1rem var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.country { color: var(--muted); font-size: .75rem; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.player-flag { display: inline-block; width: 1.16em; height: .82em; margin-left: 4px; border-radius: 2px; object-fit: cover; vertical-align: .02em; box-shadow: 0 0 0 1px rgba(255,255,255,.12); }
.card-menu { border: 0; background: transparent; color: #8994a8; width: 30px; height: 30px; border-radius: 7px; font-size: 1.2rem; line-height: 1; }
.card-menu:hover { color: white; background: #242c3d; }
.card-actions { display: none; position: absolute; right: 10px; top: 46px; z-index: 3; min-width: 120px; padding: 5px; border: 1px solid #39445a; border-radius: 9px; background: #171d29; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.card-actions.open { display: grid; }
.card-actions button { text-align: left; border: 0; background: transparent; color: var(--text); padding: 8px 10px; border-radius: 6px; }
.card-actions button:hover { background: #242c3d; }
.card-actions .remove { color: #ff8b99; }
.traits { display: flex; gap: 5px; flex-wrap: wrap; min-height: 21px; margin: 12px 0; }
.trait { padding: 2px 7px; border-radius: 5px; background: rgba(215,255,79,.09); color: #dffb7d; border: 1px solid rgba(215,255,79,.16); font-size: .68rem; font-weight: 700; }
.card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 10px; border-top: 1px solid #252d3d; color: var(--muted); font-size: .72rem; }
.podiums { display: flex; gap: 9px; }
.podiums span { display: inline-flex; gap: 3px; align-items: center; }
.trophy { font-size: .82rem; line-height: 1; filter: grayscale(1); }
.trophy.gold { filter: none; }.trophy.silver { filter: grayscale(1) brightness(1.65); }.trophy.bronze { filter: sepia(1) saturate(1.4) hue-rotate(330deg) brightness(.9); }
.career { margin-top: 11px; padding: 11px; border: 1px solid #283247; border-radius: 10px; background: rgba(7,11,18,.48); }
.career-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.career-head > span { color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.career-totals { display: flex; gap: 10px; color: #cbd5e7; font-size: .7rem; }
.career-totals strong { color: var(--text); font: 700 .82rem var(--font-display); }
.community-list { display: grid; gap: 6px; }
.community-record { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 8px; align-items: center; padding-top: 6px; border-top: 1px solid #222b3b; }
.community-logo { width: 28px; height: 28px; display: grid; place-items: center; overflow: hidden; border: 1px dashed #536078; border-radius: 7px; color: #7f8ba1; background: #121925; font: 700 .58rem var(--font-display); }
.community-logo:has(img) { padding: 2px; border-style: solid; border-color: #42506a; }
.community-logo img { width: 100%; height: 100%; object-fit: contain; }
.community-name { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #d7deeb; font-size: .72rem; }
.community-name small { display: block; margin-top: 2px; color: #778398; font-size: .64rem; font-weight: 500; }
.community-stats { display: flex; gap: 9px; color: var(--muted); font-size: .66rem; white-space: nowrap; }
.community-stats strong { color: #d7deeb; }
.community-empty { padding-top: 6px; border-top: 1px solid #222b3b; color: #707c90; font-size: .7rem; }
.empty-state { text-align: center; padding: 70px 20px; color: var(--muted); }
.empty-state > div { color: var(--acid); font-size: 2.8rem; }
.empty-state h2 { color: var(--text); margin: 10px 0 4px; }
.empty-state p { margin: 0; }
.stats-search { display: block; width: min(420px,100%); margin-bottom: 14px; }
.stats-search input { width: 100%; height: 44px; padding-left: 42px; border: 1px solid var(--line); border-radius: 9px; outline: none; color: var(--text); background: #0b101a; }
.stats-search input:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(215,255,79,.1); }
.stats-table-wrap { overflow-x: auto; border: 1px solid #2b3447; border-radius: 14px; background: #0d131d; box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.stats-table { min-width: 670px; }
.stats-row { display: grid; grid-template-columns: 78px minmax(220px,.8fr) minmax(300px,1.2fr); min-height: 76px; align-items: stretch; }
.stats-row + .stats-row { border-top: 1px solid #252e40; }
.stats-row:nth-child(odd):not(.stats-head) { background: rgba(255,255,255,.015); }
.stats-head { min-height: 44px; color: #8995a8; background: #151c28; font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.stats-head > span { display: flex; align-items: center; padding: 0 12px; }
.stats-head > span + span { border-left: 1px solid #2a3447; }
.stats-position { display: grid; place-items: center; color: #aeb8c9; font: 700 1rem var(--font-display); }
.stats-row:nth-child(2) .stats-position { color: #ffd45b; }
.stats-row:nth-child(3) .stats-position { color: #d5deeb; }
.stats-row:nth-child(4) .stats-position { color: #d58b62; }
.stats-player { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 9px; align-items: center; padding: 10px 12px; border: 0; border-left: 1px solid #252e40; color: var(--text); background: transparent; text-align: left; }
.stats-player:hover strong { color: var(--acid); }
.stats-player > span:nth-child(2) { min-width: 0; }
.stats-player strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 .94rem var(--font-display); }
.stats-player small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7f8ba0; font-size: .72rem; }
.country-flag { display: inline-block; width: 23px; height: 16px; flex: 0 0 auto; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px rgba(255,255,255,.12); }
.flag-fallback { display: inline-grid; place-items: center; font-size: 1em; box-shadow: none; }
.stats-rating { justify-self: end; padding: 3px 6px; border: 1px solid color-mix(in srgb,var(--rating) 46%,#2d3648); border-radius: 5px; color: var(--rating); background: color-mix(in srgb,var(--rating) 9%,transparent); font: 800 .66rem var(--font-display); }
.server-stat,.best-stat,.total-stat { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px; border-left: 1px solid #252e40; }
.server-stat strong,.best-stat strong,.total-stat strong { font: 700 .9rem var(--font-display); }
.server-stat small,.best-stat small,.total-stat small { margin-top: 3px; color: #778398; font-size: .66rem; white-space: nowrap; }
.server-stat.empty strong { color: #586377; }
.total-stat { color: var(--acid); background: rgba(215,255,79,.035); }
.total-stat small { color: #91a34f; }
.community-kill-breakdown { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.community-kill-breakdown span { display: inline-flex; gap: 5px; align-items: center; padding: 3px 6px; border: 1px solid #33405a; border-radius: 5px; color: #cbd5e5; background: #101722; font-size: .66rem; }
.community-kill-breakdown b { color: var(--acid); font: 700 .62rem var(--font-display); }
.stats-empty { padding: 40px; color: var(--muted); text-align: center; }
.communities-directory,.media-archive { display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 12px; }
.community-directory-card { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 16px; border: 1px solid #2b3548; border-radius: 13px; background: #101722; }
.community-directory-card .community-logo { width: 48px; height: 48px; font-size: .72rem; }
.community-directory-card h2 { margin: 0; font-size: 1rem; }
.community-directory-card p { margin: 4px 0 0; color: var(--muted); font-size: .73rem; }
.community-directory-total { text-align: right; }
.community-directory-total strong { display: block; color: var(--acid); font: 700 1rem var(--font-display); }
.community-directory-total span { color: var(--muted); font-size: .65rem; }
.video-archive { display: grid; gap: 30px; }
.video-category-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.video-category-tab { min-height: 39px; padding: 8px 13px; border: 1px solid #334056; border-radius: 8px; color: #aeb9ca; background: #0d131e; font: 700 .76rem var(--font-display); cursor: pointer; }
.video-category-tab:hover { border-color: #75864b; color: var(--text); }
.video-category-tab.active { border-color: rgba(215,255,79,.65); color: #10150a; background: var(--acid); }
.video-category-tab span { display: inline-grid; min-width: 17px; margin-left: 5px; padding: 1px 4px; border-radius: 10px; color: inherit; background: rgba(12,17,27,.16); font-size: .64rem; }
.video-category { display: grid; gap: 18px; padding: 20px; border: 1px solid #293347; border-radius: 16px; background: linear-gradient(135deg,rgba(215,255,79,.04),transparent 32%),#0d131e; }
.video-category-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 15px; border-bottom: 1px solid #293347; }
.video-category-heading p { margin: 0 0 5px; color: var(--acid); font-size: .63rem; font-weight: 800; letter-spacing: .13em; }
.video-category-heading h2 { margin: 0; font-size: 1.35rem; }
.video-category-heading span { display: block; margin-top: 5px; color: var(--muted); font-size: .78rem; }
.video-category-heading strong { padding-top: 4px; color: var(--acid); font: 700 .78rem var(--font-display); white-space: nowrap; }
.video-category-empty { padding: 20px; border: 1px dashed #3b475d; border-radius: 10px; color: var(--muted); background: #0a1019; font-size: .82rem; text-align: center; }
.teams-clans-archive { display: grid; gap: 18px; }
.team-clan-category { display: grid; gap: 18px; padding: 20px; border: 1px solid #293347; border-radius: 16px; background: linear-gradient(135deg,rgba(215,255,79,.04),transparent 32%),#0d131e; }
.team-clan-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 12px; }
.team-clan-card { padding: 16px; border: 1px solid #2b3548; border-radius: 12px; background: #111823; }
.team-clan-card h3 { margin: 0; font: 700 1rem var(--font-display); }.team-clan-card p { margin: 6px 0 0; color: var(--muted); font-size: .76rem; }
.team-roster { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }.team-roster span { padding: 4px 7px; border: 1px solid #35415a; border-radius: 6px; color: #cbd4e2; background: #0c111b; font-size: .7rem; }
.video-sections { display: grid; gap: 28px; }
.video-year { display: grid; gap: 11px; }
.media-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid #293347; }
.media-section-heading h3 { margin: 0; font-size: 1.1rem; }
.media-section-heading span { color: var(--muted); font-size: .72rem; }
.media-card { display: grid; grid-template-rows: auto 1fr; overflow: hidden; min-height: 0; border: 1px solid #2b3548; border-radius: 13px; color: var(--text); background: linear-gradient(135deg,rgba(215,255,79,.055),transparent 70%),#101722; text-decoration: none; }
.media-card:hover { border-color: #65763e; transform: translateY(-1px); }
.video-thumbnail { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #0a0f17; }
.video-thumbnail::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(7,10,15,.5)); content: ""; }
.video-thumbnail img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .22s ease; }
.media-card:hover .video-thumbnail img { transform: scale(1.035); }
.media-play { position: absolute; top: 50%; left: 50%; z-index: 1; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: #10150a; background: var(--acid); font-size: .82rem; transform: translate(-50%,-50%); }
.media-card-copy { display: block; padding: 13px 14px 14px; }
.media-card small,.media-card strong,.media-card em { display: block; }
.media-card small { color: #8995a8; font-size: .66rem; }
.media-card strong { margin: 4px 0; font: 700 .9rem var(--font-display); }
.media-card em { color: var(--acid); font-size: .72rem; font-style: normal; }
.media-empty { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 16px; align-items: center; padding: 28px; border: 1px dashed #3a465d; border-radius: 14px; color: var(--muted); background: #0d131e; }
.media-empty > span { color: var(--acid); font-size: 2rem; }.media-empty h2 { margin: 0; color: var(--text); font-size: 1.05rem; }.media-empty p { margin: 5px 0 0; font-size: .82rem; }
.yearly-placeholder { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 22px; align-items: center; padding: 28px; border: 1px solid #344057; border-radius: 16px; background: linear-gradient(135deg,rgba(137,143,228,.11),rgba(15,20,32,.8) 42%); }
.yearly-icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(215,255,79,.4); border-radius: 14px; color: var(--acid); background: rgba(215,255,79,.08); font: 700 1.8rem var(--font-display); }
.yearly-placeholder h2 { margin: 0; font-size: 1.25rem; letter-spacing: -.035em; }
.yearly-placeholder p { max-width: 760px; margin: 7px 0 0; color: var(--muted); font-size: .9rem; }
.yearly-format { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid #2f3a4f; border-radius: 10px; background: #0b111b; }
.yearly-format span { color: #7e8a9e; font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.yearly-format code { color: #d9e3f3; font: .75rem var(--font-body); white-space: nowrap; }
.archive-toolbar { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 28px; }.archive-toolbar .archive-note { flex: 1; margin: 0; }.archive-toolbar > span { flex: 1; }
.archive-note { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 28px; padding: 13px 15px; border: 1px solid rgba(215,255,79,.18); border-radius: 11px; color: #aeb8c9; background: rgba(215,255,79,.045); font-size: .83rem; }
.archive-note > span { color: var(--acid); font-size: 1.1rem; line-height: 1.25; }
.archive-note p { margin: 0; }
.tournament-archive { display: grid; gap: 32px; }
.event-group { min-width: 0; }
.event-group-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.event-group-heading h2 { margin: 0; font-size: 1.2rem; letter-spacing: -.03em; }
.event-group-heading small { color: var(--muted); font-size: .76rem; }
.event-status { padding: 3px 7px; border: 1px solid #4d576d; border-radius: 5px; color: #b8c2d3; background: #151d2b; font: 800 .63rem var(--font-display); letter-spacing: .07em; text-transform: uppercase; }
.event-status.ongoing { border-color: rgba(115,220,143,.42); color: #88e7a6; background: rgba(115,220,143,.09); }
.event-status.upcoming { border-color: rgba(149,155,246,.42); color: #b4b8ff; background: rgba(149,155,246,.09); }
.event-status.completed { border-color: rgba(255,212,91,.35); color: #ffdc78; background: rgba(255,212,91,.08); }
.event-list { display: grid; gap: 7px; }
.event-card { overflow: hidden; border: 1px solid #2b3548; border-radius: 12px; background: #101722; transition: border-color .15s; }
.event-card[open] { border-color: #46536c; }
.event-card summary { display: grid; grid-template-columns: minmax(170px,.9fr) minmax(220px,1.5fr) 86px minmax(130px,.85fr) minmax(170px,1fr) 30px; gap: 14px; align-items: center; min-height: 66px; padding: 11px 16px; list-style: none; cursor: pointer; }
.event-card summary::-webkit-details-marker { display: none; }
.event-card summary:hover { background: rgba(255,255,255,.018); }
.event-community { display: flex; min-width: 0; align-items: center; gap: 8px; color: #aeb9ca; font-size: .75rem; }
.event-community .community-logo { flex: 0 0 auto; }
.event-logo { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border: 1px solid #43516a; border-radius: 7px; color: #98a6ba; background: #101722; font: 700 .58rem var(--font-display); }
.event-logo img { width: 100%; height: 100%; object-fit: contain; }
.event-community > span:last-child,.event-name,.event-prize,.event-winner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-name { color: var(--text); font: 700 .91rem var(--font-display); }
.event-date { color: #a9b4c7; font: 700 .83rem var(--font-display); }
.event-prize { color: #9aa6ba; font-size: .78rem; }
.event-winner { color: #f5d56a; font: 700 .78rem var(--font-display); }
.event-expand { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #3a4559; border-radius: 7px; color: #aeb9cb; font-size: 1.1rem; transition: transform .15s; }
.event-card[open] .event-expand { transform: rotate(45deg); color: var(--acid); border-color: rgba(215,255,79,.42); }
.event-details { display: grid; gap: 16px; padding: 18px 16px 19px; border-top: 1px solid #2a3345; background: linear-gradient(135deg,rgba(215,255,79,.035),transparent 38%),#0d131d; }
.event-results { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
/* Let the three podium cards take their place in the same four-column result grid. */
.event-podiums { display: contents; }
.event-podium,.event-fourth { display: grid; gap: 5px; padding: 11px; border: 1px solid #2d384b; border-radius: 9px; background: #121a27; }
.event-podium span,.event-fourth span { color: #8490a3; font-size: .66rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.event-podium strong,.event-fourth strong { overflow: hidden; color: #e4eaf4; font: 700 .84rem var(--font-display); text-overflow: ellipsis; white-space: nowrap; }
.event-podium.gold { border-color: rgba(255,212,91,.38); }.event-podium.gold strong { color: #ffda69; }
.event-podium.silver { border-color: rgba(207,219,236,.3); }.event-podium.silver strong { color: #d8e1f0; }
.event-podium.bronze { border-color: rgba(218,139,98,.36); }.event-podium.bronze strong { color: #e5a27e; }
.event-fourth { width: auto; }
.event-info-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr); gap: 8px; }
.event-info-card { padding: 12px; border: 1px solid #2b374a; border-radius: 9px; background: #111925; }
.event-info-card h3 { margin: 0 0 8px; color: #dce5f2; font: 700 .78rem var(--font-display); }
.event-description,.event-no-sources { margin: 0; color: #a9b4c5; font-size: .79rem; line-height: 1.55; }
.event-info-content { display: grid; gap: 6px; }
.event-info-content p { margin: 0; color: #a9b4c5; font-size: .78rem; line-height: 1.45; }
.archive-card-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.archive-card-actions .button { min-height: 32px; }
.event-rosters { border-top: 1px solid #293348; padding-top: 15px; }
.event-rosters h3 { margin: 0 0 9px; color: #dce5f2; font: 700 .9rem var(--font-display); }
.event-rosters > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.event-roster { padding: 10px; border: 1px solid #2b374a; border-radius: 8px; background: #111925; }
.event-roster > strong { display: block; padding-bottom: 8px; border-bottom: 1px solid #273246; color: #dce5f3; font-size: .75rem; }
.event-roster ul { display: grid; gap: 3px; margin: 8px 0 0; padding: 0; list-style: none; }
.event-roster li { display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; min-height: 25px; padding: 2px 5px; border-radius: 5px; color: #aeb9ca; font-size: .76rem; }
.event-roster li:hover { color: #e7edf6; background: rgba(255,255,255,.035); }
.roster-flag { display: block; width: 20px; height: 15px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.16); }
.roster-flag-missing { opacity: .22; border: 1px dashed #8390a5; box-shadow: none; }
.roster-name { overflow-wrap: anywhere; }
.roster-unknown { margin: 8px 0 0; color: #7f8a9c; font-size: .74rem; font-style: italic; }
.event-sources { display: flex; flex-wrap: wrap; gap: 7px 9px; align-items: center; }
.event-sources a { color: #d7ff4f; font-size: .76rem; text-decoration: none; }
.event-sources a:hover { color: white; text-decoration: underline; }
dialog { width: min(760px, calc(100vw - 28px)); max-height: calc(100vh - 28px); overflow: auto; color: var(--text); background: #111724; border: 1px solid #333d51; border-radius: 20px; padding: 0; box-shadow: 0 30px 100px rgba(0,0,0,.7); }
dialog::backdrop { background: rgba(3,5,10,.78); backdrop-filter: blur(8px); }
dialog form { padding: 26px; }
.dialog-head { display: flex; align-items: start; justify-content: space-between; margin-bottom: 24px; }
.dialog-head h2 { margin: 0; font-size: 1.65rem; letter-spacing: -.04em; }
.icon-button { border: 1px solid var(--line); border-radius: 9px; width: 38px; height: 38px; color: var(--muted); background: transparent; font-size: 1.45rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px 14px; }
.span-2 { grid-column: span 2; }
.field { display: grid; gap: 7px; color: #c6cedc; font-weight: 600; font-size: .85rem; }
.field input, .field select, .field textarea, .activity input { width: 100%; height: 46px; color: var(--text); background: #0b101a; border: 1px solid var(--line); border-radius: 9px; padding: 0 12px; outline: none; }
.field textarea { height: auto; min-height: 84px; padding-block: 10px; resize: vertical; font: inherit; }
.field small { color: var(--muted); font-weight: 400; }
.player-affiliation-editor { display: grid; gap: 12px; padding-top: 18px; border-top: 1px solid var(--line); }.player-affiliation-editor .section-heading { margin: 0; }.affiliation-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.trait-field { margin: 0; padding: 0; border: 0; }
.trait-field legend, .activity > span { color: #c6cedc; font-size: .85rem; font-weight: 600; margin-bottom: 8px; }
.trait-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.trait-choice { position: relative; }
.trait-choice input { position: absolute; opacity: 0; pointer-events: none; }
.trait-choice span { display: block; min-width: 52px; text-align: center; padding: 7px 11px; border: 1px solid #30394c; border-radius: 8px; background: #0b101a; color: var(--muted); font-size: .78rem; font-weight: 700; }
.trait-choice input:checked + span { color: #0b0f15; background: var(--acid); border-color: var(--acid); }
.trait-choice input:focus-visible + span { outline: 2px solid white; outline-offset: 2px; }
.period-editor { margin-top: 4px; padding-top: 20px; border-top: 1px solid var(--line); }
.period-rows { display: grid; gap: 9px; }
.period-form-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto 36px; gap: 8px; align-items: end; padding: 10px; border: 1px solid #293347; border-radius: 11px; background: #0c111b; }
.period-form-row .field { gap: 4px; font-size: .72rem; }.period-form-row input[type="month"] { height: 46px; }
.period-present { height: 46px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; color: #aeb9ca; border: 1px solid #334057; border-radius: 7px; background: #111823; font-size: .72rem; white-space: nowrap; }
.period-form-row .icon-button { width: 36px; height: 46px; color: #ff8b99; font-size: 1rem; }
.podium { position: relative; }
.medal { position: absolute; right: 8px; top: 34px; z-index: 1; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: #10131a; font-size: .68rem; }
.medal.gold { background: #ffd45b; }.medal.silver { background: #c7d0df; }.medal.bronze { background: #d58b62; }
.podium input { padding-right: 38px; }
.community-editor { margin-top: 4px; padding-top: 20px; border-top: 1px solid var(--line); }
.section-heading { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 12px; }
.section-heading h3 { margin: 0 0 3px; font: 700 1rem var(--font-display); }
.section-heading p { margin: 0; color: var(--muted); font-size: .78rem; }
.button.small { min-height: 34px; padding: 6px 10px; font-size: .76rem; white-space: nowrap; }
.roster-editor { display: grid; gap: 10px; padding-top: 18px; border-top: 1px solid var(--line); }.roster-editor .section-heading { margin: 0; }.roster-editor-rows { display: grid; gap: 10px; }.roster-editor-row { display: grid; grid-template-columns: minmax(0,1fr) 36px; gap: 9px; padding: 11px; border: 1px solid #2d394d; border-radius: 10px; background: #0c111b; }.roster-editor-row .field { gap: 4px; font-size: .72rem; }.roster-year-field { grid-column: 1 / -1; }.roster-player-rows { grid-column: 1 / -1; display: grid; gap: 6px; }.roster-player-row { display: grid; grid-template-columns: minmax(0,1fr) 36px; gap: 7px; }.roster-player-select { width: 100%; height: 39px; padding: 0 10px; border: 1px solid #344158; border-radius: 7px; color: var(--text); background: #111925; }.roster-player-row .icon-button,.roster-editor-row > .icon-button { width: 36px; height: 39px; color: #ff8b99; font-size: 1rem; }.roster-editor-row > .icon-button { height: 46px; align-self: end; }.add-roster-player { justify-self: start; grid-column: 1 / -1; }
.roster-editor-player-picker { display: flex; min-width: 0; align-items: center; gap: 9px; }.roster-editor-flag { width: 28px; height: 20px; flex: 0 0 auto; object-fit: cover; border: 1px solid rgba(255,255,255,.22); border-radius: 3px; background: #162032; }.roster-editor-flag.flag-fallback { display: grid; place-items: center; color: #aeb9ca; font-size: .8rem; }.roster-editor-player-picker .roster-player-select { min-width: 0; flex: 1; }
.roster-active-period { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; grid-column:1 / -1; }.roster-active-period .period-present { align-self:end; min-height:39px; display:flex; align-items:center; gap:6px; color:#b6c3d6; font-size:.72rem; }
.community-rows { display: grid; gap: 9px; }
.community-form-row { display: grid; grid-template-columns: 36px minmax(150px,1.35fr) minmax(100px,.75fr) minmax(118px,.82fr) minmax(118px,.82fr) auto 36px; gap: 8px; align-items: end; padding: 10px; border: 1px solid #293347; border-radius: 11px; background: #0c111b; }
.community-form-row .community-logo { width: 36px; height: 46px; font-size: .65rem; }
.community-form-row .field { gap: 4px; font-size: .72rem; }
.community-form-row .icon-button { width: 36px; height: 46px; color: #ff8b99; font-size: 1rem; }
.community-form-row input { height: 46px; }
.community-current { height: 46px; display: inline-flex; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid #334057; border-radius: 7px; color: #aeb9ca; background: #111823; font-size: .72rem; white-space: nowrap; }
.community-editor-empty { padding: 18px; text-align: center; border: 1px dashed #303b50; border-radius: 10px; color: #7f8ba1; font-size: .8rem; }
.profile-dialog { width: min(980px, calc(100vw - 28px)); background: #0c111b; overflow: hidden; }
.profile-shell { max-height: calc(100vh - 28px); overflow: auto; }
.profile-hero { position: relative; padding: 34px; background: radial-gradient(circle at 85% 10%, var(--tier-glow, rgba(215,255,79,.18)), transparent 42%), linear-gradient(145deg,#171e2c,#0d121d); border-bottom: 1px solid #30394a; }
.profile-close { position: absolute; right: 24px; top: 24px; }
.profile-identity { display: flex; align-items: center; gap: 20px; padding-right: 50px; }
.profile-avatar { width: 88px; height: 100px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; color: #0a0d13; background: var(--tier-color, var(--acid)); font: 700 1.65rem var(--font-display); transform: rotate(-2deg); box-shadow: 0 18px 40px rgba(0,0,0,.28); }
.profile-avatar img,.avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.profile-player-identity { display:inline-grid; gap:5px; vertical-align:middle; }.profile-player-name { display:inline-flex; align-items:center; gap:8px; }.profile-player-emblems { display:flex; align-items:center; gap:6px; min-height:20px; }.profile-player-emblems .member-world-star,.profile-player-emblems .member-name-icon { display:grid; width:21px; height:21px; place-items:center; border:1px solid #485772; border-radius:6px; background:#172231; font-size:.73rem; }.profile-player-emblems .member-world-star { border-color:#b59232; background:#2c260d; }.profile-player-identity.name-style-neon .profile-player-name { color:#82f8ff; text-shadow:0 0 9px rgba(130,248,255,.55); }.profile-player-identity.name-style-gold .profile-player-name { color:#ffe18a; text-shadow:0 0 9px rgba(255,204,82,.45); }.profile-player-identity.name-style-violet .profile-player-name { color:#d2b5ff; text-shadow:0 0 9px rgba(160,104,255,.5); }.profile-player-identity.name-style-ocean .profile-player-name { color:#8cdfff; text-shadow:0 0 9px rgba(80,194,255,.5); }.profile-player-identity.name-style-ember .profile-player-name { color:#ffb084; text-shadow:0 0 9px rgba(255,110,76,.5); }
.rating-player { position:relative; overflow:hidden; isolation:isolate; }.rating-player.has-player-background::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg,rgba(9,15,25,.90),rgba(9,15,25,.58)),var(--rating-player-background) center/cover; opacity:.9; }.rating-avatar { overflow:hidden; }.rating-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }.active-period-pair { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:12px; }.presentation-diff { display:grid; gap:7px; margin:12px 0; }.presentation-diff div { display:grid; grid-template-columns:120px 1fr; gap:10px; }.presentation-diff dt { color:#93a0b6; font-size:.75rem; }.presentation-diff dd { margin:0; overflow-wrap:anywhere; }.presentation-diff s { color:#c08a8a; }.presentation-diff b { color:#d7ff4f; }.rating-vote-tally { display:flex; flex-wrap:wrap; gap:7px; }.rating-vote-tally span { padding:4px 7px; border:1px solid #34425a; border-radius:6px; color:#b8c4d7; font-size:.75rem; }.rating-vote-tally b { color:#d7ff4f; }.community-rating-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }.placement-row { grid-template-columns:minmax(120px,.4fr) 1fr auto; align-items:end; }.roster-editor-row .roster-placement-input { min-width:0; }
.profile-kicker { margin-bottom: 6px; color: var(--tier-color, var(--acid)); font-size: .72rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.profile-identity h2 { margin: 0; font: 700 clamp(2rem,6vw,3.8rem)/.96 var(--font-display); letter-spacing: -.06em; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 12px; color: #a5b0c3; font-size: .85rem; }
.profile-affiliations { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }.profile-affiliation { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid #38445b; border-radius: 7px; color: #cad3e2; background: #101722; font-size: .72rem; }.profile-affiliation b { color: #8794a9; font-size: .62rem; text-transform: uppercase; }.profile-affiliation.official { border-color: rgba(215,255,79,.45); color: #e6ff98; background: rgba(215,255,79,.08); }.profile-affiliation.official b { color: var(--acid); }.affiliation-logo { width: 21px; height: 21px; display: grid; place-items: center; overflow: hidden; border: 1px solid #526078; border-radius: 5px; color: #c9d4e6; background: #0b111b; font: 700 .52rem var(--font-display); }.affiliation-logo img { width: 100%; height: 100%; object-fit: contain; }.profile-history { padding: 16px; border: 1px solid #2a3448; border-radius: 12px; color: #b1bdcf; background: #111823; font-size: .82rem; line-height: 1.6; }.profile-empty.small { padding: 16px; font-size: .8rem; }
.profile-rating { display: inline-grid; place-items: center; min-width: 44px; padding: 3px 9px; border-radius: 7px; color: #080b13; background: var(--tier-color, var(--acid)); font-weight: 800; }
.profile-actions { margin-top: 24px; }
.profile-body { padding: 28px 34px 36px; }
.profile-metrics { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-bottom: 28px; }
.profile-metrics.four { grid-template-columns: repeat(4,1fr); }
.profile-metric { padding: 16px; border: 1px solid #293246; border-radius: 12px; background: #121925; }
.profile-metric { display:grid; place-items:center; min-height:86px; text-align:center; cursor:help; }
.profile-metric strong { display: block; font: 700 1.35rem var(--font-display); }
.profile-metric span { color: var(--muted); font-size: .72rem; }
.profile-section + .profile-section { margin-top: 28px; }
.profile-section-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.profile-section-title h3 { margin: 0; font: 700 1.05rem var(--font-display); }
.profile-section-title span { color: var(--muted); font-size: .75rem; }
.profile-traits { margin: 0; }
.profile-community-table { display: grid; border: 1px solid #2a3448; border-radius: 13px; overflow: hidden; }
.profile-community-row { display: grid; grid-template-columns: 52px minmax(0,1fr) 140px; gap: 12px; align-items: center; min-height: 66px; padding: 9px 15px; background: #111823; }
.profile-community-row + .profile-community-row { border-top: 1px solid #283246; }
.profile-community-row.header { min-height: 38px; color: #768298; background: #0d131e; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.profile-community-row .community-logo { width: 42px; height: 42px; font-size: .7rem; }
.profile-community-row .community-name { color: var(--text); font-size: .86rem; font-weight: 700; }
.profile-community-row .stat-value { color: var(--text); font: 700 .92rem var(--font-display); }
.profile-community-row .stat-label { color: var(--muted); font-size: .66rem; }
.profile-empty { padding: 34px; text-align: center; color: var(--muted); background: #111823; }
.profile-cta { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 24px 34px 30px; padding: 15px 17px; border: 1px solid rgba(215,255,79,.22); border-radius: 12px; background: rgba(215,255,79,.065); }
.profile-cta span { color: #aeb8c8; font-size: .8rem; }
.profile-reference .profile-hero { padding: 28px 34px; background: radial-gradient(circle at 88% 8%, var(--tier-glow), transparent 34%),linear-gradient(145deg,#1a2231,#0d121d); }
.profile-reference .profile-hero[style*="claimed-player-background"] { background-image: linear-gradient(90deg,rgba(9,15,25,.92),rgba(9,15,25,.58)),var(--claimed-player-background); background-position:center; background-size:cover; }
.profile-reference .profile-avatar { transform: none; }
.profile-name-flag { display: inline-block; width: 1.22em; height: .82em; margin-left: .12em; border-radius: 2px; object-fit: cover; vertical-align: .08em; letter-spacing: 0; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.world-champion-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 31px; margin-top: 10px; padding: 5px 10px 5px 6px; border: 1px solid rgba(255,212,91,.48); border-radius: 8px; color: #ffe6a1; background: linear-gradient(105deg,rgba(255,212,91,.20),rgba(128,80,10,.12)); box-shadow: 0 0 18px rgba(255,201,71,.10); }
.world-champion-badge i { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 6px; color: #181303; background: linear-gradient(145deg,#fff1ae,#e6ae35); box-shadow: 0 0 10px rgba(255,212,91,.42); font-size: .78rem; font-style: normal; }.world-champion-badge span { display: grid; line-height: 1.05; }.world-champion-badge b { font: 800 .66rem var(--font-display); letter-spacing: .035em; text-transform: uppercase; }.world-champion-badge small { margin-top: 2px; color: #d3bd7b; font-size: .59rem; }
.profile-summary { min-width: 0; }
.profile-social { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; margin-left: auto; }
.discord-action { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 10px; border: 1px solid #6e5bad; border-radius: 8px; color: #f0eaff; background: #5a43a2; font-size: .72rem; font-weight: 800; }
.discord-action b { font-size: .95rem; }.discord-action.muted { border-color: #33405a; color: #8995aa; background: #151d2a; }
.profile-content-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); gap: 22px; align-items: start; }
.profile-content-grid .profile-section { margin: 0; }
.profile-content-grid .profile-traits { margin: 12px 0 0; }
.official-affiliation,.team-affiliation { display: inline-block; margin-top: 4px; font-size: .67rem; }.official-affiliation { color: #dfff85; }.team-affiliation { color: #a8b9d3; }
.team-clan-card-head { display: flex; align-items: center; gap: 10px; }.team-clan-card-head h3 { flex: 1; margin: 0; }.team-clan-mark { width: 36px; height: 36px; display: grid; place-items: center; overflow: hidden; border: 1px solid #44516b; border-radius: 9px; color: var(--acid); background: #0d131e; font: 700 .72rem var(--font-display); }.team-clan-mark img { width: 100%; height: 100%; object-fit: contain; }.team-squads { display: grid; gap: 8px; margin-top: 13px; }.team-squad { padding: 10px; border: 1px solid #2b374a; border-radius: 9px; background: #101722; }.team-squad > div { display: flex; gap: 8px; align-items: baseline; }.team-squad > div strong { color: var(--acid); font-size: .76rem; }.team-squad > div span { color: #dbe3f1; font-weight: 700; font-size: .8rem; }.team-squad p { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }.team-squad p span,.team-roster-empty { padding: 3px 6px; border-radius: 5px; color: #adbacd; background: #182231; font-size: .7rem; }.team-roster-empty { display: block; }
.team-squad p span { display:inline-flex; align-items:center; gap:4px; }.team-player-flag { width:17px; height:12px; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.18); }
/* Home */
.home-page { padding-top: 6px; }.home-hero { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(250px,.55fr); gap: clamp(22px,4vw,52px); align-items:stretch; min-height:250px; padding:clamp(24px,3.5vw,38px); overflow:hidden; border:1px solid #2d394d; border-radius:18px; background:radial-gradient(circle at 88% 18%,rgba(215,255,79,.18),transparent 19rem),radial-gradient(circle at 42% 100%,rgba(117,93,239,.2),transparent 28rem),linear-gradient(135deg,#111928,#0d121e 58%,#111925); }.home-hero-copy { display:flex; flex-direction:column; justify-content:center; }.home-hero h1 { font-size:clamp(2.6rem,4.8vw,4.55rem); }.home-hero h1 em { color:var(--acid); font-style:normal; }.home-hero p:not(.eyebrow) { max-width:540px; margin:13px 0 0; color:#b3bdcc; font-size:.93rem; }.home-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }.home-actions a { text-decoration:none; }.home-account { display:flex; flex-direction:column; justify-content:center; padding:18px; border:1px solid rgba(215,255,79,.26); border-radius:13px; background:linear-gradient(145deg,rgba(13,22,23,.9),rgba(12,17,29,.94)); }.home-account h2 { margin:0; font-size:1.35rem; letter-spacing:-.05em; }.home-account p { margin:7px 0 0; color:#9daaba; font-size:.8rem; }.home-account .button { margin-top:13px; width:100%; min-height:36px; padding:8px 10px; text-align:center; text-decoration:none; }.home-account-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }.home-account-actions .button { margin:0; }.home-account-status { display:grid; gap:6px; padding:10px; border:1px solid #2d3a4d; border-radius:9px; background:#101824; }.home-account-status span { color:#93a0b2; font-size:.68rem; }.home-account-status strong { color:#e8f4c3; font:.84rem var(--font-display); }.home-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px; }.home-panel,.home-discover { padding:23px; border:1px solid #293449; border-radius:16px; background:rgba(15,20,32,.85); }.home-panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:15px; }.home-panel-head h2,.home-discover h2 { margin:0; font-size:1.35rem; letter-spacing:-.045em; }.home-panel-head a { color:#d9e8a3; font-size:.75rem; font-weight:700; text-decoration:none; }.home-match { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; min-height:57px; padding:9px 10px; border:1px solid #273146; border-radius:9px; background:#0d131f; }.home-match + .home-match { margin-top:7px; }.home-match i { display:grid; width:34px; height:34px; place-items:center; border-radius:8px; color:var(--acid); background:#1a2530; font-style:normal; }.home-match strong,.home-match small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.home-match strong { font:.8rem var(--font-display); }.home-match small { margin-top:2px; color:#8490a3; font-size:.67rem; }.home-match time { color:#b6c1d0; font-size:.67rem; font-weight:700; }.home-discover { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-top:14px; }.home-links { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; min-width:55%; }.home-links a { display:flex; justify-content:space-between; padding:12px; border:1px solid #2b374a; border-radius:8px; color:#dbe4f1; background:#101722; text-decoration:none; font-size:.75rem; font-weight:700; }.home-links a span { color:var(--acid); }
.home-community-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(230px,.45fr); gap:14px; margin-top:14px; }.shoutbox-panel,.visitors-panel { min-height:275px; }.visitor-count { color:#b8cc82; font-size:.7rem; font-weight:700; }.chat-messages { display:flex; flex-direction:column; gap:7px; min-height:120px; max-height:240px; padding-right:4px; overflow:auto; }.home-chat-messages { min-height:195px; max-height:225px; }.chat-message { padding:8px 10px; border:1px solid #263248; border-radius:8px; background:#0c121d; }.chat-message-head { display:flex; justify-content:space-between; gap:10px; color:#aab5c7; font-size:.68rem; }.chat-message-head strong { color:#e8f0d2; }.chat-message-head time { color:#718097; }.chat-message p { margin:3px 0 0; color:#d6deec; font-size:.78rem; overflow-wrap:anywhere; }.chat-empty { display:grid; min-height:100px; place-items:center; color:#7f8da2; border:1px dashed #2a3548; border-radius:9px; font-size:.8rem; text-align:center; }.chat-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-top:10px; }.chat-form input { min-width:0; padding:9px 10px; border:1px solid #303d53; border-radius:9px; color:var(--text); background:#0a101a; font:inherit; font-size:.78rem; }.chat-form input:focus { outline:0; border-color:var(--acid); }.chat-form .button { min-height:0; padding:8px 12px; }.recent-visitors { display:flex; flex-direction:column; gap:6px; }.visitor-row { display:flex; align-items:center; gap:9px; padding:9px; border:1px solid #263248; border-radius:8px; background:#0c121d; }.visitor-row i { width:8px; height:8px; border-radius:50%; background:#6ee2a3; box-shadow:0 0 10px rgba(110,226,163,.55); }.visitor-row small { margin-left:auto; color:#748299; font-size:.66rem; white-space:nowrap; }.member-identity { display:inline-flex; align-items:center; min-width:0; gap:4px; color:#e8f0d2; }.member-identity b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.member-world-star { color:#ffd45b; text-shadow:0 0 10px rgba(255,212,91,.65); }.member-name-icon { color:var(--acid); }.name-style-neon b { color:#82f8ff; text-shadow:0 0 9px rgba(130,248,255,.55); }.name-style-gold b { color:#ffe18a; text-shadow:0 0 9px rgba(255,204,82,.45); }.name-style-violet b { color:#d2b5ff; text-shadow:0 0 9px rgba(160,104,255,.5); }.name-style-ocean b { color:#8cdfff; text-shadow:0 0 9px rgba(80,194,255,.5); }.name-style-ember b { color:#ffb084; text-shadow:0 0 9px rgba(255,110,76,.5); }.member-role { padding:2px 5px; border:1px solid #384963; border-radius:999px; color:#9eafc7; font-size:.53rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }.role-admin,.role-moderator { color:#ffd87a; border-color:#715c2e; }.role-verified-player { color:#a9f2d0; border-color:#32654d; }.chat-widget { position:fixed; right:18px; bottom:72px; z-index:30; width:min(355px,calc(100vw - 28px)); padding:12px; border:1px solid #3b4b5d; border-radius:14px; background:rgba(13,19,30,.98); box-shadow:0 20px 60px rgba(0,0,0,.48); }.chat-widget-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }.chat-widget-head div { display:flex; align-items:center; gap:8px; }.chat-widget-head span { color:#9dcc6e; font-size:.62rem; font-weight:800; letter-spacing:.08em; }.chat-widget-head strong { font:.98rem var(--font-display); }.chat-widget .chat-messages { max-height:300px; }.open-chat-widget { position:fixed; right:18px; bottom:18px; z-index:30; display:flex; align-items:center; gap:6px; padding:10px 14px; border:1px solid #4e6138; border-radius:999px; color:#11170b; background:var(--acid); box-shadow:0 10px 30px rgba(0,0,0,.38); font:700 .78rem var(--font-body); }.open-chat-widget:hover { background:#e4ff7c; }.protected-locked { opacity:.58; }
.home-champion { align-items: start; min-height: 82px; }.home-champion i { margin-top: 4px; color: #ffd45b; background: rgba(255,212,91,.11); }.home-champion-copy { min-width: 0; }.home-champion strong { margin-top: 2px; color: #f6f8fc; font-size: 1rem; }.home-event-label { color: #a4b1c5 !important; letter-spacing: .01em; }.home-champion-squad { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 7px; margin-top: 7px; }.home-champion-squad b { margin-right: 2px; color: #74829a; font-size: .61rem; letter-spacing: .08em; text-transform: uppercase; }.home-champion-squad span { display: inline-flex; align-items: center; gap: 4px; color: #c9d3e1; font-size: .67rem; white-space: nowrap; }.home-champion-squad img { width: 15px; height: 11px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.2); }.home-world-cup { border-color: rgba(255,212,91,.58); background: linear-gradient(110deg,rgba(255,212,91,.12),#101723 62%); box-shadow: inset 3px 0 0 #ffd45b; }.home-world-cup .home-event-label { color: #f2d875 !important; font-weight: 800; }.home-world-cup strong { color: #fff4bc; }
.home-column { display: grid; align-content: start; gap: 14px; min-width: 0; }.home-kills-scroll { display: grid; gap: 5px; max-height: 324px; overflow-y: auto; padding-right: 5px; scrollbar-color: #526078 #0e141f; }.home-kill-row { display: grid; grid-template-columns: 31px 21px minmax(0,1fr) auto; gap: 8px; align-items: center; width: 100%; min-height: 45px; padding: 7px 8px; border: 1px solid #263147; border-radius: 8px; color: #dce5f1; background: #0d131f; text-align: left; }.home-kill-row:hover { border-color: #4d5d78; background: #111a29; }.home-kill-row b { color: #8896aa; font: 700 .72rem var(--font-display); }.home-kill-row:nth-child(1) b { color: #ffd45b; }.home-kill-row:nth-child(2) b { color: #d5deeb; }.home-kill-row:nth-child(3) b { color: #d58b62; }.home-kill-flag { width: 19px; height: 13px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.15); }.home-kill-row span { min-width: 0; }.home-kill-row strong,.home-kill-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.home-kill-row strong { font: 700 .76rem var(--font-display); }.home-kill-row small { color: #738197; font-size: .61rem; }.home-kill-row em { color: #d7ff4f; font: 700 .75rem var(--font-display); font-style: normal; }.home-empty { display: grid; gap: 4px; min-height: 86px; place-content: center start; color: #a8b4c5; }.home-empty strong { color: #e4ecf7; font: 700 .82rem var(--font-display); }.home-empty span { color: #7f8da3; font-size: .72rem; }
.stats-pagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 15px; }.stats-pagination button { min-width: 35px; height: 34px; padding: 0 9px; border: 1px solid #303b50; border-radius: 7px; color: #abb7c8; background: #111823; font-weight: 700; }.stats-pagination button:hover,.stats-pagination button.active { color: #08100e; border-color: var(--acid); background: var(--acid); }
.account-menu #openAccountProfile { max-width: 145px; border-left: 0; color: #e7f2ca; font-size: .75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.account-menu #openAdminPanel { color: #d7ff4f; }.account-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(250px,.75fr); gap: 16px; }.account-card,.admin-card { border: 1px solid #2b3549; border-radius: 15px; background: #101722; }.account-profile-form { padding: 22px; }.account-profile-preview { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }.account-avatar { display: grid; flex: 0 0 auto; width: 64px; height: 64px; place-items: center; overflow: hidden; border: 1px solid rgba(215,255,79,.45); border-radius: 15px; color: #10150b; background: var(--acid); font: 800 1.35rem var(--font-display); }.account-avatar img { width: 100%; height: 100%; object-fit: cover; }.account-profile-preview h2 { margin: 2px 0 6px; font: 700 1.4rem var(--font-display); }.account-role-badge,.request-status { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 8px; border: 1px solid #415130; border-radius: 999px; color: #ddf99d; background: rgba(215,255,79,.08); font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.account-sidebar { padding: 22px; }.account-sidebar h2 { margin: 8px 0; font: 700 1.25rem var(--font-display); }.account-sidebar p:not(.eyebrow) { color: #9eabbd; font-size: .8rem; line-height: 1.55; }.account-sidebar .button { display: inline-flex; margin-top: 9px; text-decoration: none; }.account-facts { display: grid; gap: 9px; margin: 22px 0 0; }.account-facts div { display: flex; justify-content: space-between; gap: 14px; padding-top: 9px; border-top: 1px solid #263145; }.account-facts dt { color: #8492a6; font-size: .7rem; }.account-facts dd { margin: 0; color: #dfe8f3; font-size: .74rem; font-weight: 700; }.account-requests { margin-top: 16px; padding: 20px 22px; }.request-list { display: grid; gap: 10px; }.my-request { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.65fr); gap: 12px; padding: 12px; border: 1px solid #29354a; border-radius: 10px; background: #0c121d; }.my-request strong,.my-request small { display: block; }.my-request strong { margin-top: 7px; color: #e7eef8; font: 700 .84rem var(--font-display); }.my-request small { margin-top: 3px; color: #8290a4; font-size: .67rem; text-transform: capitalize; }.my-request p { align-self: center; margin: 0; color: #aeb9c8; font-size: .72rem; line-height: 1.45; }.request-status.approved { color: #a7f2bc; border-color: #356548; background: rgba(89,205,125,.1); }.request-status.rejected { color: #ffb0b9; border-color: #773946; background: rgba(255,100,119,.1); }
.admin-heading { align-items: center; }.admin-overview { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 16px; }.admin-overview article { display: grid; gap: 5px; padding: 17px; border: 1px solid #2b3549; border-radius: 12px; background: linear-gradient(130deg,#131d29,#101722); }.admin-overview span { color: #91a0b5; font-size: .68rem; }.admin-overview strong { color: var(--acid); font: 800 1.7rem var(--font-display); }.admin-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(290px,.8fr); gap: 16px; }.admin-card { padding: 20px; }.admin-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }.admin-card-head h2 { margin: 4px 0 0; font: 700 1.15rem var(--font-display); }.admin-empty { display: grid; min-height: 86px; place-items: center; border: 1px dashed #334058; border-radius: 10px; color: #8593a8; font-size: .76rem; text-align: center; }.admin-request { padding: 14px; border: 1px solid #2a3549; border-radius: 11px; background: #0c121d; }.admin-request + .admin-request { margin-top: 10px; }.admin-request-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #8090a5; font-size: .65rem; text-transform: capitalize; }.admin-request-meta time { margin-left: auto; }.admin-request h3 { margin: 10px 0 2px; color: #ebf2fb; font: 700 .93rem var(--font-display); }.admin-request p { margin: 9px 0 0; color: #abb7c7; font-size: .75rem; line-height: 1.5; white-space: pre-wrap; }.admin-request .admin-author { margin-top: 3px; color: #738197; font-size: .67rem; }.admin-author strong { color: #cfdae7; }.admin-note-field { display: grid; gap: 5px; margin-top: 12px; color: #9eabbd; font-size: .66rem; font-weight: 700; }.admin-note-field textarea { min-height: 58px; padding: 8px; border: 1px solid #313d53; border-radius: 7px; color: #dce6f2; background: #101824; font: inherit; resize: vertical; }.admin-request-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }.admin-request-actions .button { min-height: 31px; padding: 6px 10px; }.admin-review-note { margin-top: 10px; padding: 9px; border-left: 2px solid #74829a; color: #aeb9c8; background: #111a28; font-size: .7rem; }.admin-chat-list { display: grid; max-height: 600px; overflow: auto; border: 1px solid #29354a; border-radius: 10px; }.admin-chat-message { padding: 11px; background: #0c121d; }.admin-chat-message + .admin-chat-message { border-top: 1px solid #273247; }.admin-chat-message > div { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }.admin-chat-message strong { color: #e4edf7; font-size: .75rem; }.admin-chat-message span,.admin-chat-message time { color: #76859b; font-size: .62rem; }.admin-chat-message time { margin-left: auto; }.admin-chat-message p { margin: 6px 0 9px; color: #c1ccda; font-size: .75rem; line-height: 1.4; overflow-wrap: anywhere; }.admin-chat-message .button { min-height: 28px; padding: 5px 8px; font-size: .64rem; }.admin-members-card,.admin-audit-card { margin-top: 16px; }.admin-note { margin: -4px 0 14px; color: #8795aa; font-size: .7rem; }.admin-members-list { display: grid; border: 1px solid #29354a; border-radius: 10px; overflow: hidden; }.admin-member { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 11px; background: #0c121d; }.admin-member + .admin-member { border-top: 1px solid #273247; }.admin-member strong,.admin-member span { display: block; }.admin-member strong { color: #e1ebf6; font-size: .78rem; }.admin-member span { margin-top: 2px; color: #78869b; font-size: .64rem; }.admin-member label { display: flex; align-items: center; gap: 7px; color: #93a0b2; font-size: .67rem; font-weight: 700; }.admin-member select { min-width: 138px; padding: 7px; border: 1px solid #334056; border-radius: 7px; color: #dbe5f0; background: #111a27; font: inherit; }.admin-member select:disabled { opacity: .55; }.admin-audit-list { display: grid; }.admin-audit { display: grid; grid-template-columns: minmax(110px,.35fr) minmax(0,1fr) auto; gap: 10px; padding: 10px 0; border-bottom: 1px solid #273247; }.admin-audit:last-child { border: 0; }.admin-audit strong { color: #dce7f3; font-size: .7rem; }.admin-audit span { color: #9ba8ba; font-size: .69rem; overflow-wrap: anywhere; }.admin-audit time { color: #718096; font-size: .62rem; white-space: nowrap; }
.contribute-grid { display: grid; grid-template-columns: minmax(260px,.65fr) minmax(0,1.35fr); gap: 16px; }.contribute-guide,.contribution-form { padding: 22px; border: 1px solid #2b3549; border-radius: 15px; background: #101722; }.contribute-guide > span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(215,255,79,.4); border-radius: 10px; color: var(--acid); background: rgba(215,255,79,.08); }.contribute-guide h2 { margin: 16px 0 9px; font-size: 1.3rem; }.contribute-guide p { color: #a3afc1; font-size: .84rem; line-height: 1.6; }.request-note { margin-top: 20px; padding: 11px; border-left: 2px solid #76839a; color: #8d9aad !important; background: #0b111b; font-size: .72rem !important; }.contribution-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.contribution-form .button { justify-self: start; }
.profile-tournament-list { display: grid; border: 1px solid #2a3448; border-radius: 13px; overflow: hidden; }
.profile-tournament { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 10px; align-items: center; min-height: 62px; padding: 10px 12px; background: #111823; }
.profile-tournament + .profile-tournament { border-top: 1px solid #283246; }
.profile-tournament.place-1 { border-left: 3px solid #ffd45b; background: linear-gradient(90deg,rgba(255,212,91,.16),transparent 65%),#111823; }
.profile-tournament.place-2 { border-left: 3px solid #c7d0df; background: linear-gradient(90deg,rgba(199,208,223,.1),transparent 65%),#111823; }
.profile-tournament.place-3 { border-left: 3px solid #d58b62; background: linear-gradient(90deg,rgba(213,139,98,.1),transparent 65%),#111823; }
.profile-tournament .event-status { align-self: start; margin-top: 2px; font-size: .54rem; }
.profile-tournament strong,.profile-tournament small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-tournament strong { color: #e7edf6; font: 700 .8rem var(--font-display); }.profile-tournament small { margin-top: 2px; color: #8290a5; font-size: .65rem; }
.profile-tournament-place { grid-column: 2; color: #98a5b8; font-size: .68rem; }.profile-tournament-place.place-1 { color: #ffd45b; font-weight: 800; }.profile-tournament-place.place-2 { color: #d6deeb; font-weight: 700; }.profile-tournament-place.place-3 { color: #e0a17c; font-weight: 700; }
.full-profile-view { min-height: calc(100vh - 58px); }
.full-profile-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.back-link { display: inline-flex; align-items: center; gap: 8px; border: 0; color: #aab5c6; background: transparent; font-weight: 700; }
.back-link:hover { color: var(--acid); }
.full-profile-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: 18px; align-items: start; }
.full-profile-card { border: 1px solid #2a3448; border-radius: 16px; overflow: hidden; background: #0f1621; }
.full-profile-card .profile-hero { border-bottom: 1px solid #2a3448; }
.full-profile-card .profile-body { padding-bottom: 28px; }
.profile-sidebar { display: grid; gap: 14px; }
.side-panel { padding: 18px; border: 1px solid #2a3448; border-radius: 14px; background: #111823; }
.side-panel h3 { margin: 0 0 14px; font: 700 1rem var(--font-display); }
.ranking-position { display: flex; align-items: end; justify-content: space-between; padding: 14px; border-radius: 10px; background: #0b111b; }
.ranking-position > div { display:grid; gap:3px; }
.ranking-position > div > span,.ranking-position > div > strong { display:block; }
.ranking-position strong { font: 700 2.1rem var(--font-display); color: var(--acid); }
.ranking-position span { color: var(--muted); font-size: .72rem; }
.arena-standing { padding: 0; overflow: hidden; background: linear-gradient(155deg,#121d2a,#0f1621 58%); }
.arena-standing-title { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 18px 18px 14px; border-bottom: 1px solid #2a3448; }
.arena-standing-title p { margin: 0 0 4px; color: var(--acid); font-size: .58rem; font-weight: 800; letter-spacing: .14em; }
.arena-standing-title h3 { margin: 0; }.arena-standing-title > span { color: #8996a9; font-size: .65rem; }
.arena-standing .ranking-position { margin: 14px 18px 0; border: 1px solid rgba(215,255,79,.16); background: linear-gradient(120deg,rgba(215,255,79,.10),rgba(9,15,24,.8) 66%); }
.arena-standing-note { margin: 12px 18px 15px; color: #8491a5; font-size: .68rem; line-height: 1.45; }
.community-standing-list { display: grid; border-top: 1px solid #2a3448; }
.community-standing { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 11px 18px; border-bottom: 1px solid #252f42; }
.community-standing:last-child { border-bottom: 0; }.community-standing-logo { width: 32px; height: 32px; display: grid; place-items: center; overflow: hidden; border: 1px solid #39465d; border-radius: 8px; color: var(--acid); background: #0c121d; font: 800 .6rem var(--font-display); }.community-standing-logo img { width: 100%; height: 100%; object-fit: contain; }
.community-standing > div { min-width: 0; }.community-standing > div strong,.community-standing > div small { display: block; }.community-standing > div strong { color: #dce5f1; font: 800 .72rem var(--font-display); }.community-standing > div small { overflow: hidden; color: #7e8ca1; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.community-standing > b { color: var(--acid); font: 800 .95rem var(--font-display); }.community-standing-kills { grid-column: 2 / -1; color: #aeb9c9; font-size: .65rem; }.community-standing-kills small { margin-left: 4px; color: #79879c; }
.tournament-highlights .profile-section-title > div { min-width: 0; }.tournament-highlights .profile-section-title > strong { color: #9aa7b9; font-size: .68rem; white-space: nowrap; }
.tournament-highlight-list { display: grid; border: 1px solid #2a3448; border-radius: 12px; overflow: hidden; }
.tournament-highlight { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 9px; align-items: start; padding: 12px; background: #111823; }.tournament-highlight + .tournament-highlight { border-top: 1px solid #283246; }
.tournament-highlight.place-1 { border-left: 3px solid #ffd45b; background: linear-gradient(90deg,rgba(255,212,91,.14),transparent 68%),#111823; }.tournament-highlight.place-2 { border-left: 3px solid #c7d0df; background: linear-gradient(90deg,rgba(199,208,223,.09),transparent 68%),#111823; }.tournament-highlight.place-3 { border-left: 3px solid #d58b62; background: linear-gradient(90deg,rgba(213,139,98,.09),transparent 68%),#111823; }
.tournament-highlight-medal { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; background: #1c2635; font-size: .9rem; }.tournament-highlight-copy { min-width: 0; }.tournament-highlight-copy > strong,.tournament-highlight-copy > small { display: block; }.tournament-highlight-copy > strong { color: #eef3fb; font: 700 .82rem var(--font-display); }.tournament-highlight-copy > small { margin-top: 2px; color: #8390a4; font-size: .66rem; }.tournament-highlight-copy p { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0 0; color: #9ba8ba; font-size: .66rem; line-height: 1.45; }.tournament-highlight-copy p b { color: #d9e5f4; }.tournament-highlight-copy p img,.partner-list img { width: 14px; height: 10px; margin: 0 3px 0 5px; border-radius: 1px; object-fit: cover; vertical-align: -.1em; }
.tournament-highlight-place { color: #ffd45b; font: 800 .8rem var(--font-display); }.place-2 .tournament-highlight-place { color: #d6deeb; }.place-3 .tournament-highlight-place { color: #e0a17c; }
.winning-partners { display: grid; gap: 11px; margin-top: 13px; padding: 13px; border: 1px solid rgba(215,255,79,.17); border-radius: 11px; background: rgba(215,255,79,.045); }.winning-partners > div:first-child span,.winning-partners > div:first-child strong { display: block; }.winning-partners > div:first-child span { color: var(--acid); font-size: .6rem; font-weight: 800; letter-spacing: .1em; }.winning-partners > div:first-child strong { margin-top: 3px; color: #dce6f2; font-size: .77rem; }.partner-list { display: flex; flex-wrap: wrap; gap: 6px; }.partner-list > span { padding: 5px 7px; border: 1px solid #354157; border-radius: 6px; color: #bfcbd9; background: #121b28; font-size: .66rem; }.partner-list b { margin-left: 3px; color: var(--acid); font-size: .6rem; }
.facts { display: grid; gap: 10px; }
.fact { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 9px; border-bottom: 1px solid #252e40; font-size: .8rem; }
.fact:last-child { padding: 0; border: 0; }
.fact span { color: var(--muted); }.fact strong { text-align: right; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 28px; }
.confirm-dialog { text-align: center; width: min(420px, calc(100vw - 28px)); padding: 28px; }
.confirm-dialog .dialog-actions { justify-content: center; }
.confirm-dialog h2 { margin: 12px 0 5px; }
.confirm-dialog p { color: var(--muted); margin: 0; }
.confirm-icon { width: 50px; height: 50px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; color: var(--danger); background: rgba(255,100,119,.12); border: 1px solid rgba(255,100,119,.25); font-weight: 800; }
.toast { position: fixed; left: 50%; bottom: 24px; z-index: 50; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; padding: 11px 16px; border: 1px solid #3b465c; border-radius: 9px; color: var(--text); background: #171e2b; box-shadow: 0 14px 40px rgba(0,0,0,.45); transition: .2s; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 900px) {
  .home-hero { grid-template-columns:1fr; gap:28px; min-height:0; }.home-live { max-width:440px; width:100%; }.home-grid { grid-template-columns:1fr; }.home-discover { align-items:start; flex-direction:column; }.home-links { width:100%; min-width:0; }.contribute-grid { grid-template-columns:1fr; }
  .nav-inner { gap: 14px; }
  .site-links { order: 3; width: 100%; min-height: 42px; }
  .topbar, .nav-inner { flex-wrap: wrap; }
  .nav-inner { padding-top: 7px; }
  .site-links a, .future-link { padding-inline: 11px; }
  .nav-actions { margin-left: auto; }
  .intro { align-items: start; flex-direction: column; }
  .intro-side { width: 100%; justify-items: stretch; }
  .intro-add { justify-self: stretch; }
  .summary { width: 100%; }
  .summary div { flex: 1; min-width: 0; }
  .toolbar { grid-template-columns: 1fr 1fr; }
  .search-box { grid-column: span 2; }
  .leader-head, .leader-row { grid-template-columns: 92px minmax(140px,1fr) 140px 70px; }
  .leader-community { display: none; }
  .full-profile-grid { grid-template-columns: 1fr; }
  .profile-content-grid { grid-template-columns: 1fr; }
  .toolbar { top: 112px; }
  .ranking { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .toolbar .button { grid-column: span 2; }
  .rating-tier { grid-template-columns: 72px minmax(0,1fr); }
  .event-card summary { grid-template-columns: minmax(160px,1fr) minmax(200px,1.25fr) 80px minmax(145px,1fr) 30px; }
  .event-prize { display: none; }
}

@media (max-width: 760px) {
  .home-hero { grid-template-columns:1fr; }
  .home-account { min-height:230px; }
  .home-community-grid { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .nav-actions { gap:7px; }
  .register-button { display:none; }
  .account-menu { max-width:132px; overflow:hidden; }
  .account-menu span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .home-live-compact { max-width:none; }
  .chat-widget { right:10px; bottom:60px; }
  .open-chat-widget { right:10px; bottom:10px; }
  .open-chat-widget span { display:none; }
}
@media (max-width: 620px) {
  .home-page { padding-top:0; }.home-hero { padding:28px 20px; border-radius:16px; }.home-hero h1 { font-size:clamp(2.8rem,15vw,4.4rem); }.home-hero p:not(.eyebrow) { font-size:.92rem; }.home-grid { margin-top:12px; }.home-links { grid-template-columns:1fr 1fr; }
  .contribution-form { grid-template-columns:1fr; }.contribution-form .span-2 { grid-column: auto; }
  .topbar { min-height: 54px; }
  .nav-inner { padding: 6px 14px 0; min-height: 54px; }
  .brand > span:last-child { display: none; }
  .sign-in { display: none; }
  .site-links { margin: 0 -14px; padding: 0 8px; border-top: 1px solid #293143; }
  .save-status { display: none; }
  .button.primary { padding-inline: 12px; }
  main { padding: 34px 14px 60px; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .intro { margin-bottom: 26px; gap: 24px; }
  .intro-copy { font-size: .95rem; }
  .summary div { padding: 11px; }
  .summary strong { font-size: 1.25rem; }
  .toolbar { top: 102px; grid-template-columns: 1fr 1fr; padding: 9px; }
  .toolbar .button { grid-column: span 2; }
  .tier-row { grid-template-columns: 56px minmax(0,1fr); }
  .tier-label { font-size: 1.2rem; writing-mode: vertical-rl; transform: rotate(180deg); }
  .tier-label.goat { font-size: .8rem; letter-spacing: .1em; }
  .tier-cards { grid-template-columns: 1fr; padding: 10px; }
  dialog form { padding: 20px; }
  .form-grid { grid-template-columns: 1fr; }
  .span-2, .span-2-mobile { grid-column: span 1; }
  .activity { grid-template-columns: 1fr auto 1fr; }
  .period-form-row { grid-template-columns: 1fr 1fr 36px; }
  .period-present { grid-column: 1 / -1; grid-row: 2; height: 38px; }
  .ranking { grid-template-columns: 1fr; }
  .community-form-row { grid-template-columns: 36px 1fr 36px; }
  .community-form-row .community-logo { grid-column: 1; grid-row: 1; }
  .community-form-row .community-name-field { grid-column: 2; grid-row: 1; }
  .community-form-row .remove-community { grid-column: 3; grid-row: 1; }
  .community-form-row .kills-field,.community-form-row .period-field { grid-column: 1 / -1; }
  .community-current { grid-column: 1 / -1; height: 38px; }
  .affiliation-fields { grid-template-columns: 1fr; }
  .archive-toolbar { align-items: stretch; flex-direction: column; }.archive-toolbar .button { width: 100%; }
  .section-heading { align-items: end; }
  .profile-hero { padding: 26px 20px; }
  .profile-close { right: 16px; top: 16px; }
  .profile-identity { align-items: flex-start; gap: 14px; }
  .active-period-pair,.community-rating-layout { grid-template-columns:1fr; }.presentation-diff div { grid-template-columns:1fr; gap:2px; }
  .profile-social { width: 100%; margin-left: 0; }
  .profile-avatar { width: 64px; height: 74px; border-radius: 14px; font-size: 1.2rem; }
  .profile-body { padding: 20px; }
  .profile-metrics { grid-template-columns: repeat(2,1fr); }
  .profile-metrics.four { grid-template-columns: repeat(2,1fr); }
  .profile-metrics.four .profile-metric:last-child { grid-column: auto; }
  .profile-metric:last-child { grid-column: span 2; }
  .profile-community-row { grid-template-columns: 42px minmax(0,1fr) auto; }
  .profile-community-row.header { display: none; }
  .profile-cta { margin: 20px; align-items: stretch; flex-direction: column; }
  .full-profile-view { padding-top: 24px; }
  .leaderboard { padding-inline: 8px; }
  .leader-head { display: none; }
  .leader-row { grid-template-columns: 76px minmax(0,1fr) auto; gap: 8px; padding-inline: 10px; }
  .leader-tier { display: none; }
  .board-heading { padding: 20px; align-items: start; flex-direction: column; }
  .board-legend { text-align: left; }
  .year-picker { width: 100%; }
  .year-picker select { width: 100%; }
  .rating-tier { grid-template-columns: 1fr; }
  .rating-tier-label { min-height: 54px; grid-template-columns: auto auto; grid-auto-flow: column; justify-content: center; gap: 8px; }
  .rating-tier-label strong { font-size: 1.25rem; }
  .rating-tier-players { grid-template-columns: 1fr; }
  .yearly-entry-form { grid-template-columns: 1fr; padding: 14px 18px; }
  .event-group-heading { flex-wrap: wrap; }
  .event-card summary { grid-template-columns: minmax(0,1fr) auto 26px; gap: 8px; min-height: 70px; padding: 10px 12px; }
  .event-community { grid-column: 1 / 2; }
  .event-date { grid-column: 2 / 3; grid-row: 1; }
  .event-name { grid-column: 1 / 3; }
  .event-winner { display: none; }
  .event-expand { grid-column: 3; grid-row: 1 / 3; }
  .event-details { padding: 14px 12px 15px; }
  .event-results { display: grid; grid-template-columns: 1fr; }
  .event-fourth { width: auto; }
  .event-info-grid { grid-template-columns: 1fr; }
  .event-rosters > div { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

.auth-error { margin:12px 22px -4px; padding:9px 10px; border:1px solid rgba(255,100,119,.5); border-radius:8px; color:#ffd3da; background:rgba(135,25,45,.28); font-size:.75rem; line-height:1.35; }

@media (max-width: 760px) { .account-layout,.admin-grid { grid-template-columns:1fr; }.admin-overview { grid-template-columns:1fr; } }

/* The archive introduction stays compact so the community area is visible immediately. */
.home-hero { grid-template-columns:minmax(0,1.2fr) minmax(230px,.55fr); gap:clamp(20px,3vw,38px); min-height:218px; padding:clamp(22px,3vw,30px); }
.home-hero h1 { font-size:clamp(2.25rem,4vw,3.65rem); }
.admin-overview { grid-template-columns:repeat(4,1fr); }
.admin-media-card { margin-top:16px; }
.admin-media-link { color:var(--acid); font-size:.72rem; font-weight:700; text-decoration:none; }
.claim-form { display:grid; gap:11px; margin-top:17px; }
.claim-form textarea { min-height:92px; padding:9px; border:1px solid #334056; border-radius:8px; color:var(--text); background:#0a101a; font:inherit; resize:vertical; }
.claimed-player-notice { display:grid; gap:5px; margin-top:16px; padding:11px; border:1px solid rgba(215,255,79,.25); border-radius:9px; background:rgba(215,255,79,.06); }
.claimed-player-notice strong { color:#e5f6b2; font-size:.78rem; }.claimed-player-notice span { color:#aeb9c8; font-size:.69rem; line-height:1.45; }
.claim-player-flag { width:18px; height:12px; margin-right:4px; vertical-align:-.1em; object-fit:cover; }
.claimed-player-customization { display:grid; gap:14px; margin-top:16px; padding:20px 22px; }
@media (max-width:760px){.admin-overview{grid-template-columns:1fr 1fr}.home-hero{grid-template-columns:1fr;min-height:0}.home-hero h1{font-size:clamp(2.5rem,13vw,3.6rem)}}

/* Community messages are intentionally roomy: ten compact entries remain visible before scrolling. */
.shoutbox-panel { min-height:500px; }
.home-chat-messages { min-height:390px; max-height:430px; }
.chat-widget .chat-messages { min-height:360px; max-height:430px; }
.chat-message-line { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; color:#d6deec; font-size:.78rem; line-height:1.45; }
.chat-message-line time { margin-left:auto; color:#718097; font-size:.64rem; white-space:nowrap; }
.chat-message-separator { color:#7b899d; font-weight:700; }.chat-message-body { overflow-wrap:anywhere; }
.member-staff-icon { color:#ffd45b; text-shadow:0 0 10px rgba(255,212,91,.65); font-size:.78rem; }
.name-style-admin b { color:#ffe18a; text-shadow:0 0 10px rgba(255,198,70,.55); }
.forum-customization { display:grid; gap:14px; margin-top:16px; padding:20px 22px; }
.member-profile-link { display:inline-flex; min-width:0; padding:0; border:0; color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; }.member-profile-link:hover b { text-decoration:underline; text-underline-offset:3px; }
@media (max-width:760px){.shoutbox-panel{min-height:430px}.home-chat-messages{min-height:330px;max-height:370px}.chat-widget .chat-messages{min-height:280px;max-height:360px}}
@media (max-width: 560px) { .account-menu #openAdminPanel { display:none; }.my-request { grid-template-columns:1fr; }.admin-member { align-items:flex-start; flex-direction:column; }.admin-audit { grid-template-columns:1fr; gap:3px; } }

/* Rating cards use the compact profile composition: identity first, emblems on their own aligned row. */
.rating-player { min-height: 126px; padding: 13px; }
.rating-player-top { align-items: center; gap: 11px; }
.rating-avatar { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 10px; }
.rating-player-top > .rating-player-identity { display: grid; min-width: 0; flex: 1; gap: 6px; }
.rating-player-name { display: flex; align-items: center; min-width: 0; gap: 6px; color: #eaf0fa; font: 700 .92rem/1.1 var(--font-display); white-space: nowrap; }
.rating-player-name .rating-player-flag { width: 19px; height: 13px; flex: 0 0 auto; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.rating-player-emblems { display: flex; align-items: center; min-height: 24px; gap: 6px; }
.rating-player-emblems .member-world-star,.rating-player-emblems .member-name-icon { display: grid; width: 24px; height: 24px; place-items: center; box-sizing: border-box; padding: 0; border: 1px solid #485772; border-radius: 6px; background: #172231; font-size: .76rem; line-height: 1; }
.rating-player-emblems .member-world-star { border-color: #b59232; background: #2c260d; }
.rating-player small,.rating-card-type { display: none !important; }
.rating-player .traits { margin: 12px 0 0; }
#screenshotArchive.video-archive { width: 100%; max-width: none; }
#screenshotArchive.video-archive .video-category { width: 100%; }
@media (max-width: 560px) { .rating-player { min-height: 120px; }.rating-card-type { display: none; } }

/* Community voting is private by default; only Pedrin receives the optional audit panel. */
.directory-player-identity { display:grid; gap:4px; min-width:0; overflow:visible; white-space:normal; }
.directory-player-identity > strong { display:flex; align-items:center; gap:5px; min-width:0; overflow:hidden; color:#edf3fb; font:700 .94rem/1.1 var(--font-display); text-overflow:ellipsis; white-space:nowrap; }
.directory-player-identity .player-flag { width:19px; height:13px; flex:0 0 auto; border-radius:2px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.14); }
.directory-player-emblems { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:21px; }
.directory-player-emblems .member-world-star,.directory-player-emblems .member-name-icon { display:grid; width:20px; height:20px; place-items:center; box-sizing:border-box; padding:0; border:1px solid #485772; border-radius:5px; background:#172231; font-size:.66rem; line-height:1; }
.directory-player-emblems .member-world-star { color:#ffe06b; border-color:#a78632; background:#2c260d; }
.player-card .player-link { align-self:stretch; justify-content:center; }

/* Community Rating chooses a player inside the field, with a bounded result list. */
.community-rating-player-field { position:relative; grid-column:span 2; }
.community-player-picker { position:absolute; z-index:25; top:calc(100% - 1px); right:0; left:0; display:grid; max-height:252px; overflow:auto; border:1px solid #41516a; border-radius:0 0 10px 10px; background:#0a101a; box-shadow:0 18px 32px rgba(0,0,0,.42); }
.community-player-picker button { display:block; width:100%; min-height:42px; padding:9px 13px; border:0; border-bottom:1px solid #202b3d; color:#e8eff9; background:transparent; text-align:left; cursor:pointer; }
.community-player-picker button:hover,.community-player-picker button:focus-visible { outline:0; background:#162235; }
.community-player-picker strong { display:flex; align-items:center; gap:7px; min-width:0; overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
.community-player-picker .community-picker-flag { width:18px; height:12px; flex:0 0 auto; border-radius:2px; object-fit:cover; }
.community-player-picker p { margin:0; padding:13px; color:#92a2b7; font-size:.75rem; text-align:center; }
.yearly-player-picker-field { position:relative; }
.yearly-player-picker { top:calc(100% - 1px); }

/* The shoutbox is global. Player identities keep their home-arena tag and expose
   a compact cross-arena preview without being clipped by either scroll panel. */
.member-hover-card { position:fixed; z-index:120; display:grid; gap:11px; padding:13px; border:1px solid #40516c; border-radius:12px; color:#eaf1fb; background:linear-gradient(145deg,#131d2c,#0b111b); box-shadow:0 20px 48px rgba(0,0,0,.55); pointer-events:none; }
.member-hover-card[hidden] { display:none; }
.member-hover-card-head { display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; align-items:center; }
.member-hover-avatar { display:grid; width:48px; height:48px; place-items:center; overflow:hidden; border:1px solid #43536d; border-radius:10px; color:#d7ff4f; background:#182235; font:800 .9rem var(--font-display); }
.member-hover-avatar img { width:100%; height:100%; object-fit:cover; }
.member-hover-card-head > span:last-child { display:grid; gap:3px; min-width:0; }
.member-hover-card-head strong { display:flex; align-items:center; gap:6px; overflow:hidden; font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }
.member-hover-card-head small { color:#8fa1b8; font-size:.66rem; }
.member-hover-flag { width:19px; height:13px; flex:0 0 auto; border-radius:2px; object-fit:cover; }
.member-hover-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:9px; border-top:1px solid #29364a; color:#aab8cb; font-size:.67rem; }
.member-hover-card .player-activity-status { font-size:.58rem; }
.member-hover-card > em { color:#d7ff4f; font:700 .64rem var(--font-body); font-style:normal; }

/* Administration is separated by function so approvals and audit trails stay focused. */
.admin-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 16px; padding:7px; border:1px solid #2c384d; border-radius:12px; background:#101722; }
.admin-tabs button { min-height:34px; padding:7px 12px; border:1px solid transparent; border-radius:7px; color:#9eacc0; background:transparent; font:800 .71rem var(--font-body); cursor:pointer; }
.admin-tabs button:hover,.admin-tabs button:focus-visible { outline:0; color:#eaf2fb; background:#182336; }
.admin-tabs button.active { border-color:rgba(215,255,79,.5); color:#172009; background:var(--acid); }
.admin-tabs button[hidden] { display:none; }
.admin-log-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,.42fr) auto; align-items:end; gap:10px; margin:0 0 14px; padding:11px; border:1px solid #29364b; border-radius:10px; background:#0b111b; }
.admin-log-controls .field { gap:5px; color:#aebbd0; font-size:.65rem; font-weight:800; }.admin-log-controls input,.admin-log-controls select { min-height:37px; padding:7px 9px; border:1px solid #344159; border-radius:7px; color:#e8eff9; background:#101824; font:inherit; }.admin-log-controls .button { min-height:37px; }
.admin-log-pagination { margin-top:14px; }
.admin-log-dialog { max-height:85dvh; overflow:auto; }
.audit-changes { overflow:auto; min-width:0; }
.audit-changes table { width:100%; border-collapse:collapse; table-layout:fixed; }
.audit-changes th,.audit-changes td { padding:10px; border-bottom:1px solid #29364b; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.audit-changes pre { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; max-height:250px; overflow:auto; font:inherit; }
input.native-file-input { display:none !important; }
.admin-audit { width:100%; border:0; border-bottom:1px solid #273247; background:transparent; text-align:left; cursor:pointer; }.admin-audit:hover,.admin-audit:focus-visible { outline:0; background:#151f30; }.admin-audit:last-child { border-bottom:0; }
.admin-log-dialog { width:min(560px,calc(100vw - 28px)); padding:0; border:1px solid #3a4a62; border-radius:15px; color:#edf3fb; background:#111a29; box-shadow:0 28px 90px rgba(0,0,0,.64); }.admin-log-dialog::backdrop { background:rgba(2,6,12,.74); backdrop-filter:blur(7px); }.admin-log-dialog .dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:20px 20px 0; }.admin-log-dialog h2 { margin:5px 0 0; font:700 1.25rem var(--font-display); }.admin-log-detail { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 20px 20px; }.admin-log-detail div { padding:10px; border:1px solid #2b394f; border-radius:8px; background:#0b111b; }.admin-log-detail dt { color:#8291a7; font-size:.61rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.admin-log-detail dd { margin:5px 0 0; color:#e3ebf5; font-size:.75rem; line-height:1.45; overflow-wrap:anywhere; }.admin-log-detail-wide { grid-column:1 / -1; }
@media (max-width:620px){.admin-log-controls{grid-template-columns:1fr;align-items:stretch}.admin-log-controls .button{justify-content:center}.admin-log-detail{grid-template-columns:1fr}.admin-log-detail-wide{grid-column:auto}}
.community-rating-actions { display:flex; flex-wrap:wrap; gap:7px; }
.community-my-vote { min-height:43px; padding:10px 12px; border:1px solid #31415a; border-radius:9px; color:#aab8ca; background:#0c121d; font-size:.76rem; }
.community-my-vote strong,.community-rating-tier,.community-rating-card-meta em,.community-audit-row em { display:inline-grid; min-width:28px; place-items:center; padding:2px 6px; border:1px solid color-mix(in srgb,var(--vote-color) 70%,#dce5f0); border-radius:5px; color:var(--vote-color); background:color-mix(in srgb,var(--vote-color) 12%,#0b111b); font-style:normal; font-weight:800; }
.community-rating-results { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px; margin-top:14px; }
.community-rating-card { overflow:hidden; border:1px solid #2c384e; border-radius:11px; background:#0b111b; }
.community-rating-card .rating-player { min-height:0; border:0; border-radius:0; }
.community-rating-card-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 11px; border-top:1px solid #283449; color:#9aa8ba; font-size:.68rem; }
.community-rating-card-meta b { color:#dce6f1; font-size:.67rem; white-space:nowrap; }
.community-rating-card .rating-vote-tally { padding:0 11px 11px; }
.community-rating-pagination { margin-bottom:14px; }

/* Preserve every navigation destination on compact displays. */
@media (max-width: 1100px) {
  .site-links {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: #71809a #111722;
    scroll-snap-type: inline proximity;
    padding-bottom: 5px;
  }
  .site-links::-webkit-scrollbar { display: block; height: 6px; }
  .site-links::-webkit-scrollbar-track { background: #111722; border-radius: 999px; }
  .site-links::-webkit-scrollbar-thumb { background: #63708a; border-radius: 999px; }
  .site-links a { scroll-snap-align: start; }
}

/* Uploaded player backgrounds always fill their bounded hero without stretching. */
.profile-reference .profile-hero[style*="claimed-player-background"] {
  background-repeat: no-repeat;
  background-position: center 38%;
  background-size: cover;
}
@media (max-width: 760px) {
  .profile-reference .profile-hero[style*="claimed-player-background"] { background-position: center 45%; }
}
@media (max-width: 420px) {
  .profile-reference .profile-hero[style*="claimed-player-background"] { background-position: center center; }
}

/* Forum account centre: live identity at left, familiar settings panels at right. */
.forum-account-shell { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:18px; align-items:start; }
.forum-account-summary { position:static; top:auto; padding:0; overflow:hidden; }
.forum-profile-live { overflow:hidden; margin-bottom:18px; border:1px solid #2b3549; border-radius:15px; background:#0c121d; }
.account-preview-cover { position:relative; min-height:156px; padding:16px 20px; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; color:#f2f7d9; background:linear-gradient(125deg,rgba(5,11,18,.82),rgba(11,18,30,.58)),radial-gradient(circle at 92% 0,rgba(215,255,79,.25),transparent 45%); }
.forum-profile-live.has-preview-background .account-preview-cover { background:linear-gradient(125deg,rgba(5,11,18,.88),rgba(11,18,30,.52)),var(--account-preview-background) center/cover no-repeat; }
.account-preview-cover span { color:var(--acid); font-size:.64rem; letter-spacing:.13em; font-weight:800; }.account-preview-cover small { max-width:110px; color:#c7d0e0; font-size:.62rem; line-height:1.3; text-align:right; }
.account-preview-body { display:grid; grid-template-columns:minmax(220px,.9fr) minmax(0,1fr) minmax(220px,.85fr); align-items:center; gap:18px; padding:0 20px 18px; }.account-preview-member { display:flex; align-items:center; gap:11px; margin-top:-48px; position:relative; }.account-preview-avatar { width:76px; height:76px; display:grid; flex:0 0 auto; place-items:center; overflow:hidden; border:3px solid #101722; border-radius:18px; color:#11180a; background:var(--acid); font:800 1.25rem var(--font-display); }.account-preview-avatar img,.account-preview-player-avatar img { width:100%; height:100%; display:block; object-fit:cover; }.account-preview-member > div { display:grid; gap:1px; min-width:0; padding-top:46px; }.account-preview-label,.account-preview-player span { color:#8391a5; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }.account-preview-member strong { color:#f3f7fc; font:700 1.2rem var(--font-display); overflow-wrap:anywhere; }.account-preview-member strong i,.account-preview-player-meta i { font-style:normal; margin-left:3px; }.account-preview-member small { color:#96a6b9; font-size:.66rem; }.account-preview-body > p { min-height:38px; margin:0; color:#aebacc; font-size:.75rem; line-height:1.5; }
.account-preview-player { display:flex; gap:10px; padding:10px; border:1px solid #31405a; border-radius:10px; background:rgba(7,12,21,.6); }.account-preview-player-avatar { width:44px; height:44px; display:grid; flex:0 0 auto; place-items:center; overflow:hidden; border:1px solid #53617a; border-radius:11px; color:var(--acid); background:#111a29; font:800 .9rem var(--font-display); }.account-preview-player > div { display:grid; min-width:0; gap:1px; }.account-preview-player strong { color:#f0f5fc; font-size:.85rem; overflow-wrap:anywhere; }.account-preview-player-meta { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:#cbd7e6; font-size:.72rem; }.account-preview-player-meta b { padding:1px 5px; border:1px solid #4c596f; border-radius:4px; }.account-preview-player-meta i { display:grid; width:17px; height:17px; place-items:center; border:1px solid #46536b; border-radius:4px; background:#182236; }
.account-preview-flag { width:18px; height:12px; object-fit:cover; border-radius:2px; }.account-preview-controls { position:absolute; right:14px; bottom:12px; }.account-preview-controls button,.account-preview-avatar-edit { border:1px solid rgba(235,244,255,.5); border-radius:7px; padding:5px 8px; color:#f3f7fb; background:rgba(8,13,23,.74); backdrop-filter:blur(7px); font-size:.66rem; font-weight:800; }.account-preview-controls button:hover,.account-preview-avatar-edit:hover { border-color:var(--acid); color:var(--acid); }.account-preview-player-avatar { position:relative; }.account-preview-avatar-edit { position:absolute; inset:0; opacity:0; transition:opacity .16s; }.account-preview-player-avatar:hover .account-preview-avatar-edit,.account-preview-avatar-edit:focus-visible { opacity:1; }
.account-preview-unclaimed { padding:11px; border:1px dashed #3a4a63; border-radius:9px; color:#91a0b4; font-size:.7rem; line-height:1.45; }
.account-preview-player .claimed-player-notice { width:100%; margin:8px 0 0; padding:7px 8px; border-radius:7px; font-size:.62rem; }.account-preview-player .claimed-player-notice span { display:block; margin-top:2px; font-size:.59rem; text-transform:none; letter-spacing:0; }
.account-preview-cover .claimed-player-notice { position:absolute; z-index:2; left:20px; top:42px; display:inline-flex; width:auto; max-width:calc(100% - 40px); align-items:center; gap:5px; margin:0; padding:6px 9px; border-color:rgba(215,255,79,.38); background:rgba(8,14,22,.78); backdrop-filter:blur(8px); }
.account-preview-cover .claimed-player-notice strong { display:inline-flex; align-items:center; gap:5px; color:#eff7ce; font-size:.66rem; white-space:nowrap; }
.account-preview-cover .claimed-player-notice span { display:none; }
.profile-customization-panel { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:18px; padding:22px; border:1px solid #2b3549; border-radius:15px; background:#101722; }.profile-customization-panel > header { grid-row:span 2; align-self:start; position:sticky; top:108px; }.profile-customization-panel h2 { margin:3px 0 8px; font:700 1.35rem var(--font-display); }.profile-customization-panel header p:not(.eyebrow) { margin:0; color:#96a5b8; font-size:.75rem; line-height:1.5; }.profile-customization-panel > .forum-customization,.profile-customization-panel > .claimed-player-customization { margin:0; padding:0; border:0; border-radius:0; background:transparent; }.profile-customization-panel > .forum-customization .home-panel-head,.profile-customization-panel > .claimed-player-customization .home-panel-head { margin-bottom:13px; }.profile-customization-panel > .forum-customization .home-panel-head h2,.profile-customization-panel > .claimed-player-customization .home-panel-head h2 { font-size:1.05rem; }.profile-customization-panel > .forum-customization .home-panel-head p:not(.eyebrow),.profile-customization-panel > .claimed-player-customization .home-panel-head p:not(.eyebrow) { display:none; }
.profile-customization-panel { display:block; }
.profile-customization-panel > header { position:static; margin-bottom:20px; }
.profile-customization-panel > .claimed-player-customization .home-panel-head { display:none; }
.profile-customization-panel > .claimed-player-customization { max-width:none; }
.profile-customization-panel > .claimed-player-customization .form-grid { max-width:920px; }
.native-file-input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }.english-file-control { display:flex; align-items:center; min-height:46px; gap:10px; padding:6px 9px; border:1px solid #334056; border-radius:8px; background:#0a101a; }.english-file-control button { flex:0 0 auto; border:1px solid #41516c; border-radius:6px; padding:6px 9px; color:#eaf2fb; background:#202b3e; font:700 .72rem var(--font-body); }.english-file-control button:hover { border-color:var(--acid); color:var(--acid); }.english-file-control span { min-width:0; overflow:hidden; color:#aebbd0; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.english-month-value { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }.english-month-picker { display:grid; grid-template-columns:minmax(118px,1fr) minmax(82px,.7fr); gap:7px; width:100%; }.english-month-picker select { width:100%; min-height:42px; border:1px solid #334056; border-radius:8px; padding:0 9px; color:#eaf2fb; background:#0a101a; font:inherit; font-size:.78rem; }.english-month-picker select:focus { outline:0; border-color:var(--acid); }.english-month-picker select:disabled { cursor:not-allowed; opacity:.48; }
.forum-account-summary > .eyebrow,.forum-account-summary > h2,.forum-account-summary > p:not(.account-preview-body p) { display:none; }.forum-account-summary .account-facts { margin:0; padding:14px 17px; border-bottom:1px solid #29354a; }.forum-account-summary .account-facts div:first-child { border-top:0; padding-top:0; }
.profile-claim-mini { padding:13px 17px 16px; }.profile-claim-mini summary { color:#cdd8e8; cursor:pointer; font-size:.74rem; font-weight:800; }.profile-claim-mini summary::marker { color:var(--acid); }.profile-claim-mini > p { margin:9px 0 0; color:#8f9eb1; font-size:.69rem; line-height:1.45; }.profile-claim-mini .claim-form { margin-top:11px; }.profile-claim-mini .field { font-size:.71rem; }.profile-claim-mini .field textarea { min-height:74px; }.profile-claim-mini .button { width:100%; justify-content:center; }
.forum-account-editor { display:grid; gap:16px; }.forum-account-editor .account-profile-form,.forum-account-editor .forum-customization,.forum-account-editor .claimed-player-customization { margin:0; padding:22px; }.forum-account-editor .forum-customization { border:1px solid #2b3549; border-radius:15px; background:#101722; }.forum-account-editor .home-panel-head { margin-bottom:18px; }.forum-account-editor .home-panel-head h2 { margin:3px 0 6px; font-size:1.32rem; }.forum-account-editor .home-panel-head p:not(.eyebrow) { max-width:680px; margin:0; color:#9baabd; font-size:.78rem; }.forum-account-editor .dialog-actions { margin-top:8px; }.forum-account-editor .dialog-actions .button { min-width:175px; }
.claimed-player-customization .home-panel-head::after { content:"Personal fields save immediately. Archive facts remain staff-managed."; display:block; margin-top:8px; color:#d5eb91; font-size:.7rem; font-weight:700; }.claimed-player-customization #playerPresentationStatus { margin-top:0; }
@media (max-width: 900px) { .forum-account-summary { position:static; }.forum-account-shell { grid-template-columns:1fr; }.forum-account-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.65fr); }.forum-account-summary .account-facts { border-bottom:1px solid #29354a; }.profile-claim-mini { border-top:1px solid #29354a; }.account-preview-body { grid-template-columns:minmax(210px,.9fr) minmax(0,1fr); }.account-preview-player { grid-column:1 / -1; } }
@media (max-width: 900px) { .profile-customization-panel > .forum-customization,.profile-customization-panel > .claimed-player-customization { padding-top:16px; border-top:1px solid #2b374a; } }
@media (max-width: 600px) { .forum-account-summary { display:block; }.forum-account-editor .account-profile-form,.forum-account-editor .forum-customization,.forum-account-editor .claimed-player-customization { padding:17px; }.account-preview-cover { min-height:124px; }.account-preview-body { grid-template-columns:1fr; gap:12px; padding:0 16px 16px; }.account-preview-member { margin-top:-43px; }.account-preview-member > div { padding-top:40px; }.account-preview-player { grid-column:auto; } }
@media (max-width: 600px) { .profile-customization-panel { padding:17px; }.english-file-control { min-height:44px; }.profile-metric { min-height:78px; } }
@media (max-width: 390px) { .english-month-picker { grid-template-columns:1fr; } }
.community-rating-pill { min-width:29px; padding:4px 5px; border-color:color-mix(in srgb,var(--vote-color) 70%,#31415a) !important; color:var(--vote-color) !important; background:color-mix(in srgb,var(--vote-color) 10%,#101722); text-align:center; }
.community-rating-pill b { color:inherit; }
.community-rating-audit { display:grid; gap:7px; margin-top:14px; padding-top:14px; border-top:1px solid #2b374a; }
.community-audit-row { display:grid; grid-template-columns:130px minmax(0,1fr); gap:5px 10px; padding:10px; border:1px solid #2b374a; border-radius:8px; color:#b8c5d4; background:#0c121d; font-size:.72rem; }
.community-audit-row strong { color:#e6f0c7; }.community-audit-row small { grid-column:1 / -1; color:#8493a8; line-height:1.45; }

/* Compact horizontal account editing and a drill-down vote audit. */
.community-rating-pill { border:1px solid color-mix(in srgb,var(--vote-color) 70%,#31415a) !important; border-radius:5px; cursor:pointer; font:800 .72rem var(--font-body); }.community-rating-pill:hover:not(:disabled),.community-rating-pill:focus-visible { border-color:var(--acid) !important; box-shadow:0 0 0 2px rgba(215,255,79,.14); outline:0; }.community-rating-pill:disabled { cursor:default; opacity:.48; }
.community-audit-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 2px 5px; }.community-audit-heading span,.community-audit-heading strong { display:block; }.community-audit-heading span { color:#91a2b9; font-size:.61rem; font-weight:800; letter-spacing:.1em; }.community-audit-heading strong { margin-top:3px; color:#edf4fd; font-size:.8rem; }.community-audit-heading em { display:inline-grid; min-width:28px; place-items:center; padding:2px 6px; border:1px solid color-mix(in srgb,var(--vote-color) 70%,#dce5f0); border-radius:5px; color:var(--vote-color); background:color-mix(in srgb,var(--vote-color) 12%,#0b111b); font-style:normal; }
.forum-account-shell.has-no-summary { grid-template-columns:minmax(0,1fr); }.forum-account-shell.has-no-summary .forum-account-summary { display:none; }
.account-preview-body { grid-template-columns:minmax(310px,1.25fr) minmax(0,.9fr) minmax(250px,1fr); }.account-preview-member .account-facts { display:flex; gap:12px; margin:7px 0 0; }.account-preview-member .account-facts div { display:flex; align-items:baseline; gap:5px; padding:0; border:0; }.account-preview-member .account-facts dt { color:#8291a5; font-size:.58rem; }.account-preview-member .account-facts dd { color:#dce6f2; font-size:.62rem; }
.account-preview-player-avatar { width:50px; height:50px; }.account-preview-player > div { gap:4px; }.account-preview-player strong { display:flex; align-items:center; gap:6px; font-size:.92rem; }.account-preview-player strong .account-preview-flag { width:19px; height:13px; flex:0 0 auto; }.account-preview-player-emblems { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:#cbd7e6; font-size:.72rem; }.account-preview-player-emblems b,.account-preview-player-emblems i { display:grid; width:19px; height:19px; place-items:center; box-sizing:border-box; padding:0; border:1px solid #4c596f; border-radius:5px; background:#182236; font-size:.65rem; line-height:1; font-style:normal; }.account-preview-player-emblems b { color:var(--player-tier-color,var(--acid)); border-color:color-mix(in srgb,var(--player-tier-color,var(--acid)) 70%,#43516b); background:color-mix(in srgb,var(--player-tier-color,var(--acid)) 14%,#182236); }.account-preview-player-emblems i[title] { color:#ffe06b; border-color:#a78632; background:#2c260d; }
.account-preview-player strong.name-style-neon { color:#82f8ff; text-shadow:0 0 10px rgba(130,248,255,.58); }.account-preview-player strong.name-style-gold { color:#ffe18a; text-shadow:0 0 10px rgba(255,204,82,.48); }.account-preview-player strong.name-style-violet { color:#d2b5ff; text-shadow:0 0 10px rgba(160,104,255,.52); }.account-preview-player strong.name-style-ocean { color:#8cdfff; text-shadow:0 0 10px rgba(80,194,255,.52); }.account-preview-player strong.name-style-ember { color:#ffb084; text-shadow:0 0 10px rgba(255,110,76,.52); }

.player-information-favourites { display:grid; gap:14px; margin-top:17px; padding-top:15px; border-top:1px solid #2b374a; }.player-favourite-group { display:grid; gap:7px; }.player-favourite-label { color:#94a4ba; font-size:.62rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.player-favourite-list { display:grid; gap:5px; }.player-favourite-list button { display:flex; align-items:center; justify-content:space-between; width:100%; gap:8px; min-height:34px; padding:4px 6px 4px 4px; border:1px solid #303d52; border-radius:7px; color:#e9f1fb; background:#0d1520; font:700 .68rem var(--font-body); cursor:pointer; text-align:left; }.player-favourite-list button:hover { border-color:var(--acid); background:#172217; }.player-favourite-name { display:inline-flex; min-width:0; align-items:center; gap:6px; }.player-favourite-name > img { width:26px; height:26px; flex:0 0 auto; object-fit:cover; border-radius:5px; }.player-favourite-name > span { display:inline-flex; min-width:0; align-items:center; gap:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.favorite-player-flag { width:17px; height:11px; flex:0 0 auto; object-fit:cover; border-radius:2px; }.player-favourite-list b { display:inline-grid; min-width:24px; place-items:center; padding:3px 4px; border:1px solid color-mix(in srgb,var(--player-tier-color) 72%,#43516b); border-radius:5px; color:var(--player-tier-color); background:color-mix(in srgb,var(--player-tier-color) 14%,#182236); font-size:.62rem; }.favorite-community { display:flex; align-items:center; width:100%; gap:8px; padding:6px; border:1px solid #2d3a50; border-radius:7px; color:#eaf1f9; background:#101824; font:700 .72rem var(--font-body); text-align:left; }.favorite-community .community-logo { width:29px; height:29px; flex:0 0 auto; }.favorite-community strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.favorite-community-group { padding-top:1px; }
.favorite-picker { display:grid; gap:9px; padding:12px; border:1px solid #2d3a50; border-radius:10px; background:#0e1621; }.favorite-picker-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }.favorite-picker-heading > span { color:#e5eef8; font-size:.78rem; font-weight:800; }.favorite-picker-heading > small { color:#8ea0b5; font-size:.64rem; }.favorite-picker-slots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.favorite-picker-slots .field { display:grid !important; grid-template-columns:1fr !important; gap:5px; color:#aebacd; font-size:.66rem; }.favorite-picker-slots .field:last-child { grid-column:1/-1; }
.rating-board-mode { display:inline-flex; overflow:hidden; border:1px solid #334158; border-radius:8px; background:#0c121d; }.rating-board-mode button { min-height:29px; padding:5px 8px; border:0; color:#91a0b4; background:transparent; font:800 .62rem var(--font-body); cursor:pointer; }.rating-board-mode button + button { border-left:1px solid #334158; }.rating-board-mode button.active { color:#11170b; background:var(--acid); }.board-legend .rating-board-mode { margin-bottom:6px; }
.forum-account-editor .account-profile-form .form-grid,.profile-customization-panel .form-grid { grid-template-columns:1fr; }.forum-account-editor .account-profile-form .form-grid > .field,.profile-customization-panel .form-grid > .field { display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; column-gap:15px; }.forum-account-editor .account-profile-form .form-grid > .field > small,.profile-customization-panel .form-grid > .field > small { grid-column:2; }.forum-account-editor .account-profile-form .form-grid > .span-2,.profile-customization-panel .form-grid > .span-2 { grid-column:auto; }
@media (max-width:900px){.account-preview-body{grid-template-columns:minmax(210px,.9fr) minmax(0,1fr)}.account-preview-player{grid-column:1/-1}}@media (max-width:600px){.account-preview-member .account-facts{flex-wrap:wrap}.forum-account-editor .account-profile-form .form-grid > .field,.profile-customization-panel .form-grid > .field{grid-template-columns:1fr;gap:6px}.forum-account-editor .account-profile-form .form-grid > .field > small,.profile-customization-panel .form-grid > .field > small{grid-column:auto}}

.community-audit-dialog { width:min(980px,calc(100vw - 28px)); max-height:min(720px,calc(100vh - 28px)); margin:auto; padding:0; overflow:hidden; border:1px solid #3a4a62; border-radius:16px; color:#edf4fd; background:#111a29; box-shadow:0 28px 90px rgba(0,0,0,.65); }.community-audit-dialog::backdrop { background:rgba(2,6,12,.76); backdrop-filter:blur(7px); }.community-audit-description { margin:0; padding:0 22px 17px; color:#9cadc1; font-size:.76rem; line-height:1.45; }.community-audit-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px; max-height:calc(min(720px,100vh - 28px) - 155px); overflow:auto; padding:0 22px 22px; }.community-audit-column { overflow:hidden; border:1px solid color-mix(in srgb,var(--vote-color) 46%,#31415a); border-radius:10px; background:#0c121d; }.community-audit-column header { display:flex; align-items:center; justify-content:space-between; padding:10px; border-bottom:1px solid #2c384e; background:color-mix(in srgb,var(--vote-color) 10%,#101722); }.community-audit-column header strong { color:var(--vote-color); font:800 1rem var(--font-display); }.community-audit-column header span { color:#b7c4d3; font-size:.62rem; font-weight:700; }.community-audit-column ul { display:grid; gap:1px; margin:0; padding:5px; list-style:none; }.community-audit-column li { display:grid; gap:2px; padding:7px 6px; border-radius:6px; }.community-audit-column li:nth-child(odd) { background:#101927; }.community-audit-column li b { color:#e4edf7; font-size:.73rem; }.community-audit-column li small { color:#8d9bae; font-size:.64rem; }.community-audit-column li.empty { color:#8d9bae; font-size:.67rem; font-style:italic; }
.community-audit-dialog .dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:22px 22px 14px; }
.community-audit-dialog .dialog-head h2 { margin:5px 0 0; font:700 1.55rem var(--font-display); letter-spacing:-.04em; }
.community-audit-dialog .dialog-head .icon-button { flex:0 0 auto; width:38px; height:38px; border:1px solid #334158; border-radius:9px; color:#9dabbf; background:#131d2d; }
.community-audit-column.selected { box-shadow:0 0 0 2px var(--vote-color),0 0 22px color-mix(in srgb,var(--vote-color) 18%,transparent); }
.community-audit-column li button { justify-self:start; padding:0; border:0; color:#e6f2c7; background:transparent; font:800 .73rem var(--font-body); cursor:pointer; text-align:left; }
.community-audit-column li button:hover { color:var(--acid); text-decoration:underline; }
.community-consensus-badge { display:inline-grid; min-width:31px; place-items:center; margin-left:3px; padding:3px 7px; border:1px solid color-mix(in srgb,var(--vote-color) 72%,#dce5f0); border-radius:6px; color:var(--vote-color); background:color-mix(in srgb,var(--vote-color) 13%,#0b111b); font-style:normal; font-weight:900; }
@media (max-width:600px){.full-profile-top{align-items:flex-start}.player-claim-mini-status{max-width:calc(100% - 104px)}.favorite-picker-slots{grid-template-columns:1fr}.favorite-picker-slots .field:last-child{grid-column:auto}.favorite-picker-heading{align-items:flex-start;flex-direction:column;gap:3px}.rating-board-mode button{padding:5px 7px;font-size:.58rem}}

/* A claimed player is the account identity; the former forum-member duplicate stays out of view. */
.forum-profile-live.player-primary-preview .account-preview-body { grid-template-columns:minmax(0,1fr); padding-top:0; }
.forum-profile-live.player-primary-preview .account-preview-member,.forum-profile-live.player-primary-preview .account-preview-body > p { display:none; }
.forum-profile-live.player-primary-preview .account-preview-player { width:min(560px,calc(100% - 40px)); margin:-58px 20px 20px; padding:15px; position:relative; border-color:rgba(215,255,79,.34); background:rgba(7,12,21,.86); }
.forum-profile-live.player-primary-preview .account-preview-player-avatar { width:76px; height:76px; border-radius:15px; }
.forum-profile-live.player-primary-preview .account-preview-player > div { align-content:center; }
.forum-profile-live.player-primary-preview .account-preview-player > div > span { color:var(--acid); }
.forum-profile-live.player-primary-preview .account-preview-player strong { font:700 1.2rem var(--font-display); }
.forum-profile-live.player-primary-preview .account-facts { display:flex; flex-wrap:wrap; gap:12px; margin:7px 0 0; }
.forum-profile-live.player-primary-preview .account-facts div { display:flex; align-items:baseline; gap:5px; padding:0; border:0; }
.forum-profile-live.player-primary-preview .account-facts dt { color:#8291a5; font-size:.58rem; }
.forum-profile-live.player-primary-preview .account-facts dd { margin:0; color:#dce6f2; font-size:.62rem; }

.player-claim-state { display:flex; align-items:center; gap:12px; margin:18px 34px 0; padding:12px 14px; border:1px solid #354158; border-radius:11px; background:#111925; }
.player-claim-state > span { display:grid; width:32px; height:32px; flex:0 0 auto; place-items:center; border:1px solid currentColor; border-radius:50%; font-weight:900; }
.player-claim-state > div { display:grid; min-width:0; gap:2px; }
.player-claim-state strong { color:#edf4fc; font-size:.8rem; }
.player-claim-state small { color:#93a1b5; font-size:.69rem; }
.player-claim-state .button { margin-left:auto; white-space:nowrap; }
.player-claim-state.claimed { color:#8aefb2; border-color:rgba(82,199,126,.34); background:rgba(47,119,75,.09); }
.player-claim-state.unclaimed { color:var(--acid); border-color:rgba(215,255,79,.28); background:rgba(215,255,79,.055); }
.full-profile-card > .player-claim-state { margin-left:28px; margin-right:28px; }
.full-profile-top { justify-content:space-between; min-height:34px; margin-bottom:14px; }
.player-claim-mini-status { display:inline-flex; align-items:center; gap:6px; min-height:29px; padding:5px 9px; border:1px solid #354158; border-radius:8px; color:#c7d5e3; background:#111925; font-size:.67rem; }.player-claim-mini-status > span { display:grid; width:16px; height:16px; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:.6rem; font-weight:900; }.player-claim-mini-status.claimed { color:#8aefb2; border-color:rgba(82,199,126,.35); }.player-claim-mini-status.unclaimed { color:var(--acid); border-color:rgba(215,255,79,.3); }.player-claim-mini-status .button { min-height:22px; margin-left:3px; padding:3px 7px; font-size:.61rem; }

/* Community Rating keeps the ballot focused and gives results more visual room. */
.community-rating-layout { grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr); align-items:start; }
.community-rating-layout > .admin-card:first-child { position:sticky; top:108px; }
.community-rating-results { grid-template-columns:repeat(auto-fill,minmax(285px,1fr)); }
.community-rating-card { transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.community-rating-card:hover { transform:translateY(-2px); border-color:#445570; box-shadow:0 14px 30px rgba(0,0,0,.2); }

@media (max-width:760px){
  .board-legend{justify-items:start;text-align:left}
  .player-claim-state{align-items:flex-start;margin:14px 16px 0;flex-wrap:wrap}
  .player-claim-state .button{width:100%;margin-left:0;justify-content:center}
  .community-rating-layout{grid-template-columns:1fr}
  .community-rating-layout > .admin-card:first-child{position:static}
  .forum-profile-live.player-primary-preview .account-preview-player{width:calc(100% - 28px);margin:-48px 14px 14px}
}

/* Account modal: never fall back to unstyled browser controls. */
.auth-dialog { width:min(430px,calc(100vw - 28px)); margin:auto; padding:0; border:1px solid #3a4a62; border-radius:16px; color:#eef4fb; background:#111a29; box-shadow:0 28px 90px rgba(0,0,0,.64); }
.auth-dialog::backdrop { background:rgba(2,6,12,.74); backdrop-filter:blur(7px); }
.auth-dialog .dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:22px 22px 0; }
.auth-dialog .dialog-head h2 { margin:5px 0 0; font:700 1.55rem var(--font-display); letter-spacing:-.05em; }
.auth-dialog .icon-button { width:38px; height:38px; border:1px solid #2c3a51; border-radius:9px; color:#9eacc0; background:#121c2b; font-size:1rem; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:20px 22px 0; padding:4px; border-radius:9px; background:#09101a; }
.auth-tabs button { min-height:34px; border:0; border-radius:6px; color:#9caabd; background:transparent; font:700 .76rem var(--font-body); }
.auth-tabs button.active { color:#10150a; background:var(--acid); }
.auth-form { display:grid; gap:11px; padding:20px 22px 24px; }.auth-form .field { gap:6px; color:#b5c0d0; font-size:.73rem; font-weight:700; }
.auth-form input { min-height:46px; padding:9px 11px; border:1px solid #344159; border-radius:8px; color:#edf3fb; background:#0a111c; font:inherit; }.auth-form input:focus { outline:0; border-color:var(--acid); }
.auth-form .button { justify-self:stretch; min-height:46px; margin-top:4px; }
#loginForm .button { margin-top:12px; }
.auth-error { margin:14px 22px -5px; }
.auth-notice { margin:14px 22px -5px; padding:9px 10px; border:1px solid rgba(215,255,79,.42); border-radius:8px; color:#e3f8ae; background:rgba(115,150,34,.14); font-size:.75rem; line-height:1.35; }
.auth-form > p { margin:0; color:#9dacbf; font-size:.76rem; line-height:1.45; }
.auth-link { justify-self:start; padding:0; border:0; color:#c8e98b; background:transparent; font:700 .72rem var(--font-body); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.auth-link:hover { color:var(--acid); }
.email-verification-notice { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; align-items:center; margin:0 0 20px; padding:12px; border:1px solid rgba(255,193,88,.42); border-radius:10px; color:#ffd894; background:rgba(129,84,19,.14); }.email-verification-notice strong { font-size:.8rem; }.email-verification-notice span { color:#dac5a3; font-size:.72rem; line-height:1.42; }.email-verification-notice .button { grid-row:1 / span 2; grid-column:2; margin:0; }
.account-security-settings { display:grid; gap:15px; margin-top:16px; padding:20px 22px; }.account-security-heading { display:grid; gap:7px; max-width:760px; }.account-security-settings h2 { margin:0; font:700 1.15rem var(--font-display); }.account-security-settings p:not(.eyebrow) { max-width:700px; margin:0; color:#9cabbf; font-size:.76rem; line-height:1.48; }.security-email-form { display:grid; grid-template-columns:minmax(0,400px) auto; align-items:end; gap:12px; margin:0; padding:14px; border:1px solid #29354a; border-radius:10px; background:#0c121d; }.security-email-form .field { margin:0; }.security-email-form .button { min-height:44px; margin:0; white-space:nowrap; }
@media (max-width:560px){.email-verification-notice{grid-template-columns:1fr}.email-verification-notice .button{grid-row:auto;grid-column:auto;justify-self:start;}.security-email-form{grid-template-columns:1fr;}.security-email-form .button{justify-self:start;}}

/* The same two-line identity is used in messages, visitors and the Kills/Level list. */
.member-identity,.member-profile-link { display:inline-grid; gap:2px; align-items:start; }.member-name-line { display:inline-flex; align-items:center; gap:5px; min-width:0; }.member-emblems { display:flex; align-items:center; gap:4px; min-height:18px; }.member-emblems .member-world-star,.member-emblems .member-name-icon { display:grid; width:18px; height:18px; place-items:center; border:1px solid #485772; border-radius:5px; background:#172231; font-size:.62rem; line-height:1; }.member-emblems .member-world-star { border-color:#b59232; background:#2c260d; }.member-staff-icon { color:#9fe7ff; text-shadow:0 0 9px rgba(94,207,255,.5); font-size:.8rem; }
.chat-message { padding:5px 9px; }.chat-message-line { align-items:start; gap:6px; }.chat-message-separator,.chat-message-body { margin-top:1px; }.chat-message-line time { margin-top:1px; }
.home-kill-identity { display:inline-grid; gap:3px; min-width:0; }.home-kill-identity strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.home-kill-emblems { display:flex; align-items:center; gap:4px; min-height:17px; }.home-kill-emblems .member-world-star,.home-kill-emblems .member-name-icon { display:grid; width:17px; height:17px; place-items:center; border:1px solid #485772; border-radius:4px; background:#172231; font-size:.58rem; line-height:1; }.home-kill-emblems .member-world-star { border-color:#b59232; background:#2c260d; }.home-kill-row { min-height:57px; }.home-kills-scroll { max-height:468px; }
.stats-player-identity { display:inline-grid; gap:3px; min-width:0; }.stats-player-identity strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.stats-player-emblems { display:flex; align-items:center; gap:4px; min-height:17px; }.stats-player-emblems .member-world-star,.stats-player-emblems .member-name-icon { display:grid; width:17px; height:17px; place-items:center; border:1px solid #485772; border-radius:4px; background:#172231; font-size:.58rem; line-height:1; }.stats-player-emblems .member-world-star { border-color:#b59232; background:#2c260d; }.stats-row { min-height:72px; }
.shoutbox-panel { min-height:520px; }.home-chat-messages { min-height:408px; max-height:450px; }.chat-widget .chat-messages { min-height:388px; max-height:450px; }

/* Uploaded images are clipped safely; the player header keeps the background inside its border. */
.profile-hero { overflow:hidden; background-position:center; background-size:cover; }.profile-avatar { width:112px; height:124px; overflow:hidden; }.profile-avatar img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }.rating-avatar { width:54px; height:54px; flex-basis:54px; }.rating-player { min-height:136px; }.rating-player .traits { margin-top:13px; }
@media (max-width:760px){.community-rating-layout{grid-template-columns:1fr;}.community-rating-results{grid-template-columns:1fr;}.profile-avatar{width:92px;height:104px}.shoutbox-panel{min-height:440px}.home-chat-messages{min-height:330px;max-height:380px}.chat-widget .chat-messages{min-height:300px;max-height:360px}}
@media (max-width:560px){
  .nav-inner{gap:8px}
  .nav-actions{margin-left:auto;max-width:calc(100% - 46px)}
  .account-menu{max-width:none;overflow:visible;gap:2px;padding:4px}
  .account-menu .account-user-name{display:none}
  .account-menu button,.account-menu #openAccountProfile{max-width:none;font-size:.66rem;white-space:nowrap;min-height:34px;padding:4px 6px}
  .account-menu #openAdminPanel:not([hidden]){display:block}
}

/* Keep the action clear of the name/emblem column at every responsive width. */
.rating-player-top > button[data-rating-profile] { align-self:flex-start; flex:0 0 auto; margin-top:1px; white-space:nowrap; }

.directory-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.activity-filter { display:grid; gap:5px; min-width:128px; text-align:left; }
.activity-filter > span { color:#8793a7; font-size:.65rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.activity-filter select { width:100%; height:40px; padding:0 30px 0 10px; border:1px solid #3c485e; border-radius:8px; color:var(--text); background:#0b111b; font:700 .75rem var(--font-body); }
.activity-filter select:focus { outline:0; border-color:var(--acid); box-shadow:0 0 0 3px rgba(215,255,79,.1); }
.activity-filter.compact { min-width:118px; }
.stats-filters { display:flex; align-items:end; gap:10px; margin-bottom:14px; }
.stats-filters .stats-search { flex:1; width:auto; margin:0; }
.player-activity-status { display:inline-flex; align-items:center; gap:5px; width:max-content; padding:3px 7px; border:1px solid #3b485c; border-radius:999px; color:#a7b3c5; background:#111925; font-size:.61rem; font-weight:800; line-height:1; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.player-activity-status i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
.player-activity-status.active { border-color:rgba(106,231,164,.52); color:#7bf0ae; background:rgba(69,193,123,.1); }
.player-activity-status.inactive { border-color:rgba(155,168,190,.4); color:#a4afc1; background:rgba(128,142,167,.08); }
.profile-activity-status { align-self:center; }
.rating-player-status { margin-top:5px; }
.card-activity-status { margin-left:2px; }
.stats-activity-status { margin-top:5px; }
.rating-remove { margin-left:5px; border-color:rgba(255,126,146,.5)!important; color:#ffb1bc!important; }
.rating-remove:hover { border-color:#ff7187!important; color:#fff0f2!important; }
@media (max-width:900px) { .toolbar { grid-template-columns:repeat(3,minmax(0,1fr)); }.toolbar .search-box { grid-column:span 3; } .stats-filters { align-items:stretch; } }
@media (max-width:620px) { .directory-heading-actions { justify-content:flex-start; }.stats-filters { flex-direction:column; }.stats-filters .stats-search,.stats-filters .activity-filter { width:100%; }.toolbar { grid-template-columns:1fr 1fr; }.toolbar .search-box { grid-column:span 2; }.toolbar .button { grid-column:span 2; } }

/* Rating actions sit in predictable corners, leaving the identity and emblem rows unobstructed. */
.rating-player { padding-right:92px; }
.rating-player-top > .rating-player-identity { margin-right:10px; }
.rating-player-emblems { flex-wrap:wrap; padding-right:4px; }
.rating-player-top > button[data-rating-profile] { position:absolute; top:10px; right:10px; z-index:2; min-width:52px; margin:0; }
.yearly-rating-board .rating-remove { position:absolute; right:12px; bottom:12px; z-index:2; margin:0; }
.yearly-rating-board .rating-player { padding-bottom:42px; }
.yearly-restore-button { justify-self:start; white-space:nowrap; }
.full-profile-card .full-profile-activity-status { position:absolute; top:18px; right:18px; z-index:2; min-height:30px; padding:7px 11px; font-size:.67rem; }
.full-profile-card .profile-identity { padding-right:155px; }
.full-profile-card .full-profile-activity-status.active { border-color:rgba(106,231,164,.78); color:#b8ffd1; background:linear-gradient(100deg,rgba(44,190,108,.25),rgba(30,114,75,.15)); box-shadow:0 0 0 1px rgba(106,231,164,.12),0 0 20px rgba(71,226,135,.16); }
.full-profile-card .full-profile-activity-status.active i { width:7px; height:7px; }
@media (max-width:560px) { .rating-tier-players { grid-template-columns:1fr; }.rating-player { padding-right:82px; }.rating-player-top > button[data-rating-profile] { top:10px; right:10px; }.yearly-rating-board .rating-remove { right:10px; bottom:10px; }.full-profile-card .full-profile-activity-status { top:12px; right:12px; }.full-profile-card .profile-identity { padding-right:0; } }

/* Activity is an archive state, so it stays legible in every player card. */
.player-activity-status { min-height:26px; padding:5px 9px; border-width:1px; font-size:.64rem; }
.player-activity-status.active { border-color:rgba(106,231,164,.82); color:#c0ffda; background:linear-gradient(100deg,rgba(44,190,108,.30),rgba(30,114,75,.18)); box-shadow:0 0 0 1px rgba(106,231,164,.13),0 0 18px rgba(71,226,135,.17); }
.player-activity-status.inactive { border-color:rgba(255,166,110,.78); color:#ffd0a9; background:linear-gradient(100deg,rgba(210,102,50,.25),rgba(121,56,38,.18)); box-shadow:0 0 0 1px rgba(255,166,110,.1),0 0 16px rgba(244,119,66,.12); }
.rating-player-status { margin-top:7px; }
.card-activity-status { align-self:center; }
.player-card .card-bottom { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:8px; row-gap:8px; }
.player-card .card-bottom > span:first-child { grid-column:1 / -1; }
.player-card .card-bottom .card-activity-status { grid-column:1; margin:2px 0 0; }
.player-card .card-bottom .podiums { grid-column:2; margin:2px 0 0; }
.stats-activity-status { margin-top:7px; }
.profile-reference .popup-profile-activity-status { position:absolute; top:24px; right:76px; z-index:2; min-height:30px; padding:7px 11px; font-size:.67rem; }
.profile-reference .profile-identity { padding-right:165px; }
@media (max-width:560px) { .profile-reference .popup-profile-activity-status { position:relative; top:auto; right:auto; margin:0 0 13px; }.profile-reference .profile-identity { padding-right:0; } }

/* Keep already-open profile markup visually current until the profile is rendered again. */
.full-profile-card .profile-meta .profile-activity-status { position:absolute; top:18px; right:18px; z-index:2; min-height:30px; padding:7px 11px; font-size:.67rem; }
.profile-reference .profile-meta .profile-activity-status { position:absolute; top:24px; right:76px; z-index:2; min-height:30px; padding:7px 11px; font-size:.67rem; }
@media (max-width:560px) { .full-profile-card .profile-meta .profile-activity-status { top:12px; right:12px; }.profile-reference .profile-meta .profile-activity-status { position:relative; top:auto; right:auto; margin:0 0 13px; } }

/* Rating cards reserve the same composition for every player, regardless of emblem count. */
.rating-tier-players { grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); align-items:stretch; }

/* Full profiles keep contact information beneath the archive activity state. */
.full-profile-status-stack { position:absolute; top:18px; right:18px; z-index:2; display:grid; justify-items:end; gap:7px; }
.full-profile-card .full-profile-status-stack .full-profile-activity-status { position:static; min-height:30px; margin:0; padding:7px 11px; font-size:.67rem; }
.profile-discord-status { display:inline-flex; align-items:center; gap:6px; max-width:190px; min-height:28px; padding:5px 9px; border:1px solid rgba(135,113,255,.68); border-radius:8px; color:#efeaff; background:linear-gradient(100deg,rgba(88,71,172,.55),rgba(47,39,102,.45)); box-shadow:0 0 16px rgba(105,85,226,.16); font:700 .67rem/1 var(--font-body); }
.profile-discord-status img { width:15px; height:15px; flex:0 0 auto; }.profile-discord-status span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-discord-status.muted { border-color:#39465d; color:#94a1b5; background:#111925; box-shadow:none; opacity:.82; }
.clan-war-match>header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }.clan-war-match>header time { margin:0; }.clan-war-match>header>div { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.clan-war-format,.clan-war-mode { padding:3px 6px; border:1px solid #61734b; border-radius:5px; color:#d9ffad; background:rgba(113,151,69,.12); font:800 .6rem/1 var(--font-display); letter-spacing:.06em; }.clan-war-mode { border-color:#4c5d7a; color:#b8c9e5; background:#172236; }.clan-war-match>header .button { margin-left:4px; }
.clan-war-form-grid { gap:16px; }
.clan-war-form-row,.clan-war-result-fields { display:grid; grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.clan-war-result-fields { grid-template-columns:minmax(0,1.5fr) minmax(120px,.75fr) minmax(120px,.75fr); padding:14px; border:1px solid #32425b; border-radius:11px; background:linear-gradient(110deg,rgba(124,169,66,.07),rgba(14,21,32,.72)); }
.clan-war-form-grid .field { min-width:0; }
.clan-war-form-grid .field small { min-height:28px; line-height:1.35; }
.clan-war-result-fields .field small { min-height:0; }
@media (max-width:620px){.clan-war-form-row,.clan-war-result-fields{grid-template-columns:1fr}.clan-war-result-fields{padding:12px}.clan-war-form-grid .field small{min-height:0}}
.clan-war-streaks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:15px; }.clan-war-streaks article { display:grid; gap:5px; padding:15px; border:1px solid #34445d; border-radius:10px; background:#0c1320; }.clan-war-streaks span,.clan-war-streaks small,.clan-war-note { color:#91a3ba; font-size:.75rem; }.clan-war-streaks strong { color:#d9ffad; font:800 1.2rem/1 var(--font-display); }.clan-war-note { line-height:1.45; }
.clan-elo-record { display:flex; align-items:center; gap:4px; }.clan-elo-record i { display:inline-flex; gap:2px; margin-left:3px; font-style:normal; }.clan-elo-record i em { display:grid; place-items:center; width:15px; height:15px; border:1px solid #4b596d; border-radius:4px; color:#aeb9ca; font:800 .5rem/1 var(--font-display); font-style:normal; }.clan-elo-record i em.win { border-color:#629750; color:#bcff8d; background:rgba(93,160,56,.14); }.clan-elo-record i em.loss { border-color:#935363; color:#ffb6bd; background:rgba(184,68,86,.12); }
.clan-war-player-table { display:grid; overflow:auto; margin-top:14px; border:1px solid #2c3950; border-radius:10px; }.clan-war-player-table>div { display:grid; grid-template-columns:42px minmax(160px,1fr) repeat(6,minmax(72px,auto)); gap:10px; align-items:center; min-width:720px; padding:11px 14px; border-bottom:1px solid #27354a; color:#aebbd0; font-size:.76rem; }.clan-war-player-table>div:first-child { color:#8292a9; background:#0c1320; font:800 .61rem/1 var(--font-display); letter-spacing:.06em; text-transform:uppercase; }.clan-war-player-table>div:last-child { border-bottom:0; }.clan-war-player-table button { display:flex; align-items:center; gap:6px; padding:0; border:0; color:#eef4ff; background:transparent; font:700 .78rem var(--font-body); text-align:left; cursor:pointer; }.clan-war-player-table button:hover { color:var(--acid); }.cw-player-flag { width:18px; height:13px; object-fit:cover; border-radius:2px; }.clan-war-player-table strong { color:#d9ffad; }
.inline-field { display:flex; gap:7px; }.inline-field select { min-width:0; flex:1; }.clan-war-player-stats { display:grid; gap:10px; margin-top:18px; padding-top:16px; border-top:1px solid #29374c; }.clan-war-player-stats>div:first-child { display:grid; gap:4px; }.clan-war-player-stats h3 { margin:0; font-size:1rem; }.clan-war-player-stats span { color:#91a3ba; font-size:.75rem; line-height:1.45; }.clan-war-stat-head,.clan-war-stat-row { display:grid; grid-template-columns:minmax(130px,1.3fr) repeat(5,minmax(60px,.65fr)) 30px; gap:7px; align-items:center; }.clan-war-stat-head { color:#8696ad; font:800 .58rem/1 var(--font-display); letter-spacing:.06em; text-transform:uppercase; }.clan-war-stat-row { margin-top:7px; }.clan-war-stat-row select,.clan-war-stat-row input { width:100%; min-width:0; height:38px; padding:0 8px; border:1px solid #37465f; border-radius:7px; color:var(--text); background:#0b111b; }.clan-war-stat-row .icon-button { width:30px; height:30px; }.field small[hidden] { display:none; }
@media (max-width:680px){.full-profile-status-stack{position:relative;top:auto;right:auto;justify-items:start;margin:12px}.clan-war-streaks{grid-template-columns:1fr}.clan-war-stat-head{display:none}.clan-war-stat-row{grid-template-columns:1fr 1fr 1fr}.clan-war-stat-row select{grid-column:1 / -1}.clan-war-stat-row .icon-button{grid-column:3;justify-self:end}.inline-field{flex-wrap:wrap}.inline-field select{min-width:160px}}
.rating-player { box-sizing:border-box; height:192px; min-height:192px; padding:13px; }
.rating-player-top { display:grid; grid-template-columns:54px minmax(0,1fr) auto; grid-template-rows:auto auto auto; align-items:start; column-gap:11px; row-gap:6px; }
.rating-avatar { grid-row:1 / span 3; }
.rating-player-top > .rating-player-identity { display:contents; }
.rating-player-name { grid-column:2; grid-row:1; min-height:22px; }
.rating-player-emblems { grid-column:2 / 4; grid-row:2; min-height:24px; max-height:54px; padding-right:0; overflow:hidden; }
.rating-player-status { grid-column:2 / 4; grid-row:3; margin:0; }
.rating-player-top > button[data-rating-profile] { position:static; grid-column:3; grid-row:1; min-width:52px; margin:0; align-self:start; }
.rating-player { padding-right:13px; }
.yearly-rating-board .rating-player { height:192px; min-height:192px; padding-right:13px; padding-bottom:42px; }
@media (max-width:560px) { .rating-player,.yearly-rating-board .rating-player { height:192px; min-height:192px; padding-right:13px; }.rating-player-top > button[data-rating-profile] { position:static; } }

/* World Cup podium honours are archive-derived and cannot be edited by a player. */
.world-podium-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.world-podium-badges .world-champion-badge { margin-top:0; }
.world-champion-badge.world-podium-badge.place-2 { border-color:rgba(205,215,230,.52); color:#e8eef8; background:linear-gradient(105deg,rgba(205,215,230,.18),rgba(67,78,98,.12)); box-shadow:0 0 18px rgba(205,215,230,.10); }
.world-champion-badge.world-podium-badge.place-2 i { color:#18212d; background:linear-gradient(145deg,#f2f6fb,#aeb9c9); box-shadow:0 0 10px rgba(210,221,238,.38); }
.world-champion-badge.world-podium-badge.place-2 small { color:#bac5d6; }
.world-champion-badge.world-podium-badge.place-3 { border-color:rgba(212,139,96,.55); color:#ffd8c1; background:linear-gradient(105deg,rgba(212,139,96,.19),rgba(102,55,34,.12)); box-shadow:0 0 18px rgba(212,139,96,.10); }
.world-champion-badge.world-podium-badge.place-3 i { color:#2a140b; background:linear-gradient(145deg,#f0b089,#b66e4b); box-shadow:0 0 10px rgba(224,142,94,.38); }
.world-champion-badge.world-podium-badge.place-3 small { color:#e6b397; }
.member-world-star.world-podium-emblem { font-weight:900; text-shadow:none; }
.member-world-star.world-podium-emblem.place-1 { color:#ffe06b; border-color:#a78632; background:#2c260d; }
.member-world-star.world-podium-emblem.place-2 { color:#eff4fb; border-color:#9eacbf; background:#243043; }
.member-world-star.world-podium-emblem.place-3 { color:#ffd1b7; border-color:#b87857; background:#3c2118; }
.account-preview-player-emblems .member-world-star { display:grid; width:19px; height:19px; place-items:center; box-sizing:border-box; padding:0; border:1px solid #4c596f; border-radius:5px; background:#182236; font-size:.65rem; line-height:1; font-style:normal; }
.member-arena-tag { display:inline-grid; min-width:25px; height:17px; padding:0 5px; place-items:center; border:1px solid #51637f; border-radius:5px; color:#c8d7ec; background:#182336; font:800 .55rem/1 var(--font-display); letter-spacing:.04em; }
.chat-message .member-arena-tag { border-color:rgba(215,255,79,.42); color:#dfff80; background:rgba(215,255,79,.08); }
.rating-player-status { grid-column:2 / 4; grid-row:3; margin:0; align-self:start; }

/* Symbols use different font metrics; reset the line box inside the profile slots. */
/* The popup and full profile share this exact emblem grid. A wrapped glyph avoids
   browser emoji baselines pushing a symbol away from the visual centre. */
.profile-player-identity { grid-template-rows:auto 24px; justify-items:start; align-items:start; row-gap:6px; }
.profile-player-emblems { display:grid; grid-auto-flow:column; grid-auto-columns:24px; grid-auto-rows:24px; align-items:stretch; justify-content:start; gap:6px; min-height:24px; }
.profile-player-emblems .member-world-star,.profile-player-emblems .member-name-icon { box-sizing:border-box; display:grid; width:24px; height:24px; min-width:24px; min-height:24px; padding:0; overflow:hidden; place-items:center; place-content:center; line-height:1; text-align:center; vertical-align:middle; }

/* Community consensus replaces the legacy staff rating. */
.community-rating-badge,.card-rating,.profile-rating,.favorite-player-rating { display:inline-flex; align-items:center; justify-content:center; gap:5px; border:1px solid color-mix(in srgb,var(--rating,#71809a) 62%,#fff); background:color-mix(in srgb,var(--rating,#71809a) 17%,#111a29); color:var(--rating,#dbe6f7); border-radius:7px; padding:4px 7px; font:800 .72rem/1 var(--font-display); white-space:nowrap; }
.community-rating-badge small,.card-rating small,.profile-rating small,.favorite-player-rating small { color:inherit; font:700 .58rem/1 var(--font-body); opacity:.8; }
.community-rating-badge.pending,.card-rating.pending,.profile-rating.pending,.favorite-player-rating.pending { --rating:#77849a; color:#b8c2d2; font:700 .6rem/1 var(--font-body); border-color:#40506a; background:#111a29; }
.card-rating.pending { max-width:82px; white-space:normal; text-align:center; }
.community-status { display:inline-flex; align-items:center; gap:5px; margin-top:7px; border:1px solid #42506a; border-radius:999px; padding:4px 8px; color:#bac6d8; font:800 .64rem/1 var(--font-display); text-transform:uppercase; letter-spacing:.05em; }
.community-status i { width:6px; height:6px; border-radius:50%; background:#8d9bb0; box-shadow:0 0 8px currentColor; }.community-status.open { color:#a8ff6d; border-color:#5d8744; background:rgba(105,170,61,.13); }.community-status.open i { background:#baff6d; }.community-status.archived { color:#b5bdcb; background:rgba(135,146,166,.1); }
.active-community-links { display:flex; align-items:center; gap:5px; margin-left:10px; }.active-community-links a { display:grid; place-items:center; width:28px; height:28px; padding:3px; border:1px solid #34445d; border-radius:7px; background:#101927; }.active-community-links img { display:block; max-width:100%; max-height:100%; object-fit:contain; }.active-community-links a:hover { border-color:var(--acid); transform:translateY(-1px); }
.awards-archive { margin-top:22px; }.awards-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; }.award-card { display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:13px; align-items:start; padding:16px; border:1px solid #2e3c53; border-radius:12px; background:#111a29; }.award-icon { display:grid; place-items:center; width:54px; height:54px; border:1px solid #9b7b2b; border-radius:12px; background:#2a230e; color:#ffe173; font-size:1.35rem; overflow:hidden; }.award-icon img { width:100%; height:100%; object-fit:contain; }.award-card h2 { margin:0 0 5px; font-size:1rem; }.award-community { display:inline-flex; align-items:center; gap:6px; max-width:100%; margin:0 0 8px; color:#b9c8db; font:700 .68rem/1 var(--font-body); }.award-community-logo { display:grid; place-items:center; width:20px; height:20px; flex:0 0 auto; overflow:hidden; border:1px solid #42506a; border-radius:5px; background:#101722; }.award-community-logo img { display:block; width:100%; height:100%; object-fit:contain; }.award-community>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.award-card p { margin:0; color:#9eb0c8; font-size:.84rem; line-height:1.45; }.award-card small { display:block; margin-top:8px; color:#70829b; }
.admin-member-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid #27354b; }.admin-member-row small { display:block; color:#8090a7; margin-top:3px; }.admin-member-row em { color:#9eb0c8; font-size:.75rem; font-style:normal; }
.player-arena-profile-switch { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:6px; }.player-arena-profile-switch>span { color:#91a3bb; font:800 .62rem/1 var(--font-display); text-transform:uppercase; letter-spacing:.08em; }
.official-clan-wars-archive { display:grid; gap:16px; }.clan-war-toolbar { align-items:center; }.clan-war-toolbar>div { display:grid; gap:4px; max-width:720px; }.clan-war-toolbar span { color:#91a3ba; font-size:.8rem; line-height:1.45; }.clan-war-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.clan-war-summary article { display:grid; gap:5px; padding:16px; border:1px solid #334159; border-radius:12px; background:linear-gradient(135deg,rgba(215,255,79,.06),transparent 60%),#111a29; }.clan-war-summary span,.clan-war-summary small { color:#91a3ba; font-size:.73rem; }.clan-war-summary strong { color:#eff6ff; font:800 1.15rem/1.1 var(--font-display); }.clan-war-layout { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(420px,1.4fr); gap:16px; }.clan-war-panel { padding:18px; border:1px solid #2f3d54; border-radius:14px; background:#101825; }.clan-war-panel-head { display:flex; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid #29374c; }.clan-war-panel-head p { margin:0 0 5px; color:var(--acid); font:800 .65rem/1 var(--font-display); letter-spacing:.09em; }.clan-war-panel-head h2 { margin:0; font-size:1.08rem; }.clan-war-panel-head>span,.clan-war-panel-head>div>span { color:#93a4bd; font-size:.74rem; line-height:1.35; }.clan-elo-list { display:grid; }.clan-elo-row { display:grid; grid-template-columns:30px 34px minmax(0,1fr) auto 25px auto 28px; gap:8px; align-items:center; min-height:58px; border-bottom:1px solid #26344a; }.clan-elo-row:last-child { border-bottom:0; }.clan-elo-rank { color:#8291a7; }.clan-elo-logo { width:30px; height:30px; display:grid; place-items:center; overflow:hidden; border-radius:7px; border:1px solid #40506a; background:#172235; }.clan-elo-logo img { width:100%; height:100%; object-fit:contain; }.clan-elo-row>strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.clan-elo-record { color:#9baac0; font-size:.72rem; white-space:nowrap; }.clan-elo-record b { color:#aefc78; }.clan-elo-form { display:grid; place-items:center; width:22px; height:22px; border-radius:5px; color:#a4b0c2; border:1px solid #46536a; font:800 .66rem/1 var(--font-display); }.clan-elo-form.win { color:#bcff8d; border-color:#679d4e; background:rgba(93,160,56,.14); }.clan-elo-form.loss { color:#ffb6bd; border-color:#99505d; background:rgba(184,68,86,.12); }.clan-elo-row em { color:#f1f6fc; font:800 1rem/1 var(--font-display); font-style:normal; text-align:right; }.clan-elo-row small { color:#8391a6; font-size:.58rem; }.clan-war-match-list,.clan-war-history-list { display:grid; }.clan-war-match { padding:13px 0; border-bottom:1px solid #29374c; }.clan-war-match:last-child { border-bottom:0; }.clan-war-match time { display:block; margin-bottom:8px; color:#8393aa; font-size:.68rem; }.clan-war-match-clans { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:10px; align-items:center; }.clan-war-match-clans>span { display:flex; align-items:center; gap:7px; min-width:0; color:#9eacbe; }.clan-war-match-clans>span:last-child { justify-content:flex-end; text-align:right; }.clan-war-match-clans span img { width:24px; height:24px; object-fit:contain; }.clan-war-match-clans b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.clan-war-match-clans .winner { color:#d9ffad; }.clan-war-match-clans>strong { padding:6px 9px; border:1px solid #709653; border-radius:7px; color:#d9ffad; background:rgba(100,150,58,.12); font:800 .82rem/1 var(--font-display); }.clan-war-match-meta { display:flex; flex-wrap:wrap; gap:8px 13px; margin-top:8px; color:#8493aa; font-size:.68rem; }.clan-war-match-meta a { color:#d8ff86; }.clan-war-match p { margin:8px 0 0; color:#a9b6c8; font-size:.76rem; line-height:1.4; }.clan-war-history { grid-column:1 / -1; }
@media (max-width:850px){.clan-war-layout{grid-template-columns:1fr}.clan-war-summary{grid-template-columns:1fr}.clan-elo-row{grid-template-columns:28px 32px minmax(0,1fr) auto 24px auto}.clan-elo-row small{display:none}}@media (max-width:520px){.clan-war-toolbar{align-items:stretch}.clan-war-toolbar .button{align-self:flex-start}.clan-war-match-clans{gap:6px}.clan-war-match-clans>span{font-size:.74rem}.clan-war-match-clans span img{width:20px;height:20px}.clan-elo-record{display:none}}
@media (max-width:720px){.active-community-links{display:none}.award-card{grid-template-columns:48px minmax(0,1fr)}.award-card .button{grid-column:2;justify-self:start}.admin-member-row{grid-template-columns:minmax(0,1fr) auto}.admin-member-row em{grid-column:1 / -1}}
.arena-switcher{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #28364b;border-radius:12px;background:#080d17;flex:0 0 auto}
.arena-switcher button{min-width:34px;height:30px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#91a3c2;font:700 11px/1 "Space Grotesk",sans-serif;cursor:pointer;transition:.18s ease}
.arena-switcher button:hover{color:#fff;background:#172236}
.arena-switcher button.active{color:#080b13;background:#d7ff4f;box-shadow:0 0 0 1px rgba(215,255,79,.28),0 0 18px rgba(215,255,79,.16)}
.player-arena-tabs{display:flex;align-items:center;gap:5px;margin:8px 0 2px}
.player-arena-tabs button{min-width:36px;padding:5px 8px;border:1px solid #3a4b65;border-radius:7px;background:#0c1320;color:#a9bbd8;font:700 11px/1 "Space Grotesk",sans-serif;cursor:pointer}
.player-arena-tabs button:hover{border-color:#d7ff4f;color:#fff}
.player-arena-tabs button.active{border-color:#d7ff4f;background:#d7ff4f;color:#080b13}
@media(max-width:1180px){.nav-inner{flex-wrap:wrap}.arena-switcher{order:3;width:100%;overflow-x:auto;scrollbar-width:thin}.arena-switcher button{flex:1 0 auto}.site-links{order:4;width:100%}}

/* Arena-first header: site identity, arena selection, then arena-local pages. */
.topbar { min-height:0; background:rgba(11,16,26,.97); }
.nav-shell { width:100%; max-width:none; margin:0; }
.nav-utility { min-height:58px; padding:9px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #263247; }
.brand { gap:11px; }
.brand-mark { width:42px; height:42px; overflow:hidden; border:1px solid rgba(218,105,24,.72); border-radius:12px; background:#090b0f; box-shadow:0 0 26px rgba(218,105,24,.14); transform:none; }
.brand-mark img { display:block; width:100%; height:100%; object-fit:cover; }
.brand-copy { display:grid; line-height:1.05; }
.brand-copy strong { color:var(--text); font:700 1.03rem var(--font-display); letter-spacing:-.035em; }
.brand-copy strong span { color:var(--acid); }
.brand-copy small { margin-top:5px; color:#7f8ca3; font-size:.58rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }

/* Compact brand alignment keeps the archive identity close to arena navigation. */
.nav-utility { padding-bottom: 4px; }
.brand { transform: translateY(2px); gap: 8px; }
.brand-mark { width: 36px; height: 36px; border-radius: 10px; }
.brand-copy strong { font-size: .94rem; }
.brand-copy small { margin-top: 3px; font-size: .52rem; }
.player-picker { position:relative; display:grid; gap:8px; }
.player-picker-results { position:absolute; z-index:8; top:44px; left:0; right:0; max-height:250px; overflow:auto; background:#101827; border:1px solid var(--line); border-radius:10px; padding:5px; box-shadow:0 14px 32px rgba(0,0,0,.34); }
.player-picker-results button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; padding:9px 10px; border:0; background:transparent; color:var(--text); border-radius:7px; }
.player-picker-results button:hover { background:#1b2940; }
.player-picker-results > span { display:block; padding:10px; color:var(--muted); }
.player-picker-results small { color:var(--acid); font-weight:800; }
.player-search-identity { display:inline-flex; align-items:center; min-width:0; gap:7px; }
.player-search-identity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-search-flag { width:18px; height:12px; flex:0 0 auto; border-radius:2px; object-fit:cover; }
.player-picker-selected { display:flex; flex-wrap:wrap; gap:7px; min-height:26px; }
.player-picker-selected > span { display:flex; align-items:center; gap:6px; padding:5px 7px; border:1px solid #40506a; border-radius:999px; background:#111d2d; }
.player-picker-selected button { padding:0; border:0; background:transparent; color:#ff8796; font-size:1.1rem; line-height:1; }
.community-arena-links { border:1px solid var(--line); border-radius:10px; padding:10px 12px; }
.community-arena-links > div { display:flex; flex-wrap:wrap; gap:9px 14px; }
.community-arena-links label { font-size:.78rem; font-weight:800; color:var(--text); }
.community-arena-links small { display:block; margin-top:8px; }
.home-entry-status { margin-left:6px; padding:2px 5px; border-radius:5px; font-size:.58rem; text-transform:uppercase; letter-spacing:.08em; background:#22334c; color:#b9c8de; }
.home-entry-status.ongoing { color:#cbff64; background:#31451a; }.home-entry-status.finished { color:#aeb7c6; background:#242b36; }.home-entry-status.upcoming { color:#85bcff; background:#172d4b; }
.cw-mode-select { display:flex; align-items:center; gap:6px; font-size:.72rem; font-weight:800; color:var(--muted); }.cw-mode-select select { min-width:105px; padding:6px 8px; border-radius:7px; }
.clan-war-overview-records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.awards-category { margin-bottom:24px; }
.video-feed-tabs { margin-bottom:10px; }.video-leaderboard { display:grid; gap:8px; }.video-leaderboard article { display:grid; grid-template-columns:42px minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:10px; background:#101825; }.video-leaderboard b { color:var(--acid); }.video-leaderboard span,.video-leaderboard em { color:var(--muted); font-style:normal; font-size:.8rem; }.media-card footer { display:flex; justify-content:space-between; align-items:center; padding:8px 10px 10px; color:var(--muted); font-size:.72rem; }.media-like { border:1px solid #6d3a51; border-radius:999px; background:#1b1420; color:#f5a0b4; padding:4px 8px; font-weight:800; }.media-like.liked { background:#5b1f3b; color:#fff; }

#homeClanWarResults [data-edit-clan-war] { display:none; }
.home-match small { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }.home-entry-status { margin-left:0; }.home-entry-status + * { margin-left:4px; }
.community-directory-card { grid-template-columns:48px minmax(0,1fr) auto auto; }.community-edit-button { justify-self:end; min-width:0; padding:5px 9px; line-height:1; text-align:center; }
.community-status-field,.community-logo-field { align-self:start; }.community-status-field small,.community-logo-field small { min-height:32px; }
@media (max-width:760px){.clan-war-overview-records{grid-template-columns:1fr}.brand-copy small{display:none}.player-picker-results{position:static;max-height:190px}}
.arena-stage { min-height:80px; padding:15px 24px 0; display:grid; grid-template-columns:minmax(170px,.65fr) minmax(0,1fr) auto; align-items:end; gap:18px; background:linear-gradient(100deg,#101827,#0d1421); }
.arena-heading { align-self:center; display:grid; min-width:0; }
.arena-heading span { color:#ff6784; font-size:.62rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.arena-heading strong { overflow:hidden; color:#f6f8fc; font:700 clamp(1.65rem,2.8vw,2.55rem)/1.05 var(--font-display); letter-spacing:-.045em; text-overflow:ellipsis; white-space:nowrap; }
.arena-switcher { justify-content:flex-end; align-self:end; gap:7px; padding:0; border:0; border-radius:0; background:transparent; overflow:visible; }
.arena-switcher button { min-width:64px; height:44px; padding:0 14px; border:1px solid #2b3a51; border-bottom:0; border-radius:11px 11px 0 0; background:#101a2a; color:#91a3c2; font-size:.72rem; }
.arena-switcher button:hover { border-color:#52627b; background:#172236; }
.arena-switcher button.active { border-color:var(--acid); color:#080b13; background:var(--acid); box-shadow:0 -8px 24px rgba(215,255,79,.12); }
.site-links { position:relative; display:flex; grid-template-rows:none; align-items:stretch; align-content:stretch; gap:0; min-height:49px; padding:0 24px; overflow:visible; border-top:1px solid #263247; border-bottom:1px solid #303849; background:#111927; scrollbar-width:none; }
.site-links > a,.site-links > .nav-menu-group > summary { position:relative; min-height:48px; padding:0 15px; display:flex; align-items:center; gap:7px; border:0; color:#9daac0; background:transparent; font-size:.78rem; font-weight:700; text-decoration:none; white-space:nowrap; list-style:none; cursor:pointer; }
.site-links > .nav-menu-group > summary::-webkit-details-marker { display:none; }
.site-links > .nav-menu-group > summary::after { content:"⌄"; color:#64738c; font-size:.72rem; transform:translateY(-1px); }
.site-links > a:hover,.site-links > .nav-menu-group > summary:hover { color:#fff; background:#151f30; }
.site-links > a.active,.site-links > .nav-menu-group:has(a.active) > summary { color:var(--acid); background:#0d1421; box-shadow:inset 0 0 0 1px #263247; }
.site-links > a.active::after { left:14px; right:14px; bottom:0; height:2px; background:var(--acid); }
.nav-menu-group { position:relative; }
.nav-menu-popover { position:absolute; top:calc(100% + 7px); left:0; z-index:50; display:grid; min-width:210px; padding:7px; border:1px solid #34435b; border-radius:11px; background:#0c1320; box-shadow:0 18px 46px rgba(0,0,0,.48); }
.nav-menu-group:not([open]) .nav-menu-popover { display:none; }
.nav-menu-popover a { min-height:39px; padding:8px 10px; border-radius:7px; color:#aab8cf; text-decoration:none; font-size:.78rem; font-weight:700; }
.nav-menu-popover a:hover { color:#fff; background:#172236; }
.nav-menu-popover a.active { color:var(--acid); background:rgba(215,255,79,.07); }
.nav-menu-popover a.active::after { display:none; }
.site-links .nav-contribute { margin-left:auto; color:#d7ff4f; }
.site-links .nav-contribute::before { content:"＋"; font-size:.8rem; }

@media (max-width:1180px) {
  .arena-stage { grid-template-columns:minmax(150px,.5fr) minmax(0,1fr) auto; }
  .arena-switcher { width:auto; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
  .arena-switcher button { flex:1 0 auto; min-width:58px; }
  .site-links { width:100%; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#63708a #111722; padding-bottom:5px; }
  .site-links::-webkit-scrollbar { display:block; height:6px; }
  .site-links::-webkit-scrollbar-track { background:#111722; border-radius:999px; }
  .site-links::-webkit-scrollbar-thumb { background:#63708a; border-radius:999px; }
  .site-links .nav-contribute { margin-left:0; }
}

/* Community feedback is intentionally read from its dedicated page, not while voting. */
#community-ratingPage .community-opinions-panel { display:none !important; }
.field-character-limit { display:block; margin-top:4px; color:#8290a5; font-size:.62rem; font-weight:700; text-align:right; }
label.field:has(#playerCardType) { display:none; }
@media (max-width:760px) {
  .nav-utility { min-height:54px; padding:8px 14px; }
  .brand > span:last-child { display:grid; }
  .brand-copy small { display:none; }
  .arena-stage { min-height:0; padding:12px 14px 0; grid-template-columns:1fr; gap:10px; }
  .arena-heading strong { font-size:1.65rem; }
  .arena-switcher { justify-content:flex-start; width:calc(100% + 28px); margin:0 -14px; padding:0 14px; }
  .arena-switcher button { min-width:58px; height:40px; }
  .site-links { padding:0 8px; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-snap-type:inline proximity; }
  .site-links > a,.site-links > .nav-menu-group > summary { min-height:46px; padding:0 11px; scroll-snap-align:start; }
  .nav-menu-group[open] .nav-menu-popover { position:fixed; top:var(--nav-popover-top,180px); left:12px; right:12px; min-width:0; margin-top:0; }
  .site-links .nav-contribute { margin-left:0; }
}
@media (max-width:520px) {
  .brand-mark { width:35px; height:35px; border-radius:10px; }
  .brand-copy strong { font-size:.9rem; }
  .nav-actions { gap:7px; }
  .register-button { padding-inline:8px; }
  .account-menu { max-width:calc(100vw - 68px); }
}

.form-error { margin:0 0 14px; padding:11px 13px; border:1px solid rgba(255,115,137,.72); border-radius:9px; color:#ffd2d9; background:rgba(147,46,64,.2); font-size:.78rem; line-height:1.45; }
.mode-composer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }.mode-composer select { min-width:0; }.mode-composer + input { margin-top:7px; }
#addClanWarMode,#clanWarCustomMode { display:none!important; }.mode-composer { display:block; }.cw-mvp-check { display:flex; align-items:center; justify-content:center; gap:5px; min-height:38px; padding:0 7px; border:1px solid #37465f; border-radius:7px; color:#c9d7e9; background:#0b111b; font:800 .62rem/1 var(--font-display); }.cw-mvp-check input { width:15px!important; height:15px!important; accent-color:var(--acid); }.clan-war-stat-head.shooter,.clan-war-stat-row.shooter { grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(60px,.7fr)) 54px 30px; }
.clan-war-stat-head,.clan-war-stat-row { grid-template-columns:minmax(130px,1.3fr) repeat(var(--cw-stat-fields),minmax(64px,.7fr)) 30px; }
.cw-mvp-check input[type="checkbox"] { appearance:auto!important; display:block!important; width:18px!important; min-width:18px!important; height:18px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:initial!important; cursor:pointer; accent-color:var(--acid); }
.cw-mvp-check:has(input:checked) { border-color:#a7f34a; color:#ddffba; background:rgba(180,255,80,.12); box-shadow:inset 0 0 0 1px rgba(180,255,80,.08); }
#clanWarPlayerStatsRows { min-width:0; max-width:100%; overflow-x:auto; padding-bottom:3px; }
.clan-war-layout { grid-template-columns:minmax(0,1fr) minmax(230px,.3fr); align-items:start; }
.clan-war-main-stack { display:grid; gap:16px; min-width:0; }
.clan-war-records-card { display:grid; gap:12px; padding:16px; border:1px solid #41516a; border-radius:14px; background:linear-gradient(150deg,rgba(217,255,173,.08),transparent 58%),#101825; }
.clan-war-records-card .clan-war-panel-head { padding-bottom:10px; }
.clan-war-records-card .clan-war-streaks { grid-template-columns:1fr; gap:8px; }
.clan-war-records-card .clan-war-streaks article { padding:11px; }
.clan-war-top-brief .clan-war-player-table { max-height:none; }
.cw-player-clans { display:block; margin-top:3px; color:#b9d9a2; font:800 .59rem/1 var(--font-display); letter-spacing:.04em; }
.cw-detail-summary { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; color:#b5c3d9; font-size:.78rem; }.cw-detail-summary span { padding:6px 9px; border:1px solid #35445d; border-radius:7px; background:#101928; }.cw-detail-section { margin-top:16px; }.cw-detail-section h3 { margin:0 0 8px; font-size:1rem; }.cw-detail-table { overflow:auto; border:1px solid #2d3b52; border-radius:9px; }.cw-detail-table table { width:100%; min-width:580px; border-collapse:collapse; font-size:.75rem; }.cw-detail-table th,.cw-detail-table td { padding:10px; border-bottom:1px solid #26334a; text-align:left; }.cw-detail-table th { color:#91a2ba; background:#0b111c; font:800 .6rem/1 var(--font-display); letter-spacing:.06em; text-transform:uppercase; }.cw-detail-table tr:last-child td { border-bottom:0; }.cw-detail-notes { margin:16px 0 0; color:#aebbd0; line-height:1.5; }
.admin-member { align-items:start; }.admin-permission-list { display:flex; flex-wrap:wrap; gap:7px 12px; min-width:260px; margin:0; padding:0; border:0; }.admin-permission-list legend { width:100%; margin-bottom:2px; color:#8fa1bb; font-size:.67rem; }.admin-permission { display:inline-flex; align-items:center; gap:5px; color:#cbd8e9; font-size:.7rem; white-space:nowrap; }.admin-permission input { width:15px; height:15px; accent-color:var(--acid); }.admin-arena-access { align-content:start; max-width:290px; padding-left:13px; border-left:1px solid #29374c; }.admin-arena-access>small { width:100%; color:#728298; font-size:.61rem; line-height:1.35; }.admin-arena-access>div { display:flex; flex-wrap:wrap; gap:6px 10px; }.admin-arena-permission { min-width:75px; padding:4px 6px; border:1px solid #2d3b51; border-radius:6px; background:#101824; }.admin-arena-permission:has(input:checked) { border-color:#607e43; color:#e0f8b4; background:rgba(151,217,76,.09); }.admin-arena-master { margin:0; color:#d8ff91; font:800 .67rem/1.35 var(--font-display); }
@media (max-width:850px){.clan-war-layout{grid-template-columns:1fr}.clan-war-records-card .clan-war-streaks{grid-template-columns:repeat(2,minmax(0,1fr));}.admin-permission-list{min-width:0;}}

/* Official CW overview: the ladder remains the primary surface, with concise records alongside it. */
.clan-war-layout { grid-template-columns:minmax(0,1.65fr) minmax(320px,.78fr); align-items:start; }
.clan-war-side-stack { display:grid; gap:12px; }
.clan-war-record-brief { padding:11px; }
.clan-war-record-brief .clan-war-streaks { margin:0; }
.clan-war-record-brief .clan-war-streaks article { padding:9px; }
.clan-war-top-brief .clan-war-player-table { max-height:470px; margin-top:10px; }
.cw-period-tabs { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.cw-period-tabs button { min-height:26px; padding:4px 7px; border:1px solid #34445d; border-radius:6px; color:#9eb0c8; background:#0b111b; font:800 .58rem/1 var(--font-display); cursor:pointer; }
.cw-period-tabs button:hover,.cw-period-tabs button.active { border-color:#91c759; color:#dfffad; background:rgba(164,234,91,.12); }
.clan-war-fixtures-panel { margin-top:2px; }
.clan-war-match.upcoming .clan-war-match-clans>strong { border-color:#607fae; color:#c8dbff; background:rgba(77,114,167,.14); }
.clan-war-completed-field[hidden],#clanWarPlayerStatsSection[hidden] { display:none; }
.home-hero-compact { min-height:0; padding-block:28px; }
.home-hero-compact .home-hero-copy { align-self:center; }
.home-hero-compact .home-hero-copy p:last-child { max-width:610px; margin-bottom:0; }
.home-elo-list { display:grid; }
.home-elo-list>div { display:grid; grid-template-columns:28px 28px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:38px; border-bottom:1px solid #26344a; font-size:.75rem; }
.home-elo-list>div:last-child { border-bottom:0; }
.home-elo-list b { color:#8797ad; }
.home-elo-list span { display:grid; width:23px; height:23px; place-items:center; overflow:hidden; border:1px solid #3c4c64; border-radius:5px; }
.home-elo-list span img { width:100%; height:100%; object-fit:contain; }
.home-elo-list strong { overflow:hidden; color:#e9f0fa; text-overflow:ellipsis; white-space:nowrap; }
.home-elo-list em { color:#dfff99; font:800 .8rem/1 var(--font-display); font-style:normal; }
.member-name-icon.award-profile-emblem { overflow:hidden; padding:2px; }
.member-name-icon.award-profile-emblem img { display:block; width:100%; height:100%; object-fit:contain; }
.player-awards { position:relative; margin:32px 0 40px; padding:18px; overflow:hidden; border:1px solid rgba(179,139,48,.56); border-radius:14px; background:linear-gradient(120deg,rgba(170,126,32,.16),rgba(17,25,36,.95) 48%,rgba(17,25,36,.84)); box-shadow:inset 0 1px rgba(255,235,159,.09),0 13px 28px rgba(0,0,0,.16); }
.player-awards::after { position:absolute; inset:auto -36px -48px auto; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(249,210,89,.16),transparent 67%); content:""; pointer-events:none; }
.player-awards.compact { grid-column:1 / -1; margin:20px 0 6px; padding:13px; border-radius:11px; }
.player-awards-heading { position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.player-awards-heading .eyebrow { margin:0 0 4px; color:#ffe45f; font-size:.58rem; letter-spacing:.12em; }
.player-awards-heading h3 { margin:0; color:#fff3bc; font:800 1.13rem/1.05 var(--font-display); }
.player-awards-heading small { display:block; max-width:590px; margin-top:5px; color:#bfc8d8; font-size:.72rem; line-height:1.38; }
.player-awards-heading>span { flex:none; padding:6px 9px; border:1px solid rgba(231,193,74,.5); border-radius:999px; color:#ffec98; background:rgba(72,52,12,.4); font:800 .61rem/1 var(--font-display); white-space:nowrap; }
.player-award-list { position:relative; z-index:1; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; margin-top:15px; }
.player-award-card { display:grid; grid-template-columns:42px minmax(0,1fr); grid-template-areas:"icon copy" "icon status"; align-items:center; column-gap:10px; min-height:64px; padding:10px; border:1px solid rgba(197,157,52,.48); border-radius:10px; color:#ffe79a; background:linear-gradient(135deg,rgba(39,35,18,.72),rgba(15,22,32,.92)); box-shadow:inset 0 1px rgba(255,235,159,.06); }
.player-award-icon { grid-area:icon; display:grid; width:42px; height:42px; place-items:center; overflow:hidden; border:1px solid #b99633; border-radius:10px; background:#111b28; }
.player-award-icon img { display:block; width:100%; height:100%; object-fit:contain; }
.player-award-copy { grid-area:copy; min-width:0; }
.player-award-copy b { display:block; overflow:hidden; color:#fff0ac; font:800 .73rem/1.2 var(--font-display); text-overflow:ellipsis; white-space:nowrap; }
.player-award-copy small { display:block; display:-webkit-box; overflow:hidden; margin-top:3px; color:#b7c1d1; font-size:.63rem; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.player-award-availability { grid-area:status; justify-self:start; margin-top:5px; color:#c7f784; font:800 .54rem/1 var(--font-display); letter-spacing:.055em; text-transform:uppercase; }
.player-award-availability::before { content:"✦ "; color:#ffe05b; }
.full-profile-card .player-awards { margin:30px 0 34px; }
.full-profile-card .player-award-list { grid-template-columns:repeat(auto-fit,minmax(195px,1fr)); }
.full-profile-tabs { display:flex; gap:0; overflow-x:auto; padding:0 18px; border-bottom:1px solid #2a3448; background:#111823; scrollbar-color:#53627b #101722; }
.full-profile-tabs button { flex:none; min-height:39px; padding:10px 13px; border:0; border-right:1px solid #2b374a; color:#99a8bd; background:transparent; font:700 .7rem var(--font-body); }
.full-profile-tabs button:first-child { border-left:1px solid #2b374a; }
.full-profile-tabs button:hover { color:#edf4ff; background:#152033; }
.full-profile-tabs button.active { color:#efffc1; background:rgba(215,255,79,.09); box-shadow:inset 0 -2px var(--acid); }
.full-profile-card > .full-profile-awards-strip { display:block; min-height:48px; margin:0; padding:8px 20px; border-width:0 0 1px; border-radius:0; background:linear-gradient(90deg,rgba(179,139,48,.18),rgba(17,25,36,.94) 38%,rgba(17,25,36,.96)); box-shadow:inset 0 1px rgba(255,235,159,.08); }
.full-profile-card > .full-profile-awards-strip::after { width:104px; height:104px; right:-29px; bottom:-66px; background:radial-gradient(circle,rgba(249,210,89,.13),transparent 68%); }
.full-profile-awards-strip .player-awards-heading { display:flex; min-width:0; align-items:center; justify-content:flex-start; gap:7px; }
.full-profile-awards-strip .player-awards-heading .eyebrow { display:none; }
.full-profile-awards-strip .player-awards-heading h3 { color:#fff0a8; font-size:.72rem; letter-spacing:.025em; white-space:nowrap; }
.full-profile-awards-strip .player-awards-heading small { display:none; }
.full-profile-awards-strip .player-awards-heading>span { padding:4px 6px; font-size:.52rem; }
.full-profile-awards-strip .player-award-list { display:flex; align-items:center; gap:7px; margin:0; overflow-x:auto; padding:1px 3px 1px 0; scrollbar-color:#7b6530 transparent; }
.full-profile-awards-strip .player-award-card { display:grid; grid-template-columns:28px minmax(0,1fr); grid-template-areas:"icon copy"; flex:0 0 auto; min-width:0; min-height:31px; max-width:158px; padding:3px 6px 3px 3px; column-gap:6px; border-color:rgba(197,157,52,.42); border-radius:7px; background:linear-gradient(135deg,rgba(55,43,14,.55),rgba(16,23,34,.86)); box-shadow:none; }
.full-profile-awards-strip .player-award-icon { width:28px; height:28px; border-color:#b99633; border-radius:6px; }
.full-profile-awards-strip .player-award-copy b { color:#ffeaa1; font-size:.61rem; }.full-profile-awards-strip .player-award-copy small { display:none; }
.full-profile-team-history .profile-affiliations { margin:0 0 16px; }.profile-team-history-content { margin-top:20px; }
.player-match-history { margin-top:34px; }
.player-match-history .profile-section-title { align-items:flex-start; }
.player-match-history .profile-section-title .eyebrow { margin:0 0 4px; color:var(--acid); font-size:.58rem; letter-spacing:.12em; }
.player-match-history .profile-section-title > strong { flex:none; padding:6px 9px; border:1px solid #3b4b64; border-radius:999px; color:#dce6f2; background:#111a27; font:800 .61rem/1 var(--font-display); white-space:nowrap; }
.profile-match-history-tabs { display:flex; gap:7px; margin:0 0 12px; overflow-x:auto; padding-bottom:3px; scrollbar-color:#53627b #101722; }
.profile-match-history-tabs button { display:inline-flex; align-items:center; justify-content:space-between; gap:8px; flex:none; min-height:34px; padding:7px 9px; border:1px solid #34435b; border-radius:8px; color:#9ba9bd; background:#101722; font:700 .66rem var(--font-body); text-align:left; }
.profile-match-history-tabs button:hover { border-color:#60708b; color:#e7eef8; }
.profile-match-history-tabs button.active { border-color:rgba(215,255,79,.6); color:#ebffad; background:rgba(215,255,79,.10); }
.profile-match-history-tabs button span { display:grid; min-width:17px; height:17px; place-items:center; border-radius:5px; color:#90a0b7; background:#1d293a; font:800 .56rem var(--font-display); }
.profile-match-history-tabs button.active span { color:#152008; background:var(--acid); }
.profile-archive-match-list { display:grid; overflow:hidden; border:1px solid #2a3448; border-radius:12px; }
.profile-archive-match { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; min-height:62px; padding:10px 12px; background:#111823; }
.profile-archive-match + .profile-archive-match { border-top:1px solid #283246; }
.profile-archive-match-type { align-self:start; padding:4px 6px; border:1px solid #3a4d69; border-radius:5px; color:#9eb1d1; background:#131e2f; font:800 .52rem/1 var(--font-display); letter-spacing:.06em; text-transform:uppercase; }
.profile-archive-match div { min-width:0; }.profile-archive-match strong,.profile-archive-match small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profile-archive-match strong { color:#e7edf6; font:700 .8rem var(--font-display); }.profile-archive-match small { margin-top:3px; color:#8390a4; font-size:.65rem; }
.profile-archive-match-result { color:#9eabbc; font-size:.66rem; white-space:nowrap; }.profile-archive-match-result:not(:empty) { color:#dce6f2; }.profile-archive-match:has(.profile-archive-match-result:not(:empty)) { background:linear-gradient(90deg,rgba(215,255,79,.045),transparent 54%),#111823; }
.player-awards.compact .player-awards-heading h3 { font-size:.9rem; }
.player-awards.compact .player-awards-heading small { display:none; }
.player-awards.compact .player-award-list { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:7px; margin-top:10px; }
.player-awards.compact .player-award-card { grid-template-columns:31px minmax(0,1fr); grid-template-areas:"icon copy"; min-height:42px; padding:5px; column-gap:7px; }
.player-awards.compact .player-award-icon { width:31px; height:31px; border-radius:7px; }
.player-awards.compact .player-award-copy small { display:none; }
@media (max-width:620px){.player-awards{margin:24px 0 32px;padding:14px}.player-awards-heading{gap:10px}.player-awards-heading small{font-size:.68rem}.player-award-list{grid-template-columns:1fr}.player-awards.compact .player-award-list{grid-template-columns:1fr}.full-profile-tabs{padding:0 10px}.full-profile-tabs button{min-height:37px;padding:9px 11px;font-size:.65rem}.full-profile-card>.full-profile-awards-strip{grid-template-columns:1fr;gap:7px;padding:9px 14px}.full-profile-awards-strip .player-awards-heading{min-width:0}.full-profile-awards-strip .player-award-list{display:flex}.profile-match-history .profile-section-title{gap:9px}.profile-match-history .profile-section-title>strong{font-size:.54rem}.profile-archive-match{grid-template-columns:auto minmax(0,1fr)}.profile-archive-match-result{grid-column:2}.profile-match-history-tabs button{font-size:.62rem}}
#awardPlayers { min-height:170px; padding:5px; }
#awardPlayers option { padding:6px 8px; }
@media (max-width:850px){.clan-war-layout{grid-template-columns:1fr}.clan-war-top-brief .clan-war-player-table{max-height:none}.home-hero-compact{padding-block:22px}}
.clan-war-layout { grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr); }.clan-war-streaks { grid-template-columns:1fr 1fr; gap:7px; }.clan-war-streaks article { padding:10px; }.clan-war-streaks strong { font-size:1rem; }

/* The official-CW dashboard may appear in a compact browser column. Keep every
   grid item inside its assigned track instead of allowing records to overlap. */
.clan-war-layout { min-width:0; }
.clan-war-main-stack,.clan-war-records-card { min-width:0; }
.clan-war-main-stack { width:auto; max-width:none; margin:0; padding:0; }

/* A live fixture is useful without taking over the navigation: it reads as a
   small broadcast light beside the active communities and opens full context. */
.live-clan-war-notice { display:inline-flex; align-items:center; min-width:0; max-width:300px; gap:8px; padding:5px 9px; border:1px solid rgba(104,217,143,.5); border-radius:9px; color:#d8ffe4; background:linear-gradient(135deg,rgba(57,175,105,.17),rgba(15,34,27,.78)); box-shadow:0 0 18px rgba(76,219,135,.12); cursor:pointer; }
.live-clan-war-notice:hover { border-color:#82f2aa; background:linear-gradient(135deg,rgba(57,175,105,.26),rgba(15,34,27,.9)); }
.live-clan-war-notice>i,.live-status>i { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#5ff0a0; box-shadow:0 0 0 0 rgba(95,240,160,.68); animation:live-cw-pulse 1.6s infinite; }
.live-clan-war-notice>span { display:grid; min-width:0; gap:1px; text-align:left; }
.live-clan-war-notice strong { color:#bfffcf; font:800 .62rem/1 var(--font-display); letter-spacing:.08em; }
.live-clan-war-notice small { overflow:hidden; color:#a6cdb2; font-size:.64rem; text-overflow:ellipsis; white-space:nowrap; }
@keyframes live-cw-pulse { 70% { box-shadow:0 0 0 7px rgba(95,240,160,0); } 100% { box-shadow:0 0 0 0 rgba(95,240,160,0); } }
.live-clan-war-dialog { width:min(620px,calc(100vw - 28px)); padding:0; }
.live-clan-war-dialog .dialog-head { padding:22px 22px 0; }
.live-eyebrow { color:#7cf3a7!important; }
.live-clan-war-content { display:grid; gap:12px; padding:0 22px 22px; }
.live-clan-war-card { display:grid; gap:14px; padding:15px; border:1px solid #315444; border-radius:12px; background:linear-gradient(135deg,rgba(66,172,108,.12),transparent 64%),#0d1715; }
.live-clan-war-card header,.live-clan-war-card footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:9px; color:#96adbf; font-size:.68rem; }
.live-status { display:inline-flex; align-items:center; gap:6px; color:#aaffc1; font:800 .62rem/1 var(--font-display); letter-spacing:.08em; }
.live-clan-war-clans { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; }
.live-clan-war-clans>span { display:flex; min-width:0; align-items:center; gap:8px; }.live-clan-war-clans>span:last-child { justify-content:flex-end; text-align:right; }
.live-clan-war-clans img { width:30px; height:30px; object-fit:contain; }.live-clan-war-clans strong { overflow:hidden; color:#f2f7fb; text-overflow:ellipsis; white-space:nowrap; }.live-clan-war-clans>b { color:#80f0a5; font:800 .9rem var(--font-display); }
.live-clan-war-card p { margin:0; color:#aabcc7; font-size:.76rem; line-height:1.45; }.live-clan-war-card p b { color:#d3e9dc; }
@media (max-width:1040px){.live-clan-war-notice{max-width:210px}.live-clan-war-notice small{display:none}}@media (max-width:720px){.live-clan-war-notice{display:none}.live-clan-war-dialog .dialog-head{padding:18px 18px 0}.live-clan-war-content{padding:0 18px 18px}}

.live-tournament-notice { display:inline-flex; align-items:center; min-width:0; max-width:300px; gap:8px; padding:5px 9px; border:1px solid rgba(245,198,82,.48); border-radius:9px; color:#fff3c2; background:linear-gradient(135deg,rgba(170,121,22,.2),rgba(31,25,13,.82)); box-shadow:0 0 18px rgba(238,181,57,.1); cursor:pointer; }
.live-tournament-notice:hover { border-color:#ffe383; background:linear-gradient(135deg,rgba(170,121,22,.3),rgba(31,25,13,.94)); }
.live-tournament-notice>i { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#ffd35a; box-shadow:0 0 0 0 rgba(255,211,90,.66); animation:live-tournament-pulse 1.6s infinite; }
.live-tournament-notice>span { display:grid; min-width:0; gap:1px; text-align:left; }.live-tournament-notice strong { color:#fff0ae; font:800 .62rem/1 var(--font-display); letter-spacing:.08em; }.live-tournament-notice small { overflow:hidden; color:#d9c995; font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }
@keyframes live-tournament-pulse { 70% { box-shadow:0 0 0 7px rgba(255,211,90,0); } 100% { box-shadow:0 0 0 0 rgba(255,211,90,0); } }
.live-tournament-eyebrow { color:#ffe078!important; }.live-tournament-card { border-color:#654f21; background:linear-gradient(135deg,rgba(183,132,30,.13),transparent 64%),#17140c; }.live-tournament-card .live-status { color:#ffe292; }.live-tournament-card .live-status>i { background:#ffd35a; box-shadow:0 0 0 0 rgba(255,211,90,.66); animation:live-tournament-pulse 1.6s infinite; }.live-tournament-card h3 { margin:0; color:#fff4cf; font:800 1.15rem/1.2 var(--font-display); }
@media (max-width:1040px){.live-tournament-notice{max-width:190px}.live-tournament-notice small{display:none}}@media (max-width:720px){.arena-stage{grid-template-columns:1fr auto}.live-tournament-notice{display:none}}

.tournament-season-notice { justify-self:center; display:flex; min-width:0; max-width:620px; align-items:center; gap:11px; margin-bottom:7px; padding:8px 12px; border:1px solid #45536b; border-radius:10px; background:linear-gradient(100deg,rgba(76,93,130,.19),rgba(14,21,34,.88)); box-shadow:inset 0 1px rgba(255,255,255,.03); }
.tournament-season-notice strong { overflow:hidden; color:#f3f7fc; font:800 .78rem/1.15 var(--font-display); text-overflow:ellipsis; white-space:nowrap; }.tournament-season-live { display:inline-flex; flex:0 0 auto; align-items:center; gap:6px; color:#ffdf75; font:800 .58rem/1 var(--font-display); letter-spacing:.08em; }.tournament-season-live i { width:7px; height:7px; border-radius:50%; background:#ffcf50; box-shadow:0 0 0 0 rgba(255,207,80,.7); animation:live-tournament-pulse 1.6s infinite; }.tournament-next-match { display:grid; min-width:0; padding-left:11px; border-left:1px solid #43516a; color:#b6c5d7; font-size:.68rem; line-height:1.25; }.tournament-next-match b { color:#91a5be; font:800 .55rem/1 var(--font-display); letter-spacing:.06em; text-transform:uppercase; }

.community-archive-card { overflow:hidden; border:1px solid #334158; border-radius:14px; background:linear-gradient(135deg,rgba(85,103,142,.09),transparent 38%),#101722; }.community-archive-card summary { display:grid; grid-template-columns:50px minmax(0,1fr) auto auto 28px; gap:13px; align-items:center; min-height:78px; padding:13px 16px; list-style:none; cursor:pointer; }.community-archive-card summary::-webkit-details-marker { display:none; }.community-archive-card summary:hover { background:rgba(255,255,255,.018); }.community-archive-card[open] { border-color:#546785; }.community-archive-title { display:grid; gap:5px; min-width:0; }.community-archive-title b { overflow:hidden; font:800 1.05rem var(--font-display); text-overflow:ellipsis; white-space:nowrap; }.community-archive-title small { color:#94a5ba; font-size:.69rem; }.community-archive-card .community-directory-total { min-width:76px; }.community-archive-card .event-expand { justify-self:end; }.community-archive-card[open] .event-expand { transform:rotate(45deg); color:var(--acid); border-color:rgba(215,255,79,.42); }
.community-archive-content { display:grid; gap:18px; padding:20px; border-top:1px solid #2b384e; background:linear-gradient(100deg,rgba(5,10,18,.58),transparent),#0d141f; }.community-archive-intro { display:flex; justify-content:space-between; gap:18px; }.community-archive-intro h2 { margin:2px 0 7px; font-size:1.3rem; }.community-archive-intro p:not(.eyebrow) { max-width:780px; margin:0; color:#aab9ca; font-size:.82rem; line-height:1.55; }.community-archive-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; border:1px solid #2c3950; border-radius:10px; overflow:hidden; }.community-archive-facts>div { padding:12px; border-right:1px solid #2c3950; }.community-archive-facts>div:last-child { border:0; }.community-archive-facts dt { color:#8092aa; font:800 .58rem/1 var(--font-display); letter-spacing:.08em; text-transform:uppercase; }.community-archive-facts dd { margin:7px 0 0; color:#edf3fb; font-size:.76rem; line-height:1.35; overflow-wrap:anywhere; }.community-archive-members>div:first-child,.community-archive-media-head>div { display:grid; gap:4px; }.community-archive-members h3,.community-archive-media h2 { margin:0; font-size:1rem; }.community-archive-members>div:first-child>span,.community-archive-media-head span { color:#91a2b9; font-size:.72rem; }.community-archive-members>div:last-child { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }.community-archive-members button { display:inline-flex; align-items:center; gap:6px; min-width:0; padding:6px 8px; border:1px solid #34445d; border-radius:7px; color:#dfe9f7; background:#111b2a; font-size:.7rem; cursor:pointer; }.community-archive-members button:hover { border-color:#758a52; color:var(--acid); }.community-archive-members button small { color:#8294ac; font-size:.59rem; }.community-member-flag { width:16px; height:11px; object-fit:cover; border-radius:2px; }.community-archive-members>p,.community-archive-gallery>p { margin:9px 0 0; color:#8292a8; font-size:.74rem; }.community-archive-galleries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }.community-archive-gallery { display:grid; gap:9px; min-width:0; padding:12px; border:1px solid #2d3a50; border-radius:10px; background:#101827; }.community-archive-gallery>div:first-child { display:flex; justify-content:space-between; gap:8px; }.community-archive-gallery h3 { margin:0; font-size:.83rem; }.community-archive-gallery>div:first-child span { color:#8495ac; font-size:.64rem; }.community-media-strip { display:flex; min-width:0; gap:8px; overflow-x:auto; padding-bottom:4px; }.community-media-strip a { display:grid; flex:0 0 112px; gap:5px; color:#b9c9dc; text-decoration:none; font-size:.6rem; }.community-media-strip img { width:112px; height:72px; border:1px solid #35445c; border-radius:6px; object-fit:cover; background:#090f18; }.community-media-strip a:hover img { border-color:#d7ff4f; }.community-archive-gallery .button { justify-self:start; }
@media (max-width:980px){.community-archive-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.community-archive-facts>div:nth-child(2){border-right:0}.community-archive-facts>div:nth-child(-n+2){border-bottom:1px solid #2c3950}}@media (max-width:720px){.tournament-season-notice{display:none}.community-archive-card summary{grid-template-columns:44px minmax(0,1fr) auto 24px;gap:9px;padding:12px}.community-archive-card .community-directory-total{display:none}.community-archive-content{padding:15px}.community-archive-intro{display:grid}.community-archive-facts{grid-template-columns:1fr}.community-archive-facts>div{border-right:0;border-bottom:1px solid #2c3950}.community-archive-facts>div:last-child{border-bottom:0}.community-archive-galleries{grid-template-columns:1fr}}

/* Overview hierarchy: archive identity is quiet, schedule and Hall of Fame lead. */
.home-hero-compact { min-height:0; padding:20px 26px; }
.home-hero-compact .home-hero-copy { min-height:94px; }
.home-hero-compact .home-hero-copy h1 { font-size:clamp(2rem,3.25vw,3.1rem); }
.home-hero-compact .home-hero-copy p:not(.eyebrow) { margin-top:8px; font-size:.83rem; }
.home-hero-compact .home-account { min-height:0; padding:13px 15px; }
.home-hero-compact .home-account h2 { font-size:1.1rem; }
.home-hero-compact .home-account p { font-size:.72rem; }
.home-hero-compact .home-account-status { margin-top:4px; padding:8px 9px; }
.home-panel-links { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.home-schedule-group + .home-schedule-group { margin-top:13px; padding-top:12px; border-top:1px solid #29364b; }
.home-schedule-group h3 { margin:0 0 7px; color:#8fa1ba; font:800 .6rem/1 var(--font-display); letter-spacing:.1em; text-transform:uppercase; }
.home-entry-type { display:inline-block; margin-right:6px; padding:2px 4px; border:1px solid #4e637f; border-radius:4px; color:#bed0e8; background:#172237; font:800 .5rem/1 var(--font-display); letter-spacing:.05em; text-transform:uppercase; }
.home-entry-type.event { border-color:#735590; color:#e0c4ff; background:#2a1d3c; }
@media (max-width:760px){.home-hero-compact{padding:19px 18px}.home-hero-compact .home-hero-copy{min-height:0}.home-panel-links{gap:7px}}

/* Compact overview rhythm, clear presence, and stable official-CW panels. */
.home-hero-compact { padding:15px 22px; }
.home-hero-compact .home-hero-copy { min-height:0; }
.shoutbox-panel { min-height:450px; }
.home-chat-messages { min-height:338px; max-height:372px; }
.visitor-row.offline i { background:#ff6876; box-shadow:0 0 10px rgba(255,104,118,.56); }
.visitor-row.online i { background:#6ee2a3; box-shadow:0 0 10px rgba(110,226,163,.55); }
.home-clan-war-grid > * + * { padding-left:16px; border-left:1px solid #2c3a50; }
.clan-war-ladder-panel,.clan-war-top-brief { min-height:370px; }
.clan-war-ladder-panel .video-category-empty,.clan-war-top-brief .video-category-empty { display:grid; min-height:265px; place-items:center; }
.community-opinions { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.community-opinion { display:flex; flex-direction:column; gap:10px; min-height:178px; padding:14px; border:1px solid #2e3d54; border-radius:11px; background:linear-gradient(145deg,rgba(30,43,62,.64),rgba(11,17,27,.98)); }
.community-opinion header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.community-opinion header button { min-width:0; overflow:hidden; padding:0; border:0; color:#eff5ff; background:transparent; font:800 .84rem/1.2 var(--font-display); text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.community-opinion-flag { display:inline-block; width:1.1em; height:.82em; margin-left:.2em; object-fit:cover; vertical-align:-.08em; border-radius:1px; }
.community-opinion header button:hover { color:var(--acid); }
.community-opinion p { margin:0; color:#c8d3e2; font-size:.77rem; line-height:1.45; }
.community-opinion-sides { display:grid; gap:7px; }
.community-opinion-sides section { display:grid; grid-template-columns:42px minmax(0,1fr); gap:7px; padding:7px; border-radius:7px; font-size:.68rem; line-height:1.35; }
.community-opinion-sides .pros { color:#d9ffb5; background:rgba(99,173,73,.1); }
.community-opinion-sides .cons { color:#ffd1bd; background:rgba(203,102,66,.1); }
.community-opinion-sides b { font:800 .6rem/1.4 var(--font-display); letter-spacing:.06em; text-transform:uppercase; }
.community-opinion small { margin-top:auto; color:#7889a1; font-size:.62rem; }
@media (max-width:850px){.home-clan-war-grid > * + * { padding:15px 0 0; border-top:1px solid #2c3a50; border-left:0; }.clan-war-ladder-panel,.clan-war-top-brief{min-height:0}.clan-war-ladder-panel .video-category-empty,.clan-war-top-brief .video-category-empty{min-height:150px}}
@media (max-width:760px){.home-hero-compact{padding:14px 16px}.shoutbox-panel{min-height:410px}.home-chat-messages{min-height:300px;max-height:330px}}

/* Curated notices: compact event strips, editable separately from archive results. */
.arena-stage { grid-template-columns:minmax(160px,1fr) auto; gap:6px 18px; padding-bottom:11px; }
.arena-stage .arena-switcher { grid-column:2; grid-row:1; }
.tournament-season-notice { grid-column:1 / -1; grid-row:2; justify-self:stretch; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; gap:7px; margin:0; padding:0; border:0; background:none; box-shadow:none; }
.tournament-season-notice { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tournament-season-notice[hidden] { display:none; }
.tournament-season-tile { display:flex; align-items:center; justify-content:center; min-width:0; min-height:34px; gap:4px; padding:6px 12px; border:1px solid #69538f; border-radius:7px; color:#e4d8f4; background:linear-gradient(100deg,#332b4c,#292d50); font-size:.7rem; text-decoration:none; cursor:pointer; }
.tournament-season-tile:hover { border-color:#a987e4; background:#40345f; }
.tournament-season-tile b,.tournament-season-tile span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tournament-season-tile i { flex:none; width:15px; height:15px; border-radius:50%; color:#d9c4fa; background:#544775; font-style:normal; line-height:13px; }
.tournament-season-tile:last-child:nth-child(odd) { grid-column:1 / -1; }
.tournament-season-tile:last-child:nth-child(odd) { grid-column:auto; }
.tournament-season-tile { border-color:var(--announcement-color,#9b70d4); background:color-mix(in srgb,var(--announcement-color,#9b70d4) 24%,#151d30); }
.tournament-season-tile:hover { background:color-mix(in srgb,var(--announcement-color,#9b70d4) 38%,#151d30); }
.top-stream-link { display:flex; align-items:center; gap:6px; padding:3px 7px 3px 3px; border:1px solid #56647d; border-radius:8px; color:#dce7f8; text-decoration:none; font:800 .52rem/1.15 var(--font-display); }
.top-stream-link[hidden] { display:none; }
.top-stream-link>span { display:grid; place-items:center; width:26px; height:26px; border-radius:5px; color:#fff; background:#7652a8; font-size:1rem; }
.top-stream-link>span.youtube { background:#d83939; }
.top-stream-link>span svg, .announcement-provider-logo svg { display:block; width:19px; height:19px; }
.top-stream-link small { font-size:.5rem; }.top-stream-link b { color:#fff; font-size:.65rem; }
.top-stream-link:hover { border-color:#d7ff4f; }
.announcement-watch { display:inline-flex; align-items:center; gap:8px; padding:5px 10px 5px 5px; border:1px solid #526280; border-radius:8px; color:#e4ecfa; text-decoration:none; font:800 .55rem/1.2 var(--font-display); }
.announcement-provider-logo { display:grid; place-items:center; width:29px; height:29px; border-radius:5px; color:#fff; background:#6240a1; font-size:1.1rem; }.announcement-provider-logo.youtube { background:#d83939; }
.announcement-watch b { display:block; font-size:.72rem; }
.announcement-host { display:flex; align-items:center; gap:9px; padding:8px 10px; border:1px solid #35445c; border-radius:9px; color:#b9c8da; font-size:.75rem; }
.announcement-host .community-logo { width:30px; height:30px; flex:none; }
.announcement-host b { color:#edf3fa; }
.announcement-visit { min-height:34px; }
#liveTournamentDialog[data-notice-type="header"] .live-tournament-card { border-color:#5b4b7a; background:linear-gradient(135deg,rgba(148,111,206,.16),transparent 66%),#151526; }
#liveTournamentDialog[data-notice-type="header"] .live-tournament-eyebrow,#liveTournamentDialog[data-notice-type="header"] .live-tournament-card .live-status { color:#cfb5f2!important; }
#liveTournamentDialog[data-notice-type="header"] .live-tournament-card .live-status>i { display:none; }
.live-match-notices { display:flex; align-items:center; gap:7px; min-width:0; max-width:min(57vw,810px); overflow-x:auto; scrollbar-width:thin; }
.live-match-notices[hidden] { display:none; }
.live-match-notice { display:flex; align-items:center; gap:8px; flex:0 0 auto; min-width:170px; max-width:260px; padding:4px 5px 4px 9px; border:1px solid #495670; border-radius:8px; background:#151d2c; }
.live-match-notice-copy { display:grid; min-width:0; gap:2px; }
.live-match-notice-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#edf3fa; font-size:.65rem; }

/* Keep yearly filters on one row without growing the board vertically. */
.yearly-rating-board .board-legend { display:grid; grid-template-columns:minmax(140px,1fr) minmax(128px,1fr); align-items:end; justify-items:stretch; gap:5px 10px; min-width:min(100%,300px); text-align:left; }
.yearly-rating-board .board-legend .year-picker,.yearly-rating-board .board-legend .activity-filter { min-width:0; width:100%; }
.yearly-rating-board .board-legend > span { grid-column:1; }
.yearly-rating-board .board-legend > strong { grid-column:2; }
@media (max-width:420px) { .yearly-rating-board .board-legend { width:100%; min-width:0; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }

/* The directory card is one generous profile target; editing remains separate. */
.player-card { cursor:pointer; }
.player-card:focus-visible { outline:2px solid var(--acid); outline-offset:3px; }
.player-card-banner { height:70px; margin:-14px -14px 12px; border-radius:11px 11px 0 0; background:linear-gradient(115deg,#253148,#132139 55%,#222a3e); background-size:cover; background-position:center; pointer-events:none; }
.player-card-banner.has-background { position:relative; }
.player-card-banner.has-background::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,16,27,.45),rgba(10,16,27,.08)); }
.player-card-banner img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 38%; }
.player-card .card-menu,.player-card .card-actions { cursor:default; }

/* A missing country is a globe only, never a flag-shaped empty rectangle. */
.home-kill-flag.flag-fallback { display:inline-grid; place-items:center; width:21px; height:21px; border:0; border-radius:0; background:none; box-shadow:none; font-size:16px; line-height:1; }
.live-match-indicator { white-space:nowrap; color:#80e2ae; font-size:.5rem; font-weight:800; letter-spacing:.05em; }
.live-match-indicator i { display:inline-block; width:7px; height:7px; margin-right:3px; border-radius:50%; background:#67ef9e; box-shadow:0 0 8px #67ef9e; }
.live-match-watch { display:flex; align-items:center; gap:5px; flex:none; margin-left:auto; color:#cbd8ec; text-decoration:none; font-size:.48rem; line-height:1.15; }
.live-match-watch .announcement-provider-logo { width:25px; height:25px; }
.live-match-watch .announcement-provider-logo svg { width:16px; height:16px; }
.live-match-watch b { color:#fff; font-size:.6rem; }
.live-match-watch:hover b { color:var(--acid); }
.announcement-form { display:grid; gap:12px; padding:16px 0; }.announcement-arena-choices { border:0; padding:0; }.announcement-arena-choices legend { margin-bottom:8px; }.announcement-arena-choices>div { display:flex; flex-wrap:wrap; gap:8px; }.announcement-arena-choices label { display:flex; align-items:center; gap:5px; padding:7px 10px; border:1px solid #35445b; border-radius:7px; }.announcement-enabled { display:flex; align-items:center; gap:8px; }
.announcement-admin-list { display:grid; gap:8px; border-top:1px solid #304056; padding-top:14px; }.announcement-admin-item { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.6fr) auto; align-items:center; gap:12px; padding:10px 12px; border:1px solid #2e3e54; border-radius:9px; }.announcement-admin-item>div:first-child { display:grid; gap:3px; }.announcement-admin-item small { color:#91a2b9; }.announcement-admin-item>div:last-child { display:flex; gap:5px; }
.community-directory-link { display:grid; grid-template-columns:50px minmax(0,1fr) auto auto; align-items:center; gap:13px; min-height:76px; padding:12px 16px; border:1px solid #334158; border-radius:12px; color:#f0f5fb; background:#101722; text-decoration:none; }.community-directory-link:hover { border-color:#9dbc4b; background:#151d2b; }.community-open-arrow { color:var(--acid); font-size:.7rem; white-space:nowrap; }
.community-back-link { display:inline-block; margin:0 0 14px; color:var(--acid); text-decoration:none; font-size:.76rem; }.community-profile-hero { display:grid; grid-template-columns:88px minmax(0,1fr) auto; align-items:center; gap:20px; padding:28px; border:1px solid #37465d; border-radius:15px; background:linear-gradient(120deg,#172037,#101722); }.community-profile-mark { width:88px; height:88px; }.community-profile-hero h1 { margin:4px 0 9px; }.community-profile-hero p:last-child { max-width:800px; margin:10px 0 0; color:#adbdd2; line-height:1.5; }.community-profile-body { display:grid; gap:22px; margin-top:22px; }.community-profile-body>section { padding:20px; border:1px solid #2d3c54; border-radius:12px; background:#101722; }.community-profile-hero+.community-archive-facts { margin-top:14px; }
.media-player-field { position:relative; }.media-player-field .community-player-picker { position:relative; max-height:180px; overflow:auto; }.media-player-selected { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }.media-player-selected>span { display:flex; align-items:center; gap:5px; padding:5px; border:1px solid #35455c; border-radius:6px; }.media-player-selected button { border:0; color:#f59fa9; background:none; cursor:pointer; }
.media-submission-dialog { width:min(790px,calc(100vw - 28px)); max-height:min(88vh,900px); overflow-y:auto; }
.media-submission-dialog .auth-form { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:14px 18px; }
.media-submission-dialog .field { min-width:0; align-content:start; }
.media-submission-dialog .media-player-field,.media-submission-dialog .auth-form .button,.media-submission-dialog .field:has(textarea) { grid-column:1 / -1; }
.media-player-search-wrap { position:relative; min-width:0; }
.media-player-search-wrap .community-player-picker { position:absolute; top:calc(100% + 3px); left:0; right:0; z-index:50; display:block; max-height:200px; overflow-y:auto; border-radius:8px; }
.media-player-search-wrap .community-player-picker[hidden] { display:none; }
.media-player-search-wrap .community-player-picker button { min-height:36px; }
.communities-directory { grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)); }
.community-directory-link { grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto auto auto; align-items:start; min-width:0; }
.community-directory-link .community-logo { grid-column:1; grid-row:1 / 4; }
.community-directory-link .community-archive-title { grid-column:2; grid-row:1; min-width:0; }
.community-directory-link .community-archive-title small { display:block; line-height:1.35; overflow-wrap:anywhere; }
.community-directory-link .community-status { grid-column:2; grid-row:2; justify-self:start; }
.community-directory-link .community-open-arrow { grid-column:2; grid-row:3; justify-self:start; }
.media-attribution { display:block; padding:7px 10px; border-top:1px solid #2e3b51; color:#afc0d5; font-size:.64rem; line-height:1.35; overflow-wrap:anywhere; }.admin-media-tags { color:#bacbe0; font-size:.72rem; }
#clanWarDetailDialog .dialog-head { padding:21px 24px 0; }#clanWarDetailContent { padding:0 24px 24px; }
#homeClanWarResults .clan-war-match { padding:11px; }#homeClanWarResults [data-cw-details] { padding:3px 7px; font-size:.6rem; }#homeClanWarResults .clan-war-match header>div { gap:5px; }
@media (max-width:800px){.tournament-season-notice{grid-template-columns:1fr}.tournament-season-tile:last-child:nth-child(odd){grid-column:auto}.community-directory-link{grid-template-columns:44px minmax(0,1fr) auto}.community-directory-link .community-open-arrow{display:none}.community-profile-hero{grid-template-columns:64px 1fr;padding:17px}.community-profile-mark{width:64px;height:64px}.community-profile-hero>.button{grid-column:1/-1;justify-self:start}.announcement-admin-item{grid-template-columns:1fr}.announcement-admin-item>div:last-child{justify-content:flex-start}}
@media (max-width:1100px){.live-match-notices{max-width:100%;order:3;width:100%}}
@media (max-width:950px){.tournament-season-notice{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:610px){.tournament-season-notice{grid-template-columns:1fr}.media-submission-dialog .auth-form{grid-template-columns:1fr}.media-submission-dialog .media-player-field,.media-submission-dialog .auth-form .button,.media-submission-dialog .field:has(textarea){grid-column:auto}}
@media (max-width:800px){.community-directory-link{grid-template-columns:44px minmax(0,1fr)}.community-directory-link .community-open-arrow{display:block}}

/* Community opinion archive and full-profile feedback. */
.home-page { padding-top:0; }
.home-hero-compact { margin-top:-4px; }
.anonymous-opinions-card { min-height:420px; }
.community-ratingPage .community-opinions-panel { display:none; }
.anonymous-opinion-filter { position:relative; width:min(320px,100%); margin:0; }
.anonymous-opinion-filter input { min-width:0; }
.community-opinions.compact { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:9px; }
.community-opinions.compact .community-opinion { min-height:0; gap:7px; padding:10px; border-radius:9px; }
.community-opinions.compact .community-opinion p { font-size:.71rem; }
.community-opinions.compact .community-opinion-sides { gap:5px; }
.community-opinions.compact .community-opinion-sides section { grid-template-columns:37px minmax(0,1fr); gap:5px; padding:5px; font-size:.62rem; }
.community-opinions.compact .community-opinion small { font-size:.57rem; }
.community-opinions.compact { align-items:start; }
.community-opinions.compact .community-opinion { align-self:start; height:auto; }
.community-opinions.compact .community-opinion header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; }
.community-opinions.compact .community-opinion header .community-rating-tier { align-self:start; margin-top:0; }
.player-rating-opinions { margin-top:28px; }
.profile-opinions-panel { margin-top:14px; padding-top:14px; border-top:1px solid #2b3950; }
.profile-opinion-summary { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:12px; color:#cdd8e7; font-size:.75rem; }
.profile-opinion-summary > div { display:flex; flex-wrap:wrap; gap:5px; }
.profile-opinion-tally { display:inline-flex; align-items:center; gap:4px; padding:4px 6px; border:1px solid color-mix(in srgb,var(--vote-color) 65%,#34425a); border-radius:5px; color:var(--vote-color); background:color-mix(in srgb,var(--vote-color) 10%,#101722); font-size:.66rem; }
.profile-opinion-tally b { font-family:var(--font-display); }
@media (max-width:720px){.anonymous-opinions-card .admin-card-head{align-items:stretch;flex-direction:column}.anonymous-opinion-filter{width:100%}.community-opinions.compact{grid-template-columns:1fr}}

/* Shared media geometry. Avatars are square; every banner uses the same 16:5 frame. */
/* Room for complete audit diffs, with scrolling inside the dialog on small screens. */
.admin-log-dialog { width:min(1180px,calc(100vw - 32px)); max-width:1180px; max-height:90vh; overflow:auto; }
.admin-log-dialog .dialog-head { padding:24px 26px 0; position:sticky; top:0; z-index:1; background:#111a29; padding-bottom:16px; }
.admin-log-detail { margin:8px 26px 26px; gap:14px; }
.admin-log-detail dd { font-size:.82rem; }
.admin-log-detail .audit-changes th:first-child { width:24%; }
.admin-log-detail .audit-changes pre { max-height:450px; }
.announcement-time { display:inline-flex; min-width:0; flex-direction:column; gap:4px; }
.announcement-time time { color:var(--acid); font-size:.7rem; font-weight:700; }
.announcement-time small { color:#a2b2c9; line-height:1.5; overflow-wrap:anywhere; font-size:.67rem; }
.live-match-notice-copy .announcement-time { margin-top:4px; }
.live-clan-war-card header { flex-wrap:wrap; align-items:start; gap:12px; }
.tournament-season-tile .announcement-time { font-weight:400; }
.tournament-season-tile .announcement-time time { color:inherit; }
@media(max-width:620px){.admin-log-dialog .dialog-head{padding:17px}.admin-log-detail{margin:0 17px 17px}.admin-log-detail .audit-changes table{min-width:600px}.admin-log-detail .audit-changes pre{max-height:300px}}

.profile-media-frame { position:relative; display:block; width:100%; height:100%; overflow:hidden; border-radius:inherit; }
.profile-media-frame > img { position:absolute; display:block; max-width:none; max-height:none; border-radius:0; }
.profile-cover { position:relative; width:100%; aspect-ratio:16 / 5; overflow:hidden; background:radial-gradient(circle at 85% 15%,#384827,transparent 50%),linear-gradient(120deg,#1d2b44,#101722); }
.profile-cover .media-banner { position:absolute; inset:0; }
.player-card-banner { height:auto; aspect-ratio:16 / 5; }
.profile-reference .profile-hero,.full-profile-card .profile-hero { padding:0; background:#101722; }
.profile-hero .profile-identity { padding:22px 26px; }
/* The cover sits behind the identity, not in a separate strip above it. */
.profile-hero > .profile-cover,.player-card-heading > .player-card-banner,.member-profile-card > .profile-cover { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; margin:0; border-radius:0; pointer-events:none; }
.profile-hero > .profile-cover::after,.player-card-heading > .player-card-banner::after,.member-profile-card > .profile-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,12,22,.78),rgba(6,12,22,.30)),linear-gradient(0deg,rgba(6,12,22,.68),transparent 80%); }
.profile-hero .media-banner > img,.player-card-heading .media-banner > img,.member-profile-card > .profile-cover .media-banner > img { width:var(--cover-size,100%) !important; height:var(--cover-size,100%) !important; left:var(--cover-left,0%) !important; top:var(--cover-top,0%) !important; object-fit:cover !important; object-position:var(--cover-position,50% 50%) !important; }
.profile-hero .profile-identity { position:relative; z-index:1; min-height:300px; padding-top:76px; padding-bottom:32px; }
.profile-hero .profile-meta,.profile-hero .profile-kicker { color:#d4e1f2; }
.profile-hero .profile-summary { text-shadow:0 2px 8px #080e18; }
.player-card-heading { position:relative; isolation:isolate; margin:-14px -14px 14px; padding:22px 14px 14px; min-height:180px; overflow:visible; border-radius:11px 11px 0 0; }
.player-card-heading > .player-card-banner { z-index:-1; overflow:hidden; border-radius:inherit; }
.player-card-heading .card-bottom { position:relative; color:#d4e1f2; border-color:rgba(200,220,250,.22); }
.player-card-heading .player-link { text-shadow:0 2px 6px #080e18; }
.player-card-heading .card-rating { background:rgba(9,16,28,.78); }
.member-profile-card { position:relative; isolation:isolate; }
.member-profile-card > .profile-cover { z-index:-1; }
.member-profile-card .member-profile-identity { margin-top:0; padding-top:48px; }
.member-profile-card .member-profile-identity > div { padding-top:0; }
.member-profile-card .member-bio,.member-profile-card .member-profile-identity small { position:relative; color:#d4e1f2; }
.member-profile-card .member-profile-identity h2 { text-shadow:0 2px 8px #080e18; }
@media(max-width:650px){.profile-hero .profile-identity{min-height:260px;padding-top:24px;padding-bottom:24px}.player-card-heading{padding-top:18px}.member-profile-card .member-profile-identity{padding-top:42px}}
.profile-avatar,.profile-reference .profile-avatar,.avatar,.account-avatar { position:relative; height:auto; aspect-ratio:1; transform:none; overflow:hidden; }
.profile-avatar { width:112px; height:112px; }
.avatar { height:var(--avatar-size,54px); width:var(--avatar-size,54px); }
.profile-avatar .profile-media-frame,.avatar .profile-media-frame { position:absolute; inset:0; }
.forum-account-summary { position:static; top:auto; align-self:start; }
.profile-claim-mini h3 { margin:0; font-size:.95rem; }
.profile-claim-mini .claimed-player-notice { margin:0 0 15px; }
.profile-claim-mini :disabled { cursor:not-allowed; opacity:.48; }
.forum-account-shell > *,.forum-account-editor > *,.profile-claim-mini,.claim-form,.claim-form .field { min-width:0; }
.profile-claim-mini .claimed-player-notice { white-space:normal; overflow-wrap:anywhere; }
.profile-claim-mini select,.profile-claim-mini textarea { min-width:0; width:100%; max-width:100%; }
@media(max-width:900px){.forum-account-shell{grid-template-columns:minmax(0,1fr)}}
.profile-customization-panel > .forum-customization { padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #2c3b50; }
.framing-button { align-self:start; justify-self:start; grid-column:2; margin-top:7px; }
@media(max-width:600px){.framing-button{grid-column:1}}
.member-directory-filters { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin-bottom:22px; }
@media(min-width:1181px) and (max-width:1450px){.site-links{flex-wrap:wrap}.site-links > a,.site-links > .nav-menu-group > summary{padding-inline:11px}}
.member-directory-filters .field { flex:1 1 240px; max-width:480px; }
.member-directory-filters > span { color:#93a5bf; padding-bottom:12px; }
.member-directory { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:18px; }
.member-directory-card { display:block; min-width:0; border:1px solid #33445d; border-radius:14px; overflow:hidden; background:#101722; color:inherit; text-decoration:none; }
.member-directory-card:hover,.member-directory-card:focus-visible { outline:2px solid var(--acid); outline-offset:2px; }
.member-profile-card { overflow:hidden; border:1px solid #33445d; border-radius:14px; background:#101722; }
.member-directory-card .member-profile-card { border:0; border-radius:0; }
.member-profile-identity { position:relative; display:flex; align-items:center; gap:18px; padding:0 24px 18px; margin-top:-30px; }
.member-profile-identity > div { min-width:0; padding-top:38px; }
.member-profile-identity h2 { font-size:1.4rem; margin:2px 0 6px; overflow-wrap:anywhere; }
.member-profile-identity small { color:#95a9c2; overflow-wrap:anywhere; }
.member-avatar { position:relative; display:grid; place-items:center; flex-shrink:0; width:100px; height:100px; overflow:hidden; border:4px solid #101722; border-radius:16px; background:#273645; color:var(--acid); font-size:1.8rem; }
.member-avatar .profile-media-frame { position:absolute; inset:0; }
.member-country { width:21px; height:15px; object-fit:cover; vertical-align:middle; }
.member-bio { padding:0 24px 22px; margin:0; color:#afbdd0; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.member-card-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:15px; border-top:1px solid #2b3c52; color:#9cafc6; font-size:.72rem; }
.member-card-footer span { color:var(--acid); }
.member-directory-card .member-avatar { width:64px; height:64px; border-radius:12px; }
.member-directory-card .member-profile-identity { padding:0 15px 16px; gap:10px; margin-top:-20px; }
.member-directory-card .member-profile-identity > div { padding-top:24px; }
.member-directory-card h2 { font-size:1.05rem; }
.member-directory-card .member-profile-identity small { font-size:.65rem; }
.member-directory-card .member-bio { padding:0 15px 17px; font-size:.78rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.member-player-links { margin-top:18px; padding:24px; border:1px solid #33445d; border-radius:14px; background:#101722; }
.member-player-links p { color:#aebdd0; }
.member-preview-label { position:absolute; top:15px; left:18px; padding:6px 10px; border-radius:6px; background:#090f19cc; color:var(--acid); font-size:.65rem; letter-spacing:.1em; }
#accountLivePreview { max-width:1120px; }
#accountLivePreview .member-profile-card { border:0; }
#claimedPlayerLivePreview { margin-bottom:20px; }
.award-card[data-award-detail] { cursor:pointer; }
.award-card[data-award-detail]:hover,.award-card[data-award-detail]:focus-visible { border-color:var(--acid); outline:1px solid var(--acid); }
.award-detail-dialog,.profile-crop-dialog { box-sizing:border-box; width:min(880px,calc(100vw - 28px)); max-width:880px; max-height:90vh; padding:26px; color:#edf3fc; border:1px solid #3b4d67; border-radius:16px; background:#101722; overflow:auto; }
.award-detail-summary { display:flex; gap:20px; align-items:center; margin:24px 0; }
.award-detail-summary .award-icon { flex:0 0 84px; width:84px; height:84px; }
.award-detail-summary p { color:#b3c1d5; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.award-detail-summary small { color:#8fa3bd; }
.award-recipients { display:grid; gap:8px; }
.award-recipients button { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #31435e; border-radius:10px; background:#0c131e; color:#edf3fc; text-align:left; cursor:pointer; }
.award-recipients button:hover { border-color:var(--acid); }
.award-recipients button > span:last-child { margin-left:auto; color:var(--acid); font-size:.7rem; }
.award-recipient-avatar { position:relative; display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; border-radius:9px; background:#28384e; overflow:hidden; }
.profile-crop-dialog > p { color:#aabbd1; line-height:1.5; }
.crop-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
.crop-controls input { accent-color:var(--acid); width:100%; min-height:34px; }
@media(max-width:650px){.profile-hero .profile-identity{padding:16px;flex-wrap:wrap}.profile-avatar{width:80px;height:80px}.member-profile-identity{padding:0 15px 15px;gap:12px}.member-avatar{width:72px;height:72px}.member-profile-identity h2{font-size:1.1rem}.member-profile-identity small{font-size:.68rem}.member-bio{padding:0 15px 18px}.crop-controls{grid-template-columns:1fr;gap:10px}.award-detail-dialog,.profile-crop-dialog{padding:17px}.award-detail-summary{align-items:flex-start;gap:12px}.award-detail-summary .award-icon{flex-basis:55px;width:55px;height:55px}.award-recipients button{flex-wrap:wrap}.forum-account-summary{display:block}}