/* PBG loading screen v1.2.0 - homepage hero + live tracker + rules + entry mode. */
body.pbg-page-loading .site-header,
body.pbg-page-loading .live-strip,
body.pbg-page-loading .site-footer,
body.pbg-page-loading .style-fab {
    display:none !important;
}

body.pbg-page-loading .page-shell {
    max-width:1380px;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:28px;
    padding-bottom:28px;
}

.pbg-loading-stage {
    position:relative;
    flex:1;
    width:100%;
    min-height:0;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
    gap:44px;
    align-items:center;
    padding:18px 6px 22px;
    border:0;
    background:transparent;
    box-shadow:none;
}

.pbg-loading-noise,
.pbg-loading-glow { display:none; }

.pbg-loading-copy,
.pbg-loading-side {
    position:relative;
    z-index:1;
    min-width:0;
}

.pbg-loading-copy {
    padding:10px 0 8px;
}

.pbg-loading-eyebrow {
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 15px;
    color:#71a2ff;
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.19em;
}

.pbg-loading-pulse {
    display:inline-block;
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#55e6a5;
    box-shadow:0 0 12px #55e6a5;
}

/* Match the homepage hero type/layout exactly, while keeping the loading wording. */
.pbg-loading-copy h1 {
    margin:0;
    max-width:760px;
    color:#f4f7ff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(3.1rem,5.8vw,5.8rem);
    line-height:.94;
    letter-spacing:-.04em;
    font-weight:900;
    font-kerning:normal;
    font-variant-ligatures:none;
}

.pbg-loading-heading-top {
    display:block;
    color:#f4f7ff;
}

.pbg-loading-heading-outline {
    display:inline-block;
    margin-top:.02em;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-text-stroke:1.35px rgb(228,255,2);
    paint-order:stroke;
    letter-spacing:-.03em;
    line-height:.94;
    text-shadow:none !important;
    filter:drop-shadow(0 0 1px rgba(119,154,255,.95)) drop-shadow(0 0 3px rgba(0,16,245,.72)) drop-shadow(0 0 7px rgba(2,11,64,.62));
}

.pbg-loading-message {
    max-width:660px;
    margin:20px 0 0;
    color:#e4ff02;
    font-size:.96rem;
    line-height:1.58;
}

.pbg-loading-progress {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 14px;
    max-width:620px;
    margin-top:26px;
}

.pbg-loading-track {
    grid-column:1/-1;
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.09);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.pbg-loading-track i {
    display:block;
    width:12%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#0010f5,#e4ff02);
    box-shadow:0 0 20px rgba(0,16,245,.42);
    transition:width .32s ease;
}

.pbg-loading-progress span,
.pbg-loading-progress strong,
.pbg-loading-live {
    color:#aab8d2;
    font-size:.72rem;
}

