:root {
    --bg: #07090c;
    --panel: rgba(16, 18, 22, .82);
    --panel-solid: #101216;
    --line: rgba(185, 151, 80, .2);
    --line-soft: rgba(255, 255, 255, .08);
    --gold: #dcae4b;
    --gold-bright: #ffc75d;
    --orange: #ef7f24;
    --text: #f4f0e7;
    --muted: #888b93;
    --blue: #5c9bdb;
    --green: #77c36a;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--text);
    background: var(--bg);
    font-family: "Manrope", sans-serif;
    letter-spacing: .01em;
}
body::before, body::after { content: ""; position: fixed; pointer-events: none; z-index: -1; }
body::before { inset: 0; background: radial-gradient(ellipse at 77% 12%, rgba(121, 53, 16, .28), transparent 34%), radial-gradient(ellipse at 20% 86%, rgba(76, 37, 13, .17), transparent 30%), linear-gradient(130deg, #080a0e 15%, #0d0d10 55%, #100c0a); }
body::after { inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, black, transparent 92%); }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.page-shell { width: min(1440px, calc(100% - 64px)); margin: auto; }
.topbar { min-height: 88px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); gap: 30px; }
.brand { display: flex; align-items: center; gap: 12px; min-width: 205px; }
.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid var(--gold); color: var(--gold-bright); transform: rotate(45deg); font-size: 18px; box-shadow: 0 0 18px rgba(220, 174, 75, .25); }
.brand-mark::first-letter { transform: rotate(-45deg); }
.brand strong, .brand small { display: block; letter-spacing: .18em; }
.brand strong { font-family: Cinzel, serif; font-size: 15px; font-weight: 700; }
.brand small { color: var(--gold); font-size: 8px; font-weight: 800; margin-top: 3px; }
.main-nav { display: flex; align-self: stretch; align-items: center; gap: 34px; }
.main-nav a { position: relative; color: #93959a; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.main-nav a:hover, .main-nav a.active { color: var(--text); }
.main-nav a.active::after { content: ""; position: absolute; bottom: -33px; left: 0; right: 0; height: 2px; background: var(--gold-bright); box-shadow: 0 0 10px var(--gold); }
.topbar-actions { display: flex; align-items: center; gap: 19px; min-width: 205px; justify-content: flex-end; }
.profile-topbar:has(+ .global-nav) { display: none; }
.global-nav { position: sticky; top: 0; z-index: 45; display: flex; align-items: center; gap: 18px; min-height: 76px; margin: 0; padding: 10px 14px; border-bottom: 1px solid var(--line-soft); background: linear-gradient(90deg, rgba(7, 8, 10, .98), rgba(18, 11, 8, .96)); box-shadow: 0 10px 30px rgba(0, 0, 0, .24); backdrop-filter: blur(14px); }
.global-nav__brand { min-width: 195px; }
.global-nav__links, .global-nav__utility { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.global-nav__links { flex: 1; justify-content: center; }.global-nav__utility { justify-content: flex-end; }
.global-nav a, .global-nav button { display: inline-flex; align-items: center; min-height: 32px; padding: 0 9px; color: #aaa9a5; border: 1px solid transparent; background: transparent; font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.global-nav a:hover, .global-nav a.is-active, .global-nav button:hover { color: var(--gold-bright); border-color: rgba(255, 183, 66, .32); background: rgba(167, 75, 21, .14); }
.global-nav .global-nav__brand { padding: 0; border: 0; background: transparent; }.global-nav .global-nav__brand:hover { border: 0; background: transparent; }
.global-nav .logout-form button { cursor: pointer; }.global-nav .language-switcher { margin-left: 2px; }.global-nav__mobile { display: none; }
.command-page-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0; padding:10px 14px; border:1px solid var(--line-soft); background:rgba(9,11,14,.78); color:#aaa8a3; font-size:10px; }.command-page-nav b { color:var(--gold-bright); }.command-page-nav > div { display:flex; flex-wrap:wrap; gap:6px; }.command-page-nav a { min-height:30px; display:inline-flex; align-items:center; padding:0 10px; color:var(--gold); border:1px solid rgba(220,174,75,.22); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.command-page-nav a:hover { color:var(--gold-bright); border-color:var(--gold); background:rgba(220,174,75,.08); }
.pipeline-preflight { margin-top:12px; padding:22px; border:1px solid rgba(255,190,74,.26); background:linear-gradient(145deg,rgba(75,31,13,.42),rgba(8,10,13,.9)); }.pipeline-preflight > article { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-top:1px solid rgba(255,255,255,.08); }.pipeline-preflight h3 { margin:8px 0 4px; font-family:Cinzel,serif; font-size:17px; }.pipeline-preflight p { margin:0; color:#c9c0b3; font-size:11px; line-height:1.55; }.preflight-safe { margin-top:8px !important; color:#80d77b !important; }.pipeline-preflight form { flex:none; }.run-status.preview { color:#ffd26b !important; }.run-status.rolled_back { color:#ff9b75 !important; }
.pipeline-launch-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }.pipeline-launch-actions .button-small { min-height:42px; background:transparent; cursor:pointer; }
.command-workboard,.command-change-feed { margin-top:12px; padding:22px; border:1px solid var(--line-soft); background:rgba(9,11,14,.78); }.command-work-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.command-work-grid article { min-height:160px; padding:15px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(145deg,rgba(25,23,22,.78),rgba(8,10,12,.92)); }.command-work-grid article.critical { border-color:rgba(238,104,63,.45); }.work-queue-head { display:flex; align-items:center; gap:9px; margin-bottom:11px; }.work-queue-head span { display:grid; width:27px; height:27px; place-items:center; color:#1b1007; border-radius:50%; background:var(--gold-bright); font-family:Cinzel,serif; font-weight:800; }.critical .work-queue-head span { color:#fff5ec; background:#c85835; }.work-queue-head a { color:#f1eadf; font-family:Cinzel,serif; font-size:14px; }.work-queue-item { display:grid; gap:3px; padding:8px 0; border-top:1px solid rgba(255,255,255,.07); }.work-queue-item strong { color:#e9e2d7; font-size:10px; }.work-queue-item small,.command-work-grid p { color:#9f9a91; font-size:9px; line-height:1.45; }.command-change-feed > div:last-child { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.command-change-feed article { display:grid; gap:5px; padding:13px; border:1px solid rgba(255,255,255,.07); background:rgba(8,10,12,.65); }.command-change-feed span,.command-change-feed em { color:#948f86; font-size:9px; font-style:normal; }.command-change-feed strong { color:#eee6d9; font-size:11px; }.command-change-feed small { color:#b0aaa0; font-size:10px; line-height:1.4; }
.pipeline-run-details,.pipeline-diff { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:12px; }.pipeline-run-details article,.pipeline-diff article { display:grid; gap:5px; padding:14px; border:1px solid var(--line-soft); background:rgba(9,11,14,.78); }.pipeline-run-details small,.pipeline-diff small { color:var(--gold); font-size:8px; font-weight:800; letter-spacing:.1em; }.pipeline-run-details strong,.pipeline-diff strong { color:#f0e8da; font-family:Cinzel,serif; font-size:16px; }.pipeline-run-details span { overflow:hidden; color:#9c968c; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.pipeline-diff { display:block; padding:17px; border:1px solid rgba(255,190,74,.22); background:rgba(42,20,12,.38); }.pipeline-diff > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.pipeline-diff .section-kicker { margin-top:0; }
.player-command-history { margin-top:12px; padding:20px; border:1px solid var(--line-soft); background:rgba(8,10,12,.76); }.player-command-history > div:last-child { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.player-command-history article { display:grid; gap:5px; padding:13px; border:1px solid rgba(255,255,255,.07); background:rgba(20,16,14,.56); }.player-command-history span,.player-command-history em { color:#958f87; font-size:9px; font-style:normal; }.player-command-history strong { color:#eee5d9; font-size:11px; }.player-command-history small { color:#b8b0a5; font-size:10px; line-height:1.45; }
.migration-source-card { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:14px; padding:22px; border:1px solid rgba(255,188,72,.32); background:linear-gradient(145deg,rgba(76,27,13,.46),rgba(8,10,12,.9)); }.migration-source-card h2 { margin:7px 0; font-family:Cinzel,serif; }.migration-source-card p:not(.section-kicker) { margin:0; color:#c5b9aa; font-size:11px; }.migration-source-card p a { color:var(--gold-bright); }.migration-source-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }.migration-source-actions form { display:flex; align-items:center; gap:7px; margin:0; }.migration-source-actions label { color:#b9b0a3; font-size:9px; }.migration-source-actions .button-small { min-height:42px; background:transparent; cursor:pointer; }.migration-guide { display:flex; align-items:center; gap:14px; margin-top:10px; padding:12px 15px; border:1px solid rgba(98,164,224,.25); background:rgba(23,49,78,.2); }.migration-guide strong { color:#91c8ff; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.migration-guide span { color:#c1bbb0; font-size:10px; line-height:1.5; }.migration-selection-form { margin-top:12px; padding:20px; border:1px solid var(--line-soft); background:rgba(8,10,12,.78); }.migration-selection-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }.migration-selection-head h2 { margin:5px 0 0; font-family:Cinzel,serif; font-size:22px; }.migration-table td:first-child { width:80px; }.migration-table td:nth-child(2) small { display:block; margin-top:3px; color:#7f7b74; font-size:9px; }.migration-comment { width:100%; min-width:180px; padding:8px; color:var(--text); border:1px solid var(--line-soft); background:#0a0c0f; font:inherit; font-size:10px; }
.migration-roster-editor { display:grid; gap:4px; min-width:155px; }.migration-roster-status { box-sizing:border-box; width:100%; min-height:34px; padding:7px 28px 7px 9px; color:#eee8de; color-scheme:dark; border:1px solid rgba(176,183,190,.28); background:#090b0e; font:inherit; font-size:9px; font-weight:700; cursor:pointer; }.migration-roster-status.status-core { color:#79d57a; border-color:rgba(102,205,109,.36); }.migration-roster-status.status-candidate { color:#8bc8fa; border-color:rgba(92,155,219,.38); }.migration-roster-editor small { min-height:10px; color:#8eadc6; font-size:8px; }
@media (max-width:800px) { .migration-source-card { align-items:stretch; flex-direction:column; }.migration-source-actions { justify-content:flex-start; }.migration-selection-head { align-items:flex-start; flex-direction:column; }.migration-selection-head .button { width:100%; } }
@media (max-width:900px) { .command-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.command-change-feed > div:last-child { grid-template-columns:1fr; } }
@media (max-width:900px) { .pipeline-run-details,.pipeline-diff > div { grid-template-columns:1fr; } }
@media (max-width:560px) { .command-workboard,.command-change-feed { padding:16px; }.command-work-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { .pipeline-preflight { padding:16px; }.pipeline-preflight > article { align-items:stretch; flex-direction:column; }.pipeline-preflight form,.pipeline-preflight form .button { width:100%; } }
@media (max-width:700px) { .command-page-nav { align-items:flex-start; flex-direction:column; }.command-page-nav > div { width:100%; }.command-page-nav a { flex:1; justify-content:center; } }
@media (max-width: 900px) { .global-nav { gap: 8px; }.global-nav__brand { min-width: auto; }.global-nav__links { gap: 2px; }.global-nav__utility { gap: 2px; }.global-nav a, .global-nav button { padding: 0 7px; } }
@media (max-width: 700px) { .global-nav { min-height: 64px; padding: 8px 10px; }.global-nav__brand { min-width: 0; }.global-nav__brand .brand-mark { width:34px; height:34px; }.global-nav__brand strong { font-size:14px; }.global-nav__brand small { font-size:6px; }.global-nav__links, .global-nav__utility { display: none; }.global-nav__mobile { position: relative; display: block; margin-left: auto; }.global-nav__mobile summary { display:grid; min-width:52px; min-height:34px; place-items:center; color:var(--gold-bright); border:1px solid rgba(255,183,66,.35); font-size:8px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; list-style:none; }.global-nav__mobile summary::-webkit-details-marker { display:none; }.global-nav__mobile > div { position:absolute; top:calc(100% + 8px); right:0; z-index:5; display:grid; width:220px; padding:7px; border:1px solid rgba(255,183,66,.4); background:rgba(8,9,11,.98); box-shadow:0 16px 38px rgba(0,0,0,.45); }.global-nav__mobile a { min-height:40px; padding:0 12px; color:#e8e0d4; border-bottom:1px solid rgba(255,255,255,.07); }.global-nav__mobile a:last-child { border-bottom:0; }.global-nav__mobile .language-switcher { justify-content:space-around; margin:8px 0 0; padding:7px 3px 2px; border-top:1px solid rgba(255,255,255,.08); } }
.icon-button { position: relative; border: 0; background: none; color: #a9a5a0; font-size: 24px; cursor: pointer; }
.notification-dot, .live-dot { display: inline-block; border-radius: 50%; background: var(--orange); }
.notification-dot { position: absolute; width: 5px; height: 5px; top: 4px; right: 3px; }
.profile-button { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; }
.profile-avatar { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-bright); font-size: 9px; }
.profile-name { color: #dedbd4; }
.chevron { color: var(--muted); font-size: 16px; }
.hero { position: relative; min-height: 480px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::before { content: ""; position: absolute; inset: 0 0 0 38%; background: radial-gradient(ellipse at 65% 46%, rgba(224, 111, 27, .29), transparent 17%), radial-gradient(ellipse at 84% 50%, rgba(127, 46, 12, .32), transparent 40%); opacity: .85; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--bg) 0%, rgba(7,9,12,.88) 34%, rgba(7,9,12,.15) 75%, rgba(7,9,12,.8) 100%), linear-gradient(0deg, var(--bg) 0, transparent 30%, transparent 80%, var(--bg)); }
.hero-copy { position: relative; z-index: 2; max-width: 620px; padding: 42px 0 60px 7%; }
.eyebrow, .section-kicker { color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 26px; height: 1px; background: var(--orange); }
h1, h2, p { margin: 0; }
h1 { margin: 22px 0 22px; font-family: Cinzel, serif; font-size: clamp(48px, 6vw, 86px); font-weight: 500; line-height: .98; letter-spacing: -.04em; }
h1 em { color: var(--gold-bright); font-style: normal; text-shadow: 0 0 34px rgba(239, 127, 36, .23); }
.hero-text { color: #aeb0b5; font-size: 14px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 2px; padding: 13px 17px; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; transition: .2s ease; }
.button-primary { color: #1a1208; background: var(--gold-bright); box-shadow: 0 0 24px rgba(220, 174, 75, .16); }
.button-primary:hover { background: #ffe19a; transform: translateY(-2px); }
.button-ghost { border: 1px solid var(--line); color: #d0cbc1; }
.button-ghost:hover, .button-small:hover { border-color: var(--gold); color: var(--gold-bright); }
.hero-emblem { position: absolute; z-index: 1; right: 8%; top: 50%; width: min(37vw, 400px); aspect-ratio: 1; transform: translateY(-50%); display: grid; place-items: center; opacity: .7; }
.crest { display: grid; place-items: center; width: 44%; aspect-ratio: 1; color: rgba(244, 170, 67, .7); border: 1px solid rgba(244, 170, 67, .45); transform: rotate(45deg); font-size: 76px; text-shadow: 0 0 30px #e87822; box-shadow: 0 0 0 22px rgba(239, 127, 36, .04), 0 0 80px rgba(239, 127, 36, .2); }
.orbit { position: absolute; inset: 7%; border: 1px solid rgba(220, 174, 75, .21); border-radius: 50%; transform: rotate(-25deg) skewX(25deg); }
.orbit-two { inset: 16%; transform: rotate(55deg) skewX(-28deg); border-color: rgba(239, 127, 36, .18); }
.rune { position: absolute; color: rgba(239, 127, 36, .58); font-size: 24px; }
.rune-one { top: 4%; left: 49%; }.rune-two { bottom: 9%; right: 17%; }.rune-three { top: 48%; left: 3%; }
.hero-glow { position: absolute; z-index: 0; right: 1%; width: 34%; height: 60%; background: rgba(194, 74, 13, .14); filter: blur(70px); }
.section-block { background: linear-gradient(145deg, rgba(19, 21, 25, .85), rgba(9, 11, 14, .92)); border: 1px solid var(--line-soft); border-radius: 4px; box-shadow: inset 0 1px rgba(255,255,255,.025); }
.stats-section { padding: 26px 27px 30px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.section-heading h2 { margin-top: 6px; font-family: Cinzel, serif; font-size: 21px; font-weight: 600; letter-spacing: -.01em; }
.section-kicker { margin: 0; font-size: 9px; }
.updated { color: #70737a; font-size: 10px; }.live-dot { width: 6px; height: 6px; margin-right: 7px; box-shadow: 0 0 9px var(--orange); }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.stat-card { min-height: 132px; position: relative; display: flex; align-items: center; gap: 20px; padding: 22px 23px; border: 1px solid var(--line-soft); background: rgba(10, 12, 15, .55); }
.stat-card:hover, .member-card:hover, .highlight-row:hover { border-color: rgba(220, 174, 75, .35); background: rgba(21, 20, 17, .72); }
.stat-icon { display: grid; place-items: center; width: 43px; height: 43px; flex: 0 0 auto; border: 1px solid rgba(220, 174, 75, .3); color: var(--gold-bright); font-size: 19px; border-radius: 50%; }
.stat-card p { color: #989aa0; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.stat-card strong { display: block; margin: 5px 0 3px; font-family: Cinzel, serif; font-size: 29px; font-weight: 600; }.stat-card small { color: var(--green); font-size: 10px; }.card-arrow { position: absolute; top: 17px; right: 19px; color: #555961; font-size: 18px; }
.content-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; margin-top: 14px; }.activity-panel, .status-panel { padding: 26px 27px; }.compact { align-items: center; margin-bottom: 18px; }.text-link { color: var(--gold); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.text-link span, .button span { margin-left: 4px; color: var(--gold-bright); font-size: 16px; }.highlight-list { display: grid; gap: 8px; }.highlight-row { display: flex; align-items: center; gap: 13px; min-height: 57px; padding: 9px 13px; border: 1px solid var(--line-soft); transition: .2s ease; }.event-icon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 2px; background: rgba(220, 174, 75, .1); color: var(--gold); }.event-icon.blue { color: var(--blue); background: rgba(92, 155, 219, .1); }.event-icon.green { color: var(--green); background: rgba(119, 195, 106, .1); }.highlight-copy { display: grid; gap: 3px; flex: 1; }.highlight-copy strong { font-size: 12px; }.highlight-copy span { color: #777a81; font-size: 10px; }.tag { padding: 5px 7px; color: var(--gold); border: 1px solid rgba(220, 174, 75, .25); font-size: 8px; font-weight: 800; letter-spacing: .1em; }.tag.blue { color: var(--blue); border-color: rgba(92, 155, 219, .28); }.tag.green { color: var(--green); border-color: rgba(119, 195, 106, .28); }.row-arrow { color: #5a5d64; font-size: 16px; }.season-badge { padding: 5px 8px; border: 1px solid var(--line); color: var(--gold); font-size: 9px; font-weight: 800; }.ranking-score { padding: 11px 2px 18px; }.ranking-score strong { display: block; font-family: Cinzel, serif; color: var(--gold-bright); font-size: 50px; font-weight: 500; }.ranking-score > span { display: block; color: #777a81; font-size: 11px; margin-top: -4px; }.score-bar { height: 5px; margin: 24px 0 10px; background: #292b30; }.score-bar span { display: block; width: 78%; height: 100%; background: linear-gradient(90deg, var(--orange), var(--gold-bright)); box-shadow: 0 0 9px rgba(255, 199, 93, .4); }.ranking-score small { color: var(--green); font-size: 10px; }.rank-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid var(--line-soft); color: #777a81; font-size: 10px; }.rank-footer strong { color: var(--gold); font-size: 11px; letter-spacing: .1em; }.rank-footer b { color: var(--text); }.roster-section { margin-top: 14px; padding: 26px 27px 30px; }.button-small { padding: 8px 11px; border: 1px solid var(--line); color: #bdb7aa; font-size: 9px; }.roster-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }.member-card { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 12px 11px; border: 1px solid var(--line-soft); transition: .2s ease; }.member-avatar { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-bright); font-size: 9px; font-weight: 800; }.member-avatar.blue { color: var(--blue); border-color: var(--blue); }.member-avatar.green { color: var(--green); border-color: var(--green); }.member-avatar.muted { color: #777a81; border-color: #555960; }.member-info { display: grid; gap: 3px; min-width: 0; }.member-info strong { overflow: hidden; text-overflow: ellipsis; font-size: 11px; }.member-info span, .member-status { color: #777a81; font-size: 9px; }.member-status { display: none; }.member-status i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: currentColor; }.member-status.gold { color: var(--gold); }.member-status.blue { color: var(--blue); }.member-status.green { color: var(--green); }.member-status.muted { color: #777a81; }.quote-banner { position: relative; display: flex; align-items: center; gap: 20px; margin: 46px 0 38px; padding: 28px 34px; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at 75% 50%, rgba(122, 52, 16, .24), transparent 42%); }.quote-mark { color: var(--orange); font-family: Georgia, serif; font-size: 64px; line-height: .6; }.quote-banner p { font-family: Cinzel, serif; color: var(--gold-bright); font-size: 18px; }.quote-banner span { display: block; margin-top: 8px; color: #777a81; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }.quote-lines { position: absolute; right: 5%; width: 180px; height: 50px; opacity: .24; background: repeating-linear-gradient(120deg, transparent 0 12px, var(--orange) 13px 14px, transparent 15px 26px); transform: skewX(-35deg); }.footer { display: flex; justify-content: space-between; gap: 20px; padding: 0 0 28px; color: #62656d; font-size: 9px; font-weight: 700; letter-spacing: .12em; }.footer i { display: inline-block; width: 5px; height: 5px; margin-left: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px var(--green); }
@media (max-width: 900px) { .page-shell { width: min(100% - 34px, 700px); }.main-nav { display: none; }.topbar { min-height: 74px; }.hero { min-height: 490px; }.hero-copy { padding-left: 0; }.hero-emblem { right: -12%; opacity: .42; width: 64vw; }.content-grid { grid-template-columns: 1fr; }.roster-grid { grid-template-columns: repeat(2, 1fr); }.footer { flex-wrap: wrap; } }
@media (max-width: 560px) { .page-shell { width: min(100% - 24px, 500px); }.profile-name, .chevron { display: none; }.topbar-actions { min-width: auto; }.hero { min-height: 560px; }.hero-copy { padding-top: 70px; align-self: flex-start; }.hero-emblem { right: -20%; top: 64%; width: 90vw; }.hero-text br { display: none; }.stats-section, .activity-panel, .status-panel, .roster-section { padding: 21px 16px; }.stats-grid { grid-template-columns: 1fr; }.stat-card { min-height: 105px; }.section-heading { align-items: flex-start; flex-direction: column; }.section-heading.compact { flex-direction: row; align-items: center; }.updated { align-self: flex-end; margin-top: -10px; }.roster-grid { grid-template-columns: 1fr; }.quote-banner { margin: 30px 0; padding: 23px 18px; }.quote-banner p { font-size: 15px; }.quote-lines { display: none; }.footer { display: grid; gap: 9px; } }

.member-power { display: block; margin-left: auto; color: var(--gold-bright); font-family: Cinzel, serif; font-size: 11px; font-weight: 600; white-space: nowrap; }
.profile-page-body { min-height: 100vh; }
.roster-tier-block + .roster-tier-block { margin-top: 22px; }.roster-tier-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 10px; }.roster-tier-heading h3 { margin: 0; color: var(--gold-bright); font-family: Cinzel, serif; font-size: 16px; letter-spacing: .05em; }.roster-tier-heading h3 span { margin-left: 8px; color: var(--orange); font-family: Manrope, sans-serif; font-size: 9px; letter-spacing: .14em; }.roster-tier-heading small { color: #777a81; font-size: 9px; }.roster-empty { grid-column: 1 / -1; margin: 0; padding: 18px; color: #777a81; border: 1px solid var(--line-soft); font-size: 10px; }
.profile-page { padding-bottom: 48px; }
.profile-topbar { min-height: 80px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line-soft); gap: 24px; }
.profile-topbar-center { color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.profile-topbar-center span { color: #6f7077; margin: 0 8px; }
.back-link { color: #a8a7a5; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.back-link:hover { color: var(--gold-bright); }
.player-hero { position: relative; display: flex; align-items: end; justify-content: space-between; min-height: 245px; padding: 55px 5% 42px; overflow: hidden; border-bottom: 1px solid var(--line); }
.player-hero::after { content: ""; position: absolute; right: 2%; top: 10%; width: 280px; height: 220px; opacity: .35; background: radial-gradient(circle, rgba(225, 113, 28, .35), transparent 60%); filter: blur(12px); pointer-events: none; }
.player-hero h1 { margin: 21px 0 10px; font-size: clamp(38px, 5vw, 70px); }
.player-subtitle { color: #d9d2c6; font-size: 13px; font-weight: 800; letter-spacing: .16em; }
.player-update { position: relative; z-index: 1; display: grid; justify-items: end; gap: 12px; }.gold-class { padding: 10px 15px; border: 1px solid var(--gold); border-radius: 99px; color: var(--gold-bright); font-size: 10px; font-weight: 800; letter-spacing: .1em; }.player-update small { color: #a5a3a1; font-size: 10px; }
.profile-stat-grid, .profile-metric-grid, .combat-grid, .axes-grid { display: grid; gap: 12px; }.profile-stat-grid { grid-template-columns: repeat(3, 1fr); margin-top: 14px; }.profile-stat { min-height: 142px; display: grid; justify-items: center; align-content: center; gap: 8px; padding: 20px; background: linear-gradient(145deg, rgba(18, 20, 24, .9), rgba(8, 10, 13, .88)); border: 1px solid var(--line-soft); border-radius: 5px; text-align: center; }.profile-stat-icon { color: var(--gold-bright); font-size: 20px; }.profile-stat small, .profile-metric small { color: #d4cec4; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.profile-stat strong { font-family: Cinzel, serif; font-size: 30px; font-weight: 600; }.profile-stat em, .profile-metric em { color: var(--gold); font-size: 9px; font-style: normal; font-weight: 800; letter-spacing: .06em; }.profile-stat-wide { font-size: 23px !important; }.profile-section { margin-top: 14px; padding: 22px 20px; background: linear-gradient(145deg, rgba(17, 19, 23, .88), rgba(9, 11, 14, .92)); border: 1px solid var(--line-soft); border-radius: 5px; }.profile-section > h2 { margin: 0 0 16px; color: var(--orange); font-family: Cinzel, serif; font-size: 16px; letter-spacing: .04em; }.profile-metric-grid { grid-template-columns: repeat(4, 1fr); }.profile-metric { min-height: 154px; display: grid; justify-items: center; align-content: center; gap: 7px; padding: 16px; border: 1px solid var(--line-soft); border-radius: 4px; text-align: center; }.metric-symbol { color: var(--gold-bright); font-size: 23px; }.profile-metric strong { font-family: Cinzel, serif; font-size: 27px; font-weight: 600; }.performance-card { padding-bottom: 16px; }.performance-row { display: flex; align-items: center; gap: 20px; min-height: 104px; padding: 10px 22px; }.performance-flame { color: #fa6935; font-size: 55px; text-shadow: 0 0 20px rgba(239, 127, 36, .4); }.performance-row > div:nth-child(2) { flex: 1; }.performance-row strong { font-family: Cinzel, serif; font-size: 18px; }.performance-row p { margin-top: 8px; color: #a5a4a1; font-size: 11px; }.performance-badge { display: grid; justify-items: center; gap: 3px; width: 112px; height: 112px; align-content: center; border: 6px solid var(--gold-bright); border-radius: 50%; }.performance-badge small { font-size: 8px; }.performance-badge strong { font-family: Cinzel, serif; font-size: 16px; }.performance-badge em { color: var(--gold); font-size: 8px; font-style: normal; font-weight: 800; }.profile-section-title { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 16px; }.profile-section-title h2 { margin: 0; color: var(--orange); font-family: Cinzel, serif; font-size: 16px; }.profile-section-title p { margin-top: 7px; color: #aaa8a4; font-size: 11px; }.combat-pill { padding: 8px 18px; border: 1px solid rgba(119, 195, 106, .35); border-radius: 99px; color: var(--green); font-size: 9px; font-weight: 800; letter-spacing: .12em; }.combat-grid { grid-template-columns: repeat(3, 1fr); }.combat-grid article { display: grid; justify-items: center; gap: 7px; padding: 18px 10px; border: 1px solid var(--line-soft); border-radius: 4px; text-align: center; }.combat-grid small, .axes-grid small { color: var(--gold-bright); font-size: 9px; font-weight: 800; letter-spacing: .08em; }.combat-grid strong { font-family: Cinzel, serif; font-size: 24px; }.combat-grid em { color: #9a9893; font-size: 9px; font-style: normal; font-weight: 800; }.axes-grid { grid-template-columns: repeat(3, 1fr); }.axes-grid article { display: grid; gap: 8px; padding: 17px 14px; border: 1px solid var(--line-soft); border-radius: 4px; }.axes-grid strong { font-size: 14px; letter-spacing: .08em; }.axis-impact { color: var(--gold-bright); }.axis-sustain { color: #57c74a; }.axis-efficiency { color: #439deb; }.axes-grid small { color: #a7a5a1; font-weight: 500; letter-spacing: 0; }.axes-grid b { font-family: Cinzel, serif; font-size: 20px; font-weight: 500; }.axis-bar { display: block; height: 7px; border-radius: 99px; background: #26282c; overflow: hidden; }.axis-bar i { display: block; height: 100%; border-radius: inherit; background: var(--gold-bright); }.axes-grid article:nth-child(2) .axis-bar i { background: #57c74a; }.axes-grid article:nth-child(3) .axis-bar i { background: #439deb; }.profile-error { max-width: 650px; margin: 100px auto; padding: 60px; border: 1px solid var(--line); text-align: center; }.profile-error h1 { font-size: 45px; }.profile-error p { color: #aaa8a4; margin-bottom: 28px; }
@media (max-width: 800px) { .profile-topbar-center { display: none; }.player-hero { display: grid; gap: 25px; align-items: start; }.player-update { justify-items: start; }.profile-stat-grid, .profile-metric-grid { grid-template-columns: repeat(2, 1fr); }.performance-row { padding: 10px 0; }.combat-grid, .axes-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .profile-topbar { min-height: 72px; }.back-link { font-size: 0; }.back-link::before { content: "←"; font-size: 22px; }.player-hero { padding: 42px 0 30px; }.profile-stat-grid, .profile-metric-grid { grid-template-columns: 1fr; }.profile-section { padding: 18px 13px; }.performance-row { align-items: start; gap: 12px; }.performance-flame { font-size: 38px; }.performance-badge { width: 84px; height: 84px; border-width: 4px; }.performance-badge strong { font-size: 12px; }.performance-row strong { font-size: 14px; }.profile-error { padding: 30px 18px; } }

.ranking-page-body { min-height: 100vh; }
.ranking-page { padding-bottom: 32px; }
.ranking-hero { position: relative; overflow: hidden; padding: 54px 0 30px; text-align: center; border-bottom: 1px solid var(--line); }.ranking-hero::after { content: ""; position: absolute; right: 5%; top: 0; width: 300px; height: 200px; background: radial-gradient(circle, rgba(197, 87, 17, .28), transparent 67%); filter: blur(15px); pointer-events: none; }.ranking-hero h1 { position: relative; z-index: 1; margin: 17px 0 8px; font-size: clamp(31px, 5vw, 62px); }.ranking-hero .eyebrow { justify-content: center; }.ranking-subtitle { color: #e0d8c9; font-size: 15px; font-weight: 800; letter-spacing: .18em; }.ranking-snapshot { margin-top: 13px; color: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .08em; }.ranking-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; padding: 13px 17px; border: 1px solid var(--line-soft); background: rgba(15, 17, 20, .82); color: #aaa8a3; font-size: 10px; }.ranking-filters { display: flex; gap: 6px; }.ranking-filters a { padding: 8px 10px; color: #878991; border: 1px solid transparent; font-size: 9px; font-weight: 800; letter-spacing: .08em; }.ranking-filters a:hover, .ranking-filters a.active { color: var(--gold-bright); border-color: var(--line); background: rgba(220, 174, 75, .08); }.ranking-table-wrap { margin-top: 10px; overflow: auto; border: 1px solid var(--line-soft); background: rgba(7, 9, 12, .8); }.ranking-table { width: 100%; min-width: 800px; border-collapse: collapse; font-size: 11px; }.ranking-table th { position: sticky; top: 0; z-index: 1; padding: 13px 14px; color: var(--gold); background: #15130f; border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-align: left; }.ranking-table th:first-child, .ranking-table td:first-child { padding-left: 18px; }.ranking-table th:nth-child(n+4), .ranking-table td:nth-child(n+4) { text-align: right; }.ranking-table tbody tr { border-bottom: 1px solid rgba(255, 255, 255, .055); }.ranking-table tbody tr:hover { background: rgba(220, 174, 75, .07); }.ranking-table td { padding: 9px 14px; color: #dedad1; }.rank-number { width: 60px; color: var(--gold-bright) !important; font-family: Cinzel, serif; font-weight: 600; }.tier-badge { display: inline-grid; place-items: center; min-width: 34px; padding: 4px 8px; border: 1px solid var(--gold); border-radius: 99px; color: #17120a; background: linear-gradient(#ffdc72, #c99121); font-size: 8px; font-weight: 800; }.tier-badge.t4 { color: #fff; border-color: #b769fa; background: linear-gradient(#a64ff2, #56228d); }.tier-badge.t3, .tier-badge.t2 { color: #ece8df; border-color: #74787e; background: #30343b; }.player-cell { min-width: 190px; font-weight: 800; }.player-cell a:hover { color: var(--gold-bright); }.move { width: 85px; color: #a6a4a0 !important; font-size: 10px; }.move.up { color: #6edb62 !important; }.move.down { color: #ef7362 !important; }.value-cell { color: #f1ede4 !important; font-family: Cinzel, serif; font-weight: 600; white-space: nowrap; }.empty-row { padding: 40px !important; color: #777a81 !important; text-align: center !important; }
@media (max-width: 700px) { .ranking-toolbar { align-items: flex-start; flex-direction: column; }.ranking-filters { width: 100%; overflow: auto; }.ranking-filters a { flex: 1; text-align: center; }.ranking-hero { padding-top: 40px; }.ranking-hero h1 { font-size: 34px; }.ranking-subtitle { font-size: 11px; } }

.ranking-header-actions { display: flex; align-items: center; gap: 18px; }.refresh-link { color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.refresh-link:hover { color: var(--gold-bright); }.ranking-search { display: flex; flex: 1; max-width: 430px; gap: 7px; }.ranking-search input { min-width: 0; flex: 1; padding: 9px 11px; color: var(--text); border: 1px solid var(--line-soft); outline: none; background: #0a0c0f; font: inherit; font-size: 10px; }.ranking-search input:focus { border-color: var(--gold); }.ranking-search button { padding: 8px 12px; color: #1b1307; border: 0; background: var(--gold-bright); cursor: pointer; font-size: 9px; font-weight: 800; text-transform: uppercase; }.ranking-sortbar { margin-top: 8px; }.pagination { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 18px 0 8px; color: #8f9095; font-size: 10px; }.pagination a { color: var(--gold); font-weight: 800; }.pagination a:hover { color: var(--gold-bright); }.availability-banner { display: flex; align-items: center; gap: 12px; margin: 14px 0 -1px; padding: 11px 15px; border: 1px solid rgba(239, 127, 36, .4); background: rgba(78, 40, 13, .24); }.availability-banner > span { color: var(--orange); font-size: 19px; }.availability-banner div { display: grid; gap: 2px; flex: 1; }.availability-banner strong { color: var(--gold-bright); font-size: 10px; }.availability-banner small { color: #aaa8a3; font-size: 10px; }.availability-banner a { color: var(--gold); font-size: 10px; font-weight: 800; }.history-count { color: var(--gold); font-size: 10px; font-weight: 800; }.history-chart-legend { display: flex; gap: 18px; color: #aaa8a3; font-size: 10px; }.history-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }.history-chart-legend i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }.legend-power { background: var(--gold-bright); }.legend-merit { background: var(--orange); }.history-chart { display: block; width: 100%; height: auto; margin-top: 17px; overflow: visible; background: linear-gradient(180deg, rgba(220, 174, 75, .04), transparent); }.chart-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }.chart-power { stroke: var(--gold-bright); }.chart-merit { stroke: var(--orange); stroke-dasharray: 7 5; }.history-labels { display: flex; justify-content: space-between; color: #777a81; font-size: 9px; }.season-history-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 9px; margin-top: 18px; }.season-history-grid article { display: grid; gap: 7px; padding: 13px; border: 1px solid var(--line-soft); background: rgba(8, 10, 13, .5); }.season-history-grid strong { color: var(--gold-bright); font-family: Cinzel, serif; font-size: 14px; }.season-history-grid span { color: #aaa8a3; font-size: 10px; }.history-empty { color: #777a81; font-size: 11px; }
.scope-filters { margin-right: auto; }.scope-label { align-self: center; color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
@media (max-width: 700px) { .ranking-header-actions { gap: 10px; }.ranking-header-actions .refresh-link { font-size: 0; }.ranking-header-actions .refresh-link::before { content: "↻"; font-size: 20px; }.ranking-search { max-width: none; width: 100%; }.availability-banner { align-items: flex-start; }.history-chart { min-width: 580px; }.history-card { overflow: auto; } }
 .language-switcher { display:flex; align-items:center; gap:5px; margin-left:10px; }
 .language-switcher form { margin:0; }
 .language-label { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
 .language-switcher a, .language-switcher button { color:var(--muted); border:1px solid transparent; border-radius:999px; background:transparent; font-size:9px; font-weight:800; letter-spacing:.08em; padding:5px 6px; text-decoration:none; cursor:pointer; }
 .language-switcher a:hover, .language-switcher a.active, .language-switcher button:hover, .language-switcher button.active { color:var(--text); border-color:var(--gold); background:rgba(196,143,42,.12); }
 @media (max-width: 760px) { .language-label { display:none; } .language-switcher { margin-left:4px; gap:2px; } .language-switcher a, .language-switcher button { padding:4px; } }
/* Phoenix visual pass */
:root {
    --phoenix-ember: #ff5b2d;
    --phoenix-flame: #ff9f2f;
    --phoenix-sun: #ffe080;
    --phoenix-deep: #260e0c;
}
body {
    background: #070608;
}
body::before {
    background:
        radial-gradient(ellipse at 84% 8%, rgba(255, 91, 45, .19), transparent 27%),
        radial-gradient(ellipse at 72% 30%, rgba(255, 159, 47, .12), transparent 25%),
        radial-gradient(ellipse at 18% 86%, rgba(111, 27, 16, .18), transparent 32%),
        linear-gradient(135deg, #08070a 0%, #120c0d 50%, #09080b 100%);
}
body::after {
    opacity: .22;
    background-image:
        radial-gradient(circle at 14% 24%, rgba(255, 159, 47, .55) 0 1px, transparent 1.5px),
        radial-gradient(circle at 71% 19%, rgba(255, 91, 45, .4) 0 1px, transparent 1.5px),
        radial-gradient(circle at 88% 72%, rgba(255, 224, 128, .35) 0 1px, transparent 1.5px),
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
    background-size: 170px 210px, 240px 260px, 310px 280px, 46px 46px, 46px 46px;
    mask-image: linear-gradient(to bottom, black, transparent 94%);
}
.page-shell {
    position: relative;
}
.page-shell::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 7% auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--phoenix-flame), var(--gold-bright), transparent);
    box-shadow: 0 0 22px rgba(255, 91, 45, .65);
}
.topbar, .profile-topbar {
    border-bottom-color: rgba(255, 159, 47, .22);
}
.brand-mark {
    position: relative;
    border-color: var(--phoenix-flame);
    color: var(--gold-bright);
    background: radial-gradient(circle, rgba(255, 91, 45, .28), transparent 68%);
    box-shadow: 0 0 18px rgba(255, 91, 45, .35), inset 0 0 12px rgba(255, 159, 47, .12);
}
.brand-mark::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 20px;
    left: 10px;
    top: 7px;
    border-radius: 70% 35% 70% 35%;
    background: linear-gradient(180deg, #ffe28d, var(--phoenix-ember));
    transform: rotate(-45deg);
    opacity: .5;
    filter: blur(1px);
}
.hero, .ranking-hero, .player-hero {
    border-bottom-color: rgba(255, 159, 47, .26);
}
.hero::before {
    background:
        radial-gradient(ellipse at 75% 46%, rgba(255, 91, 45, .42), transparent 15%),
        radial-gradient(ellipse at 86% 50%, rgba(125, 30, 15, .44), transparent 38%),
        radial-gradient(ellipse at 68% 18%, rgba(255, 196, 70, .12), transparent 22%);
}
.hero-emblem {
    width: min(42vw, 470px);
    opacity: .86;
    filter: drop-shadow(0 0 26px rgba(255, 91, 45, .18));
}
.hero-emblem::before, .hero-emblem::after {
    content: "";
    position: absolute;
    top: 25%;
    width: 47%;
    height: 50%;
    opacity: .68;
    background: linear-gradient(145deg, rgba(255, 224, 128, .82), rgba(255, 91, 45, .12) 56%, transparent 72%);
    clip-path: polygon(100% 50%, 77% 16%, 58% 0, 64% 30%, 18% 8%, 40% 42%, 0 37%, 35% 60%, 8% 78%, 59% 67%, 48% 100%, 78% 77%);
}
.hero-emblem::before { left: -2%; transform: scaleX(-1) rotate(-9deg); }
.hero-emblem::after { right: -2%; transform: rotate(-9deg); }
.crest {
    position: relative;
    z-index: 2;
    width: 25%;
    height: 38%;
    aspect-ratio: auto;
    border: 0;
    border-radius: 60% 40% 65% 35%;
    background: linear-gradient(150deg, #fff0ad 0%, var(--phoenix-flame) 45%, var(--phoenix-ember) 72%, #7b1b17 100%);
    transform: rotate(45deg) translate(-2px, -2px);
    box-shadow: 0 0 24px rgba(255, 91, 45, .65), 0 0 80px rgba(255, 159, 47, .35), inset -7px -8px 13px rgba(113, 18, 11, .45);
    font-size: 0;
}
.crest::before {
    content: "";
    position: absolute;
    width: 42%;
    height: 66%;
    left: 29%;
    top: -34%;
    border-radius: 100% 0 100% 0;
    background: var(--phoenix-flame);
    transform: rotate(-11deg);
    box-shadow: 0 -6px 0 rgba(255, 224, 128, .65);
}
.section-block, .ranking-table-wrap, .profile-section, .profile-stat {
    border-color: rgba(255, 159, 47, .15);
    box-shadow: inset 0 1px rgba(255, 224, 128, .045), 0 11px 34px rgba(0, 0, 0, .16);
}
.section-block::before, .profile-section::before {
    content: "";
    display: block;
    height: 1px;
    margin: -1px 16% 0;
    background: linear-gradient(90deg, transparent, rgba(255, 159, 47, .4), transparent);
    opacity: .7;
}
.button-primary {
    background: linear-gradient(135deg, #ffe18a, #f29a2d 58%, #e35a28);
    box-shadow: 0 0 25px rgba(255, 91, 45, .24), inset 0 1px rgba(255, 255, 255, .42);
}
.button-primary:hover { background: linear-gradient(135deg, #fff0af, #ffb640 58%, #f06d35); }
.ranking-filters a:hover, .ranking-filters a.active {
    border-color: rgba(255, 159, 47, .5);
    background: linear-gradient(135deg, rgba(255, 159, 47, .18), rgba(255, 91, 45, .08));
    box-shadow: inset 0 0 14px rgba(255, 91, 45, .08);
}
.ranking-table th {
    background: linear-gradient(180deg, #211713, #15100f);
    border-bottom-color: rgba(255, 159, 47, .35);
}
.gold-class, .combat-pill, .season-badge {
    box-shadow: 0 0 16px rgba(255, 159, 47, .12);
}
.live-dot, .notification-dot { background: var(--phoenix-ember); box-shadow: 0 0 10px var(--phoenix-ember); }
@media (max-width: 900px) { .hero-emblem { opacity: .58; } }

/* Premium phoenix artwork */
body::before {
    background-image:
        linear-gradient(90deg, rgba(5, 5, 7, .92), rgba(5, 5, 7, .56) 52%, rgba(5, 5, 7, .82)),
        url("../images/premium_identity_bg.96f0c1c5d295.png");
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}
body.ranking-page-body::before {
    background-image:
        linear-gradient(90deg, rgba(5, 5, 7, .94), rgba(5, 5, 7, .62) 52%, rgba(5, 5, 7, .86)),
        url("../images/premium_snapshot_bg.127960ba1695.png");
}
.hero::before {
    background-image:
        linear-gradient(90deg, rgba(7, 6, 8, .98) 0%, rgba(7, 6, 8, .88) 32%, rgba(7, 6, 8, .16) 78%, rgba(7, 6, 8, .76) 100%),
        url("../images/premium_identity_bg.96f0c1c5d295.png");
    background-position: center top;
    background-size: cover;
}
.ranking-hero {
    background-image:
        linear-gradient(180deg, rgba(6, 5, 7, .4), rgba(6, 5, 7, .92)),
        url("../images/premium_snapshot_bg.127960ba1695.png");
    background-position: center 18%;
    background-size: cover;
}
.player-hero {
    background-image:
        linear-gradient(90deg, rgba(7, 6, 8, .92), rgba(7, 6, 8, .35) 58%, rgba(7, 6, 8, .8)),
        url("../images/premium_identity_bg.96f0c1c5d295.png");
    background-position: center 19%;
    background-size: cover;
}
.section-block, .profile-section, .profile-stat, .ranking-table-wrap {
    background-color: rgba(8, 8, 10, .84);
}
.ranking-table-wrap {
    background-image: linear-gradient(180deg, rgba(30, 12, 8, .32), rgba(7, 9, 12, .88));
}
@media (max-width: 700px) {
    body::before { background-position: 58% top; }
    .hero::before, .ranking-hero, .player-hero { background-position: 62% top; }
}

/* The premium artwork already contains the phoenix emblem. */
.hero-emblem { display: none; }

/* Functional dashboard panels */
.live-data-section, .officers-section { margin-top: 14px; padding: 26px 27px; }
.live-data-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.live-data-card { min-height: 104px; display: grid; align-content: center; gap: 8px; padding: 17px 19px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .62); }
.live-data-card small { color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.live-data-card strong { color: var(--text); font-family: Cinzel, serif; font-size: 16px; font-weight: 600; }
.officers-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.officer-card { min-height: 74px; display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .62); transition: .2s ease; }
a.officer-card:hover { border-color: rgba(255, 159, 47, .55); transform: translateY(-2px); background: rgba(43, 17, 11, .56); }
.officer-card.unavailable { opacity: .62; }
.officer-avatar { display: grid; place-items: center; width: 39px; height: 39px; flex: 0 0 auto; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-bright); font-size: 9px; font-weight: 800; }
.officer-avatar.blue { color: var(--blue); border-color: var(--blue); }.officer-avatar.green { color: var(--green); border-color: var(--green); }
.officer-copy { display: grid; gap: 4px; min-width: 0; flex: 1; }.officer-copy strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.officer-copy small { color: #908f8a; font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.officer-power { color: var(--gold-bright); font-family: Cinzel, serif; font-size: 12px; font-weight: 600; white-space: nowrap; }

/* Readable season history */
.history-trend-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.history-trend { min-width: 0; padding: 16px; border: 1px solid var(--line-soft); background: rgba(7, 9, 12, .56); }
.history-trend-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #c9c4bb; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.history-trend-header span { display: inline-flex; align-items: center; gap: 7px; }.history-trend-header i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }.history-trend-header strong { color: var(--gold-bright); font-family: Cinzel, serif; font-size: 12px; font-weight: 600; white-space: nowrap; }
.history-trend .history-chart { height: 150px; min-width: 0; margin-top: 12px; }.history-trend .chart-line { stroke-width: 4; }.history-trend .history-labels { margin-top: 7px; }
.season-history-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.season-history-card { min-height: 184px; padding: 19px !important; border-color: rgba(255, 159, 47, .22) !important; background: linear-gradient(145deg, rgba(35, 16, 12, .52), rgba(8, 10, 13, .72)) !important; }
.season-history-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid var(--line-soft); }.season-history-title strong { font-size: 17px !important; }.season-history-title span { color: var(--gold); font-size: 10px !important; font-weight: 800; }
.season-history-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; margin-top: 15px; }.season-history-metrics span { display: grid; gap: 5px; }.season-history-metrics small { color: #9e9b94; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.season-history-metrics b { color: var(--text); font-family: Cinzel, serif; font-size: 14px; font-weight: 600; }
@media (max-width: 850px) { .officers-grid { grid-template-columns: repeat(2, 1fr); } .live-data-grid { grid-template-columns: 1fr; } .history-trend-grid, .season-history-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .live-data-section, .officers-section { padding: 21px 16px; } .officers-grid { grid-template-columns: 1fr; } .history-trend { padding: 13px; } .history-trend-header { align-items: flex-start; flex-direction: column; } .history-trend .history-chart { height: 120px; } .season-history-card { min-height: 0; padding: 15px !important; } .season-history-metrics { grid-template-columns: 1fr; gap: 11px; } }

/* Command and data-management views */
.main-nav a { white-space: nowrap; }
.live-data-card.freshness { background: linear-gradient(135deg, rgba(23, 66, 39, .42), rgba(8, 9, 12, .62)); }.live-data-card.freshness.is-stale { background: linear-gradient(135deg, rgba(92, 37, 16, .48), rgba(8, 9, 12, .62)); }.live-data-card.freshness span { color: #9c9b95; font-size: 10px; }
.officer-card.has-alert { border-color: rgba(255, 126, 62, .44); }
.command-hero { background-position: center 25%; }
.command-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 16px; }.command-summary article { min-height: 96px; display: grid; align-content: center; gap: 7px; padding: 16px 18px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .76); }.command-summary article.risk { border-color: rgba(255, 111, 60, .45); background: linear-gradient(145deg, rgba(86, 27, 12, .4), rgba(8, 9, 12, .76)); }.command-summary small { color: #a3a09a; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.command-summary strong { color: var(--gold-bright); font-family: Cinzel, serif; font-size: 19px; }
.command-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 11px; padding: 13px 16px; border: 1px solid var(--line-soft); background: rgba(10, 9, 11, .74); }.command-actions { display: flex; gap: 8px; }.command-actions .button-small { display: inline-flex; align-items: center; }
.command-filter-form { display: grid; flex: 1; grid-template-columns: minmax(170px, 1.35fr) repeat(3, minmax(118px, .75fr)) auto auto; gap: 7px; align-items: center; }.command-filter-form input, .command-filter-form select { min-width: 0; box-sizing: border-box; width: 100%; min-height: 36px; padding: 8px 10px; color: var(--text); border: 1px solid var(--line-soft); outline: none; background: #0a0c0f; font: inherit; font-size: 10px; }.command-filter-form input:focus, .command-filter-form select:focus { border-color: var(--gold); }.command-filter-form select { cursor: pointer; }.command-filter-form button { min-height: 36px; padding: 8px 12px; color: #1b1307; border: 0; background: var(--gold-bright); cursor: pointer; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.filter-reset { padding: 8px 4px; color: #aaa59d; font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; }.filter-reset:hover { color: var(--gold-bright); }.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.show-farms-toggle { display: inline-flex; align-items: center; min-height: 36px; gap: 6px; padding: 0 4px; color: #bbb4aa; font-size: 9px; font-weight: 700; line-height: 1.35; white-space: nowrap; }.show-farms-toggle input { width: 14px; height: 14px; margin: 0; accent-color: var(--phoenix-flame); cursor: pointer; }
.player-management-table .linked-main-cell { min-width: 128px; color: #a9a39a; font-size: 10px; }.player-management-table .linked-main-cell a { color: #ffd778; font-weight: 800; }.player-management-table .linked-main-cell a:hover { color: var(--gold-bright); text-decoration: underline; }
.player-management-table .linked-main-cell small { display: block; margin-top: 3px; color: #a49b8b; font-size: 8px; text-transform: uppercase; }.farm-match-action { display: block; width: fit-content; margin-top: 5px; color: #9fc8ff !important; font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
.farm-link-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; margin-top: 16px; }.farm-link-card, .farm-link-guide { padding: 24px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(57, 21, 13, .64), rgba(8, 9, 12, .87)); }.farm-link-card h2, .farm-link-guide h2 { margin: 7px 0 12px; font-family: Cinzel, serif; }.farm-link-card > p:not(.section-kicker), .farm-link-guide p:not(.section-kicker) { color: #c2b9ab; font-size: 11px; line-height: 1.65; }.farm-link-card .admin-form { display: grid; gap: 13px; margin-top: 20px; }.farm-link-card .admin-form label { display: grid; gap: 6px; color: #b9b1a7; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.farm-link-card .admin-form select, .farm-link-card .admin-form input[type="search"] { min-width: 0; box-sizing: border-box; width: 100%; padding: 10px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 11px; }.farm-link-card .admin-form input[type="search"]:focus { outline: 0; border-color: var(--gold); }.farm-link-card .admin-form #farm-search-result { color: #aaa49a; font-size: 10px; }.farm-link-card .button { justify-self: start; cursor: pointer; }.farm-link-current { display: grid; gap: 4px; margin-top: 17px; padding: 11px 13px; border: 1px solid rgba(255, 204, 93, .28); background: rgba(106, 53, 15, .22); }.farm-link-current small { color: #b8aa93; font-size: 9px; text-transform: uppercase; }.farm-link-current strong { color: var(--gold-bright); font-family: Cinzel, serif; }.inline-danger-form { margin-top: 10px; }.inline-danger-form button { cursor: pointer; }.farm-links-list { margin-top: 12px; padding: 21px; }.farm-links-list > article { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.08); }.farm-links-list > article:last-child { border-bottom: 0; }.farm-links-list article > div:first-child { display: grid; gap: 4px; }.farm-links-list strong { font-family: Cinzel, serif; }.farm-links-list small { color: #aaa49a; font-size: 10px; }.farm-link-row-actions { display: flex; gap: 7px; align-items: center; }.farm-link-row-actions form { margin: 0; }
@media (max-width: 760px) { .farm-link-layout { grid-template-columns: 1fr; }.farm-links-list > article { align-items: flex-start; flex-direction: column; }.farm-link-row-actions { flex-wrap: wrap; } }
.bulk-status-panel { margin-top: 10px; padding: 12px 16px; border: 1px solid rgba(255, 159, 47, .28); background: linear-gradient(100deg, rgba(79, 28, 13, .46), rgba(8, 9, 12, .8)); }.bulk-status-panel form { display: flex; align-items: center; gap: 14px; }.bulk-status-panel form > div { display: grid; flex: 1; gap: 3px; }.bulk-status-panel strong { color: var(--text); font-family: Cinzel, serif; font-size: 14px; }.bulk-status-panel small { color: #aaa59d; font-size: 9px; }.bulk-status-panel select { min-width: 180px; padding: 8px 10px; color: var(--text); border: 1px solid var(--line-soft); background: #0a0c0f; font: inherit; font-size: 10px; }.bulk-status-panel .button { white-space: nowrap; cursor: pointer; }.bulk-status-panel .button:disabled { cursor: not-allowed; opacity: .4; }.bulk-check-cell { width: 32px; padding-right: 2px !important; padding-left: 12px !important; text-align: center !important; }.bulk-check-cell input { width: 14px; height: 14px; margin: 0; accent-color: var(--phoenix-flame); cursor: pointer; }
.bulk-status-panel .bulk-control { display: grid; gap: 4px; color: #c2b9ab; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.bulk-status-panel .bulk-control select { min-width: 150px; }.bulk-status-panel .button-tier { color: #e9edf7; border: 1px solid rgba(132, 121, 255, .48); background: linear-gradient(135deg, #5a368d, #2b1a51); }
.officers-command-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }.officer-command-card { min-height: 236px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(28, 14, 13, .7), rgba(7, 9, 12, .88)); }.officer-command-card.has-alert { border-color: rgba(249, 117, 57, .52); box-shadow: inset 0 1px rgba(255, 189, 91, .12); }.officer-command-card.is-missing { opacity: .8; }.officer-command-head { display: flex; align-items: center; gap: 11px; }.officer-command-head > div { min-width: 0; flex: 1; }.officer-command-head p { margin-bottom: 4px; color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.officer-command-head h2 { overflow: hidden; margin: 0; color: var(--text); font-family: Cinzel, serif; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }.officer-command-head h2 a:hover { color: var(--gold-bright); }.command-status { padding: 5px 7px; color: var(--green); border: 1px solid rgba(104, 198, 108, .3); font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.is-missing .command-status { color: #ff8b63; border-color: rgba(255, 116, 73, .38); }.officer-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0; }.officer-metrics div { display: grid; gap: 5px; }.officer-metrics dt { color: #8f8d88; font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.officer-metrics dd { margin: 0; color: #f0e9dd; font-family: Cinzel, serif; font-size: 14px; }.officer-alerts, .officer-clear { min-height: 30px; margin-top: auto; padding: 8px 10px; font-size: 9px; font-weight: 800; }.officer-alerts { display: flex; flex-wrap: wrap; gap: 5px; color: #ffb17f; border: 1px solid rgba(255, 115, 60, .3); background: rgba(91, 28, 11, .3); }.officer-alerts span:not(:last-child)::after { content: "•"; margin-left: 5px; }.officer-clear { color: #78cb76; border: 1px solid rgba(104, 198, 108, .18); background: rgba(32, 80, 39, .18); }
.admin-warning, .data-management-card, .change-log { border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .78); }.admin-warning { margin: 16px 0 12px; padding: 16px 19px; }.admin-warning strong { color: var(--gold-bright); font-family: Cinzel, serif; }.admin-warning p, .data-management-card > p { margin: 8px 0 0; color: #aaa7a0; font-size: 11px; line-height: 1.6; }.data-management-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.data-management-card { padding: 22px; }.data-management-card h2 { margin: 7px 0 0; font-family: Cinzel, serif; font-size: 21px; }.admin-form { display: grid; gap: 13px; margin-top: 20px; }.admin-form label { display: grid; gap: 6px; color: #c8c2b7; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.admin-form input, .admin-form select { width: 100%; box-sizing: border-box; padding: 10px 11px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 12px; }.admin-form input:focus, .admin-form select:focus { outline: 0; border-color: var(--gold); }.admin-form small { color: #898782; font-size: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; }.admin-form ul.errorlist, .form-error { margin: 0; padding: 0; color: #ff9974; list-style: none; font-size: 10px; }.admin-form .button { justify-self: start; cursor: pointer; }.admin-form .button:disabled { cursor: not-allowed; opacity: .45; }.command-messages { display: grid; gap: 8px; margin-top: 15px; }.command-messages p { margin: 0; padding: 11px 14px; border: 1px solid rgba(104, 198, 108, .33); background: rgba(29, 80, 39, .28); color: #9adc92; font-size: 11px; }.command-messages p.error { border-color: rgba(255, 115, 60, .4); background: rgba(81, 26, 11, .32); color: #ffad86; }.command-messages p.warning { border-color: rgba(255, 193, 80, .4); background: rgba(84, 53, 12, .3); color: #f2ca72; }.change-log { margin-top: 12px; padding: 22px; }.change-log-list { display: grid; }.change-log-list article { display: grid; grid-template-columns: 140px 180px 1fr auto; gap: 13px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.06); }.change-log-list span, .change-log-list small, .change-log-list em { color: #96938d; font-size: 10px; font-style: normal; }.change-log-list strong { color: var(--gold); font-size: 10px; letter-spacing: .04em; }
@media (max-width: 900px) { .command-summary, .officers-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .command-summary, .officers-command-grid, .data-management-grid { grid-template-columns: 1fr; }.command-toolbar { align-items: stretch; flex-direction: column; }.command-actions { justify-content: stretch; }.command-actions .button-small { flex: 1; justify-content: center; }.change-log { padding: 17px; }.change-log-list article { grid-template-columns: 1fr; gap: 5px; }.officer-command-card { min-height: 0; } }
@media (max-width: 980px) { .command-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }.command-filter-form button, .command-filter-form .filter-reset { min-width: 0; } }
@media (max-width: 520px) { .command-filter-form { grid-template-columns: 1fr; }.command-filter-form button, .command-filter-form .filter-reset { width: 100%; }.filter-reset { padding: 10px; border: 1px solid var(--line-soft); } }
@media (max-width: 650px) { .bulk-status-panel form { align-items: stretch; flex-direction: column; gap: 10px; }.bulk-status-panel select, .bulk-status-panel .button { width: 100%; } }

/* Privileged player and pipeline controls */
.player-management-table .note-cell { max-width: 320px; color: #aaa7a0; }.table-action { display: inline-flex; padding: 7px 10px; color: var(--gold-bright); border: 1px solid rgba(255, 159, 47, .36); background: rgba(56, 27, 14, .25); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.table-action:hover { border-color: var(--gold-bright); background: rgba(255, 159, 47, .14); }
.roster-status { display: inline-flex; padding: 5px 7px; border: 1px solid rgba(176, 183, 190, .28); color: #c5c1b9; background: rgba(255,255,255,.03); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }.roster-status.core { color: #79d57a; border-color: rgba(102, 205, 109, .32); }.roster-status.candidate { color: #72b5ed; border-color: rgba(92, 155, 219, .32); }.roster-status.review { color: #ffd374; border-color: rgba(255, 196, 80, .38); }.roster-status.neutral { color: #b6b3ac; }.roster-status.afk_kick, .roster-status.farm, .roster-status.will_leave { color: #ff9a6d; border-color: rgba(255, 107, 58, .36); }.roster-status.migrant { color: #d1a4f7; border-color: rgba(179, 99, 241, .4); }.roster-status.external { color: #a9d7ff; border-color: rgba(103, 177, 238, .42); }
.kvk-class { display: inline-grid; min-width: 30px; min-height: 27px; place-items: center; padding: 0 6px; color: #ded8cc; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.03); font-family: Cinzel, serif; font-size: 12px; font-weight: 700; }.kvk-class-ss, .kvk-class-s { color: #ffdc7e; border-color: rgba(255, 204, 92, .58); background: rgba(122, 75, 13, .22); }.kvk-class-a { color: #86dc8b; border-color: rgba(105, 203, 111, .42); }.kvk-class-b { color: #98c6ff; border-color: rgba(104, 164, 231, .42); }.kvk-class-c { color: #cac5bc; }.kvk-class-d, .kvk-class-e { color: #ff9f7c; border-color: rgba(255, 111, 70, .42); }.live-filter-state { align-self: center; color: #8fa9bc; font-size: 9px; font-weight: 700; letter-spacing: .03em; white-space: nowrap; }
.account-activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }.account-activity-grid article { display: grid; justify-items: center; gap: 8px; padding: 19px; border: 1px solid rgba(255, 159, 47, .24); background: linear-gradient(145deg, rgba(58, 23, 13, .45), rgba(8, 10, 13, .78)); text-align: center; }.account-activity-grid small { color: var(--gold); font-size: 9px; font-weight: 800; letter-spacing: .1em; }.account-activity-grid strong { color: var(--text); font-family: Cinzel, serif; font-size: 25px; }.account-activity-grid em { color: #a7a199; font-size: 9px; font-style: normal; }
@media (max-width: 560px) { .account-activity-grid { grid-template-columns: 1fr; } }

/* KvK calendar configuration */
.calendar-warning { display: flex; gap: 13px; margin-top: 14px; padding: 14px 17px; border: 1px solid rgba(255, 190, 74, .32); background: linear-gradient(100deg, rgba(88, 42, 14, .4), rgba(8, 10, 13, .78)); }.calendar-warning strong { color: var(--gold-bright); font-family: Cinzel, serif; font-size: 13px; }.calendar-warning span { color: #c7bcae; font-size: 10px; line-height: 1.55; }.calendar-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }.calendar-form-card, .calendar-list { padding: 22px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(53, 21, 13, .58), rgba(8, 10, 13, .87)); }.calendar-form-card h2, .calendar-list h2 { margin: 6px 0 0; font-family: Cinzel, serif; font-size: 20px; }.calendar-form { display: grid; gap: 11px; margin-top: 18px; }.calendar-form label { display: grid; gap: 6px; color: #c9c0b4; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.calendar-form input, .calendar-form select, .calendar-form textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 9px 10px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 11px; }.calendar-form textarea { resize: vertical; }.calendar-form input:focus, .calendar-form select:focus, .calendar-form textarea:focus { outline: 0; border-color: var(--gold); }.calendar-form-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.calendar-form .button { justify-self: start; cursor: pointer; }.calendar-form .errorlist { margin: 0; padding: 0; color: #ff9b77; list-style: none; font-size: 10px; text-transform: none; }.calendar-list { margin-top: 12px; }.calendar-season-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 15px; }.calendar-season-grid article { display: flex; justify-content: space-between; gap: 12px; min-height: 140px; padding: 16px; border: 1px solid var(--line-soft); background: rgba(8, 10, 13, .68); }.calendar-season-grid h3 { margin: 10px 0 5px; font-family: Cinzel, serif; font-size: 16px; }.calendar-season-grid p, .calendar-season-grid small { display: block; margin: 0; color: #b7afa5; font-size: 10px; line-height: 1.5; }.calendar-season-grid .table-action { align-self: flex-start; }.calendar-window-table td:nth-child(3) small { display: block; margin-top: 4px; color: #9d978f; font-size: 9px; }.calendar-window-table th, .calendar-window-table td { white-space: nowrap; }
.calendar-recompute { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 12px; padding: 20px; border: 1px solid rgba(83, 169, 235, .35); background: linear-gradient(145deg, rgba(21, 48, 72, .48), rgba(8, 10, 13, .86)); }.calendar-recompute h2 { margin: 7px 0; font-family: Cinzel, serif; font-size: 20px; }.calendar-recompute p:not(.section-kicker) { max-width: 700px; margin: 0; color: #c6c0b6; font-size: 11px; line-height: 1.6; }.calendar-recompute form { margin: 0; }.calendar-recompute .button { cursor: pointer; white-space: nowrap; }.calendar-recompute-preview { display: grid; justify-items: end; gap: 7px; }.calendar-recompute-preview strong { color: #9ed2ff; font-family: Cinzel, serif; font-size: 15px; }.calendar-recompute-preview small { color: #b9b3a9; font-size: 9px; }
.calendar-delete-zone { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; margin-top: 20px; padding: 15px; border: 1px solid rgba(255, 97, 52, .42); background: rgba(74, 20, 10, .24); }.calendar-delete-zone > div { display: grid; gap: 5px; }.calendar-delete-zone strong { color: #ff9b72; font-family: Cinzel, serif; font-size: 13px; }.calendar-delete-zone span { color: #b9ada3; font-size: 9px; line-height: 1.5; }.calendar-delete-zone form { display: flex; align-items: flex-end; gap: 10px; margin: 0; }.calendar-delete-zone label { display: flex; align-items: center; gap: 6px; color: #d2c7bd; font-size: 9px; }.calendar-confirm-code { box-sizing: border-box; width: 180px; padding: 8px 9px; color: var(--text); border: 1px solid rgba(255, 193, 80, .35); background: #090b0e; font: inherit; font-size: 10px; }.calendar-delete-button { padding: 9px 12px; color: #ffad8b; border: 1px solid rgba(255, 97, 52, .55); background: rgba(100, 24, 9, .38); font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }.calendar-delete-button:hover { background: rgba(143, 37, 15, .5); }.calendar-delete-zone.is-protected { border-color: rgba(255, 193, 80, .28); background: rgba(67, 45, 13, .2); }.calendar-delete-zone.is-protected strong { color: #f2ca72; }.window-usage { display: inline-flex; padding: 5px 7px; color: #9bd39c; border: 1px solid rgba(92, 182, 99, .28); background: rgba(18, 68, 27, .17); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.window-usage.is-used { color: #f1c870; border-color: rgba(255, 185, 57, .32); background: rgba(84, 49, 8, .2); }.calendar-window-table tr.is-selected td { background: rgba(106, 54, 16, .24); }
@media (max-width: 850px) { .calendar-layout, .calendar-season-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .calendar-warning { flex-direction: column; }.calendar-form-pair { grid-template-columns: 1fr; }.calendar-delete-zone { grid-template-columns: 1fr; }.calendar-delete-zone form { align-items: flex-start; flex-direction: column; } }
@media (max-width: 760px) { .calendar-recompute { align-items: flex-start; flex-direction: column; }.calendar-recompute-preview { justify-items: start; } }

/* Migration arrivals are staged separately from the live Kingdom roster. */
.migration-external-form { align-items: flex-end; }.migration-external-form > div { flex: 0 1 280px; }.migration-external-form form { display: grid; flex: 1; grid-template-columns: 1fr 1.25fr 92px 120px 1.45fr auto; gap: 8px; }.migration-external-form input, .migration-external-form select { min-width: 0; box-sizing: border-box; min-height: 40px; padding: 9px 10px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 10px; }.migration-external-form input:focus, .migration-external-form select:focus { outline: 0; border-color: var(--gold); }.migration-external-form .button { cursor: pointer; white-space: nowrap; }.migration-core-row { background: rgba(31, 74, 39, .13); }
.migration-progress { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding: 12px 15px; border: 1px solid rgba(115, 159, 207, .25); background: rgba(16, 34, 49, .36); }.migration-progress span { padding-right: 12px; color: #b7c4ce; border-right: 1px solid rgba(255,255,255,.09); font-size: 10px; }.migration-progress b { color: #9fd2ff; font-family: Cinzel, serif; font-size: 12px; }.migration-state { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 112px; min-height: 28px; padding: 5px 8px; color: #98cef9; border: 1px solid rgba(90, 163, 227, .34); background: rgba(29, 66, 97, .24); font: inherit; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.migration-state-select { min-width: 138px; padding: 7px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 9px; }.migration-progress-editor { position: relative; display: inline-block; min-width: 112px; }.migration-state-button { width: 100%; cursor: pointer; transition: border-color .18s ease, background .18s ease; }.migration-state-button:hover, .migration-state-button:focus-visible { border-color: #8ecbff; background: rgba(29, 66, 97, .44); outline: 0; }.migration-state-editor { display: none; min-width: 164px; min-height: 32px; padding: 7px 28px 7px 10px; color: #f6f0e6; color-scheme: dark; border-color: #5aa3e3; background: #101821; font-family: Manrope, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .02em; text-transform: none; }.migration-state-editor option { color: #f6f0e6; background: #101821; font-family: Manrope, sans-serif; font-size: 12px; font-weight: 600; }.migration-state-editor option:checked { color: #ffffff; background: #225374; }.migration-progress-editor.is-editing .migration-state-button { display: none; }.migration-progress-editor.is-editing .migration-state-editor { display: block; }
.external-edit-link { display: block; width: fit-content; margin-top: 5px; color: #9fc8ff; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.external-edit-link:hover { color: #e5f2ff; text-decoration: underline; }.external-editor-layout { display: grid; grid-template-columns: minmax(230px, .75fr) minmax(0, 1.25fr); gap: 12px; margin-top: 16px; }.external-editor-hero { margin-bottom: 0; }.external-editor-context h2 { margin-bottom: 5px; }.external-editor-checkbox { grid-template-columns: auto 1fr; align-items: center; justify-content: start; gap: 9px !important; }.external-editor-checkbox input { width: auto; accent-color: var(--phoenix-flame); }.external-editor-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }.external-editor-actions .button { justify-self: auto; }.external-editor-actions .button-small { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 38px; }.external-editor-page { padding-bottom: 18px; }
.migration-tracker { margin-top: 14px; padding: 22px; border: 1px solid rgba(255, 159, 47, .28); background: linear-gradient(135deg, rgba(62, 25, 14, .58), rgba(8, 10, 13, .9)), url("../images/premium_snapshot_bg.127960ba1695.png"); background-position: center; background-size: cover; }.migration-tracker-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }.migration-tracker-heading h2 { margin: 6px 0; font-family: Cinzel, serif; font-size: 24px; }.migration-tracker-heading p:not(.section-kicker) { max-width: 760px; margin: 0; color: #b9b1a6; font-size: 10px; line-height: 1.6; }.migration-completion { color: #ffce70; font-family: Cinzel, serif; font-size: 34px; }.migration-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 18px; }.migration-kpi-grid article { display: grid; gap: 5px; min-height: 92px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(7, 9, 12, .72); }.migration-kpi-grid small { color: #99958d; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.migration-kpi-grid strong { color: #f1ece3; font-family: Cinzel, serif; font-size: 25px; }.migration-kpi-grid span { color: #918d86; font-size: 9px; }.migration-kpi-grid .is-arrived { border-color: rgba(93, 201, 105, .3); background: rgba(17, 63, 27, .27); }.migration-kpi-grid .is-arrived strong { color: #86de8d; }.migration-kpi-grid .is-remaining { border-color: rgba(255, 184, 64, .3); background: rgba(78, 46, 10, .24); }.migration-kpi-grid .is-remaining strong { color: #ffc967; }.migration-progress-track { height: 7px; margin-top: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); background: #080a0d; }.migration-progress-track span { display: block; height: 100%; background: linear-gradient(90deg, #b85a20, #ffb23f, #8ddd85); transition: width .3s ease; }.migration-filter-bar { display: flex; align-items: flex-end; gap: 10px; margin-top: 16px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.08); }.migration-filter-bar label { display: grid; flex: 1; max-width: 330px; gap: 5px; color: #9c9891; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.migration-filter-bar input { box-sizing: border-box; width: 100%; min-height: 36px; padding: 8px 10px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 10px; }.migration-filter-buttons { display: flex; flex-wrap: wrap; gap: 6px; }.migration-filter-buttons button { min-height: 36px; padding: 7px 10px; color: #aaa59d; border: 1px solid var(--line-soft); background: rgba(8, 10, 13, .76); font: inherit; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }.migration-filter-buttons button:hover, .migration-filter-buttons button.is-active { color: #ffce70; border-color: rgba(255, 168, 53, .52); background: rgba(92, 45, 13, .36); }.migration-visible-count { margin-left: auto; padding-bottom: 9px; color: #99958e; font-size: 9px; white-space: nowrap; }.migration-visible-count b { color: #f0d190; }.migration-save-actions { display: flex; align-items: center; gap: 12px; }.migration-save-actions > span { max-width: 230px; color: #8eadc6; font-size: 9px; text-align: right; }.migration-live-editor { display: grid; gap: 4px; min-width: 166px; }.migration-state-live { width: 100%; min-height: 34px; color-scheme: dark; border-width: 1px; font-size: 9px; font-weight: 700; cursor: pointer; }.migration-state-live.state-pending { color: #c1bdb6; border-color: rgba(255,255,255,.2); }.migration-state-live.state-communicated { color: #9fd3ff; border-color: rgba(90, 163, 227, .42); background: #101821; }.migration-state-live.state-confirmed { color: #f4ce77; border-color: rgba(240, 180, 65, .42); background: #1b160d; }.migration-state-live.state-arrived { color: #8ae091; border-color: rgba(95, 202, 105, .48); background: #0d1b11; }.migration-state-live.state-declined { color: #ff9c78; border-color: rgba(255, 107, 58, .45); background: #1d100c; }.migration-live-editor small { min-height: 10px; color: #7fcf89; font-size: 8px; }.migration-row.migration-progress-arrived { background: rgba(22, 79, 32, .17); }.migration-row.migration-progress-declined { opacity: .66; background: rgba(72, 25, 16, .14); }.migration-detected { display: block; width: fit-content; margin-top: 5px; color: #86dd8d; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
@media (max-width: 1050px) { .migration-external-form { align-items: stretch; flex-direction: column; }.migration-external-form form { grid-template-columns: repeat(2, minmax(0, 1fr)); }.migration-external-form .button { grid-column: span 2; } }
@media (max-width: 900px) { .migration-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.migration-filter-bar { align-items: stretch; flex-direction: column; }.migration-filter-bar label { max-width: none; }.migration-visible-count { margin-left: 0; padding: 3px 0; }.migration-save-actions { align-items: flex-end; flex-direction: column; } }
@media (max-width: 600px) { .migration-external-form form, .migration-kpi-grid { grid-template-columns: 1fr; }.migration-external-form .button { grid-column: auto; }.migration-tracker { padding: 17px 14px; }.migration-tracker-heading { flex-direction: column; gap: 8px; }.migration-filter-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }.migration-selection-head { align-items: flex-start; flex-direction: column; }.migration-save-actions { align-items: flex-start; }.migration-save-actions > span { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .migration-progress-track span { transition: none; } }
.player-edit-layout, .pipeline-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 12px; margin-top: 16px; }.player-source-card, .pipeline-info { padding: 26px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(36, 15, 12, .64), rgba(8, 9, 12, .84)); }.player-source-card h1 { margin: 7px 0 2px; font-family: Cinzel, serif; font-size: 32px; }.player-id { color: var(--gold); font-size: 11px; letter-spacing: .08em; }.player-source-card dl, .pipeline-info dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; margin: 25px 0; }.player-source-card dl div, .pipeline-info dl div { display: grid; gap: 6px; }.player-source-card dt, .pipeline-info dt { color: #93908a; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.player-source-card dd { margin: 0; color: var(--text); font-family: Cinzel, serif; font-size: 14px; }.source-note { color: #aaa7a0; font-size: 11px; line-height: 1.65; }.player-edit-form { min-height: 340px; }.admin-form textarea { box-sizing: border-box; width: 100%; resize: vertical; padding: 10px 11px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 12px; }.admin-form textarea:focus { outline: 0; border-color: var(--gold); }
.pipeline-info { background-image: linear-gradient(145deg, rgba(102, 37, 13, .35), rgba(8, 9, 12, .88)), url("../images/premium_snapshot_bg.127960ba1695.png"); background-position: center; background-size: cover; }.pipeline-info dl { grid-template-columns: 1fr; }.pipeline-info dd { margin: 0; color: #d4cdc1; font-size: 11px; line-height: 1.6; }.pipeline-runs { margin-top: 12px; padding: 22px; }.run-status { text-transform: none; }.run-status.running, .run-status.queued { color: #ffcf69 !important; }.run-status.success { color: #79d57a !important; }.run-status.failed { color: #ff966e !important; }.pipeline-log-head { margin-top: 17px; padding: 23px 25px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(58, 21, 12, .55), rgba(7, 9, 12, .84)); }.pipeline-log-head h1 { margin: 7px 0; font-family: Cinzel, serif; font-size: 30px; }.pipeline-log-head p:last-child { color: #c4beb4; font-size: 12px; }.pipeline-log { max-height: 68vh; margin-top: 11px; overflow: auto; border: 1px solid var(--line-soft); background: #07090b; }.pipeline-log pre { min-width: max-content; margin: 0; padding: 20px; color: #d9d2c4; font: 12px/1.55 Consolas, "Courier New", monospace; white-space: pre-wrap; }
.discord-launches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }.discord-launches article { padding: 22px; border: 1px solid rgba(255, 100, 51, .4); background: linear-gradient(145deg, rgba(74, 24, 12, .6), rgba(8, 9, 12, .88)); }.discord-launches h2 { margin: 7px 0; font-family: Cinzel, serif; font-size: 21px; }.discord-launches p:not(.section-kicker) { color: #b9b2a7; font-size: 11px; line-height: 1.6; }.discord-action-form { display: grid; gap: 13px; margin-top: 18px; }.discord-action-form label { display: flex; align-items: flex-start; gap: 8px; color: #dfd7c9; font-size: 10px; line-height: 1.4; }.discord-action-form input[type="checkbox"] { margin: 0; accent-color: var(--phoenix-flame); }.discord-action-form .button { justify-self: start; cursor: pointer; }
.import-source-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }.import-source-card { display: flex; min-height: 170px; flex-direction: column; padding: 20px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(50, 21, 13, .58), rgba(8, 9, 12, .88)); }.import-source-card h2 { margin: 7px 0; font-family: Cinzel, serif; font-size: 18px; }.import-source-card > p:not(.section-kicker) { color: #aba59c; font-size: 10px; }.import-source-card form { margin-top: auto; }.import-source-card .button { cursor: pointer; }.import-history { margin-top: 12px; padding: 22px; }.import-review-panel { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; padding: 21px; border: 1px solid rgba(255, 159, 47, .32); background: linear-gradient(145deg, rgba(66, 27, 14, .58), rgba(8, 9, 12, .84)); }.import-review-panel h2 { margin: 7px 0; font-family: Cinzel, serif; }.import-review-panel p:not(.section-kicker) { max-width: 630px; color: #c4beb2; font-size: 11px; line-height: 1.6; }.import-review-panel .button { cursor: pointer; white-space: nowrap; }.preview-limit { margin: 12px 0; color: #aaa59b; font-size: 10px; text-align: center; }
.alert-list { display: grid; gap: 9px; margin-top: 12px; }.alert-row { display: grid; grid-template-columns: 86px minmax(150px, .7fr) minmax(210px, 1.5fr) auto; align-items: center; gap: 15px; padding: 15px 17px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .78); }.alert-row.critical { border-color: rgba(255, 100, 58, .52); background: linear-gradient(90deg, rgba(96, 26, 12, .34), rgba(8, 9, 12, .78)); }.alert-row.warning { border-color: rgba(255, 190, 77, .34); }.alert-severity { display: inline-flex; justify-content: center; padding: 6px; color: #d5d1c8; border: 1px solid rgba(255,255,255,.12); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.critical .alert-severity { color: #ffad82; border-color: rgba(255, 107, 58, .45); }.warning .alert-severity { color: #ffd375; border-color: rgba(255, 196, 80, .4); }.review .alert-severity { color: #91bcf3; border-color: rgba(92, 155, 219, .38); }.alert-row div { display: grid; gap: 4px; }.alert-row strong { font-family: Cinzel, serif; font-size: 14px; }.alert-row strong a:hover { color: var(--gold-bright); }.alert-row small { color: #99958f; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.alert-row p { margin: 0; color: #cbc4b8; font-size: 11px; }
.command-hub-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 13px; }.command-hub-grid > a { display: flex; min-height: 172px; flex-direction: column; padding: 21px; border: 1px solid var(--line-soft); background: linear-gradient(145deg, rgba(49, 20, 12, .6), rgba(8, 9, 12, .84)); transition: .2s ease; }.command-hub-grid > a:hover { border-color: rgba(255, 159, 47, .55); transform: translateY(-2px); background: linear-gradient(145deg, rgba(83, 30, 13, .6), rgba(8, 9, 12, .88)); }.command-hub-grid h2 { margin: 7px 0; font-family: Cinzel, serif; font-size: 19px; }.command-hub-grid span { margin-top: auto; color: #b9b2a7; font-size: 11px; line-height: 1.55; }.command-status-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding: 13px 16px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .7); }.command-status-strip span { padding-right: 14px; color: #aaa59d; border-right: 1px solid rgba(255,255,255,.08); font-size: 10px; }.command-status-strip b { color: var(--gold-bright); font-family: Cinzel, serif; font-size: 12px; }
.event-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }.event-runtime-card { padding: 23px; border: 1px solid rgba(255, 159, 47, .27); background: linear-gradient(145deg, rgba(71, 25, 13, .52), rgba(8, 9, 12, .86)), url("../images/premium_snapshot_bg.127960ba1695.png"); background-position: center; background-size: cover; }.event-runtime-card h2 { margin: 8px 0; font-family: Cinzel, serif; }.event-runtime-card p { color: #dacfc0; font-size: 12px; line-height: 1.7; }.event-runtime-card small { color: #a8a29a; font-size: 10px; line-height: 1.6; }.event-list { margin-top: 12px; padding: 22px; }.event-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }.event-cards > a { display: grid; gap: 7px; min-height: 130px; padding: 17px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .72); }.event-cards > a:hover { border-color: rgba(255, 159, 47, .5); background: rgba(57, 23, 13, .5); }.event-cards h2 { margin: 0; font-family: Cinzel, serif; font-size: 17px; }.event-cards p, .event-cards small { margin: 0; color: #aaa59d; font-size: 10px; }.event-state { width: fit-content; padding: 5px 7px; color: #d8d1c4; border: 1px solid rgba(255,255,255,.14); font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.event-state.collecting, .event-state.detected { color: #ffcf70; border-color: rgba(255, 196, 80, .35); }.event-state.review { color: #88bcf6; border-color: rgba(92, 155, 219, .36); }.event-state.closed, .event-state.verified, .event-state.completed { color: #7bd67c; border-color: rgba(102, 205, 109, .34); }.event-state.failed, .event-state.rejected { color: #ff9670; border-color: rgba(255, 107, 58, .38); }.participation-review-list { display: grid; gap: 10px; margin-top: 14px; }.participation-card { padding: 16px; border: 1px solid var(--line-soft); background: rgba(8, 9, 12, .78); }.participation-head { display: flex; align-items: center; gap: 10px; }.participation-head strong { font-family: Cinzel, serif; font-size: 16px; }.participation-head small { color: #9d9992; font-size: 10px; }.participation-fields { display: grid; grid-template-columns: 1.2fr 1.8fr repeat(5, minmax(76px, 1fr)); gap: 8px; margin-top: 14px; }.participation-fields label { display: grid; gap: 5px; color: #a7a198; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.participation-fields input, .participation-fields select { min-width: 0; box-sizing: border-box; padding: 8px; color: var(--text); border: 1px solid var(--line-soft); background: #090b0e; font: inherit; font-size: 11px; }.participation-actions { display: flex; gap: 8px; margin-top: 13px; }.participation-actions .button { cursor: pointer; }
@media (max-width: 900px) { .import-source-grid, .command-hub-grid, .event-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }.participation-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .player-edit-layout, .pipeline-layout, .discord-launches, .import-source-grid, .command-hub-grid, .event-layout, .event-cards { grid-template-columns: 1fr; }.player-source-card dl { grid-template-columns: 1fr; }.player-management-table .note-cell { max-width: 180px; }.import-review-panel { align-items: flex-start; flex-direction: column; }.alert-row { grid-template-columns: 1fr; gap: 8px; }.alert-row .table-action { justify-self: start; }.participation-head { align-items: flex-start; flex-direction: column; }.participation-fields { grid-template-columns: 1fr 1fr; } }

/* Site authentication */
.topbar-actions { display: flex; align-items: center; gap: 9px; }.account-link, .logout-form button { padding: 7px 10px; color: var(--gold-bright); border: 1px solid rgba(255, 159, 47, .38); background: rgba(63, 28, 14, .22); font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }.account-link:hover, .logout-form button:hover { border-color: var(--gold-bright); background: rgba(255, 159, 47, .16); }.logout-form { margin: 0; }.auth-page { min-height: 100vh; }.auth-main { display: grid; min-height: calc(100vh - 82px); place-items: center; padding: 45px 20px; }.auth-card { width: min(100%, 470px); padding: 35px; border: 1px solid rgba(255, 159, 47, .34); background: linear-gradient(145deg, rgba(63, 24, 13, .66), rgba(8, 9, 12, .94)), url("../images/premium_identity_bg.96f0c1c5d295.png"); background-position: center; background-size: cover; box-shadow: 0 18px 65px rgba(0, 0, 0, .42); }.auth-card h1 { margin: 9px 0; font-family: Cinzel, serif; font-size: 36px; }.auth-card > p { color: #ccc4b8; font-size: 12px; line-height: 1.65; }.auth-form { margin-top: 25px; }.auth-card > small { display: block; margin-top: 20px; color: #aaa59d; font-size: 10px; line-height: 1.5; }
@media (max-width: 650px) { .topbar-actions { gap: 5px; }.account-link, .logout-form button { padding: 6px 7px; font-size: 8px; }.auth-card { padding: 25px 20px; } }

/* War Room and Community Hub */
.war-room-layout, .community-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }.war-room-guide { padding:24px; border:1px solid rgba(255,159,47,.28); background:linear-gradient(145deg,rgba(80,27,13,.52),rgba(8,9,12,.88)),url("../images/premium_snapshot_bg.127960ba1695.png"); background-size:cover; background-position:center; }.war-room-guide h2 { margin:8px 0; font-family:Cinzel,serif; }.war-room-guide p:not(.section-kicker) { color:#d3c6b3; font-size:12px; line-height:1.7; }.operation-list,.assignment-list,.build-list { margin-top:12px; padding:22px; }.operation-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }.operation-card { display:grid; gap:8px; min-height:160px; padding:18px; border:1px solid var(--line-soft); background:rgba(8,9,12,.78); }.operation-card:hover { border-color:rgba(255,159,47,.55); background:rgba(66,25,13,.5); }.operation-card.critical { border-color:rgba(255,103,63,.55); }.operation-card h2 { margin:0; font-family:Cinzel,serif; font-size:18px; }.operation-card p,.operation-card small { margin:0; color:#b9b1a6; font-size:10px; line-height:1.5; }.assignment-row { display:grid; grid-template-columns:90px minmax(150px,.8fr) minmax(160px,1fr) minmax(100px,.65fr); gap:15px; align-items:center; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.08); }.assignment-row strong { font-family:Cinzel,serif; }.assignment-row div { display:grid; gap:4px; }.assignment-row small,.assignment-row p { margin:0; color:#aaa49a; font-size:10px; line-height:1.5; }.hero-toolbar { margin-top:12px; padding:14px; border:1px solid var(--line-soft); background:rgba(8,9,12,.8); }.hero-toolbar form { display:flex; gap:8px; }.hero-toolbar input,.hero-toolbar select { min-width:0; padding:9px 11px; color:var(--text); border:1px solid var(--line-soft); background:#090b0e; font:inherit; font-size:11px; }.hero-toolbar input { flex:1; }.hero-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; }.hero-card { position:relative; display:grid; grid-template-columns:78px 1fr; gap:14px; min-height:118px; padding:16px; border:1px solid var(--line-soft); background:linear-gradient(145deg,rgba(46,20,15,.66),rgba(8,9,12,.9)); overflow:hidden; }.hero-card:hover { border-color:rgba(255,159,47,.56); transform:translateY(-1px); }.hero-card img,.hero-detail-head img { width:72px; height:72px; object-fit:cover; border:1px solid rgba(255,207,105,.38); }.hero-placeholder { display:grid; width:72px; height:72px; place-items:center; color:var(--gold-bright); border:1px solid rgba(255,207,105,.38); background:radial-gradient(circle,rgba(255,130,48,.38),rgba(12,10,12,.9)); font-family:Cinzel,serif; font-size:30px; }.hero-card p,.hero-card small { margin:0; color:#aaa49a; font-size:10px; line-height:1.5; }.hero-card h2 { margin:5px 0; font-family:Cinzel,serif; font-size:19px; }.hero-tier { position:absolute; top:10px; right:11px; display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#130e08; background:var(--gold-bright); font-family:Cinzel,serif; font-weight:800; }.tier-s .hero-tier { background:#ffcf69; }.tier-a .hero-tier { background:#8de17b; }.tier-b .hero-tier { background:#8dbcf4; }.tier-c .hero-tier { background:#9a9ba1; }.hero-detail-head { display:flex; gap:22px; align-items:center; margin-top:17px; padding:28px; border:1px solid var(--line-soft); background:linear-gradient(145deg,rgba(67,25,14,.58),rgba(8,9,12,.9)); }.hero-detail-head img,.hero-detail-head .hero-placeholder { width:130px; height:130px; flex:none; }.hero-detail-head h1 { margin:6px 0; font-family:Cinzel,serif; font-size:38px; }.hero-detail-head p { max-width:780px; color:#cbc1b2; line-height:1.7; }.tier-pills { display:flex; flex-wrap:wrap; gap:7px; }.tier-pills span { padding:6px 8px; color:#bfb6a6; border:1px solid var(--line-soft); font-size:9px; }.tier-pills b { margin-left:5px; color:var(--gold-bright); font-family:Cinzel,serif; }.build-list article { display:grid; gap:8px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.08); }.build-list h2,.build-list p { margin:0; }.build-list h2 { font-family:Cinzel,serif; }.build-list p { color:#c8bfb2; font-size:12px; line-height:1.65; }.build-list small { color:#99938a; font-size:10px; }.community-admin-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.community-admin-grid .data-management-card { min-width:0; }.community-admin-grid select,.community-admin-grid input,.community-admin-grid textarea { width:100%; box-sizing:border-box; }
.war-room-calendar-access { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 16px; padding: 22px 24px; border: 1px solid rgba(255, 168, 48, .38); background: linear-gradient(105deg, rgba(82, 33, 12, .58), rgba(8, 10, 13, .9)), url("../images/premium_snapshot_bg.127960ba1695.png"); background-position: center; background-size: cover; }.war-room-calendar-access h2 { margin: 7px 0; font-family: Cinzel, serif; font-size: 22px; }.war-room-calendar-access p:not(.section-kicker) { max-width: 720px; margin: 0; color: #c8bdb0; font-size: 11px; line-height: 1.65; }.war-room-calendar-access .button { flex: none; }
@media (max-width:900px) { .operation-cards,.hero-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.community-admin-grid { grid-template-columns:1fr; } }.community-hero { background-image:linear-gradient(90deg,rgba(5,6,8,.96),rgba(8,7,7,.48)),url("../images/premium_identity_bg.96f0c1c5d295.png"); background-size:cover; background-position:center 38%; }
@media (max-width:650px) { .war-room-layout,.hero-grid { grid-template-columns:1fr; }.hero-toolbar form { flex-direction:column; }.assignment-row { grid-template-columns:1fr; gap:6px; }.hero-detail-head { align-items:flex-start; flex-direction:column; }.hero-detail-head img,.hero-detail-head .hero-placeholder { width:100px; height:100px; } }

/* Illustrated Hero Hub formations and community ratings */
.tier-s-plus .hero-tier { color:#291300; background:linear-gradient(145deg,#fff0a3,#f29b28); box-shadow:0 0 20px rgba(255,172,45,.28); }
.illustrated-builds { margin-top:14px; padding:clamp(18px,3vw,30px); }.illustrated-builds .section-heading > p { max-width:420px; color:#99938a; font-size:10px; line-height:1.6; text-align:right; }.formation-grid { display:grid; gap:18px; margin-top:20px; }.formation-card { overflow:hidden; border:1px solid rgba(255,159,47,.28); background:linear-gradient(145deg,rgba(48,21,14,.65),rgba(7,9,12,.95)); box-shadow:0 16px 45px rgba(0,0,0,.18); }.formation-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 24px; border-bottom:1px solid rgba(255,255,255,.08); }.formation-card__head h2 { margin:6px 0 5px; font-family:Cinzel,serif; font-size:clamp(22px,3vw,31px); }.formation-card__head strong { color:#e9dfcf; font-family:Cinzel,serif; font-size:14px; }.formation-card__head strong span { color:#ef9a3c; }.community-rating { display:grid; width:92px; min-height:92px; flex:none; place-items:center; align-content:center; gap:2px; border:1px solid rgba(255,255,255,.18); background:rgba(8,10,13,.82); }.community-rating small,.community-rating span { color:#918c84; font-size:7px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.community-rating b { color:#e8e1d7; font:800 28px/1 Cinzel,serif; }.community-rating.rating-s-plus { border-color:#f2b33f; box-shadow:inset 0 0 30px rgba(240,148,30,.17); }.community-rating.rating-s-plus b,.community-rating.rating-s b { color:#ffd36c; }.community-rating.rating-a b { color:#8de17b; }.community-rating.rating-b b { color:#8dbcf4; }.community-rating.rating-c b { color:#aaa6ac; }.formation-media { display:grid; grid-template-columns:1fr; gap:1px; background:rgba(255,255,255,.08); }.formation-media.has-two { grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr); }.formation-media a { position:relative; display:block; min-height:220px; overflow:hidden; background:#05080b; }.formation-media img { display:block; width:100%; height:100%; max-height:580px; object-fit:contain; }.formation-media a span { position:absolute; left:12px; bottom:12px; padding:6px 8px; color:#ffd07a; border:1px solid rgba(255,173,54,.4); background:rgba(4,7,10,.88); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.formation-copy { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr); gap:25px; padding:22px 24px; }.formation-copy p { margin:0; color:#c9c0b3; font-size:12px; line-height:1.75; }.formation-copy > div { padding-left:20px; border-left:1px solid rgba(255,173,54,.2); }.formation-copy small { display:block; margin-bottom:7px; color:#efaa50; font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.rating-panel { display:grid; grid-template-columns:minmax(150px,.55fr) minmax(310px,1fr) auto; align-items:center; gap:20px; padding:18px 24px; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:rgba(6,8,11,.72); }.rating-panel > div:first-child { display:grid; gap:4px; }.rating-panel > div:first-child small { color:#918d86; font-size:8px; font-weight:900; letter-spacing:.1em; }.rating-panel > div:first-child strong { color:#dcd3c6; font-size:10px; }.rating-panel form { display:flex; gap:7px; }.rating-choice { display:grid; width:48px; height:42px; place-items:center; color:#bbb5ad; border:1px solid rgba(255,255,255,.15); background:#0a0c0f; font:800 13px/1 Cinzel,serif; cursor:pointer; transition:border-color .16s ease,background .16s ease,transform .16s ease; }.rating-choice:hover,.rating-choice:focus-visible,.rating-choice.is-selected { color:#170e05; border-color:#ffd273; background:#ffc45b; outline:0; transform:translateY(-1px); }.rating-choice:disabled { cursor:wait; opacity:.62; }.rating-distribution { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }.rating-distribution span { color:#8f8a82; font-size:8px; }.rating-distribution b { color:#d8cdbd; }.formation-card > footer { display:flex; justify-content:space-between; gap:18px; padding:13px 24px; color:#8f8a82; font-size:9px; }.formation-card > footer span { color:#c08b51; }.build-publisher { grid-column:span 1; }.form-guidance { color:#aaa39a; font-size:10px; line-height:1.6; }.build-publisher input[type=file] { padding:8px; color:#bdb5a9; border:1px dashed rgba(255,173,54,.3); background:#080a0d; }.build-publisher label > small { display:block; margin-top:4px; color:#817d76; font-size:8px; }
@media (max-width:900px) { .formation-media.has-two,.formation-copy { grid-template-columns:1fr; }.formation-copy > div { padding-top:18px; padding-left:0; border-top:1px solid rgba(255,173,54,.2); border-left:0; }.rating-panel { grid-template-columns:1fr; }.rating-distribution { justify-content:flex-start; } }
.rating-distribution i { font-style:normal; }
.formation-owner { display:flex; align-items:center; gap:.55rem; margin:.65rem 0 0; color:var(--text-muted); }
.formation-owner small { color:var(--amber); letter-spacing:.12em; }
.formation-owner b { color:var(--text-main); }

/* CTL conquest identity. Legacy phoenix assets remain versioned but are not
   consumed by the active theme. */
:root {
    --bg:#030817; --panel:rgba(7,18,37,.88); --panel-solid:#081329;
    --line:rgba(80,132,214,.28); --gold:#dcb34f; --gold-bright:#ffdc78;
    --orange:#62a1ff; --blue:#62a1ff;
    --phoenix-ember:#3f7fdd; --phoenix-flame:#65a5ff; --phoenix-sun:#ffe08a; --phoenix-deep:#07152d;
}
body::before, body.ranking-page-body::before {
    background-image:radial-gradient(circle at 76% 12%,rgba(33,92,177,.28),transparent 32%),radial-gradient(circle at 18% 82%,rgba(18,61,129,.22),transparent 35%),linear-gradient(135deg,#020611,#061329 54%,#020817) !important;
}
.hero::before,.ranking-hero,.player-hero,.community-hero,.class-guide-hero,
.auth-card,.war-room-guide,.war-room-calendar-access,.migration-tracker,
.pipeline-info,.event-runtime-card {
    background-image:linear-gradient(115deg,rgba(2,8,20,.97),rgba(7,29,61,.84),rgba(10,49,100,.58)) !important;
}
.global-nav { background:linear-gradient(90deg,rgba(2,7,17,.99),rgba(7,25,52,.97)); }
.ranking-table th { background:linear-gradient(180deg,#0d2344,#07152c); }
.button-primary { background:linear-gradient(135deg,#ffe594,#e0b34c 62%,#b67b1d); box-shadow:0 0 24px rgba(63,126,220,.2),inset 0 1px rgba(255,255,255,.4); }
@media (max-width:650px) { .illustrated-builds .section-heading > p { text-align:left; }.formation-card__head { padding:18px; }.community-rating { width:76px; min-height:76px; }.formation-media a { min-height:160px; }.formation-copy,.rating-panel { padding:18px; }.rating-panel form { width:100%; }.rating-choice { width:auto; flex:1; }.formation-card > footer { align-items:flex-start; flex-direction:column; padding:13px 18px; } }

/* Hero Hub pair tier list */
.pair-tier-board { margin-top:14px; overflow:hidden; border:1px solid rgba(255,183,71,.28); background:rgba(5,7,10,.88); }
.pair-tier-summary { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:22px 24px; border-bottom:1px solid rgba(255,255,255,.08); background:linear-gradient(120deg,rgba(84,48,13,.28),rgba(7,9,12,.92)); }
.pair-tier-summary h2 { margin:5px 0 0; font-family:Cinzel,serif; font-size:clamp(23px,3vw,34px); }
.pair-tier-summary > p { max-width:470px; margin:0; color:#99938b; font-size:10px; line-height:1.65; text-align:right; }
.pair-tier-row { display:grid; grid-template-columns:112px minmax(0,1fr); min-height:128px; border-bottom:1px solid rgba(255,255,255,.1); }
.pair-tier-row:last-child { border-bottom:0; }
.pair-tier-label { display:grid; place-content:center; gap:5px; padding:16px; text-align:center; border-right:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.018); }
.pair-tier-label strong { font:500 32px/1 Cinzel,serif; }
.pair-tier-label small { color:#7f796f; font-size:7px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.pair-tier-s-plus .pair-tier-label strong { color:#d974ff; }.pair-tier-s .pair-tier-label strong { color:#ff6960; }.pair-tier-a .pair-tier-label strong { color:#ffad4a; }.pair-tier-b .pair-tier-label strong { color:#d8ad45; }.pair-tier-c .pair-tier-label strong { color:#8ec653; }.pair-tier-unrated .pair-tier-label strong { color:#7c7f85; }
.pair-tier-cards { display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; padding:14px 16px; }
.pair-card { display:grid; width:260px; min-height:98px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:7px; background:linear-gradient(145deg,rgba(28,22,19,.9),rgba(6,8,11,.96)); transition:border-color .18s ease,transform .18s ease,background .18s ease; }
.pair-card:hover,.pair-card:focus-visible { border-color:rgba(255,187,70,.68); background:linear-gradient(145deg,rgba(71,41,18,.88),rgba(8,10,13,.98)); outline:0; transform:translateY(-2px); }
.pair-portraits { display:grid; grid-template-columns:1fr 1fr; }
.pair-portraits > span { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; min-width:0; border-bottom:1px solid rgba(255,255,255,.08); }
.pair-portraits > span:first-child { border-right:1px solid rgba(255,255,255,.08); }
.pair-portraits img,.pair-portraits i { display:grid; width:58px; height:58px; place-items:center; object-fit:cover; background:#11151a; font:700 24px Cinzel,serif; }
.pair-portraits b { overflow:hidden; padding:8px; color:#eee6d9; font:600 10px Cinzel,serif; text-overflow:ellipsis; white-space:nowrap; }
.pair-card-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; }
.pair-card-meta b { color:#e9b95c; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }.pair-card-meta small { color:#77746f; font-size:8px; }
.pair-tier-empty { margin:auto 0; color:#625f5b; font-size:9px; font-style:italic; }
.hero-catalog { margin-top:20px; }.hero-catalog .section-heading > p { color:#8f8980; font-size:9px; }.hero-catalog .section-heading a,.hero-source-link { color:#eab357; text-decoration:underline; text-underline-offset:3px; }
.pair-detail-head { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:28px; margin-top:16px; padding:28px; border:1px solid rgba(255,174,58,.3); background:linear-gradient(115deg,rgba(69,37,14,.7),rgba(7,9,12,.95)); }
.pair-detail-head h1 { margin:7px 0; font-family:Cinzel,serif; font-size:clamp(28px,4vw,48px); }.pair-detail-head p:not(.section-kicker) { max-width:760px; color:#aaa39a; font-size:11px; line-height:1.7; }
.pair-detail-portraits { display:flex; align-items:center; gap:9px; }.pair-detail-portraits img { width:112px; height:112px; object-fit:cover; border:1px solid rgba(255,199,92,.48); }.pair-detail-portraits span { color:#e3aa49; font:700 25px Cinzel,serif; }
.pair-build-library { margin-top:14px; padding:24px; }.pair-build-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:18px; }
.pair-build-card { overflow:hidden; border:1px solid rgba(255,173,55,.25); background:linear-gradient(145deg,rgba(42,23,17,.65),rgba(7,9,12,.96)); }
.pair-build-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px; border-bottom:1px solid rgba(255,255,255,.08); }.pair-build-card h2 { margin:5px 0; font-family:Cinzel,serif; font-size:22px; }.pair-build-card header > div > small { color:#908a82; }.pair-build-card header > div > small b { color:#dbc498; }
.pair-build-card .community-rating { width:72px; min-height:72px; }.pair-build-card .community-rating b { font-size:22px; }
.pair-build-preview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:180px; background:#05070a; }.pair-build-preview img { width:100%; height:100%; max-height:300px; object-fit:contain; }.pair-build-preview p { grid-column:1/-1; place-self:center; color:#706c66; font-size:10px; }
.pair-build-card > footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; padding:16px 18px; }.pair-build-card > footer p { margin:0; color:#aaa39a; font-size:10px; line-height:1.6; }

@media (max-width:900px) { .pair-build-grid { grid-template-columns:1fr; } }
@media (max-width:650px) {
  .pair-tier-summary { align-items:flex-start; flex-direction:column; }.pair-tier-summary > p { text-align:left; }
  .pair-tier-row { grid-template-columns:62px minmax(0,1fr); }.pair-tier-label { padding:10px 5px; }.pair-tier-label strong { font-size:23px; }.pair-tier-label small { font-size:5px; }
  .pair-tier-cards { padding:10px; }.pair-card { width:100%; }.pair-portraits > span { grid-template-columns:48px minmax(0,1fr); }.pair-portraits img,.pair-portraits i { width:48px; height:48px; }
  .pair-detail-head { grid-template-columns:1fr; padding:20px; }.pair-detail-portraits img { width:82px; height:82px; }
  .pair-build-library { padding:16px; }.pair-build-card > footer { grid-template-columns:1fr; }.pair-build-card > footer .button { justify-self:start; }
}
@media (prefers-reduced-motion:reduce) { .rating-choice { transition:none; } }

/* Public KvK class guide */
.profile-stat-help { display:inline-flex; align-items:center; justify-content:center; margin-top:10px; color:#f0bd62; font:800 8px/1.3 Manrope,sans-serif; letter-spacing:.07em; text-transform:uppercase; }.profile-stat-help:hover { color:#ffe2a0; text-decoration:underline; }
.class-guide-body::before { background:radial-gradient(ellipse at 78% 12%,rgba(147,55,14,.34),transparent 34%),linear-gradient(125deg,#050709 18%,#0b0b0e 62%,#150c08); }
.class-guide-page { padding-bottom:30px; }
.class-guide-page main { display:grid; gap:14px; margin-top:14px; }
.class-guide-hero { position:relative; min-height:430px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); align-items:center; overflow:hidden; padding:clamp(34px,6vw,78px); border:1px solid rgba(231,149,49,.32); background:linear-gradient(90deg,rgba(5,7,9,.97) 4%,rgba(8,8,10,.84) 48%,rgba(60,20,8,.48)),url("../images/premium_snapshot_bg.127960ba1695.png") center/cover; box-shadow:inset 0 1px rgba(255,222,158,.08),0 24px 70px rgba(0,0,0,.35); }
.class-guide-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(112deg,transparent 56%,rgba(255,143,38,.11) 56.2%,transparent 56.7%); }
.class-guide-hero__copy { position:relative; z-index:1; max-width:850px; }.class-guide-hero h1 { max-width:820px; margin:20px 0; font-size:clamp(44px,6vw,82px); }.class-guide-hero__copy > p:last-of-type { max-width:760px; color:#c7c0b5; font-size:clamp(12px,1.2vw,15px); line-height:1.75; }
.class-guide-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:30px; }.class-guide-hero__actions > span { display:grid; gap:3px; padding-left:16px; border-left:1px solid rgba(255,190,81,.28); }.class-guide-hero__actions small { color:#777873; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.class-guide-hero__actions strong { color:#d8cdbd; font-size:10px; }
.class-guide-emblem { position:relative; z-index:1; display:grid; width:min(230px,70%); aspect-ratio:1; place-items:center; justify-self:center; border:1px solid rgba(255,191,78,.42); border-radius:50%; background:radial-gradient(circle,rgba(129,49,13,.52),rgba(8,9,11,.86) 66%); box-shadow:0 0 0 12px rgba(238,116,25,.04),0 0 70px rgba(228,91,17,.22),inset 0 0 40px rgba(244,132,31,.1); }.class-guide-emblem::before,.class-guide-emblem::after { content:""; position:absolute; inset:8%; border:1px solid rgba(255,193,85,.18); transform:rotate(45deg); }.class-guide-emblem::after { inset:20%; transform:rotate(22deg); border-color:rgba(239,110,27,.28); }.class-guide-emblem span { z-index:1; color:#ffd27a; font:700 clamp(54px,7vw,92px)/1 Cinzel,serif; text-shadow:0 0 25px rgba(255,132,33,.4); }.class-guide-emblem small { position:absolute; z-index:1; bottom:23%; color:#cf8239; font-size:9px; font-weight:900; letter-spacing:.3em; }
.class-guide-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.class-guide-context article { display:grid; grid-template-columns:auto 1fr; gap:18px; min-height:155px; padding:25px; border:1px solid var(--line-soft); background:linear-gradient(145deg,rgba(34,21,15,.7),rgba(8,10,13,.9)); }.class-guide-index { color:rgba(255,188,71,.34); font:700 36px/1 Cinzel,serif; }.class-guide-context h2,.class-guide-heading h2,.class-axis-card h2,.class-quality-grid h2,.class-reading-note h2 { font-family:Cinzel,serif; }.class-guide-context h2 { margin:0 0 9px; font-size:19px; }.class-guide-context p,.class-guide-heading > p:last-child,.class-axis-card p,.class-quality-grid p,.class-reading-note p { color:#aaa59c; font-size:11px; line-height:1.7; }
.class-score-overview,.class-ladder-section { padding:clamp(22px,3vw,38px); border:1px solid var(--line-soft); background:rgba(8,10,13,.83); }.class-guide-heading { display:grid; gap:8px; }.class-guide-heading h2 { margin:0; font-size:clamp(24px,3vw,35px); }.class-score-equation { display:grid; gap:22px; margin-top:24px; }.class-score-equation code,.class-axis-card code,.class-quality-grid code { display:block; color:#f5d99f; border:1px solid rgba(255,179,57,.2); background:rgba(63,30,13,.3); font:600 11px/1.65 Consolas,"Courier New",monospace; }.class-score-equation code { padding:18px; font-size:clamp(11px,1.25vw,15px); text-align:center; }.class-score-weights { display:flex; min-height:72px; gap:5px; }.class-score-weights span { flex:var(--weight); display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; padding:12px; color:#d8d2c9; border:1px solid rgba(255,255,255,.08); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.class-score-weights b { color:#fff0d0; font:700 19px/1 Cinzel,serif; }.class-score-weights .impact { background:linear-gradient(135deg,rgba(187,91,16,.55),rgba(54,25,11,.58)); }.class-score-weights .sustain { background:linear-gradient(135deg,rgba(47,124,50,.42),rgba(15,46,23,.54)); }.class-score-weights .efficiency { background:linear-gradient(135deg,rgba(32,91,145,.48),rgba(13,33,53,.58)); }
.class-axis-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.class-axis-card { position:relative; display:flex; min-height:285px; flex-direction:column; gap:17px; overflow:hidden; padding:25px; border:1px solid var(--line-soft); background:linear-gradient(150deg,rgba(23,22,22,.82),rgba(7,9,12,.94)); }.class-axis-card::after { content:""; position:absolute; right:-42px; bottom:-55px; width:150px; height:150px; border:1px solid currentColor; border-radius:50%; opacity:.08; }.class-axis-card header { display:flex; align-items:flex-start; gap:12px; }.class-axis-card header > span { display:grid; width:32px; height:32px; flex:none; place-items:center; border:1px solid currentColor; font-size:8px; font-weight:900; }.class-axis-card h2 { margin:2px 0 0; color:#eee7dc; font-size:17px; line-height:1.35; }.class-axis-card code { min-height:72px; padding:12px; }.class-axis-card p { margin-top:auto; }.class-axis-card.impact { color:#f2a43c; border-top-color:#e98723; }.class-axis-card.sustain { color:#69ca60; border-top-color:#62bd59; }.class-axis-card.efficiency { color:#66aee9; border-top-color:#559edb; }
.class-quality-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.class-quality-grid > article { display:grid; grid-template-columns:auto 1fr; gap:20px; padding:27px; border:1px solid var(--line-soft); background:rgba(8,10,13,.85); }.class-quality-grid > article.warning { border-color:rgba(225,92,38,.3); background:linear-gradient(145deg,rgba(70,24,13,.4),rgba(8,10,13,.9)); }.class-quality-icon { display:grid; width:55px; height:55px; place-items:center; color:#171008; border-radius:50%; background:#ffc762; font:800 15px/1 Cinzel,serif; }.warning .class-quality-icon { color:#fff1e7; background:#aa4928; }.class-quality-grid h2 { margin:0 0 10px; font-size:19px; }.class-quality-grid code { margin-bottom:10px; padding:10px; }
.class-ladder-section { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:35px; align-items:center; }.class-ladder { display:grid; gap:6px; }.class-band { display:grid; grid-template-columns:68px 1fr; align-items:center; min-height:50px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(90deg,var(--band-bg),rgba(10,11,14,.86)); }.class-band strong { display:grid; align-self:stretch; place-items:center; color:var(--band-color); border-right:1px solid rgba(255,255,255,.1); font:800 21px/1 Cinzel,serif; }.class-band span { padding:0 16px; color:#c7c0b5; font-size:10px; font-weight:700; }.class-band--ss { --band-color:#fff0ae;--band-bg:rgba(174,113,21,.55); }.class-band--s { --band-color:#ffd46e;--band-bg:rgba(151,88,16,.45); }.class-band--a { --band-color:#92df79;--band-bg:rgba(44,105,39,.35); }.class-band--b { --band-color:#7fbdf4;--band-bg:rgba(29,70,108,.38); }.class-band--c { --band-color:#b9a6e9;--band-bg:rgba(61,45,102,.36); }.class-band--d { --band-color:#c6a47c;--band-bg:rgba(91,59,31,.35); }.class-band--e { --band-color:#9a9b9f;--band-bg:rgba(59,60,64,.34); }
.class-reading-note { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; padding:27px 30px; border:1px solid rgba(255,180,55,.38); background:linear-gradient(105deg,rgba(64,27,13,.68),rgba(11,12,15,.92)); }.class-reading-note__mark { display:grid; width:54px; height:54px; place-items:center; color:#ffca64; border:1px solid rgba(255,189,72,.4); transform:rotate(45deg); font-size:24px; }.class-reading-note h2 { margin:0 0 6px; font-size:21px; }.class-reading-note > a { color:#ffc966; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }.class-reading-note > a span { margin-left:5px; font-size:16px; }.class-guide-page .footer a:hover { color:var(--gold-bright); }
@media (max-width:1050px) { .class-guide-hero { grid-template-columns:minmax(0,1fr) 230px; padding:45px; }.class-axis-grid { grid-template-columns:1fr; }.class-axis-card { min-height:220px; }.class-ladder-section { grid-template-columns:1fr; }.global-nav__links a { padding-inline:6px; font-size:8px; } }
@media (max-width:760px) { .class-guide-page { width:min(100% - 20px,1440px); }.class-guide-page main { margin-top:10px; }.class-guide-hero { min-height:auto; grid-template-columns:1fr; padding:38px 23px; }.class-guide-emblem { display:none; }.class-guide-context,.class-quality-grid { grid-template-columns:1fr; }.class-score-weights { display:grid; grid-template-columns:1fr; }.class-score-weights span { min-height:55px; }.class-quality-grid > article { grid-template-columns:1fr; }.class-reading-note { grid-template-columns:1fr; }.class-reading-note__mark { margin:5px 0 10px 10px; }.class-reading-note > a { white-space:normal; }.class-guide-hero__actions { align-items:flex-start; flex-direction:column; }.class-guide-hero__actions > span { padding:10px 0 0; border-top:1px solid rgba(255,190,81,.28); border-left:0; } }
@media (prefers-reduced-motion:reduce) { .class-guide-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Active CTL skin must remain last so older component declarations cannot
   restore archived phoenix imagery or ember surfaces. */
body.class-guide-body::before {
    background:radial-gradient(ellipse at 78% 12%,rgba(50,112,204,.3),transparent 36%),linear-gradient(125deg,#020611 18%,#07162f 62%,#030817) !important;
}
.class-guide-hero,.auth-card,.war-room-guide,.war-room-calendar-access,
.migration-tracker,.pipeline-info,.event-runtime-card,.community-hero {
    background:linear-gradient(115deg,rgba(2,8,20,.97),rgba(7,29,61,.88),rgba(14,58,116,.62)) !important;
    border-color:rgba(78,132,216,.34) !important;
}

/* Shared two-theme controls and CTL Legacy skin. */
.brand-theme-logo { display:none; width:100%; height:100%; object-fit:cover; }
.brand-symbol { display:inline-grid; place-items:center; }
.theme-switcher { display:inline-flex; align-items:center; gap:2px; padding:3px; border:1px solid rgba(121,177,229,.24); border-radius:999px; background:rgba(3,10,20,.74); }
.theme-switcher button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:54px; min-height:27px; padding:0 8px; color:#8798a9; border:0; border-radius:999px; background:transparent; font:800 8px/1 Manrope,sans-serif; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.theme-switcher button span { font-size:10px; }.theme-switcher button b { font:inherit; }
.theme-switcher button:hover { color:#d8edff; background:rgba(79,145,207,.12); }
.theme-switcher button[aria-pressed="true"] { color:#07101d; background:linear-gradient(135deg,#dceeff,#75bff3); box-shadow:0 4px 13px rgba(0,0,0,.28); }
.global-nav .theme-switcher button { min-height:27px; padding-inline:7px; border:0; }
.global-nav .theme-switcher button:hover { border:0; }
.premium-mobile-menu .theme-switcher,.global-nav__mobile .theme-switcher { width:100%; justify-content:center; margin-top:8px; }

html[data-visual-theme="legacy"] {
    --bg:#050403; --panel:rgba(21,16,13,.9); --panel-solid:#17110d;
    --line:rgba(190,130,52,.3); --line-soft:rgba(231,194,130,.11);
    --gold:#d1a24d; --gold-bright:#f3c86f; --orange:#a94329; --blue:#ba7b35;
    --phoenix-ember:#9c3824; --phoenix-flame:#c46f31; --phoenix-sun:#f2c86f; --phoenix-deep:#160b07;
}
html[data-visual-theme="legacy"] body::before,
html[data-visual-theme="legacy"] body.ranking-page-body::before,
html[data-visual-theme="legacy"] body.class-guide-body::before {
    background-image:radial-gradient(circle at 78% 10%,rgba(120,47,24,.3),transparent 34%),radial-gradient(circle at 18% 84%,rgba(94,54,19,.18),transparent 34%),linear-gradient(135deg,#040302,#130c08 54%,#050302) !important;
}
html[data-visual-theme="legacy"] .global-nav {
    border-bottom-color:rgba(206,146,62,.2);
    background:linear-gradient(90deg,rgba(6,4,3,.99),rgba(27,16,10,.98));
}
html[data-visual-theme="legacy"] .brand-mark {
    width:44px; height:44px; overflow:hidden; border:1px solid rgba(222,169,84,.52); border-radius:10px;
    background:#080604; box-shadow:0 0 22px rgba(148,69,25,.28); transform:none;
}
html[data-visual-theme="legacy"] .brand-symbol { display:none; }
html[data-visual-theme="legacy"] .brand-theme-logo { display:block; }
html[data-visual-theme="legacy"] .theme-switcher { border-color:rgba(198,139,58,.3); background:rgba(15,9,6,.82); }
html[data-visual-theme="legacy"] .theme-switcher button { color:#a99178; }
html[data-visual-theme="legacy"] .theme-switcher button:hover { color:#f1d5a7; background:rgba(156,71,29,.14); }
html[data-visual-theme="legacy"] .theme-switcher button[aria-pressed="true"] { color:#170d06; background:linear-gradient(135deg,#f4d38d,#bd762c); }
html[data-visual-theme="legacy"] .ranking-hero,
html[data-visual-theme="legacy"] .player-hero,
html[data-visual-theme="legacy"] .community-hero,
html[data-visual-theme="legacy"] .class-guide-hero,
html[data-visual-theme="legacy"] .auth-card,
html[data-visual-theme="legacy"] .war-room-guide,
html[data-visual-theme="legacy"] .war-room-calendar-access,
html[data-visual-theme="legacy"] .migration-tracker,
html[data-visual-theme="legacy"] .pipeline-info,
html[data-visual-theme="legacy"] .event-runtime-card {
    background-image:linear-gradient(90deg,rgba(7,5,4,.98) 3%,rgba(15,10,7,.91) 46%,rgba(30,15,8,.38)),url("../images/ctl_legacy_hero.a349098d1a88.png") !important;
    background-position:center !important; background-size:cover !important;
    border-color:rgba(202,139,56,.38) !important;
}
html[data-visual-theme="legacy"] .ranking-table th { background:linear-gradient(180deg,#2b1b11,#130d09); }
html[data-visual-theme="legacy"] .section-block,
html[data-visual-theme="legacy"] .data-management-card,
html[data-visual-theme="legacy"] .command-workboard,
html[data-visual-theme="legacy"] .command-change-feed { background-color:rgba(13,10,8,.86); }
html[data-visual-theme="legacy"] .button-primary { background:linear-gradient(135deg,#f3d184,#c98735 62%,#8f4a1d); box-shadow:0 0 24px rgba(145,65,24,.22),inset 0 1px rgba(255,255,255,.38); }

@media (max-width:1120px) {
    .theme-switcher button b { display:none; }
    .theme-switcher button { min-width:28px; padding-inline:7px; }
}
@media (max-width:700px) {
    .global-nav__mobile .theme-switcher button b,.premium-mobile-menu .theme-switcher button b { display:inline; }
    .global-nav__mobile .theme-switcher button,.premium-mobile-menu .theme-switcher button { min-width:70px; }
}
@media (prefers-reduced-motion:reduce) {
    .theme-switcher *,html[data-visual-theme] * { transition-duration:.01ms!important; }
}

/* Officer configuration workspace */
.officer-editor-layout {
    display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);
    gap:18px; margin-top:18px; align-items:start;
}
.officer-editor-form { position:sticky; top:82px; }
.officer-editor-form h2,.officer-assignment-row h3 {
    font-family:var(--font-display,"Cinzel",serif); margin:6px 0 14px;
}
.officer-assignment-list { display:grid; gap:10px; }
.officer-assignment-row {
    display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,.9fr) auto;
    gap:18px; align-items:center; padding:18px;
    border:1px solid var(--line); background:var(--panel);
}
.officer-assignment-row.is-inactive { opacity:.58; }
.officer-assignment-row p,.officer-assignment-row small,
.officer-assignment-row dl,.officer-assignment-row dd { margin:0; }
.officer-assignment-row dl {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
}
.officer-assignment-row dt {
    color:var(--muted); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase;
}
.officer-assignment-row .command-actions form { margin:0; }
@media (max-width:880px) {
    .officer-editor-layout { grid-template-columns:1fr; }
    .officer-editor-form { position:static; }
    .officer-assignment-row { grid-template-columns:1fr; }
}