@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Rajdhani:wght@600;700&display=swap');
:root {
    --accent:#176fff;
    --accent-2:#5d74ff;
    --bg:#020815;
    --panel:rgba(2,10,24,.36);
    --panel-hover:rgba(0,6,18,.78);
    --line:rgba(72,119,255,.36);
    --text:#f4f7ff;
    --muted:#a8b6cf;
    --radius-a:34px;
    --radius-b:18px;
    --shell:1380px
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Inter,Segoe UI,sans-serif;
    min-height:100vh
}
a {
    color:inherit
}
.site-canvas {
    position:fixed;
    inset:0;
    z-index:-10;
    overflow:hidden
}
.site-bg {
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,7,19,.64),rgba(0,5,14,.82)),var(--site-bg) center top/cover fixed no-repeat
}
.site-dots {
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle,rgba(67,112,229,.50) 0 1px,transparent 1.25px);
    background-size:17px 17px;
    opacity:.78
}
.site-vignette {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,4,12,.45),transparent 23%,transparent 77%,rgba(0,4,12,.45)),linear-gradient(180deg,transparent 55%,rgba(0,4,12,.48))
}
.site-header {
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(1,7,17,.92);
    border-bottom:1px solid rgba(60,112,255,.30);
    backdrop-filter:blur(16px)
}
.header-inner {
    max-width:var(--shell);
    height:88px;
    margin:auto;
    padding:0 24px;
    display:flex;
    align-items:center;
    gap:28px
}
.brand img {
    width:190px;
    max-height:62px;
    object-fit:contain;
    filter:drop-shadow(0 0 14px rgba(23,111,255,.26))
}
.main-nav {
    display:flex;
    align-items:center;
    gap:8px;
    margin:auto
}
.main-nav a {
    padding:12px 14px;
    border-radius:999px;
    text-decoration:none;
    color:#d9e3f6;
    font-size:14px;
    font-weight:800;
    transition:.2s
}
.main-nav a:hover,.main-nav a.active {
    color:#fff;
    background:rgba(23,111,255,.12);
    box-shadow:inset 0 0 0 1px rgba(69,121,255,.43),0 0 18px rgba(23,111,255,.10)
}
.account-area {
    position:relative
}
.account-button,.mobile-toggle {
    border:1px solid rgba(68,119,255,.45);
    background:rgba(5,20,48,.72);
    color:#fff;
    border-radius:999px;
    padding:9px 13px;
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
    cursor:pointer
}
.account-avatar {
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--accent),var(--accent-2))
}
.account-menu {
    display:none;
    position:absolute;
    right:0;
    top:calc(100% + 12px);
    width:220px;
    padding:10px;
    background:rgba(2,10,24,.98);
    border:1px solid rgba(72,119,255,.38);
    border-radius:20px;
    box-shadow:0 25px 60px rgba(0,0,0,.45)
}
.account-menu.open {
    display:grid
}
.account-menu a {
    display:flex;
    gap:10px;
    padding:11px;
    border-radius:12px;
    text-decoration:none;
    color:#dfe7f7
}
.account-menu a:hover,.account-menu-action:hover {
    background:rgba(23,111,255,.12)
}
.account-menu-form {
    margin:0
}
.account-menu-action {
    width:100%;
    border:0;
    background:transparent;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px;
    border-radius:12px;
    color:#dfe7f7;
    font:inherit;
    text-align:left;
    cursor:pointer
}
.mobile-toggle {
    display:none;
    margin-left:auto
}
.live-strip {
    border-bottom:1px solid rgba(55,106,242,.20);
    background:rgba(3,16,38,.74)
}
.live-strip .shell {
    max-width:var(--shell);
    margin:auto;
    min-height:44px;
    padding:0 24px;
    display:flex;
    align-items:center;
    gap:18px;
    color:#aebbd2;
    font-size:14px
}
.live-strip a {
    margin-left:auto;
    color:#aec6ff;
    text-decoration:none;
    font-weight:800
}
.live-pill {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-weight:900
}
.live-pill i {
    color:var(--accent)
}
.page-shell {
    width:100%;
    max-width:var(--shell);
    min-width:0;
    margin:auto;
    padding:42px 24px 90px
}
.page-intro {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:30px;
    min-width:0;
    padding:18px 0 24px;
    border-bottom:1px solid rgba(57,106,235,.24);
    position:relative
}
.page-intro:after,.section-title:after {
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:180px;
    height:2px;
    background:linear-gradient(90deg,var(--accent),transparent);
    box-shadow:0 0 16px color-mix(in srgb,var(--accent) 45%,transparent)
}
.page-intro h1 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:clamp(3rem,7vw,6.4rem);
    line-height:.86;
    margin:8px 0 12px;
    letter-spacing:-.04em
}
.page-intro p {
    max-width:780px;
    color:var(--muted);
    line-height:1.75;
    margin:0
}
.eyebrow {
    font-size:14px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#7f9fff
}
.intro-actions {
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:44px;
    padding:0 17px;
    border-radius:14px;
    border:1px solid rgba(75,124,255,.42);
    text-decoration:none;
    color:#f2f6ff;
    background:rgba(5,21,51,.72);
    font-weight:850;
    cursor:pointer
}
.button.primary {
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 72%,#061c49),var(--accent),var(--accent-2));
    border-color:rgba(105,144,255,.65);
    box-shadow:0 10px 25px rgba(8,63,167,.25)
}
.button:hover {
    transform:translateY(-1px);
    box-shadow:0 0 22px color-mix(in srgb,var(--accent) 22%,transparent)
}
.section-title {
    position:relative;
    padding:0 0 16px;
    margin:46px 0 22px;
    border-bottom:1px solid rgba(57,106,235,.22)
}
.section-title h2 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:clamp(2rem,4vw,3.1rem);
    margin:6px 0 4px
}
.section-title p {
    margin:0;
    color:var(--muted)
}
.metric-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:30px 0
}
.users-overview-metrics {
    grid-template-columns:repeat(6,minmax(0,1fr))
}
@media(max-width:1500px) and (min-width:1101px) {
    .users-overview-metrics {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
.metric {
    padding:18px 22px;
    border-left:2px solid var(--accent);
    min-height:112px
}
.metric b {
    display:block;
    font-family:Rajdhani;
    font-size:2.3rem
}
.metric span {
    color:#94a7c3;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.1em
}
.card-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
    min-width:0
}
.card-grid.four {
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.card-grid.six {
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.neon-card {
    --spin-speed:8s;
    position:relative;
    border-radius:var(--radius-a) var(--radius-b) var(--radius-a) var(--radius-b);
    padding:1px;
    isolation:isolate;
    overflow:hidden;
    background:rgba(2,10,24,.24);
    min-width:0;
    transition:transform .24s ease
}
.neon-card:before {
    content:"";
    position:absolute;
    inset:-55%;
    z-index:-2;
    background:conic-gradient(from 0deg,transparent 0 9%,color-mix(in srgb,var(--accent) 88%,white) 14%,var(--accent) 23%,#082b70 39%,transparent 48% 61%,var(--accent-2) 70%,var(--accent) 81%,transparent 92%);
    animation:spin var(--spin-speed) linear infinite
}
.neon-card:after {
    content:"";
    position:absolute;
    inset:1px;
    z-index:-1;
    border-radius:calc(var(--radius-a) - 1px) calc(var(--radius-b) - 1px) calc(var(--radius-a) - 1px) calc(var(--radius-b) - 1px);
    background:linear-gradient(180deg,rgba(2,10,24,.38),rgba(1,7,17,.48));
    transition:.24s
}
.neon-card:hover {
    transform:translateY(-5px)
}
.neon-card:hover:before {
    filter:blur(.2px);
    animation-duration:4.5s
}
.neon-card:hover:after {
    background:linear-gradient(145deg,rgba(2,14,34,.72),rgba(0,5,14,.82));
    box-shadow:inset 0 0 38px color-mix(in srgb,var(--accent) 12%,transparent),0 0 24px color-mix(in srgb,var(--accent) 14%,transparent)
}
.card-body {
    position:relative;
    z-index:2;
    height:100%;
    padding:20px;
    border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px) calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px);
    background:transparent
}
.card-top {
    display:flex;
    align-items:center;
    gap:13px
}
.avatar {
    width:64px;
    height:64px;
    border-radius:22px 12px 22px 12px;
    object-fit:cover;
    background:rgba(3,17,42,.85);
    border:1px solid rgba(75,125,255,.56);
    box-shadow:0 0 18px color-mix(in srgb,var(--accent) 20%,transparent);
    display:grid;
    place-items:center;
    font-weight:900;
    font-size:1.25rem
}
.card-title {
    font-size:1.12rem;
    font-weight:900;
    overflow-wrap:anywhere
}
.card-subtitle {
    font-size:14px;
    color:#91a4c0;
    margin-top:4px
}
.badge-row {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:14px 0
}
.badge {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid rgba(71,121,255,.35);
    background:rgba(8,34,82,.42);
    color:#b7c8ff;
    font-size:13px;
    font-weight:850
}
.stat-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:15px 0
}
.stat {
    padding:11px;
    border-radius:16px 9px 16px 9px;
    border:1px solid rgba(49,94,213,.22);
    background:rgba(1,8,19,.32)
}
.stat b {
    display:block;
    font-size:1.06rem
}
.stat span {
    font-size:13px;
    color:#889cb8;
    text-transform:uppercase;
    letter-spacing:.08em
}
.card-copy {
    color:#aab8cd;
    line-height:1.65;
    font-size:14px
}
.card-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:16px
}
.server-card .banner {
    height:170px;
    margin:-20px -20px 17px;
    border-radius:31px 17px 10px 10px;
    background:#07142d center/cover no-repeat;
    position:relative;
    overflow:hidden
}
.server-card .banner:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent,rgba(1,8,19,.76))
}
.status {
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase
}
.status:before {
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#6bf39c;
    box-shadow:0 0 12px #6bf39c
}
.status.offline:before {
    background:#7c8aa2;
    box-shadow:none
}
.filter-bar {
    display:grid;
    grid-template-columns:220px minmax(220px,1fr) 220px auto;
    gap:10px;
    padding:13px;
    border:1px solid rgba(55,105,236,.30);
    border-radius:24px 14px 24px 14px;
    background:rgba(2,10,24,.35);
    margin:26px 0
}
.filter-bar input,.filter-bar select,.form-control {
    width:100%;
    min-height:46px;
    padding:0 14px;
    border-radius:14px 8px 14px 8px;
    border:1px solid rgba(55,105,236,.34);
    background:rgba(1,8,19,.72);
    color:#fff;
    font:inherit;
    outline:none
}
.filter-bar input:focus,.filter-bar select:focus,.form-control:focus {
    border-color:var(--accent);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)
}
.table-wrap {
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:auto;
    border:1px solid rgba(55,105,236,.30);
    border-radius:26px 14px 26px 14px;
    background:rgba(2,10,24,.30);
    scrollbar-width:none;
    -ms-overflow-style:none
}
.table-wrap::-webkit-scrollbar {
    width:0;
    height:0;
    display:none
}
table {
    width:100%;
    border-collapse:collapse;
    min-width:800px
}
th,td {
    text-align:left;
    vertical-align:middle;
    padding:15px;
    border-bottom:1px solid rgba(49,92,199,.18)
}
th {
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.09em;
    color:#a7baff;
    background:rgba(7,31,76,.72)
}
tbody tr {
    transition:.18s
}
tbody tr:hover {
    background:rgba(0,6,18,.76);
    box-shadow:inset 3px 0 var(--accent)
}
.hero-logo {
    display:block;
    max-width:min(920px,90vw);
    margin:20px auto 0;
    filter:drop-shadow(0 0 32px color-mix(in srgb,var(--accent) 20%,transparent))
}
.welcome {
    max-width:920px;
    margin:36px auto;
    padding-left:28px;
    border-left:2px solid var(--accent)
}
.welcome h1 {
    font-family:Rajdhani;
    font-size:clamp(2.5rem,5vw,4.7rem);
    margin:7px 0
}
.welcome p {
    color:#e4ff02b0;
    line-height:1.8
}
.feature-list {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
    min-width:0
}
.feature {
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:18px;
    border:1px solid rgba(55,105,236,.28);
    border-radius:24px 13px 24px 13px;
    background:rgba(2,10,24,.22)
}
.feature i {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:16px 9px 16px 9px;
    color:#9fb5ff;
    background:rgba(5,27,69,.74);
    border:1px solid rgba(71,121,255,.42);
    box-shadow:0 0 18px color-mix(in srgb,var(--accent) 14%,transparent)
}
.feature h3 {
    margin:0 0 5px
}
.feature p {
    margin:0;
    color:#95a7c1;
    font-size:14px;
    line-height:1.55
}
.forum-category {
    margin:26px 0
}
.forum-board {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) 90px 90px minmax(210px,.7fr);
    gap:16px;
    align-items:center;
    padding:16px;
    border-bottom:1px solid rgba(49,93,204,.20);
    transition:.2s
}
.forum-board:hover {
    background:rgba(0,6,18,.74);
    box-shadow:inset 3px 0 var(--accent)
}
.forum-icon {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(71,121,255,.44);
    border-radius:17px 10px 17px 10px;
    background:rgba(5,25,62,.72);
    color:#9cb4ff
}
.empty-state {
    padding:45px;
    text-align:center;
    border:1px dashed rgba(76,124,255,.35);
    border-radius:28px;
    color:#99aac2
}
.empty-state i {
    font-size:2rem;
    color:#7798ff
}
.site-footer {
    background:rgba(1,7,17,.94);
    border-top:1px solid rgba(55,106,242,.22);
    padding:48px 24px 20px
}
.footer-grid {
    max-width:var(--shell);
    margin:auto;
    display:grid;
    grid-template-columns:2fr repeat(3,1fr);
    gap:42px
}
.footer-logo {
    width:170px
}
.footer-grid p {
    max-width:420px;
    color:#8fa1bb;
    line-height:1.65
}
.footer-grid h3 {
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#9eb3ff
}
.footer-grid a {
    display:block;
    color:#b8c5d8;
    text-decoration:none;
    margin:10px 0;
    font-size:14px
}
.footer-bottom {
    max-width:var(--shell);
    margin:35px auto 0;
    padding-top:18px;
    border-top:1px solid rgba(55,106,242,.18);
    display:flex;
    justify-content:space-between;
    color:#8295b0;
    font-size:14px
}
.style-fab {
    position:fixed;
    left:0;
    top:50%;
    z-index:40;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 10px;
    border-radius:0 18px 18px 0;
    border:1px solid rgba(71,121,255,.55);
    border-left:0;
    background:rgba(2,11,27,.93);
    color:#fff;
    text-decoration:none;
    writing-mode:vertical-rl;
    font-size:13px;
    font-weight:900;
    letter-spacing:.08em;
    box-shadow:0 0 20px rgba(23,111,255,.13)
}
.palette-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px
}
.palette {
    border:1px solid rgba(70,120,255,.35);
    border-radius:24px 13px 24px 13px;
    padding:18px;
    background:rgba(2,10,24,.34);
    cursor:pointer;
    color:#fff;
    text-align:left
}
.palette-swatch {
    height:70px;
    border-radius:18px 10px 18px 10px;
    margin-bottom:12px
}
.notice {
    padding:14px 16px;
    border-radius:18px 10px 18px 10px;
    border:1px solid rgba(81,132,255,.42);
    background:rgba(8,35,85,.55);
    margin:16px 0
}
.notice.success {
    border-color:rgba(77,222,138,.42);
    background:rgba(11,72,46,.45)
}
@keyframes spin {
    to {
        transform:rotate(360deg)
    }
}
@media(prefers-reduced-motion:reduce) {
    * {
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important
    }
    .neon-card:hover {
        transform:none
    }
}
@media(max-width:1150px) {
    .card-grid.six {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .card-grid.four {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .card-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .metric-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:900px) {
    .main-nav {
        display:none;
        position:absolute;
        top:88px;
        left:16px;
        right:16px;
        padding:12px;
        background:rgba(2,10,24,.98);
        border:1px solid rgba(69,121,255,.38);
        border-radius:22px;
        flex-direction:column;
        align-items:stretch
    }
    .main-nav.open {
        display:flex
    }
    .mobile-toggle {
        display:flex
    }
    .account-area {
        margin-left:auto
    }
    .page-intro {
        align-items:flex-start;
        flex-direction:column
    }
    .filter-bar {
        grid-template-columns:1fr 1fr
    }
    .feature-list {
        grid-template-columns:1fr
    }
    .footer-grid {
        grid-template-columns:1fr 1fr
    }
    .forum-board {
        grid-template-columns:auto 1fr
    }
    .forum-board>*:nth-child(n+3) {
        display:none
    }
}
@media(max-width:650px) {
    .header-inner {
        height:74px;
        padding:0 14px
    }
    .brand img {
        width:145px
    }
    .main-nav {
        top:74px
    }
    .account-button span:nth-child(2),.account-button .fa-chevron-down {
        display:none
    }
    .page-shell {
        padding:28px 14px 70px
    }
    .page-intro h1 {
        font-size:3.4rem
    }
    .card-grid,.card-grid.four,.card-grid.six {
        grid-template-columns:1fr
    }
    .metric-grid {
        grid-template-columns:1fr
    }
    .filter-bar {
        grid-template-columns:1fr
    }
    .footer-grid {
        grid-template-columns:1fr
    }
    .footer-bottom {
        flex-direction:column;
        gap:8px
    }
    .live-strip .shell span:nth-child(2) {
        display:none
    }
    .style-fab {
        display:none
    }
}
.nav-group {
    position:relative
}
.nav-group summary {
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:7px;
    padding:11px 14px;
    border-radius:999px;
    color:#c2cee0;
    font-size:14px;
    font-weight:800
}
.nav-group summary::-webkit-details-marker {
    display:none
}
.nav-group summary i {
    font-size:12px;
    transition:.2s
}
.nav-group[open] summary i {
    transform:rotate(180deg)
}
.nav-group.active summary,.nav-group summary:hover {
    color:#fff;
    background:rgba(11,54,135,.5);
    box-shadow:inset 0 0 0 1px rgba(64,116,255,.45)
}
.nav-dropdown {
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    min-width:230px;
    padding:9px;
    border:1px solid rgba(65,117,255,.4);
    border-radius:20px 11px 20px 11px;
    background:rgba(1,8,20,.98);
    box-shadow:0 22px 50px rgba(0,0,0,.45),0 0 25px rgba(23,111,255,.1)
}
.nav-dropdown a {
    display:block!important;
    border-radius:13px 8px 13px 8px!important;
    padding:11px 12px!important
}
.live-copy {
    position:relative;
    min-width:0;
    flex:1;
    height:24px;
    overflow:hidden
}
.live-copy span {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    gap:8px;
    opacity:0;
    transform:translateY(8px);
    transition:.35s;
    color:#aabbd2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.live-copy span.active {
    opacity:1;
    transform:none
}
.live-copy span i {
    color:#7599ff
}
.live-action {
    white-space:nowrap
}
.home-hero {
    padding-top:18px
}
.quick-links {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin:35px auto 10px
}
.quick-links a {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    color:#798327;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em
}
.quick-links i {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:23px 13px 23px 13px;
    border:1px solid rgba(228,255,2,.9);
    background:rgba(2,14,35,.56);
    font-size:20px;
    color:#9eb5ff;
    box-shadow:0 0 18px rgba(23,111,255,.12);
    transition:.22s
}
.quick-links a:hover i {
    transform:translateY(-4px);
    background:rgba(0,8,22,.78);
    color:#fff;
    box-shadow:0 0 28px rgba(23,111,255,.28)
}
.server-carousel {
    position:relative;
    min-height:680px
}
.server-stage {
    position:relative;
    max-width:1080px;
    margin:auto;
    min-height:640px;
    transition:min-height .25s ease
}
.home-server-slide {
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:none;
    transform:translateX(42px) scale(.96);
    transition:opacity .48s ease,transform .48s ease
}
.home-server-slide.active {
    opacity:1;
    pointer-events:auto;
    transform:none
}
.home-server-body {
    padding:0;
    overflow:hidden
}
.home-server-media {
    height:330px;
    background:#06122a center/cover no-repeat;
    position:relative;
    border-radius:34px 19px 0 0
}
.home-server-media:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 45%,rgba(1,8,19,.9))
}
.server-wipe-age {
    position:absolute;
    left:18px;
    bottom:16px;
    z-index:2;
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    border:1px solid rgba(75,126,255,.58);
    border-radius:999px;
    background:rgba(0,7,19,.78);
    color:#b8c8ff;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase
}
.server-wipe-age i {
    font-size:12px;
    color:#6e91ff
}
.home-server-summary {
    display:grid;
    grid-template-columns:minmax(0,1fr) 250px;
    gap:24px;
    padding:21px 24px;
    border-bottom:1px solid rgba(53,101,222,.22)
}
.home-server-copy h2 {
    font-family:Rajdhani;
    font-size:2rem;
    margin:0 0 6px
}
.home-server-copy p {
    margin:7px 0;
    color:#a9b9cf
}
.home-server-live {
    display:flex;
    align-items:center;
    gap:12px
}
.home-server-live strong {
    font-size:14px
}
.server-address {
    font-size:14px
}
.server-address i {
    color:#7699ff;
    margin-right:8px
}
.next-wipe {
    align-self:center;
    padding:15px;
    border-left:2px solid var(--accent);
    background:rgba(3,18,45,.38);
    display:grid;
    grid-template-columns:auto 1fr;
    gap:3px 10px
}
.next-wipe i {
    grid-row:1/3;
    color:#84a3ff
}
.next-wipe span {
    font-size:13px;
    color:#91a5c2;
    text-transform:uppercase;
    letter-spacing:.09em
}
.next-wipe strong {
    font-size:14px
}
.home-server-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:16px 24px
}
.players-active {
    display:flex;
    align-items:center;
    gap:8px
}
.players-active i {
    color:#6e94ff
}
.players-active span {
    color:#8fa3c0;
    font-size:14px
}
.server-actions {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px
}
.server-actions .button {
    min-height:38px;
    padding:0 12px;
    font-size:13px
}
.server-carousel-dots {
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:17px
}
.server-carousel-dots button {
    width:10px;
    height:10px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#12264c;
    cursor:pointer;
    transition:.2s
}
.server-carousel-dots button.active {
    width:28px;
    border-radius:99px;
    background:var(--accent);
    box-shadow:0 0 18px rgba(23,111,255,.35)
}
.home-metrics {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:55px 0 15px
}
.home-metric {
    display:flex;
    align-items:center;
    gap:18px;
    min-height:135px;
    padding:22px;
    border-top:2px solid var(--accent);
    background:linear-gradient(180deg,rgba(2,10,24,.27),rgba(1,7,17,.39));
    transition:.22s
}
.home-metric:hover {
    background:linear-gradient(145deg,rgba(2,14,34,.72),rgba(0,5,14,.81));
    box-shadow:inset 0 0 30px rgba(23,111,255,.08)
}
.metric-icon {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:1px solid rgba(69,121,255,.52);
    border-radius:22px 12px 22px 12px;
    background:rgba(4,22,56,.75);
    color:#98b2ff;
    font-size:22px;
    box-shadow:0 0 20px rgba(23,111,255,.16)
}
.home-metric strong {
    display:block;
    font-family:Rajdhani;
    font-size:2.4rem;
    line-height:.95
}
.home-metric b {
    display:block;
    color:#86a5ff;
    margin-top:7px;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:.11em
}
.home-metric span {
    display:block;
    color:#889cb7;
    font-size:13px;
    margin-top:5px
}
.community-panels {
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
    gap:20px
}
.panel-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px
}
.panel-heading h2 {
    font-family:Rajdhani;
    font-size:2.4rem;
    margin:4px 0
}
.panel-heading p {
    margin:0;
    color:#91a4c0
}
.discord-panel iframe {
    border-radius:23px 13px 23px 13px;
    background:#061126
}
.discord-fallback {
    height:380px;
    border-radius:23px 13px 23px 13px;
    background:#061126 center/cover no-repeat;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:11px;
    text-shadow:0 2px 16px #000
}
.discord-fallback i {
    font-size:4rem;
    color:#91aaff
}
.discord-fallback strong {
    font-size:1.5rem
}
.discord-fallback span {
    color:#a7b7ce
}
.staff-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px
}
.staff-card {
    text-decoration:none;
    color:#fff;
    text-align:center
}
.staff-avatar {
    width:110px;
    height:110px;
    margin:0 auto 13px;
    border-radius:37px 20px 37px 20px;
    border:1px solid rgba(73,124,255,.56);
    background:rgba(4,22,55,.72);
    display:grid;
    place-items:center;
    overflow:hidden;
    box-shadow:0 0 22px rgba(23,111,255,.15)
}
.staff-avatar img {
    width:100%;
    height:100%;
    object-fit:cover
}
.staff-avatar i {
    font-size:2.2rem;
    color:#9db4ff
}
.staff-card h3 {
    margin:0 0 9px
}
.staff-card p {
    font-size:14px;
    color:#8fa2bd
}
.earn-panel {
    margin:48px 0
}
.earn-body {
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:30px;
    align-items:center;
    padding:40px
}
.earn-body h2 {
    font-family:Rajdhani;
    font-size:3.8rem;
    margin:4px 0
}
.earn-body p {
    max-width:690px;
    color:#a9b8cc;
    line-height:1.75
}
.earn-art {
    height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    color:#8faaff;
    filter:drop-shadow(0 0 22px rgba(23,111,255,.25))
}
.earn-art i {
    font-size:8rem
}
.earn-art span {
    font-family:Rajdhani;
    font-size:6rem;
    font-weight:900
}
.info-rows {
    display:grid;
    gap:28px
}
.info-row {
    display:grid;
    grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
    gap:46px;
    align-items:center;
    padding:30px 0;
    border-top:1px solid rgba(54,103,226,.22)
}
.info-row.reverse {
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)
}
.info-row.reverse .info-art {
    order:2
}
.info-row h2 {
    font-family:Rajdhani;
    font-size:3rem;
    margin:6px 0
}
.info-row p {
    color:#a6b6cb;
    line-height:1.75
}
.info-art {
    height:300px;
    border:1px solid rgba(65,117,255,.34);
    border-radius:42px 22px 42px 22px;
    background:rgba(3,18,45,.42);
    display:grid;
    place-items:center;
    box-shadow:inset 0 0 35px rgba(23,111,255,.08)
}
.info-art i {
    font-size:7rem;
    color:#8daaff;
    filter:drop-shadow(0 0 25px rgba(23,111,255,.28))
}
.info-art.image {
    background-position:center;
    background-size:cover
}
.footer-social {
    display:flex;
    gap:8px;
    margin-top:18px
}
.footer-social a {
    width:42px;
    height:42px;
    display:grid!important;
    place-items:center;
    border:1px solid rgba(65,117,255,.36);
    border-radius:16px 9px 16px 9px;
    background:rgba(4,22,55,.65);
    color:#9db5ff!important;
    margin:0!important
}
.footer-social a:hover {
    box-shadow:0 0 22px rgba(23,111,255,.2)
}
@media(max-width:1100px) {
    .home-metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .community-panels {
        grid-template-columns:1fr
    }
    .server-carousel {
        min-height:630px
    }
    .home-server-summary {
        grid-template-columns:1fr
    }
    .next-wipe {
        max-width:320px
    }
    .earn-body {
        grid-template-columns:1fr
    }
    .earn-art {
        height:150px
    }
    .info-row,.info-row.reverse {
        grid-template-columns:1fr
    }
    .info-row.reverse .info-art {
        order:0
    }
    .nav-dropdown {
        left:auto;
        right:0
    }
}
@media(max-width:900px) {
    .nav-group {
        width:100%
    }
    .nav-group summary {
        justify-content:space-between
    }
    .nav-dropdown {
        position:static;
        min-width:0;
        margin-top:6px;
        box-shadow:none
    }
    .server-stage {
        min-height:650px
    }
    .home-server-media {
        height:270px
    }
    .home-server-footer {
        align-items:flex-start;
        flex-direction:column
    }
    .server-actions {
        justify-content:flex-start
    }
    .live-action {
        display:none
    }
}
@media(max-width:650px) {
    .home-metrics {
        grid-template-columns:1fr
    }
    .home-server-media {
        height:215px
    }
    .server-stage {
        min-height:720px
    }
    .home-server-summary,.home-server-footer {
        padding:16px
    }
    .server-actions .button {
        flex:1
    }
    .staff-grid {
        grid-template-columns:1fr
    }
    .earn-body {
        padding:25px
    }
    .earn-body h2 {
        font-size:3rem
    }
    .earn-art i {
        font-size:5rem
    }
    .earn-art span {
        font-size:4rem
    }
    .info-art {
        height:220px
    }
    .live-copy span {
        font-size:13px
    }
    .quick-links {
        gap:10px
    }
    .quick-links i {
        width:50px;
        height:50px
    }
}
.results-meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:12px 2px 16px;
    color:#94a8c5;
    font-size:14px;
    font-weight:750
}
.pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-wrap:wrap;
    margin:28px 0 0
}
.page-link {
    min-width:42px;
    height:42px;
    padding:0 12px;
    display:grid;
    place-items:center;
    border:1px solid rgba(70,121,255,.40);
    border-radius:15px 9px 15px 9px;
    background:rgba(2,13,32,.62);
    color:#c9d6ec;
    text-decoration:none;
    font-weight:900;
    transition:.2s
}
.page-link:hover,.page-link.active {
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,#061c49),var(--accent),var(--accent-2));
    border-color:rgba(105,144,255,.72);
    color:#fff;
    box-shadow:0 0 23px color-mix(in srgb,var(--accent) 24%,transparent);
    transform:translateY(-2px)
}
.page-link.disabled {
    opacity:.35;
    pointer-events:none
}
.page-gap {
    color:#8093ae;
    font-weight:900
}
.product-image {
    width:100%;
    height:180px;
    display:block;
    object-fit:cover;
    border-radius:30px 16px 30px 16px;
    border:1px solid rgba(73,124,255,.30);
    background:#061329
}
.card-grid.three {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.store-server-tabs {
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin:24px 0
}
.store-server-tabs a {
    padding:10px 14px;
    border:1px solid rgba(70,121,255,.36);
    border-radius:999px;
    background:rgba(3,17,43,.52);
    color:#b9c9e2;
    text-decoration:none;
    font-size:14px;
    font-weight:900
}
.store-server-tabs a.active,.store-server-tabs a:hover {
    background:rgba(23,111,255,.18);
    border-color:rgba(89,137,255,.70);
    color:#fff;
    box-shadow:0 0 20px rgba(23,111,255,.15)
}
.store-layout-new {
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:18px;
    align-items:start
}
.store-product-grid {
    grid-template-columns:repeat(auto-fit,minmax(340px,410px));
    gap:14px;
    justify-content:start;
    align-items:stretch
}
.store-product {
    width:100%;
    max-width:410px;
    height:100%
}
.store-product--kit .badge-row {
    gap:5px;
    margin:8px 0
}
.store-product--kit .badge {
    padding:5px 7px;
    font-size:11px
}
.store-product--kit .store-price {
    font-size:1.45rem
}
.cart-card .card-body {
    padding:18px
}
.store-product .card-body {
    display:flex;
    flex-direction:column;
    padding:18px
}
.store-product .card-copy {
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.store-price {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.7rem;
    color:#fff;
    font-weight:900;
    text-shadow:0 0 16px rgba(23,111,255,.20)
}
.store-price.large {
    font-size:2.35rem;
    margin:6px 0 14px
}
.store-card-actions {
    display:flex;
    gap:7px
}
.store-card-actions .button {
    min-height:34px;
    padding:0 9px;
    font-size:12px
}
.cart-card {
    position:sticky;
    top:115px
}
.cart-card h2 {
    font-family:Rajdhani;
    font-size:2rem;
    margin:4px 0
}
.cart-items-new {
    display:grid;
    gap:9px;
    margin:18px 0
}
.cart-item-new {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px;
    border:1px solid rgba(53,101,222,.25);
    border-radius:17px 10px 17px 10px;
    background:rgba(1,8,19,.40)
}
.cart-item-new b {
    display:block;
    font-size:14px
}
.cart-item-new span {
    display:block;
    color:#8498b5;
    font-size:13px;
    margin-top:4px
}
.cart-item-side {
    display:flex;
    align-items:center;
    gap:9px
}
.cart-item-side strong {
    font-size:14px
}
.cart-item-side button {
    width:30px;
    height:30px;
    border:1px solid rgba(72,121,255,.35);
    border-radius:10px;
    background:rgba(6,23,52,.72);
    color:#c8d6ee;
    cursor:pointer
}
.cart-total-new {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 0;
    border-top:1px solid rgba(54,103,226,.24);
    border-bottom:1px solid rgba(54,103,226,.24);
    margin-bottom:16px
}
.cart-total-new span {
    color:#8ea2bf;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:.1em
}
.checkout-field {
    display:grid;
    gap:6px;
    margin:12px 0
}
.checkout-field span {
    font-size:13px;
    color:#90a4c0;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:850
}
.cart-actions {
    display:flex;
    gap:8px;
    margin-top:16px
}
.cart-actions .button {
    flex:1
}
.notice {
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px 17px;
    margin:18px 0;
    border:1px solid rgba(72,121,255,.35);
    border-radius:20px 11px 20px 11px;
    background:rgba(3,17,42,.58);
    color:#c7d4e9
}
.notice.success {
    border-color:rgba(75,205,132,.40);
    background:rgba(10,54,36,.48)
}
.notice i {
    font-size:1.25rem;
    color:#8eabff
}
.notice.success i {
    color:#7de5a9
}
.notice b,.notice span {
    display:block
}
.notice span {
    font-size:14px;
    color:#9db0ca;
    margin-top:3px
}
.notice.compact {
    padding:11px 12px;
    font-size:14px
}
.product-modal {
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,4,12,.78);
    backdrop-filter:blur(7px);
    z-index:200
}
.product-modal.open {
    display:flex
}
.product-modal-card {
    width:min(980px,100%);
    max-height:92vh
}
.product-modal-card>.card-body {
    padding:25px;
    overflow:auto;
    max-height:calc(92vh - 2px)
}
.product-modal-grid {
    display:grid;
    grid-template-columns:330px minmax(0,1fr);
    gap:25px;
    align-items:start
}
.product-modal-image {
    width:100%;
    height:330px;
    object-fit:contain;
    border:1px solid rgba(73,124,255,.36);
    border-radius:34px 18px 34px 18px;
    background:rgba(2,12,30,.72)
}
.product-modal h2 {
    font-family:Rajdhani;
    font-size:2.8rem;
    margin:4px 0
}
.product-description {
    color:#b0bfd3;
    line-height:1.7;
    overflow-wrap:anywhere
}
.product-description img {
    max-width:100%;
    height:auto
}
.modal-close {
    position:absolute;
    right:17px;
    top:17px;
    width:42px;
    height:42px;
    border:1px solid rgba(76,126,255,.45);
    border-radius:15px;
    background:rgba(1,8,19,.88);
    color:#fff;
    cursor:pointer;
    z-index:5
}
.modal-buy-row {
    display:flex;
    align-items:end;
    gap:12px;
    margin-top:20px
}
.modal-buy-row label {
    display:grid;
    gap:6px;
    color:#94a7c2;
    font-size:13px;
    text-transform:uppercase;
    font-weight:850
}
.modal-buy-row input {
    width:105px
}
.purchase-list-new {
    display:grid;
    gap:15px
}
.purchase-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px
}
.purchase-head h3 {
    font-size:1.2rem;
    margin:9px 0 3px
}
.purchase-items {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:14px
}
.purchase-items span {
    padding:8px 10px;
    border:1px solid rgba(55,105,236,.26);
    border-radius:13px 8px 13px 8px;
    background:rgba(1,8,19,.34);
    color:#9fb0c8;
    font-size:14px
}
.shop-preview-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px
}
.shop-preview-card .card-body {
    display:flex;
    flex-direction:column
}
.shop-item-image {
    height:125px;
    margin:12px 0;
    display:grid;
    place-items:center;
    border:1px solid rgba(55,105,236,.25);
    border-radius:24px 13px 24px 13px;
    background:rgba(1,8,19,.40);
    overflow:hidden
}
.shop-item-image img {
    width:110px;
    height:110px;
    object-fit:contain
}
.shop-item-image i {
    font-size:2.4rem;
    color:#8fa9ff
}
.shop-preview-card h3 {
    font-size:1rem;
    margin:0
}
.shop-cost {
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin:14px 0;
    padding-top:12px;
    border-top:1px solid rgba(55,105,236,.20)
}
.shop-cost strong {
    font-family:Rajdhani;
    font-size:1.8rem
}
.shop-cost span {
    font-size:13px;
    color:#8ea2bf
}
.shop-buy {
    display:grid;
    grid-template-columns:72px 1fr;
    gap:8px;
    margin-top:auto
}
.shop-buy .form-control {
    text-align:center;
    padding:0 7px
}
.toast {
    position:fixed;
    right:20px;
    bottom:20px;
    max-width:420px;
    padding:15px 18px;
    border-radius:18px 10px 18px 10px;
    background:#071322;
    border:1px solid rgba(70,121,255,.52);
    color:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.46);
    z-index:250
}
.toast.error {
    border-color:rgba(255,91,91,.56)
}
@media(max-width:1180px) {
    .store-layout-new {
        grid-template-columns:1fr
    }
    .cart-card {
        position:relative;
        top:auto
    }
    .shop-preview-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}