.pbg-loading-progress strong { color:#dce6fa; }
.pbg-loading-live { margin:10px 0 0; font-weight:700; color:#fff705; }

/* Same Network Activity / PBG LIVE card treatment as the homepage hero. */
.pbg-loading-side {
    display:grid;
    gap:14px;
    align-content:center;
}

.pbg-loading-network-card {
    position:relative;
    z-index:1;
    min-width:0;
    min-height:292px;
    padding:27px;
    border:1px solid rgba(80,123,255,.24);
    border-radius:34px 20px 34px 20px;
    background:linear-gradient(145deg,rgba(11,25,61,.86),rgba(4,10,26,.90));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 65px rgba(0,0,0,.27),0 0 30px rgba(23,111,255,.08);
    overflow:hidden;
}

.pbg-loading-network-card::before {
    content:"";
    position:absolute;
    inset:14px;
    border:1px solid rgba(72,122,255,.12);
    border-radius:24px 14px 24px 14px;
    pointer-events:none;
}

.pbg-loading-network-card::after {
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-90px;
    top:-110px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(23,111,255,.17),transparent 68%);
    pointer-events:none;
}

.pbg-loading-network-head {
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.pbg-loading-micro {
    margin:0 0 7px;
    color:#96a6c7;
    font-size:.67rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.pbg-loading-network-head strong {
    display:block;
    color:#fff;
    font-size:clamp(1rem,1.2vw,1.22rem);
    font-weight:900;
    line-height:1.35;
}

.pbg-loading-live-badge {
    padding:7px 9px;
    border:1px solid rgba(85,230,165,.3);
    border-radius:9px;
    color:#55e6a5;
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.13em;
    background:rgba(85,230,165,.08);
    box-shadow:0 0 20px rgba(85,230,165,.05);
}

.pbg-loading-live-badge.is-warning {
    color:#ffd36b;
    border-color:rgba(255,211,107,.38);
    background:rgba(255,211,107,.08);
}

.pbg-loading-activity-bars {
    position:relative;
    z-index:1;
    height:142px;
    margin:27px 0 18px;
    display:flex;
    align-items:end;
    gap:8px;
    padding:0 8px;
}

.pbg-loading-activity-bars i {
    flex:1;
    height:var(--pbg-loading-bar-height,50%);
    min-width:7px;
    border-radius:5px 5px 2px 2px;
    background:linear-gradient(to top,rgba(23,111,255,.28),#347cff);
    box-shadow:0 0 16px rgba(23,111,255,.16);
    transition:height .45s ease,filter .25s ease;
}

.pbg-loading-network-card:hover .pbg-loading-activity-bars i { filter:brightness(1.08); }

.pbg-loading-live-feed {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:13px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.07);
    min-height:46px;
}

.pbg-loading-live-feed-label {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#f5f7ff;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.08em;
    white-space:nowrap;
}

.pbg-loading-live-feed-label i {
    color:#347cff;
    filter:drop-shadow(0 0 8px rgba(52,124,255,.45));
}

.pbg-loading-live-feed a {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:0;
    color:#b8c8e6;
    text-decoration:none;
    font-size:.78rem;
    font-weight:800;
    text-align:right;
    transition:.2s;
}

.pbg-loading-live-feed a:hover { color:#fff; }
.pbg-loading-live-feed a > i { flex:0 0 auto; color:#7599ff; }
.pbg-loading-live-feed a > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

@media(max-width:1040px) {
    .pbg-loading-stage {
        grid-template-columns:1fr;
        gap:24px;
        padding-top:8px;
    }
    .pbg-loading-copy { text-align:center; }
    .pbg-loading-eyebrow { justify-content:center; }
    .pbg-loading-copy h1 { margin-left:auto; margin-right:auto; }
    .pbg-loading-message,
    .pbg-loading-progress { margin-left:auto; margin-right:auto; }
    .pbg-loading-live { text-align:center; }
    .pbg-loading-side { width:min(720px,100%); justify-self:center; }
    .pbg-loading-network-card { width:100%; }
}

@media(max-width:650px) {
    body.pbg-page-loading .page-shell { padding:10px 12px 24px; }
    .pbg-loading-stage { padding:0 0 15px; }
    .pbg-loading-copy h1 { font-size:clamp(2.75rem,14vw,4.2rem); letter-spacing:-.035em; }
    .pbg-loading-heading-outline { letter-spacing:-.02em; }
    .pbg-loading-side { width:100%; }
    .pbg-loading-network-card { padding:21px; min-height:285px; border-radius:28px 17px 28px 17px; }
    .pbg-loading-network-card::before { inset:11px; }
    .pbg-loading-activity-bars { gap:5px; height:125px; margin:24px 0 16px; }
    .pbg-loading-live-feed { grid-template-columns:1fr; gap:7px; }
    .pbg-loading-live-feed a { justify-content:flex-start; text-align:left; }
    .pbg-loading-live-feed a > span { white-space:normal; }
}



/* Compact rules panel restored below the live tracker. */
.pbg-loading-rules-card {
    position:relative;
    z-index:1;
    min-width:0;
    padding:18px 20px;
    border:1px solid rgba(80,123,255,.24);
    border-radius:26px 15px 26px 15px;
    background:linear-gradient(145deg,rgba(5,15,38,.80),rgba(3,9,24,.88));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 42px rgba(0,0,0,.20);
    overflow:hidden;
}
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-rules-card {
    border:1px solid transparent;
    background:
        linear-gradient(145deg,rgba(5,15,38,.80),rgba(3,9,24,.88)) padding-box,
        linear-gradient(105deg,var(--loading-border-a,#e4ff02),var(--loading-border-b,#0010f5)) border-box;
}
.pbg-loading-rules-head {
    display:flex;
    align-items:center;
    gap:12px;
}
.pbg-loading-rules-icon {
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:13px 8px 13px 8px;
    border:1px solid rgba(75,125,255,.34);
    background:rgba(4,18,45,.52);
    color:#79a2ff;
}
.pbg-loading-rules-head .pbg-loading-micro { margin-bottom:3px; }
.pbg-loading-rules-head strong { color:#fff; font-size:.9rem; line-height:1.3; }
.pbg-loading-rules-list {
    margin:13px 0 10px;
    padding-left:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 22px;
    color:#c7d2e8;
    font-size:.72rem;
    line-height:1.45;
}
.pbg-loading-rules-list li { padding-left:3px; }
.pbg-loading-rules-link {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#7599ff;
    text-decoration:none;
    font-size:.72rem;
    font-weight:800;
}
.pbg-loading-rules-link:hover { color:#fff; }
@media(max-width:650px) {
    .pbg-loading-rules-card { padding:17px; border-radius:24px 14px 24px 14px; }
    .pbg-loading-rules-list { grid-template-columns:1fr; gap:6px; }
}

@media(prefers-reduced-motion:reduce) {
    .pbg-loading-track i { transition:none; }
}


/* PBG Blue loading-screen polish - v1.0.2 dark glass balance. */
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-rules-card,
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-network-card {
    box-shadow:0 18px 42px rgba(0,0,0,.30);
}
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-progress-track {
    border:1px solid rgba(164,181,212,.20);
    background:rgba(2,6,16,.86);
    box-shadow:inset 0 0 10px rgba(0,0,0,.28);
}
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-progress-bar {
    background:linear-gradient(90deg,#e4ff02 0%,#fff705 22%,#0013f7 72%,#0010f5 100%);
    box-shadow:0 0 7px rgba(228,255,2,.08),0 0 9px rgba(0,16,245,.10);
}
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-activity-bars i {
    background:linear-gradient(to top,rgba(0,16,245,.18),rgba(0,19,247,.72));
    box-shadow:0 0 9px rgba(0,16,245,.08);
}
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-activity-bars i:nth-child(4n+2),
body[data-theme-style="pbg_blue"].pbg-page-loading .pbg-loading-activity-bars i:nth-child(4n+3) {
    background:linear-gradient(to top,rgba(228,255,2,.12),rgba(228,255,2,.58));
    box-shadow:0 0 8px rgba(228,255,2,.06);
}