:root{
    --lgx-bg-0:#05070d;
    --lgx-bg-1:#0a0e1b;
    --lgx-card:rgba(255,255,255,.06);
    --lgx-card-2:rgba(0,0,0,.22);
    --lgx-border:rgba(255,255,255,.10);
    --lgx-text:#e9eefc;
    --lgx-muted:rgba(233,238,252,.74);
    --lgx-accent:#d11313;
    --lgx-good:#19d46a;
}

.lgx-page{
    position:relative;
    color:var(--lgx-text);
    overflow:hidden;
}
.lgx-page > *{position:relative;z-index:1}
.lgx-page:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(700px 320px at 50% 0%, rgba(209,19,19,.32), rgba(0,0,0,0)),
        radial-gradient(520px 260px at 10% 35%, rgba(80,93,255,.18), rgba(0,0,0,0)),
        linear-gradient(180deg, var(--lgx-bg-0) 0%, var(--lgx-bg-1) 100%);
    opacity:1;
    z-index:0;
    border-radius:inherit;
}
.lgx-page:after{
    content:"";
    position:absolute;
    inset:-2px;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size:48px 48px;
    opacity:.25;
    pointer-events:none;
    z-index:0;
    border-radius:inherit;
}
.lgx-page .container{position:relative;z-index:1}

.lgx-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}
@media (max-width: 991px){.lgx-hero{flex-direction:column;align-items:flex-start}}

.lgx-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    padding:8px 12px;
    border-radius:999px;
    margin-bottom:10px;
    color:var(--lgx-text);
}
.lgx-dot{width:10px;height:10px;border-radius:50%;background:var(--lgx-good);box-shadow:0 0 0 4px rgba(25,212,106,.18)}

.lgx-title{font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0}
.lgx-sub{color:var(--lgx-muted);margin:8px 0 0}

.lgx-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}
@media (max-width: 991px){.lgx-grid{grid-template-columns:1fr}}

.lgx-card{
    background:var(--lgx-card);
    border:1px solid var(--lgx-border);
    border-radius:20px;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 18px 55px rgba(0,0,0,.45);
    padding:16px;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.lgx-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.52)}

.lgx-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}

.lgx-kicker{font-size:12px;opacity:.8}
.lgx-session-title{font-size:18px;font-weight:900;margin-top:4px;line-height:1.2}

.lgx-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.lgx-chip{font-size:11px;letter-spacing:.06em;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);color:var(--lgx-text)}
.lgx-chip--accent{background:rgba(209,19,19,.20);border-color:rgba(209,19,19,.35)}

.lgx-metrics{display:grid;gap:10px;min-width:150px}
.lgx-metric{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px}
.lgx-metric__label{font-size:11px;opacity:.75}
.lgx-metric__value{font-size:18px;font-weight:900;margin-top:2px}