@media(max-width:900px) {
    .card-grid.three {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .shop-preview-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .product-modal-grid {
        grid-template-columns:1fr
    }
    .product-modal-image {
        height:240px
    }
    .results-meta {
        align-items:flex-start;
        flex-direction:column
    }
}
@media(max-width:650px) {
    .card-grid.three,.shop-preview-grid {
        grid-template-columns:1fr
    }
    .store-product-grid {
        grid-template-columns:1fr
    }
    .store-product {
        max-width:none
    }
    .store-card-actions {
        width:100%
    }
    .store-card-actions .button {
        flex:1
    }
    .cart-actions,.modal-buy-row {
        align-items:stretch;
        flex-direction:column
    }
    .modal-buy-row input {
        width:100%
    }
    .purchase-head {
        flex-direction:column
    }
    .product-modal {
        padding:8px
    }
    .product-modal-card>.card-body {
        padding:18px
    }
    .pagination {
        gap:5px
    }
    .page-link {
        min-width:38px;
        height:38px;
        padding:0 10px
    }
}
.server-summary-grid {
    margin-bottom:38px
}
.server-directory-grid {
    align-items:stretch
}
.server-card-detailed {
    min-height:100%
}
.server-card-detailed .card-body {
    padding:0;
    display:flex;
    flex-direction:column
}
.server-card-media {
    position:relative;
    height:205px;
    border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px) 12px 12px;
    background:#061126 center/cover no-repeat;
    overflow:hidden
}
.server-card-media:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(1,7,17,.04) 0%,rgba(1,7,17,.16) 48%,rgba(1,7,17,.92) 100%)
}
.server-card-media:after {
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 54%);
    pointer-events:none
}
.server-card-media-top {
    position:absolute;
    z-index:2;
    left:14px;
    right:14px;
    top:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px
}
.server-card-media-top .status,.server-player-pill {
    min-height:34px;
    padding:0 12px;
    border:1px solid rgba(83,131,255,.43);
    border-radius:999px;
    background:rgba(1,8,20,.82);
    backdrop-filter:blur(8px);
    box-shadow:0 8px 24px rgba(0,0,0,.26)
}
.server-player-pill {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#dbe5ff;
    font-size:13px;
    font-weight:900
}
.server-player-pill i {
    color:#93aaff;
    filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 55%,transparent))
}
.server-wipe-age {
    position:absolute;
    z-index:2;
    left:14px;
    bottom:13px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    max-width:calc(100% - 28px);
    min-height:36px;
    padding:0 12px;
    border-radius:14px 8px 14px 8px;
    border:1px solid rgba(71,121,255,.48);
    background:rgba(2,11,29,.86);
    color:#b9c8ff;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.035em;
    box-shadow:0 0 20px color-mix(in srgb,var(--accent) 12%,transparent);
    backdrop-filter:blur(9px)
}
.server-wipe-age i {
    color:#7e9eff
}
.server-card-content {
    display:flex;
    flex:1;
    flex-direction:column;
    padding:21px
}
.server-card-content .card-title {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.55rem;
    line-height:1.1;
    margin:0 0 8px
}
.server-address {
    display:flex;
    align-items:center;
    gap:8px;
    color:#a8b8d0;
    font-size:14px;
    font-weight:750;
    overflow-wrap:anywhere
}
.server-address i {
    color:#73a2ff;
    filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent))
}
.server-card-content .card-copy {
    min-height:70px;
    margin:16px 0 15px
}
.server-next-wipe {
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr);
    align-items:center;
    gap:8px;
    padding:12px 13px;
    margin:auto 0 15px;
    border:1px solid rgba(55,105,236,.25);
    border-radius:16px 9px 16px 9px;
    background:rgba(3,16,40,.48);
    font-size:14px
}
.server-next-wipe i {
    color:#82a2ff
}
.server-next-wipe span {
    color:#8497b4;
    font-weight:800
}
.server-next-wipe strong {
    text-align:right;
    color:#edf2ff;
    overflow-wrap:anywhere
}
.server-actions {
    display:grid;
    gap:8px
}
.server-actions .button {
    width:100%;
    min-width:0;
    padding:0 10px;
    font-size:13px;
    white-space:nowrap
}
.server-actions-primary {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.server-actions-secondary {
    grid-template-columns:1fr 1fr;
    margin-top:8px
}
.server-card-detailed:hover .server-card-media:after {
    background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 58%)
}
.server-card-detailed:hover .server-wipe-age {
    border-color:rgba(87,137,255,.72);
    background:rgba(0,7,20,.91);
    box-shadow:0 0 24px color-mix(in srgb,var(--accent) 18%,transparent)
}
.live-map-toolbar {
    margin:26px 0 18px
}
.live-map-toolbar-body {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    padding:16px 18px
}
.live-map-server-form {
    display:grid;
    grid-template-columns:auto minmax(260px,440px);
    align-items:center;
    gap:12px;
    flex:1
}
.live-map-server-form label {
    font-size:13px;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#9eb3ff
}
.live-map-server-form .form-control {
    min-height:48px
}
.live-map-view-buttons {
    display:flex;
    gap:8px
}
.live-map-layout {
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    gap:18px;
    align-items:start
}
.live-map-side-card {
    position:sticky;
    top:110px
}
.live-map-side-card .card-body {
    padding:18px
}
.live-map-server-image {
    height:145px;
    margin:-18px -18px 16px;
    border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px) 10px 10px;
    background:#061126 center/cover no-repeat;
    position:relative;
    overflow:hidden
}
.live-map-server-image:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent,rgba(1,7,17,.88))
}
.live-map-status-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
.live-map-side-card h2 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.65rem;
    line-height:1.1;
    margin:15px 0 8px
}
.live-map-info-grid {
    display:grid;
    gap:9px;
    margin:16px 0
}
.live-map-info-grid .stat b {
    font-size:.94rem;
    line-height:1.35
}
.live-map-side-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:17px
}
.live-map-side-actions .button:first-child {
    grid-column:1 / -1
}
.live-map-frame-card {
    min-height:760px
}
.live-map-frame-body {
    padding:0;
    overflow:hidden;
    min-height:760px
}
.live-map-frame-head {
    min-height:78px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid rgba(54,105,236,.25);
    background:rgba(1,8,20,.58)
}
.live-map-frame-head .eyebrow {
    font-size:13px;
    font-weight:900;
    letter-spacing:.14em;
    color:#7599ff
}
.live-map-frame-head h2 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.55rem;
    margin:3px 0 0
}
.live-map-secure {
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 10px;
    border-radius:999px;
    border:1px solid rgba(65,117,255,.34);
    background:rgba(5,25,62,.54);
    color:#aabfff;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em
}
.live-map-iframe {
    display:block;
    width:100%;
    height:680px;
    border:0;
    background:#07111d
}
.live-map-frame-card:hover {
    transform:none
}
@media(max-width:1050px) {
    .live-map-layout {
        grid-template-columns:1fr
    }
    .live-map-side-card {
        position:relative;
        top:auto
    }
    .live-map-side-card .card-body {
        display:grid;
        grid-template-columns:220px minmax(0,1fr);
        gap:16px
    }
    .live-map-server-image {
        height:100%;
        min-height:210px;
        margin:-18px 0 -18px -18px;
        border-radius:calc(var(--radius-a) - 2px) 10px 10px calc(var(--radius-b) - 2px)
    }
    .live-map-status-row,.live-map-side-card h2,.live-map-side-card .server-address,.live-map-info-grid,.live-map-side-card .card-copy,.live-map-side-actions {
        grid-column:2
    }
    .live-map-status-row {
        grid-row:1
    }
    .live-map-side-card h2 {
        grid-row:2
    }
    .live-map-side-card .server-address {
        grid-row:3
    }
    .live-map-info-grid {
        grid-row:4
    }
    .live-map-side-card .card-copy {
        grid-row:5
    }
    .live-map-side-actions {
        grid-row:6
    }
    .live-map-frame-card,.live-map-frame-body {
        min-height:680px
    }
    .live-map-iframe {
        height:600px
    }
}
@media(max-width:760px) {
    .server-actions-primary {
        grid-template-columns:1fr
    }
    .server-actions-secondary {
        grid-template-columns:1fr
    }
    .server-card-content .card-copy {
        min-height:0
    }
    .live-map-toolbar-body {
        align-items:stretch;
        flex-direction:column
    }
    .live-map-server-form {
        width:100%;
        grid-template-columns:1fr
    }
    .live-map-view-buttons {
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .live-map-view-buttons .button {
        width:100%
    }
    .live-map-side-card .card-body {
        display:block
    }
    .live-map-server-image {
        height:180px;
        min-height:0;
        margin:-18px -18px 16px;
        border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px) 10px 10px
    }
    .live-map-frame-head {
        align-items:flex-start;
        flex-direction:column
    }
    .live-map-secure {
        align-self:flex-start
    }
    .live-map-frame-card,.live-map-frame-body {
        min-height:590px
    }
    .live-map-iframe {
        height:500px
    }
}
@media (hover:hover) and (pointer:fine) and (min-width:981px) {
    .nav-group {
        padding-bottom:12px;
        margin-bottom:-12px
    }
    .nav-group .nav-dropdown {
        top:calc(100% - 2px)
    }
}
.kit-filter {
    grid-template-columns:220px minmax(260px,1fr) minmax(0,.18fr) auto
}
.kit-directory-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:stretch
}
.kit-preview-card {
    min-height:100%
}
.kit-preview-card .card-body {
    padding:0;
    display:flex;
    flex-direction:column
}
.kit-card-media {
    height:220px;
    position:relative;
    overflow:hidden;
    border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px) 12px 12px;
    background:#061126
}
.kit-card-media>img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .28s ease,filter .28s ease
}
.kit-card-media-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(1,7,17,.02),rgba(1,7,17,.12) 50%,rgba(1,7,17,.92))
}
.kit-card-media-badges {
    position:absolute;
    z-index:2;
    left:13px;
    right:13px;
    bottom:13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap
}
.kit-card-media-badges .badge {
    background:rgba(1,8,20,.84);
    backdrop-filter:blur(8px);
    box-shadow:0 8px 22px rgba(0,0,0,.25)
}
.kit-card-content {
    display:flex;
    flex:1;
    flex-direction:column;
    padding:21px
}
.kit-card-content .card-title {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.55rem;
    line-height:1.08;
    margin:7px 0 8px
}
.kit-card-content .card-copy {
    min-height:68px;
    margin:0 0 14px
}
.kit-card-stats {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:0 0 15px
}
.kit-card-stats>div {
    min-width:0;
    padding:11px;
    border:1px solid rgba(49,98,222,.25);
    border-radius:16px 9px 16px 9px;
    background:rgba(1,8,19,.35)
}
.kit-card-stats span {
    display:block;
    margin-bottom:4px;
    color:#8297b6;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase
}
.kit-card-stats strong {
    display:block;
    color:#edf2ff;
    font-size:14px;
    line-height:1.35;
    overflow-wrap:anywhere
}
.kit-item-preview {
    margin:auto 0 15px;
    padding:12px;
    border:1px solid rgba(52,102,232,.23);
    border-radius:18px 10px 18px 10px;
    background:rgba(1,8,19,.28)
}
.kit-item-preview-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
    color:#aebeff;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.kit-item-preview-head small {
    color:#7186a7;
    font-size:12px
}
.kit-mini-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:6px
}
.kit-mini-item {
    position:relative;
    display:grid;
    place-items:center;
    aspect-ratio:1;
    border:1px solid rgba(61,112,255,.28);
    border-radius:12px 7px 12px 7px;
    background:rgba(2,13,33,.62);
    overflow:hidden
}
.kit-mini-item img {
    position:absolute;
    inset:4px;
    width:calc(100% - 8px);
    height:calc(100% - 8px);
    object-fit:contain;
    z-index:2
}
.kit-item-fallback {
    color:#6f8bd6;
    font-size:15px;
    opacity:.68
}
.kit-mini-item b {
    position:absolute;
    right:3px;
    bottom:2px;
    z-index:3;
    padding:1px 4px;
    border-radius:6px;
    background:rgba(0,5,14,.86);
    color:#fff;
    font-size:12px
}
.kit-no-items {
    grid-column:1/-1;
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#7f93b0;
    font-size:13px;
    text-align:center
}
.kit-card-actions {
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);
    gap:8px
}
.kit-card-actions .button {
    width:100%;
    padding:0 11px;
    font-size:13px;
    white-space:nowrap
}
.kit-preview-card:hover .kit-card-media>img {
    transform:scale(1.035);
    filter:saturate(1.08)
}
.kit-preview-card:hover .kit-card-stats>div,.kit-preview-card:hover .kit-item-preview {
    border-color:rgba(70,122,255,.40);
    background:rgba(0,6,17,.48)
}
.kit-dialog {
    width:min(1120px,calc(100vw - 30px));
    max-height:calc(100vh - 30px);
    padding:0;
    border:0;
    background:transparent;
    color:var(--text);
    overflow:visible
}
.kit-dialog::backdrop {
    background:rgba(0,4,12,.82);
    backdrop-filter:blur(10px)
}
.kit-dialog-card {
    width:100%;
    max-height:calc(100vh - 30px);
    transform:none!important
}
.kit-dialog-card .card-body {
    max-height:calc(100vh - 32px);
    padding:24px;
    overflow:auto;
    background:linear-gradient(180deg,rgba(2,10,24,.93),rgba(0,5,14,.97));
    border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px)
}
.dialog-close {
    position:sticky;
    float:right;
    top:0;
    z-index:10;
    width:42px;
    height:42px;
    border:1px solid rgba(68,119,255,.44);
    border-radius:15px 9px 15px 9px;
    background:rgba(1,8,20,.92);
    color:#fff;
    cursor:pointer
}
.dialog-close:hover {
    border-color:rgba(87,137,255,.80);
    background:rgba(7,31,76,.92);
    box-shadow:0 0 20px rgba(23,111,255,.18)
}
.kit-dialog-head {
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:20px;
    align-items:center;
    padding-right:52px
}
.kit-dialog-head img {
    width:210px;
    height:150px;
    object-fit:cover;
    border:1px solid rgba(71,122,255,.35);
    border-radius:26px 14px 26px 14px;
    background:#061126
}
.kit-dialog-head h2 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2.25rem;
    line-height:1;
    margin:7px 0 9px
}
.kit-dialog-head p {
    margin:0;
    color:#aab8cd;
    line-height:1.65
}
.kit-dialog-summary {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin:22px 0
}
.kit-dialog-summary>div {
    padding:13px;
    border:1px solid rgba(51,102,231,.27);
    border-radius:17px 9px 17px 9px;
    background:rgba(1,8,19,.38)
}
.kit-dialog-summary span {
    display:block;
    color:#8095b5;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase
}
.kit-dialog-summary strong {
    display:block;
    margin-top:5px;
    color:#f2f5ff;
    overflow-wrap:anywhere
}
.kit-dialog-title-row {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:15px;
    padding:0 0 11px;
    border-bottom:1px solid rgba(55,106,238,.25)
}
.kit-dialog-title-row h3 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.55rem;
    margin:0
}
.kit-dialog-title-row span {
    color:#8da1bf;
    font-size:13px;
    font-weight:800
}
.kit-dialog-items {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    margin:14px 0 20px
}
.kit-dialog-item {
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:11px;
    align-items:center;
    min-width:0;
    padding:10px;
    border:1px solid rgba(50,100,228,.25);
    border-radius:18px 10px 18px 10px;
    background:rgba(1,8,19,.36)
}
.kit-item-art {
    position:relative;
    width:76px;
    height:70px;
    display:grid;
    place-items:center;
    border:1px solid rgba(58,109,246,.26);
    border-radius:15px 8px 15px 8px;
    background:rgba(2,13,33,.66);
    overflow:hidden
}
.kit-item-art img {
    position:absolute;
    inset:5px;
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    object-fit:contain;
    z-index:2
}
.kit-item-art b {
    position:absolute;
    right:4px;
    bottom:3px;
    z-index:3;
    padding:2px 5px;
    border-radius:7px;
    background:rgba(0,5,14,.88);
    font-size:12px
}
.kit-dialog-item-copy {
    min-width:0
}
.kit-dialog-item-copy strong,.kit-dialog-item-copy span,.kit-dialog-item-copy small {
    display:block;
    overflow-wrap:anywhere
}
.kit-dialog-item-copy strong {
    color:#f2f5ff;
    font-size:14px
}
.kit-dialog-item-copy span {
    margin-top:4px;
    color:#8fa4c2;
    font-size:13px
}
.kit-dialog-item-copy small {
    margin-top:5px;
    color:#6f84a4;
    font-size:12px
}
.kit-dialog-footer {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    padding-top:15px;
    border-top:1px solid rgba(55,106,238,.25)
}
.empty-state.compact {
    min-height:180px;
    grid-column:1/-1
}
body.dialog-open {
    overflow:hidden
}
@media(max-width:1050px) {
    .kit-directory-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .kit-dialog-items {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:760px) {
    .kit-filter {
        grid-template-columns:1fr
    }
    .kit-directory-grid {
        grid-template-columns:1fr
    }
    .kit-card-media {
        height:210px
    }
    .kit-card-content .card-copy {
        min-height:0
    }
    .kit-dialog {
        width:calc(100vw - 18px);
        max-height:calc(100vh - 18px)
    }
    .kit-dialog-card .card-body {
        max-height:calc(100vh - 20px);
        padding:18px
    }
    .kit-dialog-head {
        grid-template-columns:1fr;
        padding-right:0
    }
    .kit-dialog-head img {
        width:100%;
        height:200px
    }
    .kit-dialog-summary {
        grid-template-columns:1fr 1fr
    }
    .kit-dialog-items {
        grid-template-columns:1fr
    }
    .kit-dialog-footer {
        align-items:stretch;
        flex-direction:column
    }
    .kit-dialog-footer .button {
        width:100%
    }
}
@media(max-width:420px) {
    .kit-card-stats,.kit-dialog-summary {
        grid-template-columns:1fr
    }
    .kit-mini-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .kit-card-actions {
        grid-template-columns:1fr
    }
}
.kit-shop-preview-grid {
    align-items:stretch
}
.kit-shop-card {
    min-height:100%
}
.kit-shop-card .card-body {
    display:flex;
    flex-direction:column
}
.kit-shop-server {
    align-self:flex-start;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.kit-shop-image {
    position:relative
}
.kit-shop-image>* {
    grid-area:1/1
}
.kit-shop-image>i {
    z-index:0
}
.kit-shop-image>img {
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover
}
.kit-shop-card h3 {
    min-height:2.35em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:1.18
}
.kit-shop-card .card-subtitle {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.kit-shop-meta strong {
    font-size:1.35rem;
    line-height:1.05;
    overflow-wrap:anywhere
}
.kit-shop-actions .button {
    min-width:0;
    padding:0 10px;
    font-size:13px;
    white-space:nowrap
}
.kit-shop-actions .button:first-child {
    padding:0
}
@media(max-width:650px) {
    .kit-shop-card h3 {
        min-height:0
    }
}
.kit-shop-card-rich .card-body {
    padding:14px;
    gap:0
}
.kit-shop-badges {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    min-width:0
}
.kit-shop-badges .badge {
    margin:0;
    min-width:0
}
.kit-shop-category {
    flex:0 0 auto;
    text-transform:lowercase
}
.kit-shop-card-rich .shop-item-image {
    height:132px;
    margin:10px 0 11px
}
.kit-shop-card-rich h3 {
    min-height:0;
    margin:0 0 5px;
    font-size:1rem;
    line-height:1.15
}
.kit-shop-description {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:34px;
    margin:0 0 10px;
    color:#9fb0c8;
    font-size:13px;
    line-height:1.5
}
.kit-shop-info-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin:0 0 9px
}
.kit-shop-info-grid>div {
    min-width:0;
    padding:7px 8px;
    border:1px solid rgba(55,105,236,.24);
    border-radius:11px 7px 11px 7px;
    background:rgba(1,8,19,.38)
}
.kit-shop-info-grid span {
    display:block;
    color:#7f93b3;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}
.kit-shop-info-grid strong {
    display:block;
    margin-top:3px;
    color:#eef3ff;
    font-size:13px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.kit-shop-info-grid strong.for-sale {
    color:#dfe8ff
}
.kit-shop-rating {
    margin:0 0 9px;
    padding:7px 8px;
    border:1px solid rgba(55,105,236,.22);
    border-radius:11px 7px 11px 7px;
    background:rgba(1,8,19,.30)
}
.pbg-rating {
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
    color:#9cafca;
    font-size:12px
}
.pbg-rating-label {
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em
}
.pbg-rating-stars {
    display:inline-flex;
    gap:1px
}
.pbg-rating-stars button {
    width:18px;
    height:18px;
    padding:0;
    border:0;
    background:transparent;
    color:#f5a742;
    cursor:pointer;
    font-size:13px
}
.pbg-rating-stars button:disabled {
    cursor:not-allowed;
    opacity:.62
}
.pbg-rating-summary {
    color:#cbd6e8;
    font-weight:800
}
.pbg-rating-login {
    width:100%;
    color:#ffad64;
    text-decoration:none;
    font-weight:850
}
.pbg-rating-status {
    color:#6fe0a5;
    font-weight:850
}
.kit-shop-item-preview {
    margin:auto 0 9px;
    padding:8px;
    border:1px solid rgba(55,105,236,.22);
    border-radius:12px 7px 12px 7px;
    background:rgba(1,8,19,.28)
}
.kit-shop-item-preview .kit-item-preview-head {
    margin-bottom:6px;
    font-size:12px
}
.kit-shop-item-preview .kit-item-preview-head small {
    font-size:12px
}
.kit-shop-item-preview .kit-mini-grid {
    gap:4px
}
.kit-shop-item-preview .kit-mini-item {
    border-radius:8px 5px 8px 5px
}
.kit-shop-item-preview .kit-mini-item b {
    font-size:12px
}
.kit-shop-item-preview .kit-no-items {
    min-height:34px;
    font-size:12px
}
.kit-shop-permission {
    min-height:30px;
    margin:0 0 9px;
    color:#ffbd7d;
    font-size:12px;
    font-weight:800;
    line-height:1.45
}
.kit-shop-actions-rich {
    grid-template-columns:1fr 1.35fr;
    margin-top:0
}
.kit-shop-actions-rich .button {
    min-height:40px;
    padding:0 8px;
    font-size:13px
}
.kit-not-for-sale {
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px 8px 14px 8px;
    background:rgba(1,8,19,.52);
    color:#8295b2;
    font-size:12px;
    font-weight:850;
    text-align:center
}
.kit-dialog-summary-rich {
    grid-template-columns:repeat(5,minmax(0,1fr))
}
@media(max-width:1050px) {
    .kit-dialog-summary-rich {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
@media(max-width:760px) {
    .kit-shop-description {
        min-height:0
    }
    .kit-dialog-summary-rich {
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:420px) {
    .kit-shop-actions-rich {
        grid-template-columns:1fr
    }
    .kit-dialog-summary-rich {
        grid-template-columns:1fr
    }
}
.store-modal-kit-contents {
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid rgba(55,106,238,.25)
}
.store-modal-kit-contents[hidden] {
    display:none!important
}
.store-modal-kit-contents .kit-dialog-items {
    margin-bottom:4px
}
.checkout-review-card {
    width:min(1120px,100%);
    max-height:94vh
}
.checkout-review-card>.card-body {
    max-height:calc(94vh - 2px);
    padding:27px;
    overflow:auto
}
.checkout-review-heading {
    padding-right:54px;
    margin-bottom:22px
}
.checkout-review-heading h2 {
    margin:5px 0 7px;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2.65rem;
    line-height:1
}
.checkout-review-heading p {
    max-width:760px;
    margin:0;
    color:#98abc5;
    line-height:1.55
}
.checkout-review-layout {
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);
    gap:20px;
    align-items:start
}
.checkout-review-section-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:11px
}
.checkout-review-section-title h3,.checkout-review-summary h3 {
    margin:0;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.55rem
}
.checkout-review-section-title span {
    padding:6px 9px;
    border:1px solid rgba(65,117,250,.28);
    border-radius:999px;
    background:rgba(21,94,225,.09);
    color:#b9caff;
    font-size:13px;
    font-weight:900
}
.checkout-review-items {
    display:grid;
    gap:10px
}
.checkout-review-item {
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    gap:14px;
    padding:12px;
    border:1px solid rgba(58,109,239,.27);
    border-radius:21px 12px 21px 12px;
    background:rgba(1,8,19,.42)
}
.checkout-review-item>img {
    width:104px;
    height:104px;
    object-fit:contain;
    border:1px solid rgba(61,113,244,.25);
    border-radius:17px 10px 17px 10px;
    background:rgba(4,17,41,.76)
}
.checkout-review-item-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px
}
.checkout-review-item-head>div strong,.checkout-review-item-head>div span {
    display:block
}
.checkout-review-item-head>div strong {
    color:#f4f7ff;
    font-size:14px
}
.checkout-review-item-head>div span {
    margin-top:3px;
    color:#8296b4;
    font-size:13px
}
.checkout-review-item-head>strong {
    color:#fff;
    font-size:14px;
    white-space:nowrap
}
.checkout-review-item-meta {
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin:9px 0
}
.checkout-review-item-meta span {
    display:inline-flex;
    gap:5px;
    padding:5px 7px;
    border:1px solid rgba(58,109,239,.2);
    border-radius:9px;
    background:rgba(9,30,65,.5);
    color:#b6c4d8;
    font-size:12px
}
.checkout-review-item-meta b {
    color:#758baa;
    text-transform:uppercase
}
.checkout-review-perks {
    padding-top:8px;
    border-top:1px solid rgba(57,106,230,.19);
    color:#8fa3bf;
    font-size:13px
}
.checkout-review-perks>b {
    display:block;
    margin-bottom:5px;
    color:#b7c8df;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase
}
.checkout-review-perks ul {
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    margin:0;
    padding:0;
    list-style:none
}
.checkout-review-perks li {
    padding:4px 7px;
    border-radius:999px;
    background:rgba(23,111,255,.1);
    color:#b9d1ff
}
.checkout-customer-card {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:13px
}
.checkout-customer-card>div {
    padding:13px;
    border:1px solid rgba(58,109,239,.24);
    border-radius:18px 10px 18px 10px;
    background:rgba(1,8,19,.38)
}
.checkout-customer-card span,.checkout-customer-card strong,.checkout-customer-card small {
    display:block;
    overflow-wrap:anywhere
}
.checkout-customer-card span {
    color:#7f94b2;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase
}
.checkout-customer-card strong {
    margin-top:5px;
    color:#f3f7ff;
    font-size:14px
}
.checkout-customer-card small {
    margin-top:4px;
    color:#879bb8;
    font-size:12px
}
.checkout-review-summary {
    position:sticky;
    top:0;
    padding:18px;
    border:1px solid rgba(63,115,247,.3);
    border-radius:23px 13px 23px 13px;
    background:linear-gradient(180deg,rgba(5,22,52,.83),rgba(1,8,20,.88))
}
.checkout-coupon-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px
}
.checkout-coupon-row .button {
    min-height:43px;
    padding:0 13px
}
.checkout-coupon-status {
    padding:9px 10px;
    border:1px solid rgba(75,205,132,.35);
    border-radius:12px;
    background:rgba(10,54,36,.42);
    color:#8ce7b2;
    font-size:13px;
    font-weight:800
}
.checkout-coupon-status.error {
    border-color:rgba(255,91,91,.4);
    background:rgba(83,20,30,.35);
    color:#ff9bad
}
.checkout-price-lines {
    display:grid;
    gap:10px;
    margin:17px 0;
    padding:14px 0;
    border-top:1px solid rgba(59,110,242,.23);
    border-bottom:1px solid rgba(59,110,242,.23)
}
.checkout-price-lines>div {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#93a7c2;
    font-size:13px
}
.checkout-price-lines>div strong {
    color:#e9f0ff
}
.checkout-price-lines>div:not(.checkout-price-total) strong {
    color:#83e3ab
}
.checkout-price-lines .checkout-price-total {
    padding-top:10px;
    border-top:1px solid rgba(59,110,242,.22);
    color:#fff;
    font-size:14px;
    font-weight:900
}
.checkout-price-total strong {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.75rem
}
.checkout-review-error {
    margin:10px 0;
    padding:10px 11px;
    border:1px solid rgba(255,91,91,.4);
    border-radius:13px;
    background:rgba(83,20,30,.34);
    color:#ffadba;
    font-size:13px;
    line-height:1.45
}
.checkout-review-actions {
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:8px
}
.checkout-review-note {
    display:flex;
    align-items:flex-start;
    gap:7px;
    margin:12px 0 0;
    color:#7489a9;
    font-size:12px;
    line-height:1.45
}
.checkout-review-note i {
    margin-top:2px;
    color:#7999ff
}
@media(max-width:900px) {
    .checkout-review-layout {
        grid-template-columns:1fr
    }
    .checkout-review-summary {
        position:static
    }
    .checkout-review-card>.card-body {
        padding:21px
    }
}
@media(max-width:600px) {
    .checkout-review-heading h2 {
        font-size:2.1rem
    }
    .checkout-review-item {
        grid-template-columns:72px minmax(0,1fr)
    }
    .checkout-review-item>img {
        width:72px;
        height:72px
    }
    .checkout-review-item-head {
        flex-direction:column
    }
    .checkout-customer-card {
        grid-template-columns:1fr
    }
    .checkout-review-actions {
        grid-template-columns:1fr
    }
    .checkout-review-section-title {
        align-items:flex-start;
        flex-direction:column
    }
    .checkout-coupon-row {
        grid-template-columns:1fr
    }
}
.kit-receipt-card {
    width:min(670px,100%);
    max-height:94vh
}
.kit-receipt-card>.card-body {
    max-height:calc(94vh - 2px);
    padding:21px;
    overflow:auto;
    background:linear-gradient(155deg,rgba(5,24,57,.96),rgba(1,8,20,.98));
    border-radius:calc(var(--radius-a) - 2px) calc(var(--radius-b) - 2px)
}
.kit-receipt-head {
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding-right:48px
}
.kit-receipt-head>img {
    width:84px;
    height:84px;
    object-fit:cover;
    border:1px solid rgba(69,122,255,.5);
    border-radius:22px 12px 22px 12px;
    background:#07152c
}
.kit-receipt-head .eyebrow {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:13px
}
.kit-receipt-head h2 {
    margin:5px 0 0;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.65rem;
    line-height:1.05
}
.kit-receipt-head .badge-row {
    margin:8px 0 0
}
.kit-receipt-head .badge {
    padding:5px 8px;
    font-size:12px
}
.kit-receipt-info {
    margin:14px 0 10px;
    padding:13px;
    border:1px solid rgba(64,116,246,.27);
    border-radius:17px 10px 17px 10px;
    background:rgba(1,8,19,.52)
}
.kit-receipt-info strong {
    display:flex;
    align-items:center;
    gap:6px;
    color:#9db7ff;
    font-size:13px;
    letter-spacing:.04em;
    text-transform:uppercase
}
.kit-receipt-info p {
    margin:7px 0 0;
    color:#bbc8da;
    font-size:14px;
    line-height:1.55
}
.kit-receipt-customer {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:10px
}
.kit-receipt-customer>div {
    padding:11px;
    border:1px solid rgba(61,112,243,.23);
    border-radius:14px 8px 14px 8px;
    background:rgba(1,8,19,.38)
}
.kit-receipt-customer span,.kit-receipt-customer strong,.kit-receipt-customer small {
    display:block;
    overflow-wrap:anywhere
}
.kit-receipt-customer span {
    color:#8196b4;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase
}
.kit-receipt-customer strong {
    margin-top:4px;
    color:#f2f6ff;
    font-size:13px
}
.kit-receipt-customer small {
    margin-top:4px;
    color:#8296b3;
    font-size:12px;
    line-height:1.45
}
.kit-receipt-coupon {
    display:grid;
    gap:6px;
    margin:10px 0
}
.kit-receipt-coupon>span:first-child {
    color:#91a5c1;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}
.kit-receipt-coupon>span:first-child small {
    color:#687d9b;
    font-size:12px
}
.kit-receipt-coupon>span:last-child {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px
}
.kit-receipt-coupon .form-control {
    min-height:42px
}
.kit-receipt-coupon .button {
    min-height:42px
}
.kit-receipt-total {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:12px 0;
    padding:14px;
    border:1px solid rgba(67,121,255,.38);
    border-radius:18px 10px 18px 10px;
    background:rgba(2,13,31,.72)
}
.kit-receipt-total span,.kit-receipt-total small {
    display:block
}
.kit-receipt-total span {
    color:#9ab0cf;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}
.kit-receipt-total small {
    margin-top:4px;
    color:#8498b6;
    font-size:12px;
    line-height:1.4
}
.kit-receipt-total>strong {
    color:#fff;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.65rem;
    white-space:nowrap
}
.kit-receipt-note {
    display:flex;
    gap:7px;
    margin:12px 0;
    color:#91a5c1;
    font-size:12px;
    line-height:1.55
}
.kit-receipt-note i {
    margin-top:2px;
    color:#86a5ff
}
.kit-receipt-actions {
    display:flex;
    justify-content:flex-end;
    gap:9px;
    margin-top:13px
}
.store-add-toast.success {
    border-color:rgba(75,205,132,.52);
    background:#08251b;
    color:#a3f0c1
}
.cart-card.cart-added {
    animation:cartAddedPulse .7s ease
}
@keyframes cartAddedPulse {
    0%,100% {
        filter:none
    }
    45% {
        filter:drop-shadow(0 0 18px rgba(58,128,255,.65));
        transform:translateY(-2px)
    }
}
.button:disabled {
    opacity:.48;
    cursor:not-allowed;
    transform:none!important
}
@media(max-width:600px) {
    .kit-receipt-card>.card-body {
        padding:17px
    }
    .kit-receipt-head {
        grid-template-columns:64px minmax(0,1fr)
    }
    .kit-receipt-head>img {
        width:64px;
        height:64px
    }
    .kit-receipt-customer {
        grid-template-columns:1fr
    }
    .kit-receipt-coupon>span:last-child {
        grid-template-columns:1fr
    }
    .kit-receipt-total {
        align-items:flex-start;
        flex-direction:column
    }
    .kit-receipt-actions {
        align-items:stretch;
        flex-direction:column
    }
    .kit-receipt-actions .button {
        width:100%
    }
}
.support-process-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:25px 0
}
.support-process-step {
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:16px;
    border:1px solid rgba(60,111,241,.28);
    border-radius:22px 12px 22px 12px;
    background:rgba(2,10,24,.28)
}
.support-process-step>span {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(71,122,255,.46);
    border-radius:17px 10px 17px 10px;
    background:rgba(6,29,72,.65);
    color:#91acff;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.25rem;
    font-weight:900;
    box-shadow:0 0 18px rgba(23,111,255,.12)
}
.support-process-step strong {
    display:block;
    color:#edf3ff;
    font-size:14px
}
.support-process-step p {
    margin:4px 0 0;
    color:#8398b7;
    font-size:13px;
    line-height:1.45
}
.support-new-layout {
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:18px;
    align-items:start
}
.support-new-panel>.card-body {
    padding:24px
}
.support-requests-panel {
    position:sticky;
    top:115px
}
.support-panel-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:17px
}
.support-panel-heading h2,.support-reply-panel h2 {
    margin:5px 0 4px;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2rem;
    line-height:1
}
.support-panel-heading p {
    margin:0;
    color:#8fa3c1;
    font-size:14px;
    line-height:1.55
}
.support-account-state {
    display:inline-flex;
    align-items:center;
    gap:7px;
    max-width:230px;
    padding:7px 10px;
    border:1px solid rgba(67,119,251,.3);
    border-radius:999px;
    background:rgba(8,34,82,.42);
    color:#b9caff;
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.support-account-state i {
    color:#8da9ff
}
.support-new-alert {
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 14px;
    margin:14px 0;
    border:1px solid rgba(76,126,255,.36);
    border-radius:16px 9px 16px 9px;
    background:rgba(7,30,73,.48);
    color:#c5d3e8;
    font-size:13px;
    line-height:1.5
}
.support-new-alert i {
    margin-top:2px;
    color:#8faaff
}
.support-new-alert.success {
    border-color:rgba(75,205,132,.38);
    background:rgba(10,54,36,.4);
    color:#aee8c6
}
.support-new-alert.success i {
    color:#7ee5a9
}
.support-new-alert.error {
    border-color:rgba(255,91,91,.4);
    background:rgba(83,20,30,.34);
    color:#ffadba
}
.support-new-alert.error i {
    color:#ff8799
}
.support-new-empty {
    padding:32px 20px;
    border:1px dashed rgba(71,122,255,.32);
    border-radius:22px 12px 22px 12px;
    background:rgba(1,8,19,.24);
    text-align:center
}
.support-new-empty>i {
    font-size:2rem;
    color:#829fff;
    filter:drop-shadow(0 0 13px rgba(23,111,255,.3))
}
.support-new-empty h3 {
    margin:12px 0 5px
}
.support-new-empty p {
    max-width:510px;
    margin:6px auto 15px;
    color:#8fa3bf;
    font-size:13px;
    line-height:1.55
}
.support-new-empty.compact {
    padding:22px 14px
}
.support-new-empty.compact>i {
    font-size:1.45rem
}
.support-new-empty.compact p {
    margin-bottom:5px
}
.support-department-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:17px 0
}
.support-department {
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    gap:9px;
    align-items:center;
    min-width:0;
    padding:11px;
    border:1px solid rgba(56,105,230,.23);
    border-radius:17px 9px 17px 9px;
    background:rgba(1,8,19,.34);
    color:#edf3ff;
    text-decoration:none;
    transition:.2s
}
.support-department>i:first-child {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(69,120,252,.32);
    border-radius:13px 7px 13px 7px;
    background:rgba(5,25,62,.64);
    color:#8da8ff
}
.support-department>i:last-child {
    color:#61799e;
    font-size:12px
}
.support-department strong,.support-department small {
    display:block
}
.support-department strong {
    font-size:13px
}
.support-department small {
    margin-top:3px;
    color:#7f94b3;
    font-size:12px;
    line-height:1.4
}
.support-department:hover,.support-department.active {
    border-color:rgba(83,133,255,.68);
    background:rgba(10,45,108,.48);
    box-shadow:inset 0 0 22px rgba(23,111,255,.08),0 0 18px rgba(23,111,255,.1);
    transform:translateY(-1px)
}
.support-department.active>i:first-child {
    color:#fff;
    border-color:rgba(103,148,255,.68);
    background:linear-gradient(135deg,#0b3e9c,#176fff,#5d74ff);
    box-shadow:0 0 16px rgba(23,111,255,.22)
}
.support-new-form {
    display:grid;
    gap:12px
}
.support-new-form label {
    display:grid;
    gap:6px
}
.support-new-form label>span {
    color:#8fa3c0;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}
.support-new-form textarea.form-control {
    min-height:165px;
    padding:13px 14px;
    resize:vertical;
    line-height:1.55
}
.support-form-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap
}
.support-form-footer>span {
    color:#7f94b2;
    font-size:12px
}
.support-form-footer>span i {
    color:#829eff;
    margin-right:4px
}
.support-ticket-count {
    min-width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border:1px solid rgba(72,123,255,.4);
    border-radius:14px 8px 14px 8px;
    background:rgba(6,28,69,.62);
    color:#b9caff;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.1rem;
    font-weight:900
}
.support-request-list {
    display:grid;
    gap:8px
}
.support-request-row {
    display:grid;
    grid-template-columns:45px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:11px;
    border:1px solid rgba(56,105,230,.23);
    border-radius:17px 9px 17px 9px;
    background:rgba(1,8,19,.34);
    color:#eef3ff;
    text-decoration:none;
    transition:.2s
}
.support-request-row:hover {
    border-color:rgba(79,129,255,.6);
    background:rgba(6,28,68,.62);
    box-shadow:0 0 18px rgba(23,111,255,.1);
    transform:translateY(-1px)
}
.support-request-icon {
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    border:1px solid rgba(69,120,252,.34);
    border-radius:15px 8px 15px 8px;
    background:rgba(5,25,62,.65);
    color:#91aaff;
    box-shadow:0 0 15px rgba(23,111,255,.1)
}
.support-request-copy {
    min-width:0
}
.support-request-copy strong,.support-request-copy small,.support-request-copy time {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.support-request-copy strong {
    font-size:13px
}
.support-request-copy small {
    margin-top:4px;
    color:#899ebb;
    font-size:12px
}
.support-request-copy time {
    margin-top:3px;
    color:#647b9d;
    font-size:12px
}
.support-status-pill {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:0 8px;
    border:1px solid rgba(74,125,255,.35);
    border-radius:999px;
    background:rgba(9,39,94,.55);
    color:#b7c9ff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap
}
.support-status-pill.status-resolved,.support-status-pill.status-closed {
    border-color:rgba(78,202,135,.35);
    background:rgba(13,70,44,.45);
    color:#93e7b6
}
.support-status-pill.status-waiting,.support-status-pill.status-pending {
    border-color:rgba(145,122,255,.4);
    background:rgba(46,32,99,.48);
    color:#c6baff
}
.support-requests-panel .results-meta {
    margin-top:15px;
    font-size:12px
}
.support-ticket-summary {
    margin:24px 0 14px
}
.support-ticket-summary>.card-body {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px
}
.support-ticket-summary-main {
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0
}
.support-ticket-summary-main h2 {
    margin:4px 0 0;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:1.65rem;
    overflow-wrap:anywhere
}
.support-ticket-meta {
    display:flex;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:wrap
}
.support-ticket-meta>span {
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:29px;
    padding:0 9px;
    border:1px solid rgba(65,116,246,.28);
    border-radius:999px;
    background:rgba(6,27,67,.45);
    color:#9eb1ce;
    font-size:12px;
    font-weight:850
}
.support-ticket-meta>span i {
    color:#89a6ff
}
.support-ticket-layout {
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:18px;
    align-items:start;
    margin-top:14px
}
.support-conversation-panel>.card-body,.support-reply-panel>.card-body {
    padding:22px
}
.support-reply-panel {
    position:sticky;
    top:115px
}
.support-message-thread {
    display:grid;
    gap:10px
}
.support-message {
    width:min(88%,680px);
    padding:13px 14px;
    border:1px solid rgba(66,116,244,.27);
    border-radius:18px 10px 18px 10px;
    background:rgba(4,21,52,.55)
}
.support-message.staff {
    margin-left:auto;
    border-color:rgba(99,126,255,.42);
    background:linear-gradient(145deg,rgba(36,44,116,.5),rgba(8,29,71,.62))
}
.support-message.user {
    margin-right:auto
}
.support-message-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px
}
.support-message-head strong {
    font-size:13px
}
.support-message-head span {
    color:#7790b5;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase
}
.support-message-body {
    color:#c5d1e3;
    font-size:13px;
    line-height:1.65;
    white-space:pre-wrap;
    word-break:break-word
}
.support-message time {
    display:block;
    margin-top:9px;
    color:#657d9f;
    font-size:12px
}
.support-attachments {
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-top:9px
}
.support-attachments a {
    padding:5px 7px;
    border:1px solid rgba(76,127,255,.32);
    border-radius:9px;
    background:rgba(8,34,82,.48);
    color:#a9c1ff;
    text-decoration:none;
    font-size:12px
}
.support-reply-panel .support-new-form {
    margin-top:14px
}
.support-reply-panel .support-new-form textarea {
    min-height:190px
}
.support-close-form {
    margin-top:9px;
    padding-top:9px;
    border-top:1px solid rgba(55,105,236,.2)
}
.support-close-form .button {
    width:100%
}
.support-ticket-not-found {
    max-width:680px;
    margin:28px auto;
    text-align:center
}
.support-ticket-not-found>.card-body {
    padding:42px 25px
}
.support-ticket-not-found i {
    color:#879fff;
    font-size:2.2rem
}
.support-ticket-not-found h2 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2rem
}
.support-ticket-not-found p {
    color:#8fa3bf
}
@media(max-width:1050px) {
    .support-new-layout,.support-ticket-layout {
        grid-template-columns:1fr
    }
    .support-requests-panel,.support-reply-panel {
        position:relative;
        top:auto
    }
    .support-process-grid {
        grid-template-columns:1fr
    }
    .support-ticket-summary>.card-body {
        align-items:flex-start;
        flex-direction:column
    }
    .support-ticket-meta {
        justify-content:flex-start
    }
}
@media(max-width:700px) {
    .support-department-grid {
        grid-template-columns:1fr
    }
    .support-panel-heading,.support-form-footer {
        align-items:flex-start;
        flex-direction:column
    }
    .support-account-state {
        max-width:100%
    }
    .support-request-row {
        grid-template-columns:40px minmax(0,1fr)
    }
    .support-request-icon {
        width:40px;
        height:40px
    }
    .support-request-row>.support-status-pill {
        grid-column:2;
        justify-self:start
    }
    .support-message {
        width:100%
    }
    .support-ticket-meta {
        display:grid;
        grid-template-columns:1fr
    }
    .support-ticket-meta>span {
        justify-content:center
    }
    .support-process-step {
        grid-template-columns:42px minmax(0,1fr)
    }
    .support-process-step>span {
        width:42px;
        height:42px
    }
}
.store-kit-loading,.store-kit-empty {
    grid-column:1/-1;
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:22px;
    border:1px dashed rgba(70,121,255,.30);
    border-radius:18px 10px 18px 10px;
    background:rgba(1,8,19,.28);
    color:#8fa4c2;
    text-align:center
}
.store-kit-empty div {
    display:grid;
    gap:4px;
    text-align:left
}
.store-kit-empty strong {
    color:#eaf0ff
}
.store-kit-empty span {
    font-size:13px;
    color:#8095b5
}
.store-modal-kit-contents .kit-item-fallback {
    position:relative;
    z-index:1;
    color:#6f8bd6;
    font-size:20px;
    opacity:.68
}
@media(max-width:760px) {
    .store-modal-kit-contents {
        margin-top:18px;
        padding-top:14px
    }
}
.theme-picker-body {
    padding:30px
}
.theme-picker-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px
}
.theme-picker-heading h2 {
    font-family:Rajdhani,Inter,sans-serif;
    font-size:clamp(2rem,4vw,3rem);
    margin:5px 0
}
.theme-picker-heading p,.theme-custom-copy p {
    margin:0;
    color:var(--muted)
}
.theme-picker-heading-actions {
    display:flex;
    align-items:center;
    gap:9px
}
.theme-layout-lock {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--accent) 11%,rgba(1,8,19,.68));
    color:#dce6fb;
    font-size:14px;
    font-weight:850;
    white-space:nowrap
}
.theme-picker-close {
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);
    border-radius:14px 8px 14px 8px;
    background:rgba(1,8,19,.72);
    color:#fff;
    text-decoration:none;
    transition:.18s
}
.theme-picker-close:hover {
    border-color:var(--accent);
    background:color-mix(in srgb,var(--accent) 15%,rgba(1,8,19,.84));
    box-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)
}
.style-fab.is-open {
    border-color:color-mix(in srgb,var(--accent) 70%,white);
    background:color-mix(in srgb,var(--accent) 16%,rgba(2,11,27,.96));
    box-shadow:0 0 22px color-mix(in srgb,var(--accent) 22%,transparent)
}
.theme-choice-grid {
    grid-template-columns:repeat(auto-fit,minmax(205px,1fr))
}
.theme-choice {
    position:relative;
    display:flex;
    min-height:218px;
    flex-direction:column;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
    background:rgba(2,10,24,.5)
}
.theme-choice:hover {
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--accent) 70%,white);
    box-shadow:0 0 22px color-mix(in srgb,var(--accent) 14%,transparent)
}
.theme-choice.selected {
    border-color:var(--accent);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,white),0 0 24px color-mix(in srgb,var(--accent) 24%,transparent);
    background:color-mix(in srgb,var(--accent) 10%,rgba(2,10,24,.72))
}
.theme-choice .palette-swatch {
    display:block;
    width:100%
}
.theme-choice-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
}
.theme-choice-title b {
    font-size:1rem
}
.theme-choice-title small {
    padding:4px 7px;
    border-radius:999px;
    background:color-mix(in srgb,var(--accent) 18%,rgba(4,17,40,.9));
    border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
    color:#eaf0ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}
.theme-choice-copy {
    display:block;
    margin-top:8px;
    color:#91a4c0;
    font-size:14px;
    line-height:1.5
}
.theme-choice-check {
    display:none;
    align-items:center;
    gap:6px;
    margin-top:auto;
    padding-top:12px;
    color:color-mix(in srgb,var(--accent) 75%,white);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em
}
.theme-choice.selected .theme-choice-check {
    display:flex
}
.theme-custom-panel {
    display:grid;
    grid-template-columns:minmax(220px,1fr) minmax(300px,1.3fr);
    align-items:center;
    gap:22px;
    margin-top:25px;
    padding:20px;
    border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
    border-radius:22px 12px 22px 12px;
    background:rgba(1,8,19,.3)
}
.theme-custom-copy h3 {
    margin:5px 0;
    font-size:1.25rem
}
.theme-colour-controls {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}
.theme-colour-control {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px;
    border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);
    border-radius:16px 9px 16px 9px;
    background:rgba(1,8,19,.4);
    color:#c9d5e9;
    font-size:14px;
    font-weight:800
}
.theme-colour-control input[type=color] {
    width:66px;
    min-height:42px;
    padding:4px;
    cursor:pointer
}
.theme-background-panel {
    margin-top:18px;
    padding:20px;
    border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);
    border-radius:22px 12px 22px 12px;
    background:rgba(1,8,19,.3)
}
.theme-background-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px
}
.theme-background-heading h3 {
    margin:5px 0;
    font-size:1.25rem
}
.theme-background-heading p {
    margin:0;
    color:var(--muted);
    font-size:14px
}
.theme-background-heading>span {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#9fb1cb;
    font-size:13px;
    font-weight:800;
    white-space:nowrap
}
.theme-background-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.theme-background-choice {
    position:relative;
    min-height:126px;
    padding:14px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);
    border-radius:19px 10px 19px 10px;
    background:linear-gradient(145deg,rgba(4,20,48,.9),rgba(1,8,19,.94));
    background-position:center;
    background-size:cover;
    color:#fff;
    cursor:pointer;
    text-align:left;
    transition:.2s
}
.theme-background-choice:after {
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,5,14,.72));
    pointer-events:none
}
.theme-background-choice>* {
    position:relative;
    z-index:1
}
.theme-background-choice span {
    font-size:14px;
    font-weight:900;
    text-shadow:0 2px 8px #000
}
.theme-background-choice small {
    display:none;
    align-items:center;
    gap:5px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase
}
.theme-background-choice:hover {
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--accent) 68%,white);
    box-shadow:0 0 20px color-mix(in srgb,var(--accent) 16%,transparent)
}
.theme-background-choice.selected {
    border-color:var(--accent);
    box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 52%,white),0 0 22px color-mix(in srgb,var(--accent) 24%,transparent)
}
.theme-background-choice.selected small {
    display:inline-flex
}
.theme-picker-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:20px
}
.theme-picker-actions>span {
    color:#91a4c0;
    font-size:14px
}
.site-dots {
    background-image:radial-gradient(circle,var(--accent) 0 1px,transparent 1.25px)!important
}
.theme-pbg-original .site-dots {
    background-image:radial-gradient(circle,var(--accent) 0 1px,transparent 1.25px)!important
}
.neon-card:after {
    background:linear-gradient(180deg,rgb(2 10 24 / var(--panel-soft-opacity,.70)),rgb(1 7 17 / var(--panel-opacity,.86)))
}
.filter-bar,.table-wrap,.feature,.theme-custom-panel,.theme-background-panel {
    background-color:rgb(2 10 24 / var(--panel-soft-opacity,.70))
}
.neon-card:hover:after {
    box-shadow:inset 0 0 38px color-mix(in srgb,var(--accent) var(--glow-percent,38%),transparent),0 0 24px color-mix(in srgb,var(--accent) var(--glow-percent,38%),transparent)
}
.brand img,.hero-logo {
    filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) var(--glow-percent,38%),transparent))
}
.theme-spacing-compact .page-shell {
    padding-top:28px;
    padding-bottom:64px
}
.theme-spacing-compact .section-title {
    margin-top:32px
}
.theme-spacing-compact .card-body {
    padding:15px
}
.theme-spacing-compact .card-grid,.theme-spacing-compact .feature-list {
    gap:12px
}
.theme-spacing-spacious .page-shell {
    padding-top:58px;
    padding-bottom:110px
}
.theme-spacing-spacious .section-title {
    margin-top:60px;
    margin-bottom:30px
}
.theme-spacing-spacious .card-body {
    padding:27px
}
.theme-spacing-spacious .card-grid,.theme-spacing-spacious .feature-list {
    gap:26px
}
.theme-pbg-original .site-header,.theme-pbg-original .live-strip,.theme-pbg-original .site-footer {
    border-color:color-mix(in srgb,var(--accent) 34%,transparent)
}
.theme-pbg-original .brand img {
    filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 36%,transparent))
}
.theme-pbg-original .main-nav a:hover,.theme-pbg-original .main-nav a.active,.theme-pbg-original .account-menu a:hover,.theme-pbg-original .account-menu-action:hover {
    background:color-mix(in srgb,var(--accent) 13%,transparent)
}
.theme-pbg-original .account-button,.theme-pbg-original .mobile-toggle,.theme-pbg-original .account-menu,.theme-pbg-original .style-fab {
    border-color:color-mix(in srgb,var(--accent) 48%,var(--accent-2))
}
@media(max-width:760px) {
    .theme-picker-body {
        padding:20px
    }
    .theme-picker-heading,.theme-picker-actions,.theme-background-heading {
        align-items:flex-start;
        flex-direction:column
    }
    .theme-picker-heading-actions {
        width:100%;
        justify-content:space-between
    }
    .theme-custom-panel {
        grid-template-columns:1fr
    }
    .theme-colour-controls,.theme-background-grid {
        grid-template-columns:1fr
    }
    .theme-picker-actions .button {
        width:100%
    }
    .theme-background-heading>span {
        white-space:normal
    }
}
.store-product--kit .card-body {
    gap:0
}
.store-product--kit .product-image {
    height:150px;
    margin-bottom:10px;
    border-radius:22px 14px 20px 12px
}
.store-product--kit .card-title {
    margin:10px 0 6px;
    font-size:1.2rem;
    line-height:1.2
}
.store-product--kit .card-copy {
    min-height:0;
    margin-bottom:8px;
    -webkit-line-clamp:2;
    font-size:12px;
    line-height:1.45
}
.store-kit-card-details {
    display:grid;
    gap:5px;
    margin:0 0 8px
}
.store-kit-card-details .store-kit-info-grid {
    margin:0
}
.store-kit-card-details .store-kit-info-grid>div {
    padding:6px 7px
}
.store-kit-card-details .store-kit-info-grid span {
    font-size:11px
}
.store-kit-card-details .store-kit-info-grid strong {
    font-size:12px
}
.store-kit-card-details .store-kit-rating {
    margin:0
}
.store-kit-card-details .store-kit-item-preview {
    margin:0;
    padding:6px
}
.store-kit-card-details .store-kit-item-preview .kit-item-preview-head {
    font-size:12px
}
.store-kit-card-details .store-kit-item-preview .kit-item-preview-head small {
    font-size:12px
}
.store-kit-card-details .store-kit-item-preview .kit-mini-grid {
    gap:5px
}
.store-kit-card-details .store-kit-item-preview .kit-mini-item {
    min-width:0;
    border-radius:9px 6px 9px 6px
}
.store-kit-card-details .store-kit-item-preview .kit-mini-item b {
    font-size:12px
}
.store-kit-card-details .store-kit-item-preview .kit-no-items {
    min-height:43px;
    font-size:12px
}
.store-product--kit .card-footer {
    margin-top:auto;
    padding-top:8px;
    border-top:1px solid rgba(55,105,236,.2)
}
.store-product--kit:hover .store-kit-info-grid>div,.store-product--kit:hover .store-kit-rating,.store-product--kit:hover .store-kit-item-preview {
    border-color:color-mix(in srgb,var(--accent) 45%,transparent);
    background:rgba(0,6,17,.48)
}
@media(max-width:1180px) and (min-width:651px) {
    .card-grid.three.store-product-grid {
        grid-template-columns:repeat(auto-fit,minmax(320px,410px));
        justify-content:start
    }
}
.users-card-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch
}
.user-directory-card {
    min-height:100%
}
.user-directory-card .card-body {
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:22px
}
.user-directory-card .card-top {
    align-items:flex-start;
    min-width:0
}
.user-directory-card .avatar {
    width:72px;
    height:72px;
    flex:0 0 72px
}
.user-card-identity {
    min-width:0;
    flex:1
}
.user-directory-card .card-title {
    font-size:1.2rem;
    line-height:1.18;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:auto
}
.user-group-badges {
    margin:10px 0 0
}
.user-group-badge {
    --role-colour:#5d74ff;
    border-color:color-mix(in srgb,var(--role-colour) 55%,transparent);
    background:color-mix(in srgb,var(--role-colour) 16%,rgba(2,10,24,.82));
    color:color-mix(in srgb,var(--role-colour) 38%,white);
    box-shadow:0 0 13px color-mix(in srgb,var(--role-colour) 15%,transparent)
}
.user-stat-grid {
    margin:18px 0 0
}
.user-stat-grid .stat {
    min-width:0
}
.user-stat-grid .stat b {
    overflow-wrap:break-word;
    line-height:1.18
}
.user-last-login {
    grid-column:1/-1
}
.user-directory-card .card-footer {
    margin-top:auto;
    padding-top:18px
}
.user-directory-card .card-footer .button {
    width:100%
}
@media(max-width:1180px) and (min-width:901px) {
    .users-card-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
@media(max-width:900px) and (min-width:651px) {
    .users-card-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:650px) {
    .users-card-grid {
        grid-template-columns:1fr
    }
    .user-directory-card .avatar {
        width:64px;
        height:64px;
        flex-basis:64px
    }
}
body {
    font-size:17px;
    line-height:1.55
}
.main-nav a,.nav-group summary {
    font-size:15px
}
.live-strip .shell,.page-intro p,.section-title p,.card-subtitle,.card-copy,.feature p,.footer-grid p,.welcome p {
    font-size:15px
}
.eyebrow,.metric span,.home-metric b,.home-metric span,.footer-grid h3,.quick-links a,.staff-card p,.store-server-tabs a {
    font-size:14px
}
.badge,.status,.server-player-pill,.server-wipe-age,.live-map-server-form label,.live-map-frame-head .eyebrow,.live-map-secure {
    font-size:14px
}
.stat span,th {
    font-size:14px;
    color:#9bafcb
}
.stat b {
    font-size:1.12rem
}
.results-meta,.footer-grid a,.server-address,.home-server-live strong,.next-wipe strong,.players-active span,.cart-item-new b,.notice span {
    font-size:14px
}
.footer-bottom {
    font-size:14px;
    color:#8295b0
}
.style-fab {
    font-size:14px
}
.live-copy span,.store-kit-empty span {
    font-size:14px
}
.next-wipe span,.cart-item-new span,.cart-item-side strong,.cart-total-new span,.checkout-field span,.modal-buy-row label,.purchase-items span,.shop-cost span,.server-next-wipe {
    font-size:14px
}
.server-actions .button,.kit-card-actions .button,.kit-shop-actions .button,.kit-shop-actions-rich .button {
    font-size:14px
}
.kit-card-stats span,.kit-item-preview-head,.kit-item-preview-head small,.kit-dialog-summary span,.kit-dialog-title-row span,.kit-dialog-item-copy span,.kit-dialog-item-copy small,.kit-shop-info-grid span,.pbg-rating,.kit-shop-item-preview .kit-item-preview-head,.kit-shop-item-preview .kit-item-preview-head small,.kit-shop-permission,.kit-not-for-sale {
    font-size:14px
}
.kit-card-stats strong,.kit-dialog-item-copy strong,.kit-shop-info-grid strong,.kit-shop-description {
    font-size:14px
}
.kit-no-items,.kit-shop-item-preview .kit-no-items {
    font-size:14px
}
.kit-mini-item b,.kit-item-art b,.kit-shop-item-preview .kit-mini-item b {
    font-size:13px
}
.pbg-rating-stars button {
    font-size:14px
}
.checkout-review-section-title span,.checkout-review-item-head>div span,.checkout-review-item-meta span,.checkout-review-perks,.checkout-review-perks>b,.checkout-customer-card span,.checkout-customer-card small,.checkout-coupon-status,.checkout-price-lines>div,.checkout-review-error,.checkout-review-note {
    font-size:14px
}
.checkout-customer-card strong {
    font-size:14px
}
.kit-receipt-head .eyebrow,.kit-receipt-head .badge,.kit-receipt-info strong,.kit-receipt-customer span,.kit-receipt-customer small,.kit-receipt-coupon>span:first-child,.kit-receipt-coupon>span:first-child small,.kit-receipt-total span,.kit-receipt-total small,.kit-receipt-note {
    font-size:14px
}
.kit-receipt-info p,.kit-receipt-customer strong {
    font-size:14px
}
.store-kit-card-details .store-kit-info-grid span,.store-kit-card-details .store-kit-item-preview .kit-item-preview-head,.store-kit-card-details .store-kit-item-preview .kit-item-preview-head small,.store-kit-card-details .store-kit-item-preview .kit-no-items {
    font-size:14px
}
.store-kit-card-details .store-kit-info-grid strong {
    font-size:14px
}
.store-kit-card-details .store-kit-item-preview .kit-mini-item b {
    font-size:13px
}
.support-process-step strong,.support-panel-heading p,.support-new-alert,.support-new-empty p,.support-department strong,.support-new-form label>span,.support-form-footer>span,.support-request-copy small,.support-request-copy time,.support-requests-panel .results-meta,.support-ticket-meta>span,.support-message-head span,.support-message time,.support-attachments a {
    font-size:14px
}
.support-process-step p,.support-account-state,.support-department small,.support-status-pill {
    font-size:14px
}
.support-request-copy strong,.support-message-head strong {
    font-size:14px
}
.support-message-body {
    font-size:14px
}
.theme-layout-lock,.theme-choice-title small,.theme-choice-copy,.theme-choice-check,.theme-colour-control,.theme-background-heading p,.theme-background-heading>span,.theme-background-choice span,.theme-background-choice small,.theme-picker-actions>span {
    font-size:14px
}
@media(max-width:650px) {
    body {
        font-size:16px
    }
    .main-nav a,.nav-group summary {
        font-size:16px
    }
    .page-intro p,.section-title p,.card-copy {
        font-size:15px
    }
}
.clan-profile-hero {
    margin-top:28px
}
.clan-profile-hero .card-body {
    min-height:270px;
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    align-items:center;
    gap:28px;
    padding:34px;
    background-image:linear-gradient(90deg,rgba(2,10,24,.96),rgba(2,10,24,.66),rgba(2,10,24,.9)),var(--clan-banner,none);
    background-position:center;
    background-size:cover
}
.clan-profile-avatar {
    width:130px;
    height:130px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--accent) 68%,white);
    border-radius:35px 18px 35px 18px;
    background:rgba(3,17,42,.9) center/cover no-repeat;
    color:#fff;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2.2rem;
    font-weight:900;
    box-shadow:0 0 28px color-mix(in srgb,var(--accent) 20%,transparent)
}
.clan-profile-identity {
    min-width:0
}
.clan-profile-identity h2 {
    margin:5px 0 9px;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:clamp(3rem,6vw,5.5rem);
    line-height:.88;
    overflow-wrap:break-word
}
.clan-profile-identity>p {
    max-width:820px;
    margin:0;
    color:#c0cce0;
    font-size:15px;
    line-height:1.7
}
.clan-recruitment-row {
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:18px;
    color:#b5c3d8;
    font-size:14px
}
.clan-recruitment-status {
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:36px;
    padding:0 12px;
    border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--accent) 13%,rgba(2,10,24,.82));
    color:#dbe6ff;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.045em
}
.clan-recruitment-status.is-open {
    border-color:rgba(77,222,138,.46);
    background:rgba(11,72,46,.55);
    color:#9cf3c1
}
.clan-recruitment-status.is-closed {
    border-color:rgba(255,98,116,.43);
    background:rgba(83,20,30,.5);
    color:#ffb0bd
}
.clan-profile-stats {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin:18px 0
}
.clan-profile-stat {
    min-width:0;
    padding:18px 20px;
    border:1px solid rgba(63,113,239,.27);
    border-radius:20px 11px 20px 11px;
    background:rgba(2,10,24,.42)
}
.clan-profile-stat b {
    display:block;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2rem;
    line-height:1;
    overflow-wrap:break-word
}
.clan-profile-stat span {
    display:block;
    margin-top:7px;
    color:#9bafcb;
    font-size:14px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase
}
.clan-profile-section {
    margin-top:18px
}
.clan-profile-section>.card-body {
    padding:25px
}
.clan-section-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px
}
.clan-section-heading h2 {
    margin:5px 0 0;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:2rem
}
.clan-section-heading h2 i {
    margin-right:8px;
    color:#8aa7ff;
    filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 48%,transparent))
}
.clan-achievement-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.clan-achievement {
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:17px;
    border:1px solid rgba(61,111,235,.26);
    border-radius:19px 10px 19px 10px;
    background:rgba(2,12,30,.5)
}
.clan-achievement>i {
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(73,124,255,.42);
    border-radius:16px 9px 16px 9px;
    background:rgba(5,27,69,.72);
    color:#a2b7ff;
    box-shadow:0 0 17px color-mix(in srgb,var(--accent) 14%,transparent)
}
.clan-achievement b {
    display:block;
    font-size:16px
}
.clan-achievement span {
    display:block;
    margin-top:4px;
    color:#99abc4;
    font-size:14px;
    line-height:1.5
}
.clan-settings {
    overflow:hidden
}
.clan-settings summary {
    position:relative;
    z-index:2;
    min-height:74px;
    padding:0 25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    list-style:none;
    cursor:pointer;
    font-size:18px;
    font-weight:900
}
.clan-settings summary::-webkit-details-marker {
    display:none
}
.clan-settings summary>span {
    display:flex;
    align-items:center;
    gap:10px
}
.clan-settings summary>span i {
    color:#91aaff
}
.clan-settings summary small {
    display:flex;
    align-items:center;
    gap:8px;
    color:#9bafca;
    font-size:14px
}
.clan-settings summary small i {
    transition:.2s
}
.clan-settings[open] summary small i {
    transform:rotate(180deg)
}
.clan-settings[open] summary {
    border-bottom:1px solid rgba(57,106,235,.22)
}
.clan-settings-form {
    display:grid;
    grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);
    gap:15px
}
.clan-settings-form label {
    display:grid;
    gap:7px;
    color:#b9c7dc;
    font-size:14px;
    font-weight:850
}
.clan-settings-form textarea.form-control {
    min-height:110px;
    padding:13px 14px;
    resize:vertical
}
.clan-settings-wide {
    grid-column:1/-1
}
.notice.error {
    border-color:rgba(255,91,107,.45);
    background:rgba(83,20,30,.46);
    color:#ffbac4
}
.clan-roster-wrap {
    border-radius:20px 11px 20px 11px
}
.clan-roster-table {
    min-width:850px
}
.clan-member {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:220px
}
.clan-member-avatar {
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(75,125,255,.5);
    border-radius:17px 9px 17px 9px;
    background:rgba(3,17,42,.85);
    color:#fff;
    font-weight:900
}
.clan-member-avatar img {
    width:100%;
    height:100%;
    object-fit:cover
}
.clan-member a {
    color:#eef3ff;
    font-weight:900;
    text-decoration:none
}
.clan-member a:hover {
    color:#a9beff
}
.clan-profile-extras {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px
}
.clan-allies {
    display:flex;
    flex-wrap:wrap;
    gap:8px
}
.clan-resource-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:11px
}
.clan-resource {
    display:flex;
    align-items:center;
    gap:13px;
    padding:13px;
    border:1px solid rgba(61,111,235,.25);
    border-radius:18px 10px 18px 10px;
    background:rgba(2,12,30,.48)
}
.clan-resource-icon {
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(75,125,255,.4);
    border-radius:17px 9px 17px 9px;
    background:rgba(3,17,42,.82)
}
.clan-resource-icon img {
    width:48px;
    height:48px;
    object-fit:contain
}
.clan-resource-icon span {
    place-items:center;
    color:#a9baff;
    font-weight:900
}
.clan-resource b {
    display:block;
    font-size:15px
}
.clan-resource>div:last-child span {
    display:block;
    margin-top:3px;
    color:#a9bdff;
    font-size:14px;
    font-weight:850
}
.clan-back-row {
    display:flex;
    margin-top:22px
}
@media(max-width:950px) {
    .clan-profile-stats {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .clan-achievement-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .clan-profile-extras {
        grid-template-columns:1fr
    }
}
@media(max-width:650px) {
    .clan-profile-hero .card-body {
        grid-template-columns:1fr;
        min-height:0;
        padding:24px
    }
    .clan-profile-avatar {
        width:100px;
        height:100px
    }
    .clan-profile-identity h2 {
        font-size:3.3rem
    }
    .clan-profile-stats {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .clan-achievement-grid {
        grid-template-columns:1fr
    }
    .clan-section-heading {
        align-items:flex-start;
        flex-direction:column
    }
    .clan-settings summary {
        padding:16px 20px;
        align-items:flex-start;
        flex-direction:column
    }
    .clan-settings-form {
        grid-template-columns:1fr
    }
    .clan-settings-wide {
        grid-column:auto
    }
}
.neon-card:before {
    animation-duration:var(--card-effect-speed,var(--spin-speed,8s));
    opacity:var(--card-effect-opacity,1)
}
.neon-card:hover:before {
    animation-duration:var(--card-effect-speed,8s)
}
.card-effect-gradient .neon-card:before {
    background:conic-gradient(from 0deg,transparent 0 9%,var(--card-gradient-a,var(--accent)) 14%,var(--card-gradient-a,var(--accent)) 28%,transparent 44% 61%,var(--card-gradient-b,var(--accent-2)) 70%,var(--card-gradient-b,var(--accent-2)) 82%,transparent 93%)
}
.card-effect-logos .neon-card:before {
    --card-logo-repeat:repeat;
    inset:-70%;
    background-color:color-mix(in srgb,var(--accent) 32%,#020815);
    background-image:var(--card-effect-image);
    background-repeat:var(--card-logo-repeat);
    background-position:center;
    background-size:var(--card-effect-size,72px) auto;
    filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 80%,white))
}
.card-effect-logos.card-logo-layout-single .neon-card:before {
    --card-logo-repeat:no-repeat
}
.card-effect-logos.card-logo-colour-circle .neon-card:before {
    background-image:var(--card-effect-image),conic-gradient(from 0deg,var(--accent) 0 18%,color-mix(in srgb,var(--accent) 35%,transparent) 30%,transparent 43% 57%,color-mix(in srgb,var(--accent-2) 45%,transparent) 70%,var(--accent-2) 82% 100%);
    background-repeat:var(--card-logo-repeat),no-repeat;
    background-position:center,center;
    background-size:var(--card-effect-size,72px) auto,100% 100%;
    background-blend-mode:screen;
    animation-name:spin;
    animation-timing-function:linear
}
.card-effect-logos.card-logo-colour-wave .neon-card:before {
    background-image:var(--card-effect-image),linear-gradient(115deg,transparent 0 18%,var(--accent) 34%,var(--accent-2) 51%,color-mix(in srgb,var(--accent) 76%,white) 63%,transparent 82% 100%);
    background-repeat:var(--card-logo-repeat),no-repeat;
    background-position:center,0% 50%;
    background-size:var(--card-effect-size,72px) auto,240% 240%;
    background-blend-mode:screen;
    animation-name:card-logo-wave;
    animation-timing-function:ease-in-out
}
.card-effect-logos.card-logo-colour-pulse .neon-card:before {
    background-image:var(--card-effect-image),radial-gradient(circle at 30% 30%,var(--accent),transparent 48%),radial-gradient(circle at 72% 70%,var(--accent-2),transparent 48%);
    background-repeat:var(--card-logo-repeat),no-repeat,no-repeat;
    background-position:center,center,center;
    background-size:var(--card-effect-size,72px) auto,100% 100%,100% 100%;
    background-blend-mode:screen;
    animation-name:card-logo-pulse;
    animation-timing-function:ease-in-out
}
.card-effect-logos .neon-card:after {
    background:linear-gradient(180deg,rgba(2,10,24,.70),rgba(1,7,17,.78))
}
.card-effect-glow .neon-card:before {
    background:conic-gradient(from 0deg,transparent 0 20%,color-mix(in srgb,var(--accent) 82%,white) 31%,var(--accent) 38%,transparent 50% 64%,var(--accent-2) 75%,transparent 88%);
    filter:blur(12px)
}
.card-effect-none .neon-card {
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent)
}
.card-effect-none .neon-card:before {
    display:none;
    animation:none
}
.card-effect-none .neon-card:hover:after {
    box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent) 8%,transparent)
}
@keyframes card-logo-wave {
    0%,100% {
        background-position:center,0% 50%;
        transform:scale(1)
    }
    50% {
        background-position:center,100% 50%;
        transform:scale(1.025)
    }
}
@keyframes card-logo-pulse {
    0%,100% {
        transform:scale(1);
        filter:brightness(.78) drop-shadow(0 0 5px var(--accent))
    }
    50% {
        transform:scale(1.035);
        filter:brightness(1.35) drop-shadow(0 0 16px var(--accent-2))
    }
}
.hub-server-grid-new {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px
}
.hub-server-card-new {
    min-width:0;
    overflow:hidden
}
.hub-server-card-new>.card-body {
    display:flex;
    flex-direction:column;
    height:100%;
    padding:18px
}
.hub-server-banner-new {
    height:150px;
    flex:0 0 150px;
    border:1px solid rgba(55,105,236,.26);
    border-radius:22px 14px 20px 12px;
    background-position:center;
    background-size:cover;
    background-color:rgba(2,10,24,.7);
    position:relative;
    overflow:hidden
}
.hub-server-banner-new:after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(1,7,18,.04),rgba(1,7,18,.8))
}
.hub-server-top-new {
    position:absolute;
    z-index:2;
    left:12px;
    right:12px;
    top:12px;
    display:flex;
    justify-content:space-between;
    gap:8px
}
.hub-pill-new {
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:0 9px;
    border:1px solid rgba(90,135,255,.28);
    border-radius:999px;
    background:rgba(2,9,22,.82);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em
}
.hub-pill-new.online {
    color:#72efa9;
    border-color:rgba(65,225,139,.35)
}
.hub-pill-new.offline {
    color:#ff8995;
    border-color:rgba(255,91,111,.35)
}
.hub-server-wipe-age-new {
    position:absolute;
    z-index:2;
    left:12px;
    bottom:12px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:30px;
    max-width:calc(100% - 24px);
    padding:0 10px;
    border:1px solid rgba(81,132,255,.48);
    border-radius:999px;
    background:rgba(1,8,22,.84);
    color:#c2d0ff;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.03em;
    box-shadow:0 0 18px rgba(23,111,255,.15);
    backdrop-filter:blur(8px)
}
.hub-server-wipe-age-new i {
    font-size:12px;
    color:#7f9fff
}
.hub-server-title-new {
    margin:14px 0 3px;
    font-size:1.2rem;
    overflow-wrap:anywhere
}
.hub-server-address-new {
    min-height:17px;
    color:#8fa2bf;
    font-size:13px;
    word-break:break-word
}
.hub-server-stats-new {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:13px
}
.hub-server-stat-new {
    min-width:0;
    padding:10px;
    border:1px solid rgba(55,105,236,.21);
    border-radius:16px 10px 16px 10px;
    background:rgba(1,8,20,.42)
}
.hub-server-stat-wide-new {
    grid-column:1/-1
}
.hub-server-stat-new span {
    display:block;
    color:#7f94b3;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800
}
.hub-server-stat-new b {
    display:block;
    margin-top:4px;
    font-size:14px;
    overflow-wrap:anywhere
}
.hub-server-actions-new {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px
}
.hub-server-actions-new .button {
    flex:1;
    min-width:92px;
    padding:0 10px;
    font-size:14px
}
.hub-server-player-preview {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:12px
}
.hub-server-player-preview span {
    padding:6px 8px;
    border:1px solid rgba(57,105,236,.26);
    border-radius:999px;
    background:rgba(1,8,19,.42);
    color:#9fb2ce;
    font-size:13px
}
.server-directory-card .hub-server-actions-new {
    margin-top:auto;
    padding-top:12px
}
.server-directory-more {
    margin-top:9px;
    border-top:1px solid rgba(55,105,236,.18)
}
.server-directory-more summary {
    min-height:36px;
    padding:8px 4px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    list-style:none;
    color:#8fa5c6;
    font-size:13px;
    font-weight:850;
    cursor:pointer
}
.server-directory-more summary::-webkit-details-marker {
    display:none
}
.server-directory-more summary>span {
    display:flex;
    align-items:center;
    gap:7px
}
.server-directory-more summary>i {
    transition:transform .18s ease
}
.server-directory-more[open] summary>i {
    transform:rotate(180deg)
}
.server-directory-more>div {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    padding-top:8px
}
.server-directory-more .button {
    min-width:0;
    min-height:38px;
    padding:0 8px;
    font-size:13px
}
@media(max-width:1100px) {
    .hub-server-grid-new {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:700px) {
    .hub-server-grid-new {
        grid-template-columns:1fr
    }
    .server-directory-more>div {
        grid-template-columns:1fr
    }
}
.vote-summary-grid .metric:last-child b {
    color:color-mix(in srgb,var(--accent) 72%,white);
    font-size:1.85rem
}
.vote-new-grid {
    align-items:stretch
}
.vote-new-card {
    min-height:100%;
    overflow:hidden
}
.vote-new-card>.card-body {
    display:flex;
    min-width:0;
    flex-direction:column;
    padding:18px
}
.vote-new-banner {
    position:relative;
    height:190px;
    margin:-18px -18px 18px;
    border-radius:33px 17px 20px 12px;
    background-color:rgba(2,10,24,.78);
    background-position:center;
    background-size:cover;
    overflow:hidden
}
.vote-new-banner:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(1,7,18,.08),rgba(1,7,18,.82));
    pointer-events:none
}
.vote-new-server-pill,.vote-new-state {
    position:absolute;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:31px;
    padding:0 10px;
    border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);
    border-radius:999px;
    background:rgba(1,8,22,.86);
    color:#c7d5eb;
    font-size:13px;
    font-weight:900;
    letter-spacing:.035em;
    text-transform:uppercase;
    backdrop-filter:blur(8px)
}
.vote-new-server-pill {
    left:13px;
    bottom:13px;
    max-width:calc(100% - 26px);
    overflow:hidden;
    text-overflow:ellipsis
}
.vote-new-state {
    right:13px;
    top:13px
}
.vote-new-state.is-ready {
    border-color:rgba(65,225,139,.42);
    color:#82f1b2
}
.vote-new-state.is-missing {
    border-color:rgba(255,190,88,.42);
    color:#ffd190
}
.vote-new-copy {
    display:grid;
    align-content:start
}
.vote-new-copy .card-title {
    margin:0;
    font-size:1.35rem
}
.vote-new-address {
    display:flex;
    align-items:center;
    gap:8px;
    margin:7px 0 3px;
    color:#8fa5c4;
    font-size:14px;
    overflow-wrap:anywhere
}
.vote-new-address i {
    color:color-mix(in srgb,var(--accent) 72%,white)
}
.vote-new-copy .card-copy {
    margin:14px 0 0
}
.vote-new-actions {
    margin-top:auto;
    padding-top:18px
}
.vote-new-actions .button {
    width:100%
}
.button.is-disabled {
    opacity:.68;
    cursor:not-allowed;
    pointer-events:none
}
.vote-help-new {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:30px
}
@media(max-width:900px) {
    .vote-help-new {
        grid-template-columns:1fr
    }
}
.vote-status-section {
    margin-top:22px
}
.vote-status-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:14px
}
.vote-status-card {
    display:grid;
    gap:10px;
    padding:20px;
    border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);
    border-radius:20px;
    background:rgba(3,10,24,.68)
}
.vote-status-card h3 {
    margin:0;
    font-size:1.1rem
}
.vote-status-card>span:not(.badge),.vote-status-card small {
    color:#aab8d0
}
.vote-status-total {
    font-size:2.35rem;
    line-height:1;
    color:#fff
}
.vote-status-card .button {
    margin-top:5px;
    width:max-content
}
/* Keep homepage server slides compact and protect their footer from the
   directory-card action layout declared above. */
