/* =========================================================
   THE DISTRICT — COMMUNITY HUB
   Public website redesign
   ========================================================= */

:root {
    --hub-bg: #07090d;
    --hub-bg-soft: #0b0f15;
    --hub-card: rgba(15, 20, 28, .82);
    --hub-card-strong: #101720;
    --hub-card-soft: rgba(255,255,255,.035);
    --hub-line: rgba(255,255,255,.085);
    --hub-line-strong: rgba(113, 210, 255, .28);
    --hub-blue: #55c8ff;
    --hub-blue-strong: #159fe8;
    --hub-green: #79efb1;
    --hub-red: #ff7886;
    --hub-white: #f7f9fb;
    --hub-text: #b6c0cc;
    --hub-muted: #73808e;
    --hub-radius: 22px;
    --hub-radius-sm: 15px;
    --hub-shadow: 0 30px 90px rgba(0,0,0,.4);
    --hub-hero-image: url("https://images.unsplash.com/photo-1587011197021-85fe37d896c7?auto=format&fit=crop&fm=jpg&q=88&w=3000");
    --hub-city-image: url("https://images.unsplash.com/photo-1770958421033-3ee3e4583e93?auto=format&fit=crop&fm=jpg&q=86&w=2600");
    --hub-car-image: url("https://images.unsplash.com/photo-1752560937193-218c47323b73?auto=format&fit=crop&fm=jpg&q=86&w=2400");
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--hub-bg); }
body {
    margin: 0;
    color: var(--hub-white);
    background:
        radial-gradient(circle at 10% 4%, rgba(45,155,220,.09), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(45,155,220,.05), transparent 24%),
        linear-gradient(180deg, #080b10 0%, #07090d 100%);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
body.hub-menu-open { overflow: hidden; }
a { color: inherit; }
img { max-width: 100%; }
button, input { font: inherit; }
::selection { color:#061018; background:var(--hub-blue); }

.hub-shell {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;
}
.hub-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #8c9baa;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.hub-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    border-radius: 999px;
    background: var(--hub-blue);
    box-shadow: 0 0 18px rgba(85,200,255,.4);
}
.hub-kicker {
    color: var(--hub-blue);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.hub-title {
    margin: 12px 0 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 900;
}
.hub-copy {
    color: var(--hub-text);
    font-size: 15px;
    line-height: 1.75;
}
.hub-button {
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--hub-line);
    background: rgba(255,255,255,.025);
    color: #e9f0f5;
    text-decoration: none;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .02em;
    transition: .18s ease;
}
.hub-button:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.17);
    background: rgba(255,255,255,.055);
}
.hub-button.primary {
    color: #041018;
    border-color: rgba(128,220,255,.72);
    background: linear-gradient(135deg, #83dcff, #43b9f2);
    box-shadow: 0 14px 36px rgba(26,160,225,.18);
}
.hub-button.primary:hover {
    background: linear-gradient(135deg, #a1e7ff, #55c8ff);
    box-shadow: 0 18px 44px rgba(26,160,225,.25);
}
.hub-section {
    padding: 92px 0;
    border-top: 1px solid rgba(255,255,255,.045);
}
.hub-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
    gap: 42px;
    align-items: end;
    margin-bottom: 32px;
}
.hub-section-head p {
    margin: 0;
    color: var(--hub-muted);
    line-height: 1.65;
    font-size: 13px;
}

/* NAV */
#navbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    padding: 18px 0 0;
    transition: .2s ease;
}
.hub-nav-inner {
    width: min(1380px, calc(100% - 48px));
    min-height: 68px;
    margin: 0 auto;
    padding: 8px 9px 8px 12px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(8,11,16,.72);
    backdrop-filter: blur(22px) saturate(130%);
    box-shadow: 0 14px 44px rgba(0,0,0,.22);
}
#navbar.hub-nav-scrolled .hub-nav-inner {
    background: rgba(8,11,16,.94);
    border-color: rgba(255,255,255,.12);
}
.hub-brand {
    min-width: 208px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.hub-brand-logo {
    width: 43px;
    height: 43px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.25));
}
.hub-brand span { display:grid; gap:2px; }
.hub-brand strong {
    font-size: 12px;
    letter-spacing: .18em;
    font-weight: 950;
}
.hub-brand small {
    color: #687684;
    font-size: 8px;
    letter-spacing: .21em;
    font-weight: 850;
}
.hub-nav-links {
    display: flex;
    align-items: center;
    gap: 2px;
}
.hub-nav-link {
    padding: 10px 12px;
    border-radius: 9px;
    color: #8d99a5;
    text-decoration: none;
    font-size: 10px;
    font-weight: 800;
    transition: .16s ease;
}
.hub-nav-link:hover {
    color: #fff;
    background: rgba(255,255,255,.035);
}
.hub-nav-link.active {
    color: #fff;
    background: rgba(85,200,255,.095);
    box-shadow: inset 0 0 0 1px rgba(85,200,255,.12);
}
.hub-nav-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hub-discord-button {
    min-height: 43px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(123,210,255,.34);
    border-radius: 11px;
    background: rgba(85,200,255,.08);
    color: #d8f3ff;
    text-decoration: none;
    font-size: 10px;
    font-weight: 900;
}
.hub-nav-toggle {
    display:none;
    width:43px;
    height:43px;
    border-radius:11px;
    border:1px solid var(--hub-line);
    background:rgba(255,255,255,.025);
    cursor:pointer;
}
.hub-nav-toggle span {
    display:block;
    width:17px;
    height:1px;
    margin:5px auto;
    background:#fff;
}

