:root{
  --pbg-glass-shell:linear-gradient(180deg,rgba(8,14,26,.78),rgba(5,10,18,.94));
  --pbg-glass-card:linear-gradient(180deg,rgba(9,16,28,.76),rgba(5,11,20,.93));
  --pbg-glass-border:linear-gradient(90deg,rgba(247,86,15,.62),rgba(5,174,253,.58));
  --pbg-glass-border-soft:linear-gradient(115deg,rgba(247,86,15,.45),rgba(255,255,255,.10) 46%,rgba(5,174,253,.46));
  --pbg-glass-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
  --pbg-glass-sub:rgba(8,14,24,.56);
  --pbg-glass-line:rgba(255,255,255,.09);
  --pbg-glass-text:#eef4ff;
  --pbg-glass-muted:rgba(225,236,255,.72);
}

/* Main community.php-style glass shells */
.pc-shell,.ps-shell,.pcl-shell,.pp-hero,.pb-shell,.cd-shell,
.glass-panel,.lm-card,.wipe-store-hero,.wipe-hero,.wipe-card,.wipe-table-card,
.vs-hero,.vs-card,.lb-panel,.lb-metric{
  position:relative;
  border:1px solid transparent !important;
  background:var(--pbg-glass-shell) padding-box,var(--pbg-glass-border) border-box !important;
  box-shadow:var(--pbg-glass-shadow) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.pc-shell,.ps-shell,.pcl-shell,.pp-hero,.pb-shell,.cd-shell,.glass-panel,
.lm-card,.wipe-store-hero,.wipe-hero,.wipe-card,.wipe-table-card,.vs-hero,.vs-card,.lb-panel{
  overflow:hidden;
}

.pc-shell::after,.ps-shell::after,.pcl-shell::after,.pp-hero::after,.pb-shell::after,
.cd-shell::after,.glass-panel::after,.lm-card::after,.wipe-store-hero::after,
.wipe-hero::after,.wipe-card::after,.wipe-table-card::after,.vs-hero::after,
.vs-card::after,.lb-panel::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(125deg,rgba(247,86,15,.11),transparent 34%,rgba(5,174,253,.11) 74%,transparent 100%);
  pointer-events:none;
  z-index:0;
}

.pc-shell>* ,.ps-shell>* ,.pcl-shell>* ,.pp-hero>* ,.pb-shell>* ,.cd-shell>* ,
.glass-panel>* ,.lm-card>* ,.wipe-store-hero>* ,.wipe-hero>* ,.wipe-card>* ,
.wipe-table-card>* ,.vs-hero>* ,.vs-card>* ,.lb-panel>*{
  position:relative;
  z-index:1;
}

.pc-hero,.ps-hero,.pcl-hero,.pp-hero,.pb-shell,.profile-hero,
.wipe-store-hero,.wipe-hero,.vs-hero{
  border-radius:28px !important;
}