.server-carousel {
    min-height:0
}
.server-stage {
    min-height:590px
}
.home-server-footer .server-actions {
    display:flex;
    width:auto;
    flex:1;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px
}
.home-server-footer .server-actions .button {
    width:auto;
    min-width:0;
    flex:0 0 auto;
    padding:0 12px
}
@media(max-width:1100px) {
    .server-stage {
        min-height:650px
    }
}
@media(max-width:900px) {
    .home-server-footer .server-actions {
        width:100%;
        justify-content:flex-start
    }
}
@media(max-width:650px) {
    .server-stage {
        min-height:720px
    }
    .home-server-footer .server-actions .button {
        flex:1 1 calc(50% - 4px)
    }
}
/* ==========================================================
   HOMEPAGE COMMUNITY METRIC CARDS v1.0.0
   Use the same rounded neon-card system as the rest of the new public site.
   ========================================================== */
.home-metrics {
    gap:14px;
}
.home-metrics .home-metric.neon-card {
    --radius-a:32px;
    --radius-b:32px;
    min-height:135px;
    padding:1px;
    border:0;
    background:rgba(2,10,24,.24);
}
.home-metrics .home-metric.neon-card:hover {
    background:rgba(2,10,24,.24);
}
.home-metric-body {
    display:flex;
    align-items:center;
    gap:18px;
    min-height:133px;
    padding:22px;
    border-radius:30px;
}
.home-metric-copy {
    min-width:0;
}
.home-metrics .metric-icon {
    flex:0 0 58px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:0;
    border-radius:19px;
    background:rgba(2,10,24,.28);
    color:#dfe7ff;
    box-shadow:0 0 12px color-mix(in srgb,var(--card-gradient-a,var(--accent)) 10%,transparent);
}
.home-metrics .metric-icon::before {
    content:"";
    position:absolute;
    inset:-58%;
    z-index:-2;
    pointer-events:none;
    background:conic-gradient(from 0deg,
        transparent 0 10%,
        var(--card-gradient-a,var(--accent)) 17% 31%,
        transparent 42% 59%,
        var(--card-gradient-b,var(--accent-2)) 69% 84%,
        transparent 94% 100%);
    animation:spin var(--card-effect-speed,var(--spin-speed,8s)) linear infinite;
    opacity:var(--card-effect-opacity,1);
}
.home-metrics .metric-icon::after {
    content:"";
    position:absolute;
    inset:1px;
    z-index:-1;
    pointer-events:none;
    border-radius:18px;
    background:linear-gradient(145deg,rgba(4,18,44,.90),rgba(1,7,18,.95));
    box-shadow:inset 0 0 14px color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 8%,transparent);
}
.home-metrics .metric-icon > i {
    position:relative;
    z-index:1;
}
.home-metric:hover .metric-icon {
    box-shadow:0 0 18px color-mix(in srgb,var(--card-gradient-a,var(--accent)) 18%,transparent),
               0 0 24px color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 10%,transparent);
}
.card-effect-none .home-metrics .metric-icon::before {
    display:none;
    animation:none;
}
.card-effect-none .home-metrics .metric-icon {
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);
}
@media(max-width:1100px) {
    .home-metrics {
        gap:14px;
    }
}
@media(max-width:650px) {
    .home-metrics {
        gap:12px;
    }
    .home-metric-body {
        min-height:118px;
        padding:18px;
    }
}
/* PBG requested public-page modern card pass v1.0.0
   Brings legacy Community Hub, server leaderboard, missions/event leaderboards,
   Support and Bans into the newer oval PBG Blue card/button language.
   Uses clean-newsite theme variables when available and falls back to the
   approved PBG Blue colours: main #0010F5, deep glow #020B40. */
