/* Wolfory v3 site layer: loaded last on every page. Carries the combat-dossier
   language (graphite panels, gold signal, chamfered controls, hazard dividers)
   to shared components without rewriting each page. */
:root{--accent:#e9c789;--gold:#e9c789;--gold-deep:#b98f45;--surface:#121a17;--surface2:#18221d;--line:#2c3a31;--radius:3px;--v3-hazard:repeating-linear-gradient(-45deg,#e9c789 0 9px,#0b100e 9px 18px)}
body{background:radial-gradient(1400px 700px at 50% -200px,#e9c7890d,transparent 70%),var(--bg)}
::selection{background:#e9c78955;color:#fff}

/* Typography accents */
body .eyebrow{color:var(--gold);letter-spacing:.16em}
body .section-heading h2:after{content:"";display:block;width:58px;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--gold),transparent)}
body .muted{color:#a9b3aa}
body .text-link{color:var(--gold)}
body .text-link:hover{color:#f6e2b8}

/* Buttons: chamfered gold plate and graphite secondary */
body .button{border-radius:0;border:1px solid var(--gold);background:linear-gradient(180deg,#f3d9a5,#c99a52);color:#17110a;font-weight:800;letter-spacing:.04em;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:filter .2s,transform .2s,background .2s}
body .button:hover{background:linear-gradient(180deg,#f8e3b8,#d4a75e);filter:brightness(1.04)}
body .button.secondary{background:linear-gradient(180deg,#1b2620,#121a17);border-color:#e9c78966;color:var(--text)}
body .button.secondary:hover{border-color:var(--gold);color:#f6e2b8}
body .button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #0b100e,inset 0 0 0 4px #fff}
body .text-button{color:var(--gold)}

/* Panels and cards */
body :is(.feature-card,.action-card,.clan-card,.podium-card,.dashboard-section,.account-stats article){border-color:var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--gold) 0 8px,transparent 8px),linear-gradient(180deg,#18221d,#121a17)}
body :is(.feature-card,.clan-card,.podium-card):hover{border-color:#e9c78966}
body .account-stats strong{color:var(--gold)}
body .supply-stats{border-color:var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#18221d,#121a17)}
body .supply-stats strong{color:var(--gold)}
body .notice{border-radius:0;border:1px solid var(--line);border-left:3px solid var(--gold);background:#121a17;color:#c9d1c9}
body .notice.error{border-left-color:#e0604f}
body .callout{border-left-color:var(--gold);border-radius:0;background:linear-gradient(90deg,#e9c78912,transparent 60%),var(--surface)}
body .gift-card{border-radius:0;border-color:#e9c78955;background:linear-gradient(90deg,#e9c78914,transparent 70%),#121a17}
body .gift-card>span{color:var(--gold)}
body .closing-card{border-top:0;position:relative;background:radial-gradient(ellipse at top,#e9c7891c,transparent 70%)}
body .closing-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--v3-hazard);opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
body .feature-symbol{color:var(--gold)}
body .card-index,body .section-index{color:var(--gold-deep)}
body .steps li>span{color:var(--gold)}
body .pill{border-radius:0;border:1px solid #e9c78966;background:#e9c78912;color:var(--gold)}

/* Bars, footer */
body .promise-bar{position:relative;background:linear-gradient(90deg,#e9c78914,transparent 60%),#0f1613;border-bottom:1px solid var(--line)}
body .promise-bar:before,body .site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--v3-hazard);opacity:.55}
body .promise-mark{color:var(--gold)}
body .site-footer{position:relative;border-top:0}

/* Community tabs and tables */
body .community-tabs{gap:6px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
body .community-tabs a{flex:0 0 auto;white-space:nowrap}
@media(max-width:560px){body .community-tabs{gap:0}body .community-tabs a{padding:11px 10px;font-size:11px;letter-spacing:.04em}}
body .community-tabs a{padding:12px 16px;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:3px solid transparent}
body .community-tabs a:hover{color:var(--text);background:#e9c7890d}
body .community-tabs a[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold);background:linear-gradient(0deg,#e9c78914,transparent)}
body :is(.table-wrap,.table-scroll,.player-table-scroll){border-radius:0;border-color:var(--line)}
body .ranking-table th{background:#18221d;color:var(--gold);font-weight:800;letter-spacing:.12em}
body .ranking-table tbody tr{transition:background .15s}
body .ranking-table tbody tr:hover{background:#e9c7890a}
body .ranking-table .rank-number{color:var(--gold);font-weight:800}

/* Forms */
body :is(.form-field input,.form-field select,.form-field textarea,.ranking-filter input,.ranking-filter select,.search-row input){border-radius:0;border-color:#33433a;background:#0d1411}
body :is(.form-field input,.form-field select,.form-field textarea,.ranking-filter input,.ranking-filter select,.search-row input):focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e9c78926}
body .auth-tabs a[aria-current=page]{color:var(--gold);border-color:var(--gold)}

/* Guide / manual */
body .manual-nav{border-left-color:#e9c78944}
body .manual-nav a:hover,body .manual-nav a[aria-current]{color:var(--gold)}
body .faq summary:hover{color:var(--gold)}

/* Manual pages (guide, legal): each chapter becomes a dossier panel */
body .manual-content>section,body .manual-content>section:first-child{margin-bottom:18px;padding:30px 32px;border:1px solid var(--line);background:linear-gradient(135deg,var(--gold) 0 8px,transparent 8px),linear-gradient(180deg,#151e1a,#111815)}
body .manual-content>section:target{border-color:#e9c78988}
body .manual-content h2{display:flex;align-items:center;gap:12px}
body .manual-content h2:before{content:"";flex:0 0 auto;width:4px;height:.9em;background:var(--gold)}
body .manual-nav h2{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:11px}
body .manual-nav a{padding-left:10px;border-left:2px solid transparent;margin-left:-27px;padding-inline-start:25px}
body .manual-nav a:hover{border-left-color:var(--gold)}
@media(max-width:700px){body .manual-content>section,body .manual-content>section:first-child{padding:22px 18px}}

/* Auth, updates and assorted page panels */
body .auth-story{border-radius:0;border-color:var(--line);background:linear-gradient(135deg,var(--gold) 0 8px,transparent 8px),radial-gradient(90% 60% at 0% 100%,#e9c78914,transparent),linear-gradient(180deg,#18221d,#111815)}
body .updates-promise{border-left-color:var(--gold);background:linear-gradient(90deg,#e9c78912,transparent 60%),var(--surface)}
body .updates-promise>span,body .updates-results a{color:var(--gold)}
body .updates-filter :is(input,select){border-radius:0;border-color:#33433a;background:#0d1411}
body .updates-filter :is(input,select):focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e9c78926}
body :is(.updates-aside,.update-note){border-color:var(--line);background:linear-gradient(135deg,var(--gold) 0 8px,transparent 8px),linear-gradient(180deg,#18221d,#121a17)}
body .updates-aside h2{color:var(--text)}
body :is(.hero-field-card,.download-visual,.event-phase,.analytics-kpi,.analytics-chart-card,.analytics-method,.analytics-breakdown,.article-next){border-radius:var(--radius)}

/* Updates and blog cards */
body :is(.update-preview,.editorial-card,.event-card,.newsroom-card,.promotion-art-card){border-radius:var(--radius);border-color:var(--line)}
body :is(.update-preview,.editorial-card,.event-card,.newsroom-card,.promotion-art-card):hover{border-color:#e9c78966}

/* Hero: compact art band instead of a near-full-screen poster */
body .page-hero-grid{min-height:clamp(300px,24vw,420px);padding-block:56px}
body .page-hero-home .page-hero-grid{min-height:clamp(440px,34vw,600px);padding-block:70px}
body .page-hero-copy h1{font-size:clamp(34px,3.4vw,60px)}
@media(max-width:1000px){body .page-hero-grid{min-height:360px}body .page-hero-home .page-hero-grid{min-height:480px}}
@media(max-width:600px){body .page-hero-grid{min-height:380px;padding:170px 0 34px}body .page-hero-home .page-hero-grid{min-height:520px;padding:220px 0 40px}}

/* Floating Discord dock (every page) */
.discord-dock{position:fixed;left:0;top:50%;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 14px 12px 12px;transform:translate(calc(-100% + 46px),-50%);border:1px solid #5865f2aa;border-left:0;background:linear-gradient(90deg,#3c45a5,#5865f2);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 30px #0008;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:transform .25s}
.discord-dock span{order:-1}
.discord-dock:hover,.discord-dock:focus-visible{transform:translate(0,-50%);outline:none}
@media(max-width:700px){.discord-dock{top:auto;bottom:16px;left:12px;transform:none;padding:11px;border:1px solid #5865f2aa;border-radius:50%;clip-path:none}.discord-dock span{display:none}.discord-dock:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.discord-dock{transition:none}}

/* Support: Discord band */
.support-discord{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:28px;padding:20px 22px;border:1px solid #5865f266;background:linear-gradient(90deg,#5865f224,transparent 70%),var(--surface)}
.support-discord-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#5865f2;color:#fff}
.support-discord strong{font-size:17px}
.support-discord p{margin:4px 0 0;font-size:13px;color:#a9b3aa}
@media(max-width:640px){.support-discord{grid-template-columns:auto minmax(0,1fr)}.support-discord .button{grid-column:1/-1;justify-content:center}}

/* Login / register: one framed card with an art panel */
body .auth-layout{max-width:1080px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;padding-block:56px 80px;border:0}
body .auth-story{min-height:600px;border-radius:0;border:1px solid var(--line);border-right:0;padding:40px;background:#0d1411}
body .auth-story:after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;background:repeating-linear-gradient(-45deg,var(--gold) 0 9px,#0b100e 9px 18px);opacity:.7}
body .auth-art{position:absolute;inset:0;background:linear-gradient(0deg,#0d1411 8%,#0d1411d9 42%,#0d141133 78%),url('/assets/wolfory-keyart.png?v=wolfory-3') 58% top/cover no-repeat}
body .auth-story h2{font-size:34px}
.auth-steps{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.auth-steps li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650}
.auth-steps span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:1px solid #e9c78977;color:var(--gold);font-size:11px;font-weight:800}
body .auth-panel{align-self:stretch;max-width:none;padding:40px 44px;border:1px solid var(--line);background:linear-gradient(135deg,var(--gold) 0 10px,transparent 10px),linear-gradient(180deg,#18221d,#111815)}
body .auth-tabs{gap:0;border:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}
body .auth-tabs a{flex:1;padding:12px;text-align:center;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border:0}
body .auth-tabs a[aria-current]{border:0;background:linear-gradient(180deg,#f3d9a5,#c99a52);color:#17110a}
body .auth-panel h1{font-size:34px}
@media(max-width:900px){body .auth-layout{grid-template-columns:1fr;max-width:540px}body .auth-panel{padding:30px 24px}}

/* Header: signed-in players see their rank, name and GP on the menu button */
.account-chip{display:flex;align-items:center;gap:10px;min-width:0}
.account-chip[hidden]{display:none}
.account-dropdown[data-signed] summary{padding:6px 10px 6px 6px;gap:8px}
.account-dropdown[data-signed] .account-icon,.account-dropdown[data-signed] .account-summary-label{display:none}
.account-chip-badge .game-insignia{width:36px;height:36px;flex-basis:36px}
.account-chip-copy{display:grid;gap:2px;min-width:0;text-align:left}
.account-chip-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.1;color:#fff4dc}
.account-chip-copy small{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;color:var(--gold)}
.account-chip-meter{display:block;height:3px;background:#ffffff1a}
.account-chip-meter i{display:block;height:100%;width:var(--fill,0%);background:linear-gradient(90deg,#c99a52,#f3d9a5)}
@media(min-width:1200px){.site-header:has(.account-dropdown[data-signed]) .nav-wing-right{padding-right:240px}}
@media(min-width:1200px) and (max-width:1499px){.account-chip-copy strong,.account-chip-copy small{max-width:150px}.site-header:has(.account-dropdown[data-signed]) .nav-wing-right{padding-right:225px;gap:16px}}
@media(max-width:700px){.account-chip-copy{display:none}}

/* Top bar: server state, quick links and the language switch */
.topbar{position:relative;z-index:45;background:#070b09;border-bottom:1px solid #e9c78926;font-size:12px}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1640px,calc(100% - 64px));min-height:34px;margin:auto}
.topbar-status{display:inline-flex;align-items:center;gap:8px;color:#a9b3aa;font-weight:650;letter-spacing:.03em}
.topbar-status i{width:7px;height:7px;border-radius:50%;background:#7c8a7f}
.topbar-status[data-state=online] i{background:#9fd66b;box-shadow:0 0 0 3px #9fd66b26}
.topbar-status[data-state=offline] i,.topbar-status[data-state=unreachable] i{background:#e0604f}
.topbar-sep{opacity:.5}
.topbar-right{display:flex;align-items:center;gap:18px}
.topbar-right>a{color:#c5ccc6;font-weight:650}
.topbar-right>a:hover{color:var(--gold)}
.topbar-lang{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid #e9c78940;background:#0d1411}
.topbar-lang-icon{display:grid;place-items:center;width:22px;color:var(--gold)}
.topbar-lang a{min-width:32px;padding:3px 8px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:#a9b3aa}
.topbar-lang a:hover{color:#fff}
.topbar-lang a[aria-current]{background:linear-gradient(180deg,#f3d9a5,#c99a52);color:#17110a}
@media(max-width:700px){.topbar-inner{width:calc(100% - 28px)}.topbar-status>span:not([data-server-state]),.topbar-right>a{display:none}}

body main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:0}
@media(prefers-reduced-motion:reduce){body .button{transition:none}}

/* Registration form trap: invisible to people and assistive technology */
.form-trap{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* Status page / blog covers / 404 / home stats / profile share */
.editorial-cover{background:linear-gradient(135deg,#18221d,#0d1411)}
.notfound-help h2{margin-bottom:22px}
.notfound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.notfound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.notfound-grid{grid-template-columns:1fr}}
.deck-stats{display:flex;gap:26px;margin:4px 0 18px;padding:0}
.deck-stats div{display:grid;gap:2px}
.deck-stats dt{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.deck-stats dd{margin:0;font-size:24px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.deck-position{margin:-4px 0 12px;font-size:14px;font-weight:800;color:var(--gold)}
.profile-share{margin-top:10px;font-size:12px;font-weight:700}
.notfound-card{display:flex;flex-direction:column;gap:6px;padding:20px 18px;border:1px solid var(--line);background:linear-gradient(135deg,var(--gold) 0 8px,transparent 8px),linear-gradient(180deg,#18221d,#121a17);transition:border-color .2s,transform .2s}
.notfound-card:hover{border-color:#e9c78977;transform:translateY(-2px)}
.notfound-card small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--gold)}
.notfound-card strong{font-size:18px}
.notfound-card span{font-size:13px;line-height:1.5;color:#a9b3aa}
@media(prefers-reduced-motion:reduce){.notfound-card{transition:none}.notfound-card:hover{transform:none}}

/* Leaderboard: board kind tiles and period switch */
.board-switch{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:14px;margin:6px 0 16px}
.board-kind{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:96px;padding:16px 18px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(90deg,#0b100ef2 30%,#0b100e66),url(/assets/wolfory-keyart.png) right 20%/cover no-repeat;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:border-color .2s}
.board-kind--prides{background:linear-gradient(90deg,#0b100ef2 30%,#0b100e66),url(/assets/wolfory-keyart.png) left 30%/cover no-repeat}
.board-kind small{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--gold)}
.board-kind strong{font-size:22px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:1.05}
.board-kind[aria-current]{border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}
.board-kind:hover{border-color:#e9c78988}
.period-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.period-switch button{min-width:110px;padding:10px 16px;border:1px solid var(--line);background:#121a17;color:#c5ccc6;font:inherit;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.period-switch button:hover{color:var(--text);border-color:#e9c78966}
.period-switch button[aria-pressed=true]{background:linear-gradient(180deg,#f3d9a5,#c99a52);color:#17110a;border-color:var(--gold)}
.period-range{margin-left:6px;font-size:13px;font-weight:700;color:var(--gold)}
.ranking-table .period-gp{color:var(--gold);font-weight:800}
@media(max-width:560px){.board-switch{grid-template-columns:1fr 1fr}.board-kind strong{font-size:16px}.period-switch button{min-width:0;flex:1}.period-range{flex-basis:100%;margin:4px 0 0}}

/* ===== Leaderboard v2: compact toolbar, wide table, mobile cards ===== */
.leaderboard.section{padding-block:28px 56px}
.leaderboard .community-tabs{display:none}
.board-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px;border:1px solid var(--line);background:linear-gradient(180deg,#151e1a,#111815);margin-bottom:12px}
.board-bar .board-switch{display:inline-flex;gap:0;margin:0;border:1px solid var(--line)}
.board-bar .board-kind{display:block;min-height:0;padding:9px 16px;border:0;clip-path:none;background:transparent;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c5ccc6;box-shadow:none}
.board-bar .board-kind:hover{color:var(--text);background:#e9c7890d}
.board-bar .board-kind[aria-current]{background:linear-gradient(180deg,#f3d9a5,#c99a52);color:#17110a;box-shadow:none}
.board-bar .period-switch{margin:0;gap:4px}
.board-bar .period-switch button{min-width:0;padding:9px 14px;font-size:11px}
.board-bar .period-range{margin:0;font-size:12px}
.board-bar .ranking-filter{display:flex;flex:1 1 360px;justify-content:flex-end;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none}
.board-bar .ranking-filter>div{display:flex;align-items:center;gap:8px;min-width:0}
.board-bar .ranking-filter label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.board-bar .ranking-filter input,.board-bar .ranking-filter select{min-height:38px;padding:8px 12px;font-size:13px}
.board-bar .ranking-filter input{width:min(240px,100%)}
.board-bar .ranking-filter .button{min-height:38px;padding:8px 14px}
.ranking-rules{margin:0 0 14px;border:1px solid var(--line);background:#0f1613}
.ranking-rules summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;cursor:pointer;font-size:12.5px;font-weight:700;color:#c5ccc6;list-style:none}
.ranking-rules summary::-webkit-details-marker{display:none}
.ranking-rules summary span:first-child:before{content:"ⓘ";margin-right:8px;color:var(--gold)}
.ranking-rules p{margin:0;padding:0 14px 12px;font-size:12.5px;line-height:1.6;color:#a9b3aa}
.ranking-rules .pill{font-size:10px}

/* Podium: three compact horizontal tiles */
.leaderboard .podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.leaderboard .podium-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:0;padding:12px 14px;text-align:left}
.leaderboard .podium-card .podium-position{grid-row:1/3;font-size:26px;font-weight:900;color:var(--gold);position:static}
.leaderboard .podium-card .podium-game-rank{grid-row:1/3;width:40px;height:40px;flex-basis:40px;margin:0}
.leaderboard .podium-card .player-link{grid-column:3;font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leaderboard .podium-card p{grid-column:3;margin:0;font-size:11.5px}
.leaderboard .podium-card strong{grid-column:4;grid-row:1;font-size:20px;color:var(--gold);text-align:right;margin:0}
.leaderboard .podium-card small{grid-column:4;grid-row:2;font-size:10.5px;text-align:right;color:var(--muted)}
.leaderboard .podium-card[data-place="1"]{border-color:#e9c78999;background:linear-gradient(90deg,#e9c7891f,transparent 70%),linear-gradient(180deg,#18221d,#121a17)}

/* Desktop table: full width, no horizontal scroll, compact rows */
.leaderboard .table-scroll{overflow-x:auto;border:1px solid var(--line)}
.leaderboard .ranking-table{width:100%;table-layout:auto;white-space:normal}
.leaderboard .ranking-table th{padding:11px 12px;font-size:10.5px;white-space:nowrap}
.leaderboard .ranking-table td{padding:9px 12px;font-size:13.5px;vertical-align:middle}
.leaderboard .ranking-table td:nth-child(n+4){font-variant-numeric:tabular-nums;white-space:nowrap}
.leaderboard .ranking-table th:nth-child(n+4),.leaderboard .ranking-table td:nth-child(n+4){text-align:right}
.leaderboard .ranking-table tbody tr:nth-child(odd){background:#ffffff04}
.leaderboard .ranking-table td.rank-number{width:52px;font-weight:900}
.leaderboard .ranking-table tbody tr:nth-child(-n+3) td.rank-number{color:var(--gold);box-shadow:inset 3px 0 0 var(--gold);font-size:15px}
.leaderboard .ranking-table tbody tr:nth-child(-n+3){background:linear-gradient(90deg,#e9c78912,transparent 40%)}
.leaderboard .ranking-table td:nth-child(2) a{font-weight:800}
.leaderboard .ranking-table td:nth-child(2) small{display:block;font-size:11px;color:var(--muted)}
.leaderboard .ranking-table .game-rank-identity{gap:8px}
.leaderboard .ranking-table .game-insignia{width:30px;height:30px;flex-basis:30px}
.leaderboard .ranking-table .game-rank-copy small,.leaderboard .ranking-table progress{display:none}
.leaderboard .ranking-pager{margin-top:12px}
.leaderboard .ranking-note{font-size:12px;color:var(--muted)}

/* Clans: compact cards in a tighter grid */
.leaderboard .clan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.leaderboard .clan-card{padding:16px 18px}
.leaderboard .clan-card h2{margin:8px 0 4px;font-size:20px}
.leaderboard .clan-card>p{margin:0 0 6px;font-size:12.5px}
.leaderboard .clan-card .record-list>div{padding:6px 0;font-size:12.5px}

@media(max-width:1000px){.board-bar .ranking-filter{flex-basis:100%;justify-content:flex-start}.leaderboard .podium{grid-template-columns:1fr}}

/* Mobile: each table row becomes a labelled card */
@media(max-width:720px){
  .leaderboard .table-scroll{overflow:visible;border:0}
  .leaderboard .ranking-table,.leaderboard .ranking-table tbody{display:block}
  .leaderboard .ranking-table thead{display:none}
  .leaderboard .ranking-table tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pos who" "pos grade";column-gap:12px;margin-bottom:10px;padding:12px;border:1px solid var(--line);background:linear-gradient(180deg,#18221d,#121a17)}
  .leaderboard .ranking-table tbody tr:nth-child(odd){background:linear-gradient(180deg,#18221d,#121a17)}
  .leaderboard .ranking-table td{padding:0;border:0;text-align:left!important}
  .leaderboard .ranking-table td:nth-child(1){grid-area:pos;align-self:center;font-size:18px}
  .leaderboard .ranking-table td:nth-child(2){grid-area:who;font-size:15px}
  .leaderboard .ranking-table td:nth-child(3){grid-area:grade;margin:4px 0 8px}
  .leaderboard .ranking-table td:nth-child(n+4){display:inline-flex;flex-direction:column;gap:1px;grid-column:1/-1;font-size:14px;font-weight:800}
  .leaderboard .ranking-table td:nth-child(n+4):before{content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .leaderboard .ranking-table tbody tr{grid-template-columns:auto repeat(3,minmax(0,1fr));grid-template-areas:"pos who who who" "pos grade grade grade"}
  .leaderboard .ranking-table td:nth-child(n+4){grid-column:auto;padding-top:8px;border-top:1px solid #2c3a3188}
  .leaderboard .ranking-table tbody tr{grid-template-columns:34px repeat(3,minmax(0,1fr))}
  .leaderboard .ranking-table td:nth-child(4),.leaderboard .ranking-table td:nth-child(7){grid-column:2}
  .leaderboard .ranking-table td:nth-child(5),.leaderboard .ranking-table td:nth-child(8){grid-column:3}
  .leaderboard .ranking-table td:nth-child(6){grid-column:4}
  .board-bar{padding:10px}
  .board-bar .board-switch{flex:1 1 100%}
  .board-bar .board-kind{flex:1;text-align:center}
  .board-bar .period-switch{flex:1 1 100%}
  .board-bar .period-switch button{flex:1}
  .board-bar .ranking-filter{flex-wrap:wrap}
  .board-bar .ranking-filter>div,.board-bar .ranking-filter input,.board-bar .ranking-filter select{flex:1 1 100%;width:100%}
  .board-bar .ranking-filter .button{flex:1 1 100%;justify-content:center}
}
.leaderboard .podium-card .player-link,.leaderboard .podium-card p{justify-self:start;text-align:left}
@media(max-width:720px){
  .leaderboard .ranking-table tbody tr td.rank-number{box-shadow:none;width:auto;font-size:17px}
  .leaderboard .ranking-table tbody tr:nth-child(-n+3){border-color:#e9c78999}
  .leaderboard .ranking-table tbody tr{padding:10px 12px;margin-bottom:8px;row-gap:0}
  .leaderboard .ranking-table td:nth-child(3){margin:2px 0 4px}
  .leaderboard .ranking-table td:nth-child(n+4){padding-top:6px;font-size:13px}
  .leaderboard .ranking-table .game-insignia{width:26px;height:26px;flex-basis:26px}
}
@media(max-width:720px){
  .leaderboard .ranking-table tbody tr:nth-child(-n+3) td.rank-number{box-shadow:none;border:0}
  .leaderboard .podium{display:none!important}
}

/* Brand: Wolfory wolf logo */
.site-header .wolfory-logo{width:168px;height:auto;filter:drop-shadow(0 6px 14px #0009)}
.site-footer .wolfory-logo{width:200px;height:auto}
.brand-symbol{background:transparent url(/assets/brand/wolfory-face-256.webp?v=1) center/contain no-repeat!important;border-radius:6px}
@media(max-width:1199px){.site-header .wolfory-logo{width:132px}}
@media(max-width:600px){.site-header .wolfory-logo{width:112px}.site-footer .wolfory-logo{width:170px}}