/* HOME */
.hub-hero {
    position: relative;
    min-height: 820px;
    padding: 150px 0 52px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(6,9,13,.18) 0%, rgba(6,9,13,.24) 38%, rgba(7,9,13,.86) 81%, var(--hub-bg) 100%),
        linear-gradient(90deg, rgba(6,9,13,.87) 0%, rgba(6,9,13,.48) 48%, rgba(6,9,13,.28) 72%, rgba(6,9,13,.66) 100%),
        var(--hub-hero-image) center 46% / cover no-repeat;
}
.hub-hero::before {
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 70% 46%, rgba(85,200,255,.13), transparent 25%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:auto, 80px 80px, 80px 80px;
    mask-image:linear-gradient(to bottom, black, transparent 78%);
    pointer-events:none;
}
.hub-hero-grid {
    position: relative;
    z-index: 2;
    display:grid;
    grid-template-columns:minmax(0,1.16fr) minmax(360px,.62fr);
    gap: clamp(45px,7vw,100px);
    align-items:end;
}
.hub-hero-copy { max-width: 790px; }
.hub-hero-copy h1 {
    margin: 14px 0 20px;
    max-width: 850px;
    font-size: clamp(66px, 7.5vw, 116px);
    line-height: .89;
    letter-spacing: -.073em;
    font-weight: 950;
}
.hub-hero-copy h1 span {
    display:block;
    color:var(--hub-blue);
}
.hub-hero-copy > p {
    max-width: 620px;
    margin:0;
    color:#c2ccd5;
    font-size:15px;
    line-height:1.74;
    text-shadow:0 2px 18px rgba(0,0,0,.5);
}
.hub-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:27px;
}
.hub-pulse-card {
    position:relative;
    padding:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:var(--hub-radius);
    background:linear-gradient(180deg, rgba(16,24,34,.82), rgba(9,13,18,.95));
    box-shadow:var(--hub-shadow);
    backdrop-filter:blur(20px);
}
.hub-pulse-card::after {
    content:"";
    position:absolute;
    right:-80px;
    top:-90px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(85,200,255,.14), transparent 68%);
}
.hub-pulse-top,
.hub-pulse-row {
    position:relative;
    z-index:2;
}
.hub-pulse-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-bottom:16px;
    border-bottom:1px solid var(--hub-line);
}
.hub-status {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:var(--hub-green);
    font-size:9px;
    font-weight:950;
    letter-spacing:.12em;
}
.hub-status i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--hub-green);
    box-shadow:0 0 12px rgba(121,239,177,.65);
}
.hub-status.offline { color:#ff9ca7; }
.hub-status.offline i { background:var(--hub-red); box-shadow:0 0 12px rgba(255,120,134,.6); }
.hub-pulse-top small {
    color:#687584;
    font-size:8px;
    font-weight:850;
    letter-spacing:.13em;
}
.hub-player-number {
    padding:24px 0 18px;
}
.hub-player-number strong {
    display:block;
    font-size:58px;
    line-height:1;
    letter-spacing:-.065em;
}
.hub-player-number strong span {
    color:#697887;
    font-size:20px;
}
.hub-player-number small {
    display:block;
    margin-top:7px;
    color:#778696;
    font-size:9px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.hub-capacity {
    height:5px;
    border-radius:999px;
    overflow:hidden;
    background:rgba(255,255,255,.07);
}
.hub-capacity span {
    display:block;
    height:100%;
    width:4%;
    border-radius:inherit;
    background:linear-gradient(90deg,#159fe8,#79d8ff);
    box-shadow:0 0 15px rgba(85,200,255,.34);
    transition:width .35s ease;
}
.hub-pulse-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:9px;
    margin:18px 0;
}
.hub-pulse-grid div {
    min-height:67px;
    padding:13px;
    border:1px solid var(--hub-line);
    border-radius:12px;
    background:rgba(255,255,255,.022);
}
.hub-pulse-grid strong {
    display:block;
    font-size:12px;
}
.hub-pulse-grid span {
    display:block;
    margin-top:5px;
    color:#6f7c89;
    font-size:8px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.hub-pulse-card .hub-button { width:100%; }

.hub-dashboard-strip {
    position:relative;
    z-index:4;
    margin-top:46px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}
.hub-dashboard-tile {
    min-height:128px;
    padding:18px;
    border:1px solid var(--hub-line);
    border-radius:16px;
    background:rgba(10,14,20,.80);
    backdrop-filter:blur(14px);
    text-decoration:none;
    transition:.18s ease;
}
.hub-dashboard-tile:hover {
    transform:translateY(-4px);
    border-color:rgba(85,200,255,.27);
    background:rgba(13,19,27,.92);
}
.hub-dashboard-tile small {
    display:block;
    color:#64717f;
    font-size:8px;
    font-weight:900;
    letter-spacing:.14em;
}
.hub-dashboard-tile strong {
    display:block;
    margin-top:18px;
    font-size:18px;
    letter-spacing:-.03em;
}
.hub-dashboard-tile span {
    display:block;
    margin-top:7px;
    color:#82909e;
    font-size:10px;
    line-height:1.45;
}

.hub-feature-grid {
    display:grid;
    grid-template-columns:1.2fr .8fr .8fr;
    grid-template-rows:repeat(2,230px);
    gap:12px;
}
.hub-feature {
    position:relative;
    padding:24px;
    overflow:hidden;
    border:1px solid var(--hub-line);
    border-radius:var(--hub-radius);
    background:var(--hub-card);
    text-decoration:none;
    isolation:isolate;
}
.hub-feature::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(180deg, rgba(7,9,13,.08), rgba(7,9,13,.85)),
        var(--feature-image, var(--hub-city-image)) center / cover no-repeat;
}
.hub-feature::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(135deg, rgba(85,200,255,.08), transparent 58%);
}
.hub-feature.large { grid-row:1 / 3; }
.hub-feature h3 {
    position:absolute;
    left:24px;
    bottom:48px;
    margin:0;
    font-size:clamp(24px,2.2vw,38px);
    line-height:1;
    letter-spacing:-.045em;
}
.hub-feature p {
    position:absolute;
    left:24px;
    right:24px;
    bottom:20px;
    margin:0;
    color:#a7b2bc;
    font-size:10px;
}
.hub-feature-tag {
    display:inline-flex;
    padding:6px 8px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(7,9,13,.46);
    color:#d6e1e8;
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
}
.hub-event-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
}
.hub-event {
    min-height:220px;
    padding:20px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--hub-line);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(17,23,31,.84), rgba(10,14,19,.96));
}
.hub-event-date {
    display:flex;
    align-items:baseline;
    gap:6px;
}
.hub-event-date strong {
    font-size:36px;
    letter-spacing:-.055em;
}
.hub-event-date span {
    color:var(--hub-blue);
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.hub-event small {
    margin-top:auto;
    color:#63717e;
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.hub-event h3 {
    margin:7px 0 6px;
    font-size:17px;
}
.hub-event p {
    margin:0;
    color:#7f8c98;
    font-size:10px;
    line-height:1.5;
}
.hub-join-panel {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:40px;
    align-items:center;
    padding:44px;
    border:1px solid rgba(85,200,255,.20);
    border-radius:24px;
    background:
        linear-gradient(90deg, rgba(9,13,18,.96), rgba(9,13,18,.78)),
        var(--hub-city-image) center / cover no-repeat;
    box-shadow:var(--hub-shadow);
}
.hub-join-panel h2 {
    margin:8px 0 9px;
    font-size:clamp(36px,4vw,58px);
    line-height:1;
    letter-spacing:-.05em;
}
.hub-join-panel p {
    max-width:650px;
    margin:0;
    color:#a9b4be;
    line-height:1.65;
}

/* SUBPAGES */
.hub-page-hero {
    padding: 170px 0 76px;
    border-bottom:1px solid rgba(255,255,255,.05);
    background:
        radial-gradient(circle at 76% 30%, rgba(85,200,255,.08), transparent 24%),
        linear-gradient(180deg, #0a0e14, #07090d);
}
.hub-page-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);
    gap:52px;
    align-items:end;
}
.hub-page-hero h1 {
    margin:13px 0 18px;
    font-size:clamp(58px,7vw,104px);
    line-height:.9;
    letter-spacing:-.07em;
}
.hub-page-hero h1 span { display:block; color:var(--hub-blue); }
.hub-page-hero p {
    max-width:670px;
    margin:0;
    color:#a9b5c0;
    font-size:15px;
    line-height:1.75;
}
.hub-hero-statbox {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:9px;
}
.hub-hero-statbox div {
    min-height:112px;
    padding:18px;
    border:1px solid var(--hub-line);
    border-radius:16px;
    background:rgba(255,255,255,.025);
}
.hub-hero-statbox strong {
    display:block;
    font-size:27px;
    letter-spacing:-.05em;
}
.hub-hero-statbox span {
    display:block;
    margin-top:8px;
    color:#71808f;
    font-size:8px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.hub-content-grid {
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:48px;
}
.hub-sticky-copy {
    position:sticky;
    top:120px;
    align-self:start;
}
.hub-sticky-copy h2 {
    margin:11px 0 16px;
    font-size:clamp(38px,4vw,60px);
    line-height:1;
    letter-spacing:-.052em;
}
.hub-sticky-copy p {
    color:#8f9ca8;
    line-height:1.75;
}
.hub-stack { display:grid; gap:12px; }
.hub-info-card {
    padding:24px;
    border:1px solid var(--hub-line);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(15,21,29,.80),rgba(10,14,19,.94));
}
.hub-info-card .number {
    color:var(--hub-blue);
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}
.hub-info-card h3 {
    margin:17px 0 8px;
    font-size:23px;
    letter-spacing:-.035em;
}
.hub-info-card p {
    margin:0;
    color:#84919d;
    line-height:1.7;
    font-size:12px;
}

/* COMMUNITY */
.community-pulse-grid {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:12px;
}
.community-status-card,
.community-links-card {
    padding:28px;
    border:1px solid var(--hub-line);
    border-radius:22px;
    background:linear-gradient(180deg,rgba(15,21,29,.84),rgba(9,13,18,.96));
}
.community-status-card .big {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-top:28px;
}
.community-status-card .big strong {
    font-size:70px;
    line-height:.9;
    letter-spacing:-.07em;
}
.community-status-card .big small {
    color:#687684;
    font-size:10px;
    font-weight:900;
}
.community-links-card {
    display:grid;
    gap:8px;
}
.community-quick-link {
    min-height:67px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border:1px solid var(--hub-line);
    border-radius:13px;
    background:rgba(255,255,255,.022);
    text-decoration:none;
    color:#dfe7ed;
    font-size:12px;
    font-weight:800;
}
.community-quick-link span:last-child { color:var(--hub-blue); }

/* CREATORS */
.creator-live-grid,
.creator-roster-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.creator-live-card,
.creator-roster-card,
.creator-empty-state {
    overflow:hidden;
    border:1px solid var(--hub-line);
    border-radius:19px;
    background:linear-gradient(180deg,rgba(15,21,29,.86),rgba(9,13,18,.98));
}
.creator-live-preview {
    position:relative;
    min-height:190px;
    display:block;
    overflow:hidden;
    background:linear-gradient(135deg,rgba(85,200,255,.09),rgba(255,255,255,.02));
}
.creator-live-preview img {
    width:100%;
    height:190px;
    object-fit:cover;
}
.creator-live-pill,
.creator-live-viewers {
    position:absolute;
    top:12px;
    padding:6px 8px;
    border-radius:8px;
    font-size:8px;
    font-weight:950;
    letter-spacing:.08em;
    backdrop-filter:blur(8px);
}
.creator-live-pill { left:12px; background:#ef4057; color:#fff; }
.creator-live-viewers { right:12px; background:rgba(5,8,12,.74); }
.creator-live-body { padding:17px; }
.creator-live-identity,
.creator-roster-top {
    display:flex;
    align-items:center;
    gap:11px;
}
.creator-avatar {
    flex:0 0 auto;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(85,200,255,.18);
    border-radius:50%;
    background:rgba(85,200,255,.08);
    color:var(--hub-blue);
    font-size:11px;
    font-weight:950;
}
.creator-avatar img { width:100%; height:100%; object-fit:cover; }
.creator-live-name,
.creator-roster-info { min-width:0; flex:1; }
.creator-live-name strong,
.creator-roster-info strong { display:block; font-size:13px; }
.creator-live-name span,
.creator-roster-info span {
    display:block;
    margin-top:4px;
    color:#71808c;
    font-size:9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.creator-platform-badge,
.creator-roster-status {
    padding:6px 8px;
    border:1px solid var(--hub-line);
    border-radius:999px;
    color:#8d9aa6;
    font-size:7px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.creator-roster-status.live { color:#87eeba; border-color:rgba(121,239,177,.22); }
.creator-live-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:13px; }
.creator-live-tags span {
    padding:5px 7px;
    border-radius:7px;
    background:rgba(255,255,255,.035);
    color:#778591;
    font-size:7px;
    font-weight:850;
}
.creator-live-link {
    min-height:45px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--hub-line);
    color:#bfeaff;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}
.creator-roster-card { padding:18px; }
.creator-roster-bottom {
    margin-top:17px;
    padding-top:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-top:1px solid var(--hub-line);
}
.creator-roster-handle { color:#6f7d89; font-size:9px; }
.creator-roster-link { color:#aee5ff; text-decoration:none; font-size:9px; font-weight:850; }
.creator-empty-state { grid-column:1/-1; min-height:240px; padding:35px; display:grid; place-items:center; text-align:center; }
.creator-empty-state h3 { margin:12px 0 7px; font-size:24px; }
.creator-empty-state p { max-width:480px; margin:0; color:#788692; line-height:1.65; }
.creator-empty-icon { color:var(--hub-blue); font-size:10px; font-weight:950; letter-spacing:.18em; }

/* RULES */
.hub-rules-layout {
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:22px;
    align-items:start;
}
.rules-sidebar {
    position:sticky;
    top:108px;
    padding:19px;
    border:1px solid var(--hub-line);
    border-radius:18px;
    background:rgba(12,17,23,.92);
}
.rules-sidebar-header span {
    display:block;
    color:#61707d;
    font-size:8px;
    font-weight:900;
    letter-spacing:.16em;
}
.rules-sidebar-header strong { display:block; margin-top:5px; font-size:17px; }
.rules-search-wrapper { margin-top:18px; }
.rules-search-wrapper label {
    display:block;
    margin-bottom:7px;
    color:#6f7e8b;
    font-size:8px;
    font-weight:900;
    letter-spacing:.1em;
}
.rules-search {
    width:100%;
    min-height:43px;
    padding:0 12px;
    border:1px solid var(--hub-line);
    border-radius:10px;
    outline:none;
    background:rgba(255,255,255,.025);
    color:#fff;
}
.rules-search:focus { border-color:rgba(85,200,255,.35); }
.rules-sidebar-divider { height:1px; margin:17px 0; background:var(--hub-line); }
.rules-navigation { display:grid; gap:4px; }
.rules-navigation a {
    padding:9px 10px;
    border-radius:8px;
    color:#7f8c98;
    text-decoration:none;
    font-size:9px;
    line-height:1.35;
}
.rules-navigation a:hover { color:#fff; background:rgba(85,200,255,.055); }
.rules-content-heading {
    margin-bottom:18px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
}
.rules-content-heading span {
    color:var(--hub-blue);
    font-size:8px;
    font-weight:900;
    letter-spacing:.15em;
}
.rules-content-heading h2 { margin:5px 0 0; font-size:31px; letter-spacing:-.04em; }
.rules-content-status { color:#6e7c88 !important; font-size:8px !important; letter-spacing:.12em; }
.rule-category {
    margin-bottom:17px;
    padding:22px;
    border:1px solid var(--hub-line);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(14,19,27,.76),rgba(9,13,18,.94));
}
.rule-category-header {
    display:grid;
    grid-template-columns:55px minmax(0,1fr);
    gap:15px;
    align-items:start;
    margin-bottom:18px;
}
.rule-number {
    width:55px;
    height:55px;
    display:grid;
    place-items:center;
    border:1px solid rgba(85,200,255,.18);
    border-radius:13px;
    background:rgba(85,200,255,.055);
    color:var(--hub-blue);
    font-weight:950;
}
.rule-category-label {
    color:#667482;
    font-size:8px;
    font-weight:900;
    letter-spacing:.13em;
}
.rule-category-header h2 { margin:5px 0 5px; font-size:24px; letter-spacing:-.04em; }
.rule-category-header p { margin:0; color:#788692; font-size:10px; line-height:1.5; }
.rule-category-items { display:grid; gap:7px; }
.rule-item {
    border:1px solid rgba(255,255,255,.065);
    border-radius:12px;
    background:rgba(255,255,255,.018);
}
.rule-item[open] { border-color:rgba(85,200,255,.16); background:rgba(85,200,255,.025); }
.rule-item summary {
    min-height:58px;
    padding:0 13px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto 20px;
    gap:11px;
    align-items:center;
    cursor:pointer;
    list-style:none;
}
.rule-item summary::-webkit-details-marker { display:none; }
.rule-id { color:var(--hub-blue); font-size:9px; font-weight:900; }
.rule-title { font-size:11px; font-weight:800; }
.punishment {
    padding:6px 8px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.09);
    color:#9da9b4;
    font-size:7px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.punishment-permanent-ban,
.punishment-bannable { color:#ff9ba6; border-color:rgba(255,120,134,.18); }
.punishment-failrp { color:#ffd28e; border-color:rgba(255,194,102,.17); }
.punishment-strike { color:#9dd9ff; border-color:rgba(85,200,255,.17); }
.rule-toggle { color:#697684; font-size:16px; text-align:center; }
.rule-item[open] .rule-toggle { transform:rotate(45deg); }
.rule-body {
    padding:0 13px 14px 76px;
    color:#9aa7b2;
    font-size:11px;
    line-height:1.7;
}
.rule-body p { margin:0; }
.rule-enforcement {
    margin-top:12px;
    padding:12px;
    border-left:2px solid rgba(85,200,255,.28);
    background:rgba(85,200,255,.03);
}
.rule-enforcement strong { display:block; color:#d9e4eb; font-size:9px; }
.rule-enforcement span { display:block; margin-top:4px; color:#778590; }
.rules-no-results {
    padding:45px 20px;
    text-align:center;
    border:1px solid var(--hub-line);
    border-radius:18px;
}
.rules-no-results strong { display:block; }
.rules-no-results span { display:block; margin-top:7px; color:#71808d; }

/* FOOTER */
.hub-footer {
    padding:40px 0 28px;
    border-top:1px solid rgba(255,255,255,.06);
    background:#06080b;
}
.hub-footer-main {
    display:flex;
    align-items:center;
    gap:24px;
}
.hub-footer-brand {
    display:flex;
    align-items:center;
    gap:10px;
}
.hub-footer-brand img { width:40px; height:40px; object-fit:contain; }
.hub-footer-brand strong { display:block; font-size:11px; letter-spacing:.14em; }
.hub-footer-brand span { display:block; margin-top:3px; color:#596673; font-size:7px; letter-spacing:.15em; }
.hub-footer-links {
    margin-left:auto;
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}
.hub-footer-links a {
    color:#71808d;
    text-decoration:none;
    font-size:9px;
    font-weight:800;
}
.hub-footer-links a:hover { color:#fff; }
.hub-footer-bottom {
    margin-top:22px;
    padding-top:18px;
    display:flex;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.05);
    color:#4e5a66;
    font-size:8px;
}

/* RESPONSIVE */
@media (max-width: 1120px) {
    .hub-dashboard-strip { grid-template-columns:repeat(2,1fr); }
    .hub-feature-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
    .hub-feature.large { grid-row:auto; grid-column:1/-1; min-height:360px; }
    .hub-feature:not(.large) { min-height:230px; }
    .hub-event-grid { grid-template-columns:repeat(3,1fr); }
    .creator-live-grid,.creator-roster-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 900px) {
    .hub-nav-inner { position:relative; }
    .hub-brand { min-width:0; }
    .hub-nav-toggle { display:block; }
    .hub-discord-button { display:none; }
    .hub-nav-links {
        position:absolute;
        top:75px;
        left:0;
        right:0;
        padding:10px;
        display:none;
        grid-template-columns:1fr;
        border:1px solid rgba(255,255,255,.09);
        border-radius:16px;
        background:rgba(8,11,16,.98);
        box-shadow:0 20px 50px rgba(0,0,0,.4);
    }
    .hub-menu-open .hub-nav-links { display:grid; }
    .hub-nav-link { min-height:44px; display:flex; align-items:center; padding:0 13px; }
    .hub-hero { min-height:auto; padding-top:135px; }
    .hub-hero-grid,
    .hub-page-hero-grid,
    .hub-content-grid,
    .community-pulse-grid { grid-template-columns:1fr; }
    .hub-pulse-card { max-width:600px; }
    .hub-section-head { grid-template-columns:1fr; gap:14px; }
    .hub-sticky-copy { position:static; }
    .hub-event-grid { grid-template-columns:repeat(2,1fr); }
    .hub-join-panel { grid-template-columns:1fr; }
    .hub-rules-layout { grid-template-columns:1fr; }
    .rules-sidebar { position:static; }
}
@media (max-width: 620px) {
    .hub-shell, .hub-nav-inner { width:min(100% - 24px,1380px); }
    #navbar { padding-top:10px; }
    .hub-nav-inner { min-height:60px; border-radius:14px; }
    .hub-brand-logo { width:37px; height:37px; }
    .hub-brand strong { font-size:10px; }
    .hub-brand small { font-size:7px; }
    .hub-hero { padding:116px 0 30px; }
    .hub-hero-copy h1 { font-size:clamp(55px,17vw,82px); }
    .hub-hero-copy > p { font-size:13px; }
    .hub-dashboard-strip { grid-template-columns:1fr 1fr; gap:7px; margin-top:28px; }
    .hub-dashboard-tile { min-height:112px; padding:14px; }
    .hub-dashboard-tile strong { font-size:15px; margin-top:14px; }
    .hub-feature-grid { grid-template-columns:1fr; }
    .hub-feature.large { grid-column:auto; min-height:300px; }
    .hub-feature:not(.large) { min-height:220px; }
    .hub-event-grid,
    .creator-live-grid,
    .creator-roster-grid { grid-template-columns:1fr; }
    .hub-section { padding:66px 0; }
    .hub-page-hero { padding:130px 0 54px; }
    .hub-page-hero h1 { font-size:clamp(54px,16vw,78px); }
    .hub-hero-statbox { grid-template-columns:1fr 1fr; }
    .hub-join-panel { padding:28px; }
    .hub-footer-main { align-items:flex-start; flex-direction:column; }
    .hub-footer-links { margin-left:0; }
    .hub-footer-bottom { flex-direction:column; gap:7px; }
    .rules-content-heading { align-items:flex-start; flex-direction:column; }
    .rule-item summary { grid-template-columns:44px minmax(0,1fr) 18px; }
    .punishment { grid-column:2/3; justify-self:start; }
    .rule-toggle { grid-column:3; grid-row:1/3; }
    .rule-body { padding-left:13px; }
}


/* =========================================================
   MEMBERS-ONLY HUB / V2 DASHBOARD
   ========================================================= */
html.member-gated body { visibility: hidden; }
html.member-gated.member-ready body { visibility: visible; }

.district-login-page {
    min-height: 100vh;
    background: #06080c;
}
.district-login-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(430px, .78fr) minmax(0, 1.22fr);
}
.district-login-panel {
    position: relative;
    z-index: 2;
    padding: clamp(34px, 6vw, 86px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 10% 15%, rgba(85,200,255,.10), transparent 28%),
        linear-gradient(180deg,#0a0d13,#07090d);
    border-right: 1px solid rgba(255,255,255,.07);
}
.district-login-brand {
    position: absolute;
    top: 42px;
    left: clamp(34px, 6vw, 86px);
    display: flex;
    align-items: center;
    gap: 12px;
}
.district-login-brand img { width: 52px; height: 52px; object-fit: contain; }
.district-login-brand span { font-size: 11px; font-weight: 950; letter-spacing: .2em; }
.district-login-copy { max-width: 650px; }
.district-login-copy h1 {
    margin: 15px 0 20px;
    font-size: clamp(56px, 6vw, 92px);
    line-height: .9;
    letter-spacing: -.07em;
}
.district-login-copy h1 span { display:block; color:var(--hub-blue); }
.district-login-copy p {
    max-width: 560px;
    margin: 0;
    color: #98a5b1;
    font-size: 14px;
    line-height: 1.75;
}
.district-discord-login {
    width: min(560px, 100%);
    min-height: 72px;
    margin-top: 34px;
    padding: 10px 15px;
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) auto;
    gap: 13px;
    align-items: center;
    border: 1px solid rgba(130,160,255,.35);
    border-radius: 16px;
    background: linear-gradient(135deg,rgba(88,101,242,.22),rgba(88,101,242,.10));
    color:#fff;
    text-align:left;
    cursor:pointer;
    transition:.18s ease;
}
.district-discord-login:hover {
    transform: translateY(-2px);
    border-color: rgba(130,160,255,.6);
    background: linear-gradient(135deg,rgba(88,101,242,.33),rgba(88,101,242,.16));
}
.district-discord-mark {
    width:48px;height:48px;display:grid;place-items:center;
    border-radius:13px;background:#5865f2;font-weight:950;font-size:18px;
}
.district-discord-login strong { display:block; font-size:13px; }
.district-discord-login small { display:block; margin-top:4px; color:#929ee3; font-size:9px; }
.district-discord-login b { font-size:20px; color:#b8c0ff; }
.district-login-note {
    margin-top:16px;
    display:flex;
    align-items:center;
    gap:9px;
    color:#5f6c78;
    font-size:9px;
}
.district-login-note i { width:7px;height:7px;border-radius:50%;background:var(--hub-green);box-shadow:0 0 12px rgba(121,239,177,.5); }
.district-login-visual {
    position:relative;
    min-height:100vh;
    padding:70px;
    display:flex;
    align-items:flex-end;
    background:
        linear-gradient(180deg,rgba(6,8,12,.12),rgba(6,8,12,.78)),
        linear-gradient(90deg,rgba(6,8,12,.18),rgba(6,8,12,.06)),
        var(--hub-hero-image) center / cover no-repeat;
}
.district-login-visual::after {
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:80px 80px;
    mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.district-login-visual-copy { position:relative;z-index:2;max-width:660px; }
.district-login-visual-copy span { color:var(--hub-blue);font-size:9px;font-weight:900;letter-spacing:.16em; }
.district-login-visual-copy strong { display:block;margin-top:10px;font-size:clamp(36px,4.5vw,66px);line-height:.98;letter-spacing:-.055em; }
.district-login-visual-copy p { max-width:470px;color:#a8b3bd;line-height:1.65; }
.auth-bridge {
    width:min(470px,calc(100% - 34px));
    margin:auto;
    padding:38px;
    border:1px solid var(--hub-line);
    border-radius:22px;
    background:linear-gradient(180deg,#101720,#090d12);
    text-align:center;
    box-shadow:var(--hub-shadow);
}
.auth-bridge img { width:92px; }
.auth-bridge > span { display:block;margin-top:14px;color:var(--hub-blue);font-size:9px;font-weight:900;letter-spacing:.16em; }
.auth-bridge h1 { margin:8px 0;font-size:28px; }
.auth-bridge p { color:#798794;font-size:11px;line-height:1.6; }

.hub-discord-mini {
    min-height:39px;padding:0 11px;display:inline-flex;align-items:center;
    border:1px solid var(--hub-line);border-radius:10px;color:#8997a4;text-decoration:none;font-size:9px;font-weight:850;
}
.hub-member-chip { display:flex;align-items:center;gap:9px;padding:4px 9px 4px 5px;border:1px solid var(--hub-line);border-radius:11px;background:rgba(255,255,255,.022); }
.hub-member-avatar { width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:rgba(85,200,255,.11);color:var(--hub-blue);font-size:11px;font-weight:950; }
.hub-member-avatar img { width:100%;height:100%;object-fit:cover; }
.hub-member-copy { display:grid;gap:2px; }
.hub-member-copy strong { max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px; }
.hub-member-copy small { color:#557162;font-size:6px;font-weight:900;letter-spacing:.11em; }
.hub-logout-button {
    min-height:39px;padding:0 11px;border:1px solid var(--hub-line);border-radius:10px;background:transparent;color:#74818d;font-size:8px;font-weight:850;cursor:pointer;
}
.hub-logout-button:hover { color:#fff;border-color:rgba(255,255,255,.16); }

.member-about-hero {
    padding: 170px 0 86px;
    background:
        radial-gradient(circle at 74% 30%,rgba(85,200,255,.10),transparent 24%),
        linear-gradient(180deg,#0a0e14,#07090d);
    border-bottom:1px solid rgba(255,255,255,.05);
}
.member-about-grid { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.55fr);gap:70px;align-items:end; }
.member-about-copy h1 {
    margin:14px 0 20px;max-width:850px;font-size:clamp(62px,7vw,105px);line-height:.89;letter-spacing:-.07em;
}
.member-about-copy h1 span { display:block;color:var(--hub-blue); }
.member-about-copy p { max-width:690px;margin:0;color:#a9b5c0;font-size:15px;line-height:1.75; }
.member-about-actions { display:flex;gap:10px;flex-wrap:wrap;margin-top:28px; }
.about-live-card { padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(180deg,rgba(17,24,34,.90),rgba(9,13,18,.97));box-shadow:var(--hub-shadow); }
.about-live-head { display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--hub-line); }
.about-live-head small { color:#657482;font-size:8px;font-weight:900;letter-spacing:.13em; }
.about-live-count { display:flex;align-items:baseline;gap:8px;margin-top:22px; }
.about-live-count > strong { font-size:72px;line-height:.9;letter-spacing:-.075em; }
.about-live-count > span { color:#647382;font-size:17px; }
.about-live-card > p { margin:7px 0 18px;color:#71808c;font-size:9px;text-transform:uppercase;letter-spacing:.09em; }
.about-live-meta { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px; }
.about-live-meta div { padding:12px;border:1px solid var(--hub-line);border-radius:10px;background:rgba(255,255,255,.02); }
.about-live-meta strong { display:block;font-size:11px; }
.about-live-meta span { display:block;margin-top:4px;color:#64717d;font-size:7px; }
.about-detail-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
.district-gameplay-frame {
    position:relative;aspect-ratio:16/8.4;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#05070a;box-shadow:var(--hub-shadow);
}
.district-gameplay-frame video { width:100%;height:100%;display:block;object-fit:cover;background:#05070a; }
.district-gameplay-fallback {
    position:absolute;inset:0;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;
    background:linear-gradient(180deg,rgba(7,9,13,.22),rgba(7,9,13,.94)),var(--hub-car-image) center / cover no-repeat;
}
.district-gameplay-fallback span { color:var(--hub-blue);font-size:9px;font-weight:900;letter-spacing:.14em; }
.district-gameplay-fallback h3 { margin:8px 0;font-size:34px;letter-spacing:-.04em; }
.district-gameplay-fallback p { max-width:620px;margin:0;color:#93a0ab;line-height:1.6;font-size:11px; }

.member-dashboard-head { padding:165px 0 58px;background:linear-gradient(180deg,#0a0e14,#080b10);border-bottom:1px solid rgba(255,255,255,.05); }
.member-welcome { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end; }
.member-welcome h1 { margin:12px 0 12px;font-size:clamp(56px,6vw,88px);line-height:.92;letter-spacing:-.067em; }
.member-welcome h1 span { display:block;color:var(--hub-blue); }
.member-welcome p { margin:0;color:#84919c;font-size:13px; }
.member-summary-chips { display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px; }
.member-summary-chips div { min-width:130px;padding:16px;border:1px solid var(--hub-line);border-radius:13px;background:rgba(255,255,255,.023); }
.member-summary-chips strong { display:block;font-size:20px;letter-spacing:-.04em; }
.member-summary-chips span { display:block;margin-top:5px;color:#65727e;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.member-character-section { padding:72px 0 86px; }
.member-character-list { display:grid;gap:16px; }
.member-character-card { overflow:hidden;border:1px solid var(--hub-line);border-radius:22px;background:linear-gradient(180deg,rgba(16,22,30,.88),rgba(9,13,18,.97)); }
.member-character-top { padding:24px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;border-bottom:1px solid var(--hub-line); }
.member-character-id { color:var(--hub-blue);font-size:8px;font-weight:900;letter-spacing:.13em; }
.member-character-top h3 { margin:7px 0 5px;font-size:29px;letter-spacing:-.04em; }
.member-character-top p { margin:0;color:#6e7c88;font-size:10px; }
.member-character-total { text-align:right; }
.member-character-total span { display:block;color:#687683;font-size:7px;font-weight:900;letter-spacing:.12em; }
.member-character-total strong { display:block;margin-top:6px;font-size:25px; }
.member-money-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hub-line); }
.member-money-grid div { padding:18px 24px;background:#0c1118; }
.member-money-grid span { display:block;color:#667481;font-size:7px;font-weight:900;letter-spacing:.12em; }
.member-money-grid strong { display:block;margin-top:5px;font-size:17px; }
.member-vehicles-head { padding:19px 24px 10px;display:flex;justify-content:space-between;align-items:center; }
.member-vehicles-head span { color:#9aa7b2;font-size:8px;font-weight:900;letter-spacing:.13em; }
.member-vehicles-head small { color:#596671;font-size:8px; }
.member-vehicle-list { padding:0 24px 24px;display:grid;gap:7px; }
.member-vehicle-row { min-height:62px;padding:8px 11px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.018); }
.member-vehicle-icon { width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:rgba(85,200,255,.07);color:var(--hub-blue);font-size:7px;font-weight:900; }
.member-vehicle-main strong { display:block;font-size:11px; }
.member-vehicle-main span { display:block;margin-top:4px;color:#66737f;font-size:8px; }
.member-vehicle-value { color:#a6b4bf;font-size:10px;font-weight:800; }
.member-no-vehicles { padding:16px;border:1px dashed rgba(255,255,255,.07);border-radius:10px;color:#66727d;font-size:9px; }
.member-data-loading,.member-data-empty { min-height:240px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--hub-line);border-radius:20px;background:rgba(255,255,255,.018); }
.member-data-loading i { width:26px;height:26px;margin-bottom:14px;border:2px solid rgba(255,255,255,.10);border-top-color:var(--hub-blue);border-radius:50%;animation:memberSpin .75s linear infinite; }
.member-data-loading strong,.member-data-empty h3 { font-size:21px; }
.member-data-loading span,.member-data-empty p { max-width:650px;margin-top:7px;color:#71808c;font-size:10px;line-height:1.6; }
.member-data-empty > span { color:var(--hub-blue);font-size:8px;font-weight:900;letter-spacing:.14em; }
@keyframes memberSpin { to { transform:rotate(360deg); } }

.member-leaderboard-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
.member-leaderboard-card { overflow:hidden;border:1px solid var(--hub-line);border-radius:20px;background:linear-gradient(180deg,rgba(16,22,30,.84),rgba(9,13,18,.98)); }
.member-board-head { padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--hub-line); }
.member-board-head span { color:var(--hub-blue);font-size:7px;font-weight:900;letter-spacing:.13em; }
.member-board-head h3 { margin:5px 0 0;font-size:19px;letter-spacing:-.035em; }
.member-board-head > b { color:#64727e;font-size:10px;letter-spacing:.1em; }
.member-board-list { display:grid; }
.member-board-row { min-height:58px;padding:9px 15px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid rgba(255,255,255,.045); }
.member-board-row:last-child { border-bottom:0; }
.member-board-rank { color:#64727e;font-size:8px;font-weight:900; }
.member-board-player strong { display:block;font-size:10px; }
.member-board-player span { display:block;margin-top:3px;color:#5f6c77;font-size:7px; }
.member-board-value { color:#c5d0d9;font-size:10px; }
.leaderboard-empty { padding:30px 20px;color:#66737f;text-align:center;font-size:9px;line-height:1.55; }

@media (max-width: 1000px) {
    .district-login-shell { grid-template-columns:1fr; }
    .district-login-panel { min-height:100vh;border-right:0; }
    .district-login-visual { display:none; }
    .member-about-grid,.member-welcome { grid-template-columns:1fr; }
    .about-live-card { max-width:600px; }
}
@media (max-width: 760px) {
    .hub-discord-mini,.hub-member-copy,.hub-logout-button { display:none; }
    .hub-member-chip { padding:4px; }
    .about-detail-grid,.member-leaderboard-grid { grid-template-columns:1fr; }
    .member-summary-chips { grid-template-columns:1fr 1fr 1fr; }
    .member-summary-chips div { min-width:0; }
    .member-character-top { flex-direction:column; }
    .member-character-total { text-align:left; }
    .district-gameplay-fallback { padding:26px; }
}
@media (max-width: 520px) {
    .district-login-brand { top:24px;left:24px; }
    .district-login-panel { padding:100px 24px 34px; }
    .district-login-copy h1 { font-size:53px; }
    .member-summary-chips { grid-template-columns:1fr; }
    .member-money-grid { grid-template-columns:1fr; }
    .member-vehicle-row { grid-template-columns:38px minmax(0,1fr); }
    .member-vehicle-value { grid-column:2; }
    .about-live-meta { grid-template-columns:1fr; }
}