: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; }
@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:190px; 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; } }
.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-label { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
 .language-switcher a { color:var(--muted); border:1px solid transparent; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.08em; padding:5px 6px; text-decoration:none; }
 .language-switcher a:hover, .language-switcher a.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 { 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; }.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; }
@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; } }
@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; }
@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: 600px) { .migration-external-form form { grid-template-columns: 1fr; }.migration-external-form .button { grid-column: auto; } }
.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; }
@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; } }