:root {
    --pbg-modern-main:var(--accent,#0010F5);
    --pbg-modern-alt:var(--accent-2,#3347ff);
    --pbg-modern-deep:var(--accent-2,#020B40);
    --pbg-modern-line:color-mix(in srgb,var(--pbg-modern-main) 52%,transparent);
    --pbg-modern-line-soft:color-mix(in srgb,var(--pbg-modern-main) 26%,transparent);
    --pbg-modern-logo:var(--card-effect-image,url('/assets/img/bottomlogoblue.png'));
    --pbg-modern-spin:var(--card-effect-speed,9s);
}
/* These pages were still carrying the old large glass wrapper. Keep the dotted
   canvas open and let the actual content cards float on it like the new pages. */
body:is(.pbg-page-community-hub,.pbg-page-leaderboard,.pbg-page-leaderboards,.pbg-page-community-leaderboards,.pbg-page-support,.pbg-page-bans) > main.wrap {
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
body:is(.pbg-page-community-hub,.pbg-page-leaderboard,.pbg-page-leaderboards,.pbg-page-community-leaderboards,.pbg-page-support,.pbg-page-bans) > main.wrap::before {
    display:none!important;
}
/* New oval / asymmetric animated card shell. The translucent inner layer lets
   the rotating PBG logo and colour ring remain softly visible inside the card. */
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell ) {
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    border:1px solid transparent!important;
    border-radius:32px 17px 32px 17px!important;
    background:rgba(2,10,24,.22)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.30),0 0 24px color-mix(in srgb,var(--pbg-modern-main) 8%,transparent)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
    transition:transform .22s ease,box-shadow .22s ease!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell )::before {
    content:""!important;
    position:absolute!important;
    inset:-70%!important;
    z-index:0!important;
    pointer-events:none!important;
    background-color:color-mix(in srgb,var(--pbg-modern-deep) 82%,#020815)!important;
    background-image: var(--pbg-modern-logo), conic-gradient(from 0deg, var(--card-gradient-a,var(--pbg-modern-main)) 0 17%, color-mix(in srgb,var(--card-gradient-a,var(--pbg-modern-main)) 34%,transparent) 29%, transparent 43% 57%, color-mix(in srgb,var(--card-gradient-b,var(--pbg-modern-alt)) 45%,transparent) 69%, var(--card-gradient-b,var(--pbg-modern-alt)) 82% 100%)!important;
    background-repeat:no-repeat,no-repeat!important;
    background-position:center,center!important;
    background-size:var(--card-effect-size,92px) auto,100% 100%!important;
    background-blend-mode:screen!important;
    opacity:var(--card-effect-opacity,.72)!important;
    filter:drop-shadow(0 0 10px color-mix(in srgb,var(--pbg-modern-main) 72%,transparent))!important;
    animation:pbg-modern-card-spin var(--pbg-modern-spin) linear infinite!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell )::after {
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    z-index:1!important;
    border-radius:30px 15px 30px 15px!important;
    pointer-events:none!important;
    background:linear-gradient(145deg,rgba(2,10,24,.74),rgba(1,7,17,.84))!important;
    box-shadow:inset 0 0 32px color-mix(in srgb,var(--pbg-modern-main) 9%,transparent)!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell ) > * {
    position:relative!important;
    z-index:2!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-metric, .lb-panel, .support-page .support-card, .support-page .support-ticket-row, .bans-page .stat-card, .bans-page .panel ):hover {
    transform:translateY(-4px)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 28px color-mix(in srgb,var(--pbg-modern-main) 18%,transparent)!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell ):hover::before {
    animation-duration:4.8s!important;
    opacity:min(1,calc(var(--card-effect-opacity,.72) + .14))!important;
}
/* Smaller cards keep the same family shape without looking oversized. */
:is( .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .support-page .support-ticket-row, .bans-page .stat-card ) {
    border-radius:24px 13px 24px 13px!important
}
:is( .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .support-page .support-ticket-row, .bans-page .stat-card )::after {
    border-radius:22px 11px 22px 11px!important
}
/* Keep scrollable data areas modern but do not clip their horizontal scrolling. */
:is(.lb-table-wrap,.pbg-board-page .pb-table-wrap,.bans-page .bans-table-wrap) {
    border:1px solid var(--pbg-modern-line-soft)!important;
    border-radius:26px 14px 26px 14px!important;
    background:linear-gradient(180deg,rgba(2,10,24,.55),rgba(1,7,17,.72))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.22)!important;
}
.lb-table-wrap::before {
    display:none!important
}
/* Modern controls / buttons. */
:is( .pbg-live-hub .hub-btn, .pbg-board-page .pb-btn, .pbg-board-page .pb-tab, .support-page .small-btn, .lb-cat, .lb-page-btn, .bans-page .bans-tabs a, .bans-page .bans-actions button, .bans-page .bans-actions a, .bans-page .pager-links a ) {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid var(--pbg-modern-line)!important;
    border-radius:14px!important;
    color:#f6f8ff!important;
    background:linear-gradient(180deg,rgba(5,18,45,.80),rgba(2,9,24,.90))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 19px rgba(0,0,0,.22)!important;
    text-decoration:none!important;
    font-weight:850!important;
    cursor:pointer!important;
    transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
:is( .pbg-live-hub .hub-btn, .pbg-board-page .pb-btn, .pbg-board-page .pb-tab, .support-page .small-btn, .lb-cat, .lb-page-btn, .bans-page .bans-tabs a, .bans-page .bans-actions button, .bans-page .bans-actions a, .bans-page .pager-links a ):hover:not(.disabled):not([disabled]) {
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--pbg-modern-main) 78%,white)!important;
    background:linear-gradient(135deg,var(--pbg-modern-deep),color-mix(in srgb,var(--pbg-modern-main) 52%,var(--pbg-modern-deep)))!important;
    box-shadow:0 0 24px color-mix(in srgb,var(--pbg-modern-main) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
:is( .pbg-live-hub .hub-btn.primary, .pbg-board-page .pb-btn.primary, .pbg-board-page .pb-tab.active, .support-page .small-btn.primary, .lb-cat.active, .lb-page-btn.active, .bans-page .bans-tabs a.active, .bans-page .bans-actions .primary, .bans-page .pager-links .primary ) {
    color:#fff!important;
    border-color:color-mix(in srgb,var(--pbg-modern-main) 70%,white)!important;
    background:linear-gradient(135deg,var(--pbg-modern-deep) 0%,var(--pbg-modern-main) 72%,color-mix(in srgb,var(--pbg-modern-main) 72%,white) 100%)!important;
    box-shadow:0 10px 25px color-mix(in srgb,var(--pbg-modern-main) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
/* Inputs / filters use the same compact dark-blue glass controls. */
:is( .pbg-live-hub .hub-map-select, .pbg-board-page .pb-controls select, .lb-select, .support-page .support-form input, .support-page .support-form select, .support-page .support-form textarea, .bans-page input, .bans-page select ) {
    border:1px solid var(--pbg-modern-line-soft)!important;
    border-radius:14px 8px 14px 8px!important;
    background:rgba(1,8,24,.78)!important;
    color:#fff!important;
    outline:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
:is( .pbg-live-hub .hub-map-select, .pbg-board-page .pb-controls select, .lb-select, .support-page .support-form input, .support-page .support-form select, .support-page .support-form textarea, .bans-page input, .bans-page select ):focus {
    border-color:var(--pbg-modern-main)!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--pbg-modern-main) 14%,transparent),0 0 20px color-mix(in srgb,var(--pbg-modern-main) 12%,transparent)!important;
}
:is(.pbg-board-page .pb-controls,.lb-filter-card,.bans-page .bans-filters) {
    border-color:var(--pbg-modern-line-soft)!important;
    background:rgba(2,10,24,.42)!important;
}
/* Remove the remaining orange/cyan legacy accents on just these pages. */
:is( .pbg-live-hub .hub-eyebrow, .pbg-live-hub .hub-map-label, .pbg-board-page .pb-eyebrow, .pbg-board-page .pb-rank, .support-page .support-kicker, .lb-hero .eyebrow, .lb-icon, .bans-page .eyebrow ) {
    color:color-mix(in srgb,var(--pbg-modern-main) 68%,white)!important
}
.pbg-live-hub .hub-community-icon, .pbg-board-page .pb-avatar {
    color:color-mix(in srgb,var(--pbg-modern-main) 68%,white)!important;
    border-color:var(--pbg-modern-line)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--pbg-modern-main) 16%,transparent),rgba(2,11,64,.40))!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--pbg-modern-main) 15%,transparent)!important;
}
.pbg-live-hub .hub-community-link:hover, .support-page .support-dept.active {
    border-color:color-mix(in srgb,var(--pbg-modern-main) 68%,white)!important;
    background:color-mix(in srgb,var(--pbg-modern-main) 10%,rgba(2,10,24,.72))!important;
    box-shadow:0 0 20px color-mix(in srgb,var(--pbg-modern-main) 13%,transparent)!important;
}
.pbg-live-hub .hub-progress span, .pbg-board-page .pb-progress span {
    background:linear-gradient(90deg,var(--pbg-modern-main),color-mix(in srgb,var(--pbg-modern-main) 62%,white))!important;
}
@keyframes pbg-modern-card-spin {
    to {
        transform:rotate(360deg)
    }
}
@media (prefers-reduced-motion:reduce) {
    :is( .pbg-live-hub .hub-card,.pbg-live-hub .hub-metric,.pbg-live-hub .hub-server, .lb-hero .hero-box,.lb-metric,.lb-panel,.pbg-board-page .pb-shell, .support-page .support-hero,.support-page .support-card,.support-page .support-ticket-row, .bans-page .hero-box,.bans-page .stat-card,.bans-page .panel,.bans-page .table-shell )::before {
        animation:none!important
    }
}
@media(max-width:760px) {
    :is( .pbg-live-hub .hub-card,.lb-hero .hero-box,.lb-panel,.pbg-board-page .pb-shell, .support-page .support-hero,.support-page .support-card,.bans-page .hero-box, .bans-page .panel,.bans-page .table-shell ) {
        border-radius:24px 13px 24px 13px!important
    }
    :is( .pbg-live-hub .hub-card,.lb-hero .hero-box,.lb-panel,.pbg-board-page .pb-shell, .support-page .support-hero,.support-page .support-card,.bans-page .hero-box, .bans-page .panel,.bans-page .table-shell )::after {
        border-radius:22px 11px 22px 11px!important
    }
}
/* ==========================================================
   PBG PLAYER-STYLE DOT COLOUR FIX v1.0.1
   The public dotted canvas follows the active player style.
   PBG Blue remains blue; Original/Purple/Red/Green use their own
   --accent and --accent-2 values supplied by the style system.
   ========================================================== */