.lgx-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:12px 14px;
    margin-bottom:12px;
}
.lgx-row__label{font-size:12px;opacity:.85}
.lgx-row__value{font-size:18px;font-weight:900;color:#ff4d4d}

.lgx-box{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.lgx-box__label{font-size:12px;opacity:.8;margin-bottom:6px}
.lgx-box__text{font-size:14px;font-weight:650;line-height:1.35}

.lgx-cta .btn{height:46px;display:inline-flex;align-items:center;justify-content:center}

.lgx-card .table{
    margin:0;
    color:var(--lgx-text);
    --bs-table-bg: transparent;
    --bs-table-color: var(--lgx-text);
    --bs-table-striped-color: var(--lgx-text);
    --bs-table-striped-bg: rgba(255,255,255,.03);
    --bs-table-active-color: var(--lgx-text);
    --bs-table-active-bg: rgba(255,255,255,.05);
    --bs-table-hover-color: var(--lgx-text);
    --bs-table-hover-bg: rgba(255,255,255,.05);
    --bs-table-border-color: rgba(255,255,255,.10);
}
.lgx-card .table > :not(caption) > * > *{background-color:transparent}
.lgx-card .table thead th{border-color:rgba(255,255,255,.10)}
.lgx-card .table td{border-color:rgba(255,255,255,.06)}

.lgx-card .list-group-item{
    background:rgba(0,0,0,.20);
    border:1px solid rgba(255,255,255,.08);
    color:var(--lgx-text);
    transition:background .15s ease,border-color .15s ease;
}
.lgx-card .list-group-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.lgx-card input[type=radio]{accent-color:var(--lgx-accent)}

.lgx-empty{
    text-align:center;
    padding:26px 16px;
}
.lgx-empty h6{color:var(--lgx-text)}
.lgx-empty p{color:var(--lgx-muted)}

@media (prefers-reduced-motion: reduce){
    .lgx-card{transition:none}
    .lgx-card:hover{transform:none}
    .lgx-card .list-group-item{transition:none}
}

.live-games-hub{position:relative;padding:70px 0;color:#e9eefc;overflow:hidden}
.live-games-hub__bg{position:absolute;inset:0;background:
    radial-gradient(700px 300px at 50% 0%, rgba(209,19,19,.35), rgba(0,0,0,0)),
    linear-gradient(180deg, rgba(3,5,10,1) 0%, rgba(8,10,18,1) 100%);
    opacity:1}
.live-games-hub:before{content:"";position:absolute;inset:-2px;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:48px 48px;opacity:.35;pointer-events:none}
.live-games-hub .container{position:relative;z-index:2}
.live-games-hub__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.live-games-hub .hub-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:999px;margin-bottom:10px}
.live-games-hub .hub-dot{width:10px;height:10px;border-radius:50%;background:#19d46a;box-shadow:0 0 0 4px rgba(25,212,106,.18)}
.live-games-hub__actions .btn{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px}
.live-games-hub__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}
@media (max-width: 991px){.live-games-hub__header{flex-direction:column;align-items:flex-start}.live-games-hub__grid{grid-template-columns:1fr}}
.live-games-hub .glass-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.45);padding:18px}
.live-games-hub .glass-card__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.live-games-hub .glass-card__title{font-weight:700;font-size:16px}
.live-games-hub .glass-card__subtitle{font-size:12px;opacity:.8}
.live-games-hub .glass-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.live-games-hub .session-kicker{font-size:12px;opacity:.75}
.live-games-hub .session-title{font-size:18px;font-weight:800;line-height:1.2;margin-top:4px}
.live-games-hub .session-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.live-games-hub .chip{font-size:11px;letter-spacing:.06em;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10)}
.live-games-hub .chip--alt{background:rgba(209,19,19,.20);border-color:rgba(209,19,19,.35)}
.live-games-hub .session-metrics{display:grid;gap:10px;min-width:150px}
.live-games-hub .metric{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px}
.live-games-hub .metric__label{font-size:11px;opacity:.75}
.live-games-hub .metric__value{font-size:18px;font-weight:800;margin-top:2px}
.live-games-hub .countdown-row{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.live-games-hub .countdown-label{font-size:12px;opacity:.8}
.live-games-hub .countdown-value{font-size:18px;font-weight:900;color:#ff4d4d}
.live-games-hub .question-box{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.live-games-hub .question-box__label{font-size:12px;opacity:.8;margin-bottom:6px}
.live-games-hub .question-box__text{font-size:14px;font-weight:600;line-height:1.35}
.live-games-hub .podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end;margin:10px 0 14px}
.live-games-hub .podium__col{text-align:center}
.live-games-hub .podium__avatar{width:44px;height:44px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:800}
.live-games-hub .podium__avatar--glow{background:rgba(209,19,19,.22);border-color:rgba(209,19,19,.35);box-shadow:0 0 40px rgba(209,19,19,.35)}
.live-games-hub .podium__name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-games-hub .podium__pts{font-size:11px;opacity:.8;margin-top:2px}
.live-games-hub .podium__block{margin-top:10px;border-radius:16px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-weight:900;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);height:110px}
.live-games-hub .podium__block--first{height:140px;background:linear-gradient(180deg, rgba(209,19,19,.55), rgba(0,0,0,.35))}
.live-games-hub .podium__block--second{height:110px;background:linear-gradient(180deg, rgba(80,93,255,.40), rgba(0,0,0,.35))}
.live-games-hub .podium__block--third{height:95px;background:linear-gradient(180deg, rgba(42,201,183,.35), rgba(0,0,0,.35))}
.live-games-hub .leaderboard-list{display:grid;gap:8px}
.live-games-hub .leaderboard-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px}
.live-games-hub .leaderboard-rank{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-weight:900}
.live-games-hub .leaderboard-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-games-hub .leaderboard-score{font-weight:900;color:#ff4d4d}
.live-games-hub .feed{display:grid;gap:10px}
.live-games-hub .feed-item{display:grid;grid-template-columns:10px 1fr;gap:12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}
.live-games-hub .feed-dot{width:10px;height:10px;border-radius:50%;background:#19d46a;margin-top:4px}
.live-games-hub .feed-time{font-size:11px;opacity:.75}
.live-games-hub .feed-text{font-size:13px;font-weight:600;line-height:1.3;margin-top:2px}
.live-games-hub .feed-points{color:#19d46a;font-weight:900}
.live-games-hub .feed-sub{font-size:11px;opacity:.75;margin-top:3px}
.live-games-hub__empty .glass-card{padding:24px;text-align:center}
.live-games-hub .glass-card__title{font-size:16px;font-weight:900}
.live-games-hub .glass-card__text{opacity:.85;margin-top:8px}
.live-games-hub .glass-card__cta{margin-top:14px}
.live-games-hub .btn-outline-light{border:1px solid rgba(255,255,255,.25);color:#fff}
.live-games-hub .btn-outline-light:hover{background:rgba(255,255,255,.12);color:#fff}