/* Original generated environments, scoped to the authenticated CS dashboard. */
#flowCs #csDash {
  --cs-armory:url('/assets/cs-panel-photo-20260912/armory.webp');
  --cs-courtyard:url('/assets/cs-panel-photo-20260912/courtyard.webp');
  --cs-line:#c8def72b;
}
#flowCs #csDash :is(.pp-cs-arsenal,.pp-cs-economy,.pp-shop-card) {
  background-color:#07121d;
  --cs-photo-background:linear-gradient(180deg,#030c1694,#030c16ad),var(--cs-armory);
  --cs-photo-position:center,right bottom;
}
#flowCs #csDash .pp-cs-arsenal {--cs-photo-position:center,70% center;}
#flowCs #csDash :is(.pp-cs-intel,.pp-cs-events-card,.cs-rankings) {
  background-color:#071420;
  --cs-photo-background:linear-gradient(180deg,#030c168c,#030c1699),var(--cs-courtyard);
  --cs-photo-position:center,right center;
}
#flowCs #csDash .pp-cs-events-card {--cs-photo-position:center,70% bottom;}
#flowCs #csDash .cs-rankings {
  --cs-photo-background:linear-gradient(180deg,#030c1680,#030c16ad),var(--cs-courtyard);
  --cs-photo-position:center,center;
}
#flowCs #csDash .cs-player-bottom {
  background-color:#07121d;
  --cs-photo-background:linear-gradient(90deg,#030c16bf,#030c168c),var(--cs-armory);
  --cs-photo-position:center,right 70%;
}
#flowCs #csDash .cs-next-nav {
  --cs-photo-background:linear-gradient(#030c16cc,#030c16cc),var(--cs-courtyard);
  --cs-photo-position:center;
}
#flowCs #csDash :is(.pp-cs-arsenal,.pp-cs-economy,.pp-shop-card,.pp-cs-intel,.pp-cs-events-card,.cs-rankings,.cs-player-bottom,.cs-next-nav) {
  position:relative;isolation:isolate;background-image:none;
}
/* Blur a clipped background layer without filtering content or clipping its controls. */
#flowCs #csDash :is(.pp-cs-arsenal,.pp-cs-economy,.pp-shop-card,.pp-cs-intel,.pp-cs-events-card,.cs-rankings,.cs-player-bottom,.cs-next-nav)::before {
  content:'';display:block;position:absolute;inset:0;z-index:-1;
  width:auto;height:auto;border:0;border-radius:inherit;opacity:1;transform:none;animation:none;
  background-image:var(--cs-photo-background);background-position:var(--cs-photo-position);
  background-size:cover;background-repeat:no-repeat;
  filter:blur(2px);clip-path:inset(0);pointer-events:none;
}
#flowCs #csDash :is(.cs-profile-field dt,.pp-stat__label,.pp-cs-metrics>div>span,.pp-cs-economy-grid>div>span,
  .pp-cs-progress__label span,.pp-cs-progress small,.cs-combat-stats span,.cs-arsenal-inventory span,
  .cs-market-stat span,.pp-cs-live__label,.pp-cs-live__meta,.pp-cs-tier__copy span,.pp-cs-tier__copy small,
  .cs-race-stat>span,.cs-rank-search>span,.pp-item__time,.cs-account-details,.cs-next-nav a) {color:#cadcea;}
#flowCs #csDash :is(.pp-stat__num,.pp-cs-metrics strong,.pp-cs-economy-grid strong,.cs-combat-stats strong,.cs-arsenal-inventory strong) {color:#f5f9ff;}
#flowCs #csDash :is(#csCurrentGun,.cs-market-stat strong) {color:#f5f9ff;}
#flowCs #csDash .pp-cs-economy-grid>div>span {color:#e0ecf5;}
#flowCs #csDash .pp-cs-tier__copy strong {color:#ffdb91;}
#flowCs #csDash .cs-live-status.is-online {color:#a2efc4;}
#flowCs #csDash .cs-live-status.is-down {color:#ffb8c0;}
#flowCs #csDash :is(.pp-badge,.pp-cs-event__tag) {background:#051321ba;border-color:#b6d6ef4d;color:#d3e7f5;}
#flowCs #csDash .pp-cs-event[data-cs-kind=OUT] .pp-cs-event__tag {background:#351a28d9;color:#ffc8d4;}
#flowCs #csDash .pp-cs-event[data-cs-kind=MAP] .pp-cs-event__tag {background:#102c48d9;color:#c5e0ff;}
#flowCs #csDash :is(.pp-cs-progress__track,.pp-cs-tier__track) {background:#030c18ba;}
#flowCs #csDash .pp-cs-progress__track i {background:#fa9aa9;}
#flowCs #csDash .cs-activity-filters {background:#031220bf;border-color:#b5d1ec40;}
#flowCs #csDash .cs-activity-filters button {color:#cbdcec;}
#flowCs #csDash .cs-activity-filters button[aria-pressed=true] {background:#244f72d9;border-color:#92c9f078;color:#fff;}
#flowCs #csDash .cs-activity-filters .cs-filter-count {color:#c3d5e5;}
#flowCs #csDash .pp-cs-event__label {color:#c0d3e3;}
#flowCs #csDash #csRankSearch {background:#031221c9;border-color:#b5d1ec50;color:#eef7ff;}
#flowCs #csDash #csRankSearch::placeholder {color:#c4d8e8;}
#flowCs #csDash #csRankMine {accent-color:#df7188;}
#flowCs #csDash .pp-cs-board-card {background:none;}
#flowCs #csDash .pp-board :is(thead,th) {background:#06192be6;color:#d8e7f2;}
#flowCs #csDash .pp-board td {background:#030e1970;}
#flowCs #csDash .pp-board tbody tr:hover td {background:#163752c9;}
#flowCs #csDash .pp-board__me td {background:#5a203bd9;color:#ffe0ea;}
#flowCs #csDash .pp-cs-rank-pill {color:#c4d6e6;}
#flowCs #csDash .pp-board tbody tr:nth-child(-n+3) .pp-cs-rank-pill {color:#ffe3a3;background:#5a411978;}
#flowCs #csDash .pp-shop-card {
  --cs-photo-background:linear-gradient(180deg,#030c16b8,#030c1666 25%,#030c1680),var(--cs-armory);
}
#flowCs #csDash .pp-item {background:#041423b8;border-color:#b5d1ec47;}
#flowCs #csDash .pp-item__name {color:#f1f7ff;}
#flowCs #csDash .pp-buy {
  --action-surface:#bb2947;--action-hover:#d33655;--action-border:#fb96ac80;
  --action-hover-border:#ffd2dd;--action-text:#fff;
}
#flowCs #csDash .cs-store-art {filter:drop-shadow(0 6px 10px #0009);}