.site-dots {
    background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 78%,transparent) 0 1px,transparent 1.28px)!important;
}
.public-bg-dots {
    opacity:.46!important;
    background-image: radial-gradient(circle at center,color-mix(in srgb,var(--accent) 78%,transparent) 0 1px,transparent 1.28px), radial-gradient(circle at center,color-mix(in srgb,var(--accent-2) 30%,transparent) 0 .9px,transparent 1.16px)!important;
    background-size:18px 18px,18px 18px!important;
    background-position:0 0,9px 9px!important;
}
/* ==========================================================
   PBG PERFORMANCE PASS v1.6.2
   Keeps the current look while reducing initial paint/network work.
   ========================================================== */
.site-bg {
    background-attachment:scroll!important
}
.brand {
    width:190px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 190px
}
.brand img {
    width:190px!important;
    height:64px!important;
    max-height:64px!important;
    object-fit:contain
}
.hero-logo {
    width:min(920px,90vw);
    height:auto;
    aspect-ratio:2048/682;
    object-fit:contain
}
.footer-logo {
    height:auto
}
/* Do not spend compositor time spinning cards that are not on screen. */
.neon-card::before {
    animation-play-state:paused
}
.neon-card.pbg-motion-on::before {
    animation-play-state:running
}
.home-server-slide:not(.active)::before {
    animation-play-state:paused!important
}
:is( .pbg-live-hub .hub-card,.pbg-live-hub .hub-metric,.pbg-live-hub .hub-server, .lb-hero .hero-box,.lb-metric,.lb-panel,.pbg-board-page .pb-shell, .support-page .support-hero,.support-page .support-card,.support-page .support-ticket-row, .bans-page .hero-box,.bans-page .stat-card,.bans-page .panel,.bans-page .table-shell )::before {
    animation-play-state:paused!important
}
:is( .pbg-live-hub .hub-card,.pbg-live-hub .hub-metric,.pbg-live-hub .hub-server, .lb-hero .hero-box,.lb-metric,.lb-panel,.pbg-board-page .pb-shell, .support-page .support-hero,.support-page .support-card,.support-page .support-ticket-row, .bans-page .hero-box,.bans-page .stat-card,.bans-page .panel,.bans-page .table-shell ).pbg-motion-on::before {
    animation-play-state:running!important
}
/* Skip layout/paint for expensive below-the-fold homepage sections until needed. */
.home-metrics {
    content-visibility:auto;
    contain-intrinsic-size:auto 300px
}
.community-panels {
    content-visibility:auto;
    contain-intrinsic-size:auto 650px
}
.earn-panel {
    content-visibility:auto;
    contain-intrinsic-size:auto 360px
}
.info-rows {
    content-visibility:auto;
    contain-intrinsic-size:auto 760px
}
.site-footer {
    content-visibility:auto;
    contain-intrinsic-size:auto 440px
}
/* Give Font Awesome placeholders a stable width while the non-blocking font CSS arrives. */
.fa-solid,.fas,.fa-regular,.far,.fa-brands,.fab {
    display:inline-block;
    min-width:1em;
    text-align:center
}
@media(max-width:760px) {
    .site-header {
        -webkit-backdrop-filter:blur(7px);
        backdrop-filter:blur(7px)
    }
    .hero-logo {
        width:min(96vw,920px)
    }
    .community-panels {
        contain-intrinsic-size:auto 900px
    }
    .info-rows {
        contain-intrinsic-size:auto 900px
    }
}
@media (prefers-reduced-motion:reduce) {
    .neon-card::before, :is( .pbg-live-hub .hub-card,.pbg-live-hub .hub-metric,.pbg-live-hub .hub-server, .lb-hero .hero-box,.lb-metric,.lb-panel,.pbg-board-page .pb-shell, .support-page .support-hero,.support-page .support-card,.support-page .support-ticket-row, .bans-page .hero-box,.bans-page .stat-card,.bans-page .panel,.bans-page .table-shell )::before {
        animation:none!important
    }
}
/* ==========================================================
   PBG PUBLIC CLEAN LABELS + STYLE DOT COLOURS v1.6.3
   - Removes decorative small all-caps overline/kicker text.
   - Keeps functional labels such as kit server names and form labels.
   - Uses explicit per-player-style dot colours so dots cannot stay blue
     when Original, Purple, Red or Green is selected.
   ========================================================== */