/* Public cards */
.pc-card,.ps-card,.pcl-card,.pp-card,.cd-player,.cd-stat,
.achievement-card,.server-panel,.progression-list,.cmd-card,.vs-server,.vs-row{
  position:relative;
  border:1px solid transparent !important;
  background:var(--pbg-glass-card) padding-box,var(--pbg-glass-border-soft) border-box !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.pc-card,.ps-card,.pcl-card,.pp-card,.cd-player,.achievement-card,.server-panel,.cmd-card,.vs-server,.vs-row{
  border-radius:22px !important;
}

/* Inner cards and table rows */
.kit-meta>div,.clan-stat,.pp-stat,.cd-meta,.cd-extra,
.shop-img,.web-notice,.web-order,.lm-mini,.lm-note,.wipe-mini,.wipe-stat,
.wipe-store-panel,.pb-controls,.pb-table td,.lb-filter-card,.lb-table td,
.mini-stat,.server-stat,.achievement-meta,.progression-row,.empty-panel{
  background:var(--pbg-glass-sub) !important;
  border:1px solid var(--pbg-glass-line) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.kit-meta>div,.clan-stat,.pp-stat,.shop-img,.lm-mini,.lm-note,.wipe-mini,
.wipe-stat,.wipe-store-panel,.lb-filter-card,.mini-stat,.server-stat,.achievement-meta,.empty-panel{
  border-radius:16px !important;
}

/* Form fields */
.pc-filter input,.pc-filter select,.ps-filter input,.ps-filter select,
.pcl-filter input,.pcl-filter select,.pp-filter input,.pp-filter select,
.pb-controls select,.lb-select,.lm-select,.lm-select-mini,.wipe-select,
.profile-wrap select,.vote-status-page input,.vote-status-page select{
  background:rgba(8,14,24,.72) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.16) !important;
  border-radius:14px !important;
}

.pc-filter input:focus,.pc-filter select:focus,.ps-filter input:focus,.ps-filter select:focus,
.pcl-filter input:focus,.pcl-filter select:focus,.pp-filter input:focus,.pp-filter select:focus,
.pb-controls select:focus,.lb-select:focus,.lm-select:focus,.lm-select-mini:focus,.wipe-select:focus,
.profile-wrap select:focus{
  border-color:rgba(5,174,253,.72) !important;
  outline:none;
  box-shadow:0 0 0 3px rgba(5,174,253,.12),inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Buttons */
.pc-btn,.ps-btn,.pcl-btn,.pp-btn,.pb-btn,.pb-tab,.cd-back,
.small-btn,.lm-btn,.wipe-btn,.lb-page-btn,.lb-cat,.progression-actions a,
.web-login,.web-buy button,.kit-preview-btn{
  border:1px solid transparent !important;
  background:rgba(8,14,24,.72) padding-box,var(--pbg-glass-border-soft) border-box !important;
  color:#fff !important;
  border-radius:14px !important;
  box-shadow:0 9px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.pc-btn:hover,.ps-btn:hover,.pcl-btn:hover,.pp-btn:hover,.pb-btn:hover,.pb-tab:hover,
.cd-back:hover,.small-btn:hover,.lm-btn:hover,.wipe-btn:hover,.lb-page-btn:hover,
.lb-cat:hover,.progression-actions a:hover,.web-login:hover,.web-buy button:hover,.kit-preview-btn:hover{
  transform:translateY(-1px);
  background:rgba(15,25,42,.90) padding-box,linear-gradient(90deg,rgba(255,138,29,.88),rgba(28,164,255,.86)) border-box !important;
}

.pc-btn.primary,.ps-btn.primary,.pcl-btn.primary,.pp-btn.primary,.pb-btn.primary,
.pb-tab.active,.small-btn.primary,.lb-page-btn.active,.lb-cat.active,
.progression-actions a.primary,.web-buy button{
  background:linear-gradient(90deg,#f56809,#05aefd) padding-box,
             linear-gradient(90deg,#ffb060,#31b8ff) border-box !important;
  border-color:transparent !important;
  color:#fff !important;
}

/* Pills and badges */
.kit-tag,.shop-cat,.clan-tag,.pp-badge,.pb-event-pill,.cd-pill,
.status-badge,.status-chip,.role-chip,.event-chip,.lm-pill,.lm-tactical-pill,
.wipe-pill,.wipe-store-pill,.lb-hero-pill,.web-state{
  background:rgba(8,14,24,.64) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:var(--pbg-glass-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Headings and muted copy */
.pc-eyebrow,.ps-eyebrow,.pcl-eyebrow,.pp-eyebrow,.pb-eyebrow,
.kit-dialog-eyebrow,.shell-kicker,.lb-kicker,.wipe-store-kicker{
  color:#ffb36e !important;
}

.pc-total,.ps-total,.pcl-total,.pp-total,.kit-desc,.kit-preview-note,
.shop-short,.shop-price span,.clan-desc,.clan-server,.pp-points,.pb-sub,
.cd-extra,.vs-muted,.lm-sub,.lm-note,.lm-mini-label,.wipe-card-sub,
.wipe-mini-label,.wipe-stat-label,.lb-sub,.lb-copy-text,.profile-sub,
.section-sub,.achievement-desc,.server-updated,.progression-empty{
  color:var(--pbg-glass-muted) !important;
}

/* Dialogs */
.kit-dialog-shell,.wipe-modal-panel{
  border:1px solid transparent !important;
  background:var(--pbg-glass-shell) padding-box,var(--pbg-glass-border) border-box !important;
  box-shadow:0 28px 90px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.kit-modal-item{
  background:var(--pbg-glass-sub) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

/* Keep the stripped-down in-panel live-map embed transparent */
.lm-embed-mode .lm-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.lm-embed-mode .lm-card::after{display:none !important}

@media(max-width:760px){
  .pc-shell,.ps-shell,.pcl-shell,.pp-hero,.pb-shell,.cd-shell,.glass-panel,
  .lm-card,.wipe-store-hero,.wipe-hero,.wipe-card,.wipe-table-card,.vs-hero,.vs-card,.lb-panel{
    border-radius:22px !important;
  }
}