/* Individual information surfaces leave the photographic section backgrounds visible. */
#flowCs #csDash .cs-arsenal-progression,
#flowCs #csDash .cs-combat-stats>div,
#flowCs #csDash .cs-item-stat,
#flowCs #csDash .cs-market-stat,
#flowCs #csDash .pp-cs-live,
#flowCs #csDash .pp-cs-metrics>div,
#flowCs #csDash .pp-cs-tier,
#flowCs #csDash .pp-cs-economy-grid>div,
#flowCs #csDash .pp-cs-event,
#flowCs #csDash .cs-race-stat,
#flowCs #csDash .cs-rank-race>.pp-cs-progress {
  min-width:0;padding:14px 16px;border:1px solid #bad4e32e;border-radius:6px;
  background:#071118b8;box-shadow:inset 0 1px 0 #effaff08;
}
#flowCs #csDash .cs-arsenal-progression {
  grid-template-columns:88px minmax(0,1fr);gap:20px;margin:0 0 12px;padding:18px;
}
#flowCs #csDash .pp-stat.cs-level-stat {padding:0 18px 0 0;}
#flowCs #csDash .cs-combat-stats {gap:12px;padding:0;border:0;}
#flowCs #csDash .cs-combat-stats>div {min-height:82px;justify-content:space-between;}
#flowCs #csDash .cs-arsenal-inventory {gap:12px;margin:12px 0;}
#flowCs #csDash .cs-item-stat {padding:12px;}
#flowCs #csDash .cs-item-art {max-width:100%;filter:drop-shadow(0 3px 5px #0009);}
#flowCs #csDash .cs-market-stat {padding:12px 16px;}
#flowCs #csDash .pp-cs-live {padding:20px;margin:0 0 12px;}
#flowCs #csDash .pp-cs-live__meta {padding-top:12px;border-top:1px solid #bad4e324;}
#flowCs #csDash .pp-cs-metrics {gap:12px;padding:0;border:0;}
#flowCs #csDash .pp-cs-metrics>div {min-height:88px;justify-content:space-between;}
#flowCs #csDash .pp-cs-tier {
  min-height:130px;padding:18px 18px 18px 118px;margin:0 0 16px;
  background:#161a17b8;border-color:#eaca8840;
}
#flowCs #csDash .cs-milestone-art {top:18px;left:16px;}
#flowCs #csDash .pp-cs-economy .pp-cs-economy-grid {gap:12px;padding:0;border:0;}
#flowCs #csDash .pp-cs-economy .pp-cs-economy-grid+.pp-cs-economy-grid {margin-top:12px;}
#flowCs #csDash .pp-cs-economy-grid>div {padding:12px;min-height:88px;justify-content:space-between;}
#flowCs #csDash .pp-cs-economy-grid strong {overflow-wrap:anywhere;}
#flowCs #csDash .pp-cs-events {display:grid;gap:8px;}
#flowCs #csDash .pp-cs-event {padding:10px 12px;min-height:60px;border-left-color:#87caad70;}
#flowCs #csDash .pp-cs-event[data-cs-kind=OUT] {border-left-color:#e492a070;}
#flowCs #csDash .pp-cs-event[data-cs-kind=MAP] {border-left-color:#84bce370;}
#flowCs #csDash .pp-cs-events-card :is(.cs-filter-empty,.pp-cs-events>.pp-card__text) {
  padding:16px;border:1px solid #bad4e32e;border-radius:6px;background:#071118b8;
}
#flowCs #csDash .cs-rank-race {gap:12px;padding:0;border:0;align-items:stretch;}
#flowCs #csDash .cs-rank-race>.pp-cs-progress {justify-content:center;}
#flowCs #csDash :is(.cs-combat-stats>div,.pp-cs-metrics>div,.pp-cs-economy-grid>div)>span {overflow-wrap:anywhere;}
@media(max-width:520px) {
  #flowCs #csDash .cs-arsenal-progression {grid-template-columns:64px minmax(0,1fr);gap:14px;padding:12px;}
  #flowCs #csDash .pp-stat.cs-level-stat {padding-right:12px;}
  #flowCs #csDash :is(.cs-combat-stats>div,.pp-cs-metrics>div,.cs-race-stat,.cs-rank-race>.pp-cs-progress) {padding:12px;}
  #flowCs #csDash :is(#csKills,#csDamage).cs-large-number {font-size:16px;white-space:normal;overflow-wrap:anywhere;}
  #flowCs #csDash .cs-arsenal-inventory {gap:8px;}
  #flowCs #csDash .cs-item-stat {padding:10px 8px;}
  #flowCs #csDash .cs-market-stat {padding:12px;}
  #flowCs #csDash .pp-cs-live {padding:16px;}
  #flowCs #csDash .pp-cs-tier {padding:16px 12px 16px 86px;}
  #flowCs #csDash .cs-milestone-art {top:16px;left:10px;}
}