/* Decorative micro-headings / overlines */
.page-intro .eyebrow, .section-title .eyebrow, .welcome > .eyebrow, .panel-heading .eyebrow, .earn-body > div > .eyebrow, .info-row > div > .eyebrow, .theme-picker-heading .eyebrow, .theme-custom-copy .eyebrow, .theme-background-heading .eyebrow, .live-map-frame-head .eyebrow, .schedule-details > .eyebrow, .support-panel-heading .eyebrow, .support-ticket-summary-main .eyebrow, .support-reply-panel > .card-body > .eyebrow, .cart-card > .card-body > .eyebrow, .checkout-review-heading .eyebrow, .kit-receipt-head .eyebrow, .clan-section-heading .eyebrow, .shell-kicker, .pbg-forum-kicker, .staff-cta-kicker, .staff-highlight-label, .pbg-live-hub .hub-eyebrow, .pbg-board-page .pb-eyebrow, .support-page .support-kicker, .lb-hero .eyebrow, .bans-page .eyebrow {
    display:none !important;
}
/* Explicit dot palette for each managed player style. */
body[data-theme-style="pbg_blue"], body[data-theme-style="pbg-blue"] {
    --pbg-dot-main:#0010F5;
    --pbg-dot-alt:#020B40;
}
body[data-theme-style="pbg_original"], body[data-theme-style="pbg-original"] {
    --pbg-dot-main:#F47B20;
    --pbg-dot-alt:#199EE8;
}
body[data-theme-style="royal_purple"], body[data-theme-style="royal-purple"] {
    --pbg-dot-main:#7657FF;
    --pbg-dot-alt:#B052FF;
}
body[data-theme-style="raid_red"], body[data-theme-style="raid-red"] {
    --pbg-dot-main:#EF3F65;
    --pbg-dot-alt:#FF6B7B;
}
body[data-theme-style="community_green"], body[data-theme-style="community-green"] {
    --pbg-dot-main:#36C879;
    --pbg-dot-alt:#56E49B;
}
.site-dots {
    background-image: radial-gradient(circle,var(--pbg-dot-main,var(--accent)) 0 1.05px,transparent 1.32px), radial-gradient(circle,var(--pbg-dot-alt,var(--accent-2)) 0 .78px,transparent 1.08px) !important;
    background-size:18px 18px,18px 18px !important;
    background-position:0 0,9px 9px !important;
    background-repeat:repeat,repeat !important;
    opacity:.72 !important;
}
/* ==========================================================
   PBG MIXED LIVE STYLE DOTS v1.6.6
   Keep the active style colour as the main dot and PBG blue as
   the alternating dot. My Style updates this instantly via --accent.
   ========================================================== */
.site-dots, .public-bg-dots {
    background-image: radial-gradient(circle at center,var(--accent) 0 1.05px,transparent 1.32px), radial-gradient(circle at center,#0010F5 0 .82px,transparent 1.10px) !important;
    background-size:18px 18px,18px 18px !important;
    background-position:0 0,9px 9px !important;
    background-repeat:repeat,repeat !important;
}
.site-dots {
    opacity:.72 !important
}
.public-bg-dots {
    opacity:.62 !important
}
/* ==========================================================
   PBG PUBLIC GLASS CARDS RESTORE v1.6.7
   - Main public cards sit lightly on the dotted canvas again.
   - Default state is translucent so the page dots/background read through.
   - Hover intentionally darkens the card and strengthens the blue glow.
   - Checkout/dialog overlays stay opaque for readability and safety.
   ========================================================== */
:root {
    --pbg-glass-card-top:.36;
    --pbg-glass-card-bottom:.50;
    --pbg-glass-hover-top:.74;
    --pbg-glass-hover-bottom:.86;
}
/* Main card system used by Players, Servers, Profiles, Store, Kits,
   homepage server/staff/metric cards, Support, Clans, Vote and more. */
.neon-card:not(.kit-dialog-card):not(.kit-receipt-card):not(.checkout-review-card):not(.product-modal-card)::after {
    background:linear-gradient( 155deg, rgb(2 10 24 / var(--pbg-glass-card-top)), rgb(1 7 17 / var(--pbg-glass-card-bottom)) )!important;
    box-shadow:inset 0 0 24px color-mix(in srgb,var(--accent) 5%,transparent)!important;
    transition:background .22s ease,box-shadow .22s ease!important;
}
/* Keep the animated PBG/card artwork subtle enough for the dotted canvas
   and selected page background to remain visible through the card. */
.neon-card:not(.kit-dialog-card):not(.kit-receipt-card):not(.checkout-review-card):not(.product-modal-card)::before {
    opacity:calc(var(--card-effect-opacity,1) * .48)!important;
}
.neon-card:not(.kit-dialog-card):not(.kit-receipt-card):not(.checkout-review-card):not(.product-modal-card):hover::after {
    background:linear-gradient( 145deg, rgb(2 14 34 / var(--pbg-glass-hover-top)), rgb(0 5 14 / var(--pbg-glass-hover-bottom)) )!important;
    box-shadow: inset 0 0 38px color-mix(in srgb,var(--accent) 12%,transparent), 0 0 26px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
.neon-card:not(.kit-dialog-card):not(.kit-receipt-card):not(.checkout-review-card):not(.product-modal-card):hover::before {
    opacity:calc(var(--card-effect-opacity,1) * .66)!important;
}
/* Legacy/new-public pages which use their own modern card shell instead
   of .neon-card: Community Hub, leaderboards, Support and Bans. */
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell )::after {
    background:linear-gradient(155deg,rgba(2,10,24,.38),rgba(1,7,17,.52))!important;
    box-shadow:inset 0 0 26px color-mix(in srgb,var(--pbg-modern-main,var(--accent)) 6%,transparent)!important;
    transition:background .22s ease,box-shadow .22s ease!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell )::before {
    opacity:calc(var(--card-effect-opacity,.72) * .58)!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell ):hover::after {
    background:linear-gradient(145deg,rgba(2,14,34,.76),rgba(0,5,14,.87))!important;
    box-shadow: inset 0 0 38px color-mix(in srgb,var(--pbg-modern-main,var(--accent)) 12%,transparent), 0 0 28px color-mix(in srgb,var(--pbg-modern-main,var(--accent)) 18%,transparent)!important;
}
:is( .pbg-live-hub .hub-card, .pbg-live-hub .hub-metric, .pbg-live-hub .hub-server, .lb-hero .hero-box, .lb-metric, .lb-panel, .pbg-board-page .pb-shell, .support-page .support-hero, .support-page .support-card, .support-page .support-ticket-row, .bans-page .hero-box, .bans-page .stat-card, .bans-page .panel, .bans-page .table-shell ):hover::before {
    opacity:calc(var(--card-effect-opacity,.72) * .76)!important;
}
/* Secondary/background cards (non-spinning): PBG BLUE ONLY.
   Other themes keep their own border/accent colours. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(
    .feature,
    .filter-bar,
    .table-wrap,
    .palette,
    .theme-custom-panel,
    .theme-background-panel,
    .support-process-step,
    .support-new-empty,
    .support-department,
    .support-request-row,
    .hub-server-stat-new,
    .hub-server-player-preview span,
    .stat,
    .info-art,
    .next-wipe
) {
    position:relative;
    border-color:transparent!important;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(
    .feature,
    .filter-bar,
    .table-wrap,
    .palette,
    .theme-custom-panel,
    .theme-background-panel,
    .support-process-step,
    .support-new-empty,
    .support-department,
    .support-request-row,
    .hub-server-stat-new,
    .hub-server-player-preview span,
    .stat,
    .info-art,
    .next-wipe
)::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    padding:1px;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(105deg,#e4ff02 0%,#e4ff02 22%,#0010f5 78%,#0010f5 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(
    .feature,
    .palette,
    .support-process-step,
    .support-department,
    .support-request-row,
    .hub-server-stat-new,
    .info-art
):hover::before {
    filter:drop-shadow(0 0 5px rgba(228,255,2,.16)) drop-shadow(0 0 7px rgba(0,16,245,.22));
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]).pbg-page-live-map :is(
    .live-map-toolbar,
    .live-map-side-card,
    .live-map-frame-card
) {
    position:relative;
    border-color:transparent!important;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]).pbg-page-live-map :is(
    .live-map-toolbar,
    .live-map-side-card,
    .live-map-frame-card
)::before {
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    padding:1px!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    opacity:1!important;
    animation:none!important;
    filter:none!important;
    background:linear-gradient(105deg,#e4ff02 0%,#e4ff02 22%,#0010f5 78%,#0010f5 100%)!important;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    mask-composite:exclude!important;
}

/* Public data tables: keep useful desktop proportions without the browser's
   white inner scrollbars. Long descriptive fields wrap; compact fields do not. */
body:is(.pbg-page-bans,.pbg-page-leaderboard,.pbg-page-community-leaderboards) .table-wrap {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch;
}
body:is(.pbg-page-bans,.pbg-page-leaderboard,.pbg-page-community-leaderboards) .table-wrap::-webkit-scrollbar {
    width:0!important;
    height:0!important;
    display:none!important;
}
body.pbg-page-bans .table-wrap table {
    width:100%!important;
    min-width:1040px!important;
    table-layout:fixed!important;
}
body.pbg-page-bans .table-wrap th,
body.pbg-page-bans .table-wrap td {
    overflow-wrap:normal!important;
    word-break:normal!important;
}
body.pbg-page-bans .table-wrap th:nth-child(1),body.pbg-page-bans .table-wrap td:nth-child(1){width:92px}
body.pbg-page-bans .table-wrap th:nth-child(2),body.pbg-page-bans .table-wrap td:nth-child(2){width:170px}
body.pbg-page-bans .table-wrap th:nth-child(3),body.pbg-page-bans .table-wrap td:nth-child(3){width:105px}
body.pbg-page-bans .table-wrap th:nth-child(5),body.pbg-page-bans .table-wrap td:nth-child(5){width:110px}
body.pbg-page-bans .table-wrap th:nth-child(6),body.pbg-page-bans .table-wrap td:nth-child(6){width:145px}
body.pbg-page-bans .table-wrap th:nth-child(7),body.pbg-page-bans .table-wrap td:nth-child(7){width:165px}
body.pbg-page-bans .table-wrap td:nth-child(1),
body.pbg-page-bans .table-wrap td:nth-child(2) small,
body.pbg-page-bans .table-wrap td:nth-child(3),
body.pbg-page-bans .table-wrap td:nth-child(5),
body.pbg-page-bans .table-wrap td:nth-child(7) {
    white-space:nowrap!important;
}
body.pbg-page-bans .table-wrap td:nth-child(4) {
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
body.pbg-page-bans .table-wrap .badge {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:62px;
    white-space:nowrap!important;
}
body.pbg-page-leaderboard .table-wrap table,
body.pbg-page-community-leaderboards .table-wrap table {
    width:100%!important;
    min-width:1040px!important;
    table-layout:auto!important;
}
body.pbg-page-leaderboard .table-wrap th,
body.pbg-page-leaderboard .table-wrap td,
body.pbg-page-community-leaderboards .table-wrap th,
body.pbg-page-community-leaderboards .table-wrap td {
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}
body.pbg-page-leaderboard .rust-lb-player {
    min-width:170px!important;
}
/* Public layout consistency pass v1.0.0.
   Keeps every public page inside the same shell, gives cards/grids room to
   breathe, and prevents small labels/content from collapsing into tiny boxes. */
html,body.pbg-public-page {
    max-width:100%;
    overflow-x:clip;
}
body.pbg-public-page .page-shell > *,
body.pbg-public-page :is(.card-grid,.feature-list,.content-stack,.support-grid,.community-panels,.info-rows,.server-summary-grid,.kit-directory-grid,.shop-preview-grid,.staff-grid,.bp-summary-grid,.bp-instant-grid,.bp-two-col) > * {
    min-width:0;
}
body.pbg-public-page :is(.neon-card,.feature,.filter-bar,.table-wrap,.info-art,.support-process-step,.support-department,.support-request-row) {
    max-width:100%;
}
body.pbg-public-page :is(.badge,.status,.server-player-pill,.ticket-status,.live-map-secure) {
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:keep-all;
}
body.pbg-public-page .page-intro + :is(.card-grid,.feature-list,.content-stack,.support-grid,.server-summary-grid,.bp-summary-grid,.bp-process-card,.bp-policy-section,.community-panels,.info-rows) {
    margin-top:24px;
}
body.pbg-public-page .page-intro + .filter-bar {
    margin-top:24px;
}
body.pbg-public-page :is(.content-stack,.support-grid,.community-panels,.staff-grid,.bp-summary-grid,.bp-instant-grid,.bp-two-col) {
    gap:18px;
}
body.pbg-public-page :is(.neon-card,.feature,.support-process-step,.support-department,.support-request-row) > :is(.card-body,div) {
    min-width:0;
}
@media(max-width:1150px) {
    body.pbg-public-page .page-shell {
        padding-left:20px;
        padding-right:20px;
    }
}
@media(max-width:650px) {
    body.pbg-public-page .page-shell {
        padding-left:14px;
        padding-right:14px;
    }
    body.pbg-public-page .page-intro + :is(.card-grid,.feature-list,.content-stack,.support-grid,.server-summary-grid,.bp-summary-grid,.bp-process-card,.bp-policy-section,.community-panels,.info-rows,.filter-bar) {
        margin-top:18px;
    }
}

/* Keep the live-map grid and iframe inside the public content width. */
body.pbg-page-live-map {
    overflow-x:hidden;
}
body.pbg-page-live-map .live-map-layout,
body.pbg-page-live-map .live-map-toolbar,
body.pbg-page-live-map .live-map-side-card,
body.pbg-page-live-map .live-map-frame-card,
body.pbg-page-live-map .live-map-frame-body,
body.pbg-page-live-map .live-map-iframe {
    min-width:0;
    max-width:100%;
}
body.pbg-page-live-map .live-map-frame-body {
    overflow:hidden!important;
}

/* Homepage metric cards have their own body background rule. Keep their normal
   state light and let the existing darker hover remain obvious. */
.home-metric {
    background:linear-gradient(180deg,rgba(2,10,24,.24),rgba(1,7,17,.34))!important;
}
.home-metric:hover {
    background:linear-gradient(145deg,rgba(2,14,34,.72),rgba(0,5,14,.82))!important;
}
/* The public dots themselves remain untouched by this patch. */


/* v1.0.0 - homepage metric card text colours */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .home-metrics .home-metric b{
    color:#0013f7 !important;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .home-metrics .home-metric span{
    color:#fff705 !important;
}


/* v1.0.1 - Store product cards sized to match Community Hub server cards. */
@media(min-width:901px){
    body.pbg-page-store .store-product-grid{
        grid-template-columns:repeat(auto-fit,minmax(340px,410px))!important;
        gap:14px!important;
        justify-content:start!important;
        align-items:stretch!important;
    }
    body.pbg-page-store .store-product{
        width:100%!important;
        max-width:410px!important;
        height:100%!important;
    }
}
@media(max-width:900px) and (min-width:651px){
    body.pbg-page-store .store-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:14px!important;
    }
    body.pbg-page-store .store-product{max-width:none!important;}
}
@media(max-width:650px){
    body.pbg-page-store .store-product-grid{grid-template-columns:1fr!important;}
    body.pbg-page-store .store-product{max-width:none!important;}
}


/* PBG public card shape normalisation v1.0.0
   Makes all public-facing cards/panels use the newer rounded card silhouette
   without changing any widths/heights/layout sizing. */
body.pbg-public-page{
    --pbg-card-shape-a:34px;
    --pbg-card-shape-b:18px;
    --pbg-card-shape-inner-a:32px;
    --pbg-card-shape-inner-b:16px;
    --pbg-card-shape-small-a:24px;
    --pbg-card-shape-small-b:13px;
    --pbg-card-shape-small-inner-a:22px;
    --pbg-card-shape-small-inner-b:11px;
}

body.pbg-public-page :is(
    .neon-card,
    .feature,
    .filter-bar,
    .table-wrap,
    .info-art,
    .support-process-step,
    .support-department,
    .support-request-row,
    .staff-card,
    .user-directory-card,
    .product-modal-card,
    .cart-card,
    .checkout-review-card,
    .kit-preview-card,
    .kit-dialog-card,
    .kit-shop-card,
    .kit-shop-card-rich,
    .kit-receipt-card,
    .vote-new-card,
    .support-new-panel,
    .support-ticket-summary,
    .support-conversation-panel,
    .support-reply-panel,
    .support-ticket-not-found,
    .live-map-side-card,
    .live-map-frame-card,
    .pbg-live-hub .hub-card,
    .pbg-live-hub .hub-server,
    .lb-hero .hero-box,
    .lb-panel,
    .pbg-board-page .pb-shell,
    .support-page .support-hero,
    .support-page .support-card,
    .bans-page .hero-box,
    .bans-page .panel,
    .bans-page .table-shell,
    .store-product,
    .server-card-detailed,
    .hub-server-card-new,
    .server-directory-card,
    .server-card,
    .bp-process-card,
    .bp-policy-section,
    .bp-two-col > *,
    .community-panels > *,
    .info-rows > *
){
    border-radius:var(--pbg-card-shape-a) var(--pbg-card-shape-b) var(--pbg-card-shape-a) var(--pbg-card-shape-b)!important;
    overflow:hidden!important;
    isolation:isolate;
}

body.pbg-public-page :is(
    .neon-card,
    .feature,
    .filter-bar,
    .table-wrap,
    .info-art,
    .support-process-step,
    .support-department,
    .support-request-row,
    .staff-card,
    .user-directory-card,
    .product-modal-card,
    .cart-card,
    .checkout-review-card,
    .kit-preview-card,
    .kit-dialog-card,
    .kit-shop-card,
    .kit-shop-card-rich,
    .kit-receipt-card,
    .vote-new-card,
    .support-new-panel,
    .support-ticket-summary,
    .support-conversation-panel,
    .support-reply-panel,
    .support-ticket-not-found,
    .live-map-side-card,
    .live-map-frame-card,
    .pbg-live-hub .hub-card,
    .pbg-live-hub .hub-server,
    .lb-hero .hero-box,
    .lb-panel,
    .pbg-board-page .pb-shell,
    .support-page .support-hero,
    .support-page .support-card,
    .bans-page .hero-box,
    .bans-page .panel,
    .bans-page .table-shell,
    .store-product,
    .server-card-detailed,
    .hub-server-card-new,
    .server-directory-card,
    .server-card,
    .bp-process-card,
    .bp-policy-section,
    .bp-two-col > *,
    .community-panels > *,
    .info-rows > *
)::before{
    border-radius:inherit!important;
}

body.pbg-public-page :is(
    .neon-card,
    .feature,
    .filter-bar,
    .table-wrap,
    .info-art,
    .support-process-step,
    .support-department,
    .support-request-row,
    .staff-card,
    .user-directory-card,
    .product-modal-card,
    .cart-card,
    .checkout-review-card,
    .kit-preview-card,
    .kit-dialog-card,
    .kit-shop-card,
    .kit-shop-card-rich,
    .kit-receipt-card,
    .vote-new-card,
    .support-new-panel,
    .support-ticket-summary,
    .support-conversation-panel,
    .support-reply-panel,
    .support-ticket-not-found,
    .live-map-side-card,
    .live-map-frame-card,
    .pbg-live-hub .hub-card,
    .pbg-live-hub .hub-server,
    .lb-hero .hero-box,
    .lb-panel,
    .pbg-board-page .pb-shell,
    .support-page .support-hero,
    .support-page .support-card,
    .bans-page .hero-box,
    .bans-page .panel,
    .bans-page .table-shell,
    .store-product,
    .server-card-detailed,
    .hub-server-card-new,
    .server-directory-card,
    .server-card,
    .bp-process-card,
    .bp-policy-section,
    .bp-two-col > *,
    .community-panels > *,
    .info-rows > *
)::after{
    border-radius:var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b) var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b)!important;
}

body.pbg-public-page :is(
    .pbg-live-hub .hub-metric,
    .lb-metric,
    .support-page .support-ticket-row,
    .bans-page .stat-card,
    .home-metric,
    .metric,
    .server-mini,
    .staff-mini,
    .quick-link-card,
    .cart-item-new,
    .store-kit-card-details .store-kit-info-grid > div,
    .store-kit-card-details .store-kit-rating,
    .store-kit-card-details .store-kit-item-preview
){
    border-radius:var(--pbg-card-shape-small-a) var(--pbg-card-shape-small-b) var(--pbg-card-shape-small-a) var(--pbg-card-shape-small-b)!important;
    overflow:hidden!important;
}

body.pbg-public-page :is(
    .pbg-live-hub .hub-metric,
    .lb-metric,
    .support-page .support-ticket-row,
    .bans-page .stat-card,
    .home-metric,
    .metric,
    .server-mini,
    .staff-mini,
    .quick-link-card,
    .cart-item-new,
    .store-kit-card-details .store-kit-info-grid > div,
    .store-kit-card-details .store-kit-rating,
    .store-kit-card-details .store-kit-item-preview
)::before{
    border-radius:inherit!important;
}

body.pbg-public-page :is(
    .pbg-live-hub .hub-metric,
    .lb-metric,
    .support-page .support-ticket-row,
    .bans-page .stat-card,
    .home-metric,
    .metric,
    .server-mini,
    .staff-mini,
    .quick-link-card,
    .cart-item-new,
    .store-kit-card-details .store-kit-info-grid > div,
    .store-kit-card-details .store-kit-rating,
    .store-kit-card-details .store-kit-item-preview
)::after{
    border-radius:var(--pbg-card-shape-small-inner-a) var(--pbg-card-shape-small-inner-b) var(--pbg-card-shape-small-inner-a) var(--pbg-card-shape-small-inner-b)!important;
}

/* Keep Store and Server cards in the same newer silhouette without changing size. */
body.pbg-public-page :is(.store-product,.server-card-detailed,.hub-server-card-new,.server-directory-card,.server-card){
    border-radius:var(--pbg-card-shape-a) var(--pbg-card-shape-b) var(--pbg-card-shape-a) var(--pbg-card-shape-b)!important;
    overflow:hidden!important;
}
body.pbg-public-page :is(.store-product,.server-card-detailed,.hub-server-card-new,.server-directory-card,.server-card) > .card-body{
    border-radius:var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b) var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b)!important;
    overflow:hidden!important;
}
body.pbg-public-page .store-product--kit .product-image,
body.pbg-public-page .server-card-detailed .server-card-media,
body.pbg-public-page .hub-server-card-new .hub-server-banner-new{
    border-radius:var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b) 18px 12px!important;
}

body.pbg-public-page :is(
    .card-body,
    .live-map-frame-body,
    .table-scroller,
    .user-directory-card .card-body,
    .product-modal-card > .card-body,
    .cart-card > .card-body,
    .checkout-review-card > .card-body,
    .kit-preview-card > .card-body,
    .kit-dialog-card > .card-body,
    .kit-shop-card > .card-body,
    .kit-shop-card-rich > .card-body,
    .kit-receipt-card > .card-body,
    .vote-new-card > .card-body,
    .support-new-panel > .card-body,
    .support-ticket-summary > .card-body,
    .support-conversation-panel > .card-body,
    .support-reply-panel > .card-body,
    .support-ticket-not-found > .card-body,
    .live-map-side-card .card-body,
    .store-product .card-body
){
    border-radius:var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b) var(--pbg-card-shape-inner-a) var(--pbg-card-shape-inner-b)!important;
}


/* PBG Blue-only yellow descriptive/muted copy. Other themes keep their own colours. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) { --muted:#e4ff02; }
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(
    .live-strip .shell,
    .page-intro p,
    .section-title p,
    .metric span,
    .card-subtitle,
    .stat span,
    .card-copy,
    .welcome p,
    .feature p,
    .empty-state,
    .footer-grid p,
    .footer-grid a,
    .footer-bottom,
    .live-copy span,
    .home-server-copy p,
    .next-wipe span,
    .players-active span,
    .panel-heading p,
    .discord-fallback span,
    .staff-card p,
    .earn-body p,
    .info-row p,
    .results-meta,
    .page-gap,
    .cart-item-new span,
    .cart-total-new span,
    .checkout-field span,
    .notice span,
    .product-description,
    .modal-buy-row label,
    .purchase-items span,
    .shop-cost span,
    .server-address,
    .server-next-wipe span,
    .kit-card-stats span,
    .kit-item-preview-head small,
    .kit-no-items,
    .kit-dialog-head p,
    .kit-dialog-summary span,
    .kit-dialog-title-row span,
    .kit-dialog-item-copy span,
    .kit-dialog-item-copy small,
    .kit-shop-description,
    .kit-shop-info-grid span,
    .support-new-form label>span,
    .store-kit-loading,
    .store-kit-empty,
    .store-kit-empty span,
    .theme-choice-copy,
    .theme-background-heading>span,
    .theme-picker-actions>span
) {
    color:#e4ff02 !important;
}

/* PBG Blue Users + Players card text palette — exact page scope.
   Names = blue, main values = white, labels = yellow.
   This only applies on users.php and players.php while PBG Blue is active. */
body.theme-style-pbg-blue.pbg-page-users .users-card-grid .user-directory-card .card-title,
body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .card-title {
    color:#0013f7 !important;
    -webkit-text-fill-color:#0013f7 !important;
    text-shadow:0 0 10px rgba(0,19,247,.22) !important;
}

/* Dates, times, server names, achievement values and number values. */
body.theme-style-pbg-blue.pbg-page-users .users-card-grid .user-directory-card .stat b,
body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .stat b {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    filter:none !important;
    text-shadow:none !important;
}

/* Small supporting labels. */
body.theme-style-pbg-blue.pbg-page-users .users-card-grid .user-directory-card .stat span,
body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .stat span,
body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .card-subtitle {
    color:#fff705 !important;
    -webkit-text-fill-color:#fff705 !important;
}

/* Samsung/mobile: preserve the exact dark PBG blue on names without changing
   the white values or yellow labels. */
@media (max-width:900px) {
    body.theme-style-pbg-blue.pbg-page-users .users-card-grid .user-directory-card .card-title,
    body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .card-title {
        color:transparent !important;
        -webkit-text-fill-color:transparent !important;
        background:#0013f7 !important;
        background-image:linear-gradient(#0013f7,#0013f7) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        filter:none !important;
        text-shadow:none !important;
    }

    body.theme-style-pbg-blue.pbg-page-users .users-card-grid .user-directory-card .stat b,
    body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .stat b {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        background:none !important;
        -webkit-background-clip:border-box !important;
        background-clip:border-box !important;
        filter:none !important;
        text-shadow:none !important;
    }

    body.theme-style-pbg-blue.pbg-page-users .users-card-grid .user-directory-card .stat span,
    body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .stat span,
    body.theme-style-pbg-blue.pbg-page-players .card-grid > .neon-card .card-subtitle {
        color:#fff705 !important;
        -webkit-text-fill-color:#fff705 !important;
    }
}



/* ==========================================================
   PBG BLUE UI POLISH v1.0.2 — DARK GLASS / CLEAR ACCENTS
   Deliberately reduces constant blue. Normal controls are dark,
   blue + yellow are reserved for active, hover and focus states.
   Other public styles are intentionally untouched.
   ========================================================== */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) {
    --pbg-blue-main:#0010F5;
    --pbg-blue-bright:#0013F7;
    --pbg-yellow:#E4FF02;
    --pbg-yellow-bright:#FFF705;
    --pbg-control-bg:rgba(2,6,16,.88);
    --pbg-control-bg-hover:rgba(3,8,20,.96);
    --pbg-control-line:rgba(157,174,207,.20);
    --pbg-control-line-hover:rgba(228,255,2,.52);
    --pbg-blue-glow:rgba(0,16,245,.12);
    --pbg-yellow-glow:rgba(228,255,2,.10);
    --accent:#0010F5 !important;
    --accent-2:#020B40 !important;
}

/* Logo: almost no permanent glow. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.brand img,.hero-logo) {
    filter:drop-shadow(0 0 7px rgba(0,16,245,.09));
}

/* Header navigation: neutral/dark at rest, coloured only when active/hovered. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.main-nav a,.nav-group summary,.account-button,.mobile-toggle) {
    border:1px solid rgba(155,174,209,.15);
    background:linear-gradient(180deg,rgba(4,10,24,.52),rgba(1,5,14,.68));
    color:#eef2fb;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.main-nav a:hover,.main-nav a.active,.nav-group.active summary,.nav-group summary:hover,.nav-group[open] summary,.account-button:hover,.mobile-toggle:hover) {
    color:#fff705;
    border-color:transparent;
    background:
        linear-gradient(180deg,rgba(4,10,24,.90),rgba(1,5,14,.96)) padding-box,
        linear-gradient(105deg,#e4ff02 0%,rgba(228,255,2,.72) 24%,rgba(0,19,247,.62) 78%,#0010f5 100%) border-box;
    box-shadow:-2px 0 8px rgba(228,255,2,.08),2px 0 10px rgba(0,16,245,.10);
    transform:translateY(-1px);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .account-avatar {
    background:#081334;
    border:1px solid rgba(228,255,2,.36);
    box-shadow:0 0 8px rgba(0,16,245,.08);
}

/* Dropdowns: black glass, no permanent blue wash. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.nav-dropdown,.account-menu) {
    border:1px solid rgba(161,178,211,.18);
    background:rgba(2,6,16,.96);
    box-shadow:0 24px 56px rgba(0,0,0,.58);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.nav-dropdown a,.account-menu a,.account-menu-action) {
    border:1px solid transparent;
    color:#e9eef9;
    background:transparent;
    transition:.16s ease;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.nav-dropdown a:hover,.account-menu a:hover,.account-menu-action:hover) {
    color:#fff705;
    border-color:rgba(228,255,2,.22);
    background:rgba(255,255,255,.025);
    box-shadow:inset 3px 0 0 #e4ff02,inset -2px 0 0 #0010f5;
}

/* Buttons: deliberately dark at rest. Primary means stronger edge, not blue fill. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .button:not(:disabled):not(.is-disabled) {
    border:1px solid rgba(161,178,211,.20);
    color:#f5f7fc;
    background:linear-gradient(180deg,rgba(5,10,22,.92),rgba(1,5,14,.97));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.24);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .button.primary:not(:disabled):not(.is-disabled) {
    border-color:transparent;
    color:#fff;
    background:
        linear-gradient(180deg,rgba(5,10,22,.96),rgba(1,5,14,.98)) padding-box,
        linear-gradient(105deg,rgba(228,255,2,.72),rgba(228,255,2,.34) 34%,rgba(0,19,247,.34) 68%,rgba(0,16,245,.72)) border-box;
    box-shadow:0 9px 20px rgba(0,0,0,.28);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .button:not(:disabled):not(.is-disabled):hover {
    color:#fff705;
    transform:translateY(-2px);
    border-color:transparent;
    background:
        linear-gradient(180deg,rgba(5,10,22,.96),rgba(1,5,14,.99)) padding-box,
        linear-gradient(105deg,#e4ff02 0%,#fff705 25%,#0013f7 76%,#0010f5 100%) border-box;
    box-shadow:-2px 0 10px rgba(228,255,2,.10),2px 0 13px rgba(0,16,245,.12),0 12px 28px rgba(0,0,0,.28);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .button:focus-visible {
    outline:0;
    box-shadow:0 0 0 2px rgba(1,5,14,.98),0 0 0 4px rgba(228,255,2,.48),0 0 14px rgba(0,16,245,.10);
}

/* Inputs/selects: neutral at rest; blue/yellow appears only on focus. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(input,select,textarea,.form-control) {
    border:1px solid rgba(159,177,210,.20);
    color:#f4f7fc;
    background:rgba(2,6,16,.90);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    color-scheme:dark;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(input,select,textarea,.form-control):hover {
    border-color:rgba(228,255,2,.30);
    background:rgba(3,8,20,.94);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(input,select,textarea,.form-control):focus {
    outline:0;
    border-color:transparent;
    background:
        linear-gradient(rgba(3,8,20,.97),rgba(3,8,20,.97)) padding-box,
        linear-gradient(105deg,#e4ff02,#0010f5) border-box;
    box-shadow:-2px 0 8px rgba(228,255,2,.08),2px 0 10px rgba(0,16,245,.10);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) select option {
    color:#f6f8ff;
    background:#030711;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) ::placeholder {
    color:rgba(196,207,229,.56);
    opacity:1;
}

/* Tabs/pagination/chips: grey glass inactive; active gets the PBG edge. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.store-server-tabs a,.page-link,.theme-layout-lock,.theme-picker-close,.style-fab,.footer-social a) {
    border:1px solid rgba(159,177,210,.18);
    color:#e8edf7;
    background:rgba(2,6,16,.88);
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.store-server-tabs a.active,.store-server-tabs a:hover,.page-link:hover,.page-link.active,.theme-picker-close:hover,.style-fab:hover,.style-fab.is-open,.footer-social a:hover) {
    color:#fff705;
    border-color:transparent;
    background:
        linear-gradient(rgba(2,6,16,.96),rgba(2,6,16,.96)) padding-box,
        linear-gradient(105deg,#e4ff02,#0010f5) border-box;
    box-shadow:-2px 0 8px rgba(228,255,2,.08),2px 0 10px rgba(0,16,245,.10);
}

/* My Style: selected item gets colour; inactive choices stay very dark. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.theme-choice,.palette) {
    border:1px solid rgba(159,177,210,.15);
    background:rgba(2,6,16,.72);
    box-shadow:none;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.theme-choice:hover,.theme-choice.selected,.palette:hover) {
    border-color:transparent;
    background:
        linear-gradient(rgba(3,8,20,.91),rgba(3,8,20,.91)) padding-box,
        linear-gradient(105deg,#e4ff02,#0010f5) border-box;
    box-shadow:-2px 0 8px rgba(228,255,2,.07),2px 0 10px rgba(0,16,245,.09);
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.badge,.theme-choice-title small) {
    border-color:rgba(228,255,2,.24);
    color:#fff705;
    background:rgba(2,6,16,.72);
    box-shadow:none;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .theme-choice-check {
    color:#fff705;
    text-shadow:0 0 7px rgba(228,255,2,.10);
}

/* Existing card outlines stay blue/yellow, but remove the constant exterior haze. */
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(
    .feature,.filter-bar,.table-wrap,.palette,.theme-custom-panel,.theme-background-panel,
    .support-process-step,.support-new-empty,.support-department,.support-request-row,
    .hub-server-stat-new,.hub-server-player-preview span,.stat,.info-art,.next-wipe
)::before {
    filter:none;
}
body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(
    .feature,.filter-bar,.palette,.theme-custom-panel,.theme-background-panel,
    .support-process-step,.support-department,.support-request-row,.info-art,.next-wipe
):hover::before {
    filter:drop-shadow(-1px 0 3px rgba(228,255,2,.09)) drop-shadow(1px 0 4px rgba(0,16,245,.12));
}

@media(max-width:900px) {
    body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) :is(.main-nav,.nav-dropdown,.account-menu) {
        box-shadow:0 18px 44px rgba(0,0,0,.48);
    }
    body:is([data-theme-style="pbg_blue"],[data-theme-style="pbg-blue"]) .main-nav a {
        border-radius:14px;
    }
}


/* ==========================================================
   PBG Blue sitewide small visual spin v1.0.2
   Extends the same editable Card animation Spin colour 1/2
   treatment to small avatars / icon boxes across public pages.
   Large banners, maps, product media and the site header are excluded.
   ========================================================== */
@property --pbg-small-visual-angle {
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}
@keyframes pbg-small-visual-spin {
    to { --pbg-small-visual-angle:360deg; }
}

/* Container-based small visuals. The animated ring is painted only in
   the edge, so the existing image/background/content remains untouched. */
body[data-theme-style="pbg_blue"] :is(
    .staff-avatar,
    .hub-player-avatar-new,
    .profile-avatar-new,
    .clan-profile-avatar,
    .clan-member-avatar,
    .clan-resource-icon,
    .forum-icon,
    .support-request-icon,
    .hub-community-icon,
    .pb-avatar,
    .pbg-forum-avatar-fallback,
    .pbg-thread-status-icon,
    .purchase-icon,
    .schedule-event-icon,
    .store-sale-icon,
    .hub-accordion-icon,
    .discipline-title-icon,
    .bp-icon,
    .bp-heading-icon:not(.bp-danger-icon)
) {
    position:relative;
    isolation:isolate;
    border-color:transparent!important;
    box-shadow:
        0 0 12px color-mix(in srgb,var(--card-gradient-a,var(--accent)) 10%,transparent),
        0 0 16px color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 7%,transparent);
}

body[data-theme-style="pbg_blue"] :is(
    .staff-avatar,
    .hub-player-avatar-new,
    .profile-avatar-new,
    .clan-profile-avatar,
    .clan-member-avatar,
    .clan-resource-icon,
    .forum-icon,
    .support-request-icon,
    .hub-community-icon,
    .pb-avatar,
    .pbg-forum-avatar-fallback,
    .pbg-thread-status-icon,
    .purchase-icon,
    .schedule-event-icon,
    .store-sale-icon,
    .hub-accordion-icon,
    .discipline-title-icon,
    .bp-icon,
    .bp-heading-icon:not(.bp-danger-icon)
)::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:6;
    border-radius:inherit;
    padding:2px;
    pointer-events:none;
    background:conic-gradient(from var(--pbg-small-visual-angle),
        transparent 0 8%,
        var(--card-gradient-a,var(--accent)) 14% 34%,
        color-mix(in srgb,var(--card-gradient-a,var(--accent)) 42%,transparent) 38%,
        transparent 44% 57%,
        color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 48%,transparent) 62%,
        var(--card-gradient-b,var(--accent-2)) 68% 88%,
        transparent 95% 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:pbg-small-visual-spin var(--card-effect-speed,var(--spin-speed,8s)) linear infinite;
    opacity:var(--card-effect-opacity,1);
}

body[data-theme-style="pbg_blue"] :is(
    .staff-card:hover .staff-avatar,
    .hub-player-card-new:hover .hub-player-avatar-new,
    .profile-view-card:hover .avatar,
    .forum-board:hover .forum-icon,
    .support-ticket-row:hover .support-request-icon,
    .clan-member:hover .clan-member-avatar
) {
    box-shadow:
        0 0 17px color-mix(in srgb,var(--card-gradient-a,var(--accent)) 18%,transparent),
        0 0 23px color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 13%,transparent);
}

/* Some player/forum avatars are the IMG element itself, so a pseudo
   element cannot be used reliably. Paint the same animated conic effect
   into the transparent border area of the image instead. */
body[data-theme-style="pbg_blue"] :is(
    img.avatar,
    img.pbg-forum-avatar,
    img.pbg-thread-mini-avatar
) {
    --pbg-small-visual-angle:0deg;
    box-sizing:border-box;
    border:2px solid transparent!important;
    background:conic-gradient(from var(--pbg-small-visual-angle),
        transparent 0 8%,
        var(--card-gradient-a,var(--accent)) 14% 34%,
        transparent 44% 57%,
        var(--card-gradient-b,var(--accent-2)) 68% 88%,
        transparent 95% 100%) border-box!important;
    box-shadow:
        0 0 12px color-mix(in srgb,var(--card-gradient-a,var(--accent)) 10%,transparent),
        0 0 16px color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 7%,transparent)!important;
    animation:pbg-small-visual-spin var(--card-effect-speed,var(--spin-speed,8s)) linear infinite!important;
}

/* Generic non-image .avatar boxes are used for initials and application
   icons. Give those the same edge effect without disturbing their content. */
body[data-theme-style="pbg_blue"] :is(div.avatar,span.avatar) {
    position:relative;
    isolation:isolate;
    border-color:transparent!important;
}
body[data-theme-style="pbg_blue"] :is(div.avatar,span.avatar)::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:6;
    border-radius:inherit;
    padding:2px;
    pointer-events:none;
    background:conic-gradient(from var(--pbg-small-visual-angle),
        transparent 0 8%,
        var(--card-gradient-a,var(--accent)) 14% 34%,
        transparent 44% 57%,
        var(--card-gradient-b,var(--accent-2)) 68% 88%,
        transparent 95% 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    animation:pbg-small-visual-spin var(--card-effect-speed,var(--spin-speed,8s)) linear infinite;
    opacity:var(--card-effect-opacity,1);
}

/* Respect the existing Admin option for disabling card animation. */
body[data-theme-style="pbg_blue"].card-effect-none :is(
    .staff-avatar,
    .hub-player-avatar-new,
    .profile-avatar-new,
    .clan-profile-avatar,
    .clan-member-avatar,
    .clan-resource-icon,
    .forum-icon,
    .support-request-icon,
    .hub-community-icon,
    .pb-avatar,
    .pbg-forum-avatar-fallback,
    .pbg-thread-status-icon,
    .purchase-icon,
    .schedule-event-icon,
    .store-sale-icon,
    .hub-accordion-icon,
    .discipline-title-icon,
    .bp-icon,
    .bp-heading-icon:not(.bp-danger-icon),
    div.avatar,
    span.avatar
)::before {
    display:none!important;
    animation:none!important;
}
body[data-theme-style="pbg_blue"].card-effect-none :is(
    img.avatar,
    img.pbg-forum-avatar,
    img.pbg-thread-mini-avatar
) {
    animation:none!important;
    border-color:color-mix(in srgb,var(--card-gradient-a,var(--accent)) 42%,transparent)!important;
    background:none!important;
}

@media (prefers-reduced-motion:reduce) {
    body[data-theme-style="pbg_blue"] :is(
        .staff-avatar,
        .hub-player-avatar-new,
        .profile-avatar-new,
        .clan-profile-avatar,
        .clan-member-avatar,
        .clan-resource-icon,
        .forum-icon,
        .support-request-icon,
        .hub-community-icon,
        .pb-avatar,
        .pbg-forum-avatar-fallback,
        .pbg-thread-status-icon,
        .purchase-icon,
        .schedule-event-icon,
        .store-sale-icon,
        .hub-accordion-icon,
        .discipline-title-icon,
        .bp-icon,
        .bp-heading-icon:not(.bp-danger-icon),
        div.avatar,
        span.avatar
    )::before,
    body[data-theme-style="pbg_blue"] :is(
        img.avatar,
        img.pbg-forum-avatar,
        img.pbg-thread-mini-avatar
    ) {
        animation-duration:18s!important;
    }
}

/* ==========================================================
   PBG Blue spinning PBG logo colour sync v1.0.1
   The existing Card animation Spin colour 1/2 controls now
   colour the rotating PBG logo itself as well as card/icon spins.
   Scoped to PBG Blue so other public themes keep their own logo art.
   ========================================================== */
body[data-theme-style="pbg_blue"].card-effect-logos .neon-card::before {
    background-color:color-mix(in srgb,var(--card-gradient-a,var(--accent)) 22%,#020815)!important;
    background-image:
        var(--card-effect-image),
        conic-gradient(from 0deg,
            var(--card-gradient-a,var(--accent)) 0 22%,
            color-mix(in srgb,var(--card-gradient-a,var(--accent)) 42%,transparent) 34%,
            transparent 46% 54%,
            color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 48%,transparent) 66%,
            var(--card-gradient-b,var(--accent-2)) 78% 100%)!important;
    background-repeat:var(--card-logo-repeat,repeat),no-repeat!important;
    background-position:center,center!important;
    background-size:var(--card-effect-size,72px) auto,100% 100%!important;
    /* Luminosity keeps the PBG logo detail while the selected spin colours
       supply the blue/yellow hue; screen keeps the glow airy on dark cards. */
    background-blend-mode:luminosity,screen!important;
    filter:
        drop-shadow(0 0 8px color-mix(in srgb,var(--card-gradient-a,var(--accent)) 55%,transparent))
        drop-shadow(0 0 10px color-mix(in srgb,var(--card-gradient-b,var(--accent-2)) 32%,transparent))!important;
}

body[data-theme-style="pbg_blue"].card-effect-logos.card-logo-layout-single .neon-card::before {
    background-repeat:no-repeat,no-repeat!important;
}

/* The newer public-card shell also contains the rotating PBG logo.
   Give that logo the same two-colour treatment instead of leaving it blue-only. */
body[data-theme-style="pbg_blue"] :is(
  .pbg-live-hub .hub-card,
  .pbg-live-hub .hub-metric,
  .pbg-live-hub .hub-server,
  .lb-hero .hero-box,
  .lb-metric,
  .lb-panel,
  .pbg-board-page .pb-shell,
  .support-page .support-hero,
  .support-page .support-card,
  .support-page .support-ticket-row,
  .bans-page .hero-box,
  .bans-page .stat-card,
  .bans-page .panel,
  .bans-page .table-shell
)::before {
    background-blend-mode:luminosity,screen!important;
    filter:
        drop-shadow(0 0 8px color-mix(in srgb,var(--card-gradient-a,var(--pbg-modern-main)) 52%,transparent))
        drop-shadow(0 0 10px color-mix(in srgb,var(--card-gradient-b,var(--pbg-modern-alt)) 30%,transparent))!important;
}