/*
Theme Name: PLC Game
Theme URI: 
Author: Player Games
Author URI: 
Description: Mobile-first PLC gaming platform theme with wallet, real-money messaging, support, player profile and game integrations.
Version: 5.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: plc-game
*/

:root {
  --pgs-bg: #070912;
  --pgs-panel: #101427;
  --pgs-panel-2: #171d35;
  --pgs-border: #293253;
  --pgs-text: #f7f8ff;
  --pgs-muted: #939bb8;
  --pgs-accent: #7c4dff;
  --pgs-accent-2: #2fd5ff;
  --pgs-green: #29d884;
  --pgs-yellow: #ffc94d;
  --pgs-red: #ff526e;
  --pgs-radius: 18px;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--pgs-bg);
  color-scheme: dark;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 12% -5%, rgba(124, 77, 255, .16), transparent 32%),
    radial-gradient(circle at 88% 6%, rgba(47, 213, 255, .10), transparent 28%),
    var(--pgs-bg);
  color: var(--pgs-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  min-height: 100vh;
}

body.pgs-lock-scroll {
  overflow: hidden;
}

a {
  color: inherit;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pgs-container {
  width: min(1240px, calc(100% - 36px));
  margin-inline: auto;
}

.pgs-site-header {
  position: sticky;
  top: 0;
  z-index: 9990;
  border-bottom: 1px solid rgba(255,255,255,.075);
  background: rgba(7, 9, 18, .88);
  backdrop-filter: blur(18px);
}

.admin-bar .pgs-site-header {
  top: 32px;
}

.pgs-header-row {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 22px;
}

.pgs-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #fff;
  text-decoration: none;
}

.pgs-brand-logo {
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--pgs-accent), var(--pgs-accent-2));
  box-shadow: 0 0 24px rgba(124, 77, 255, .28);
  font-size: 25px;
  font-weight: 950;
}

.pgs-brand-logo img,
.pgs-brand-logo .custom-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pgs-brand-copy {
  min-width: 0;
}

.pgs-brand-copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  letter-spacing: .025em;
}

.pgs-brand-copy small {
  display: block;
  margin-top: 2px;
  color: var(--pgs-muted);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.pgs-main-nav {
  margin-left: auto;
}

.pgs-main-nav ul {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pgs-main-nav a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: #bdc4db;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.pgs-main-nav a:hover,
.pgs-main-nav .current-menu-item > a {
  color: #fff;
  background: rgba(255,255,255,.065);
}

.pgs-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pgs-wallet-chip {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid var(--pgs-border);
  border-radius: 12px;
  background: var(--pgs-panel);
  color: #fff;
  text-decoration: none;
}

.pgs-wallet-chip small {
  display: block;
  color: var(--pgs-muted);
  font-size: 8px;
  letter-spacing: .1em;
}

.pgs-wallet-chip strong {
  display: block;
  font-size: 13px;
  line-height: 1.1;
}

.pgs-wallet-chip.is-zero strong {
  color: var(--pgs-yellow);
}

.pgs-header-button,
.pgs-header-support {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 14px;
  border-radius: 11px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.pgs-header-button {
  background: var(--pgs-green);
  color: #03160c;
}

.pgs-header-support {
  border: 1px solid var(--pgs-border);
  background: var(--pgs-panel);
  color: #fff;
}

.pgs-menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--pgs-border);
  border-radius: 11px;
  background: var(--pgs-panel);
  color: #fff;
  cursor: pointer;
}

.pgs-real-banner {
  border-bottom: 1px solid rgba(41, 216, 132, .2);
  background: rgba(41, 216, 132, .07);
}

.pgs-real-banner-inner {
  min-height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #c6ffe1;
  text-align: center;
  font-size: 11px;
}

.pgs-live-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--pgs-green);
  box-shadow: 0 0 13px rgba(41, 216, 132, .85);
  animation: pgsPulse 1.6s ease-in-out infinite;
}

@keyframes pgsPulse {
  0%, 100% { opacity: .42; transform: scale(.8); }
  50% { opacity: 1; transform: scale(1.16); }
}

.pgs-real-banner strong {
  color: #fff;
  font-size: 10px;
  letter-spacing: .11em;
  white-space: nowrap;
}

.pgs-real-banner button {
  border: 0;
  background: transparent;
  color: #b9c0d4;
  font-size: 19px;
  cursor: pointer;
}

.pgs-hero {
  padding: 76px 0 48px;
}

.pgs-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr);
  align-items: center;
  gap: 42px;
}

.pgs-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  border: 1px solid rgba(47, 213, 255, .22);
  border-radius: 999px;
  background: rgba(47, 213, 255, .07);
  color: #bfefff;
  padding: 7px 11px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pgs-hero h1 {
  max-width: 800px;
  margin: 0;
  font-size: clamp(44px, 7vw, 84px);
  line-height: .98;
  letter-spacing: -.055em;
}

.pgs-gradient-text {
  background: linear-gradient(135deg, #fff 15%, #af99ff 55%, #42dfff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pgs-hero-copy > p {
  max-width: 670px;
  margin: 22px 0 0;
  color: #adb5ce;
  font-size: 17px;
  line-height: 1.75;
}

.pgs-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 27px;
}

.pgs-primary-button,
.pgs-secondary-button {
  min-height: 49px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  padding: 0 19px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
}

.pgs-primary-button {
  background: linear-gradient(135deg, var(--pgs-accent), #5f36dc);
  color: #fff;
  box-shadow: 0 13px 35px rgba(124, 77, 255, .22);
}

.pgs-secondary-button {
  border: 1px solid var(--pgs-border);
  background: var(--pgs-panel);
  color: #fff;
}

.pgs-responsible-note {
  display: block;
  margin-top: 15px;
  color: #777f9a;
  font-size: 10px;
}

.pgs-hero-panel {
  position: relative;
  min-height: 370px;
  overflow: hidden;
  border: 1px solid rgba(124, 77, 255, .28);
  border-radius: 28px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(circle at 50% 45%, rgba(47, 213, 255, .14), transparent 43%),
    #0c1020;
  background-size: 32px 32px, 32px 32px, auto, auto;
  box-shadow: 0 32px 80px rgba(0,0,0,.25);
}

.pgs-hero-orbit {
  position: absolute;
  inset: 50% auto auto 50%;
  border: 1px solid rgba(124, 77, 255, .28);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.pgs-hero-orbit.one {
  width: 310px;
  height: 135px;
  animation: pgsOrbit 12s linear infinite;
}

.pgs-hero-orbit.two {
  width: 205px;
  height: 205px;
  animation: pgsOrbit 17s linear infinite reverse;
}

@keyframes pgsOrbit {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.pgs-hero-symbol {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  font-size: 150px;
  line-height: 1;
  font-weight: 950;
  background: linear-gradient(135deg, var(--pgs-accent), var(--pgs-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 32px rgba(124, 77, 255, .32));
}

.pgs-hero-stat {
  position: absolute;
  display: grid;
  gap: 2px;
  min-width: 125px;
  padding: 11px 13px;
  border: 1px solid var(--pgs-border);
  border-radius: 13px;
  background: rgba(15, 19, 38, .90);
  backdrop-filter: blur(10px);
}

.pgs-hero-stat small {
  color: var(--pgs-muted);
  font-size: 8px;
  letter-spacing: .11em;
}

.pgs-hero-stat strong {
  font-size: 15px;
}

.pgs-hero-stat.one {
  top: 22px;
  left: 22px;
}

.pgs-hero-stat.two {
  right: 22px;
  bottom: 22px;
}

.pgs-quick-actions {
  padding: 0 0 44px;
}

.pgs-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
}

.pgs-quick-card {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--pgs-border);
  border-radius: 15px;
  background: rgba(16, 20, 39, .82);
  padding: 14px;
  color: #fff;
  text-decoration: none;
}

.pgs-quick-card:hover {
  border-color: rgba(124, 77, 255, .52);
  transform: translateY(-1px);
}

.pgs-quick-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--pgs-panel-2);
  font-size: 19px;
}

.pgs-quick-card small {
  display: block;
  color: var(--pgs-muted);
  font-size: 9px;
  letter-spacing: .09em;
}

.pgs-quick-card strong {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.pgs-section {
  padding: 35px 0 58px;
}

.pgs-section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.pgs-section-header h2 {
  margin: 0;
  font-size: clamp(25px, 4vw, 38px);
  letter-spacing: -.035em;
}

.pgs-section-header p {
  max-width: 520px;
  margin: 7px 0 0;
  color: var(--pgs-muted);
  font-size: 13px;
}

.pgs-game-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pgs-game-search {
  width: min(260px, 42vw);
  height: 42px;
  border: 1px solid var(--pgs-border);
  border-radius: 11px;
  outline: none;
  background: var(--pgs-panel);
  color: #fff;
  padding: 0 13px;
}

.pgs-game-search:focus {
  border-color: var(--pgs-accent);
}

.pgs-games-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.pgs-game-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--pgs-border);
  border-radius: 17px;
  background: var(--pgs-panel);
  transition: transform .18s ease, border-color .18s ease;
}

.pgs-game-card:hover {
  transform: translateY(-3px);
  border-color: rgba(124, 77, 255, .56);
}

.pgs-game-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(124, 77, 255, .18), transparent 55%),
    #0b0e1a;
}

.pgs-game-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pgs-game-icon {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.4));
}

.pgs-game-status {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 999px;
  background: rgba(8, 11, 22, .82);
  color: #fff;
  padding: 5px 8px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .09em;
}

.pgs-game-status.is-live {
  background: rgba(41, 216, 132, .88);
  color: #04160c;
}

.pgs-game-body {
  padding: 14px;
}

.pgs-game-body small {
  color: var(--pgs-accent-2);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pgs-game-body h3 {
  margin: 6px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}

.pgs-game-body p {
  height: 40px;
  overflow: hidden;
  margin: 0;
  color: var(--pgs-muted);
  font-size: 11px;
  line-height: 1.45;
}

.pgs-game-button {
  width: 100%;
  min-height: 41px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--pgs-accent), #6036db);
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-weight: 950;
}

.pgs-game-button.is-disabled {
  background: #242a42;
  color: #868ea8;
  pointer-events: none;
}

.pgs-no-games {
  grid-column: 1 / -1;
  padding: 30px;
  border: 1px dashed var(--pgs-border);
  border-radius: 16px;
  color: var(--pgs-muted);
  text-align: center;
}

.pgs-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.pgs-benefit {
  border: 1px solid var(--pgs-border);
  border-radius: 17px;
  background: rgba(16, 20, 39, .82);
  padding: 20px;
}

.pgs-benefit span {
  font-size: 27px;
}

.pgs-benefit h3 {
  margin: 11px 0 6px;
  font-size: 16px;
}

.pgs-benefit p {
  margin: 0;
  color: var(--pgs-muted);
  font-size: 12px;
}

.pgs-support-strip {
  margin: 0 0 60px;
  border: 1px solid rgba(47, 213, 255, .23);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 50%, rgba(124, 77, 255, .17), transparent 32%),
    var(--pgs-panel);
  padding: 25px;
}

.pgs-support-strip-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pgs-support-strip h2 {
  margin: 0 0 4px;
  font-size: 22px;
}

.pgs-support-strip p {
  margin: 0;
  color: var(--pgs-muted);
  font-size: 12px;
}

.pgs-support-strip .pgs-primary-button {
  margin-left: auto;
  white-space: nowrap;
}

.pgs-site-content {
  min-height: 62vh;
}

.pgs-content-shell {
  width: min(930px, calc(100% - 32px));
  margin: 44px auto 70px;
  border: 1px solid var(--pgs-border);
  border-radius: 20px;
  background: rgba(16, 20, 39, .87);
  padding: clamp(20px, 4vw, 38px);
}

.pgs-content-shell h1 {
  margin-top: 0;
}

.pgs-entry-content {
  color: #c4cadc;
}

.pgs-entry-content a {
  color: #7ddfff;
}

.pgs-site-footer {
  border-top: 1px solid rgba(255,255,255,.07);
  background: rgba(5, 7, 14, .64);
}

.pgs-footer-grid {
  min-height: 120px;
  display: flex;
  align-items: center;
  gap: 22px;
}

.pgs-footer-copy {
  margin-left: auto;
  color: var(--pgs-muted);
  font-size: 11px;
  text-align: right;
}

.pgs-live-support {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99990;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(41, 216, 132, .42);
  border-radius: 999px;
  background: rgba(9, 13, 26, .95);
  backdrop-filter: blur(12px);
  box-shadow: 0 14px 42px rgba(0,0,0,.42);
  color: #fff;
  padding: 11px 15px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.pgs-zero-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, .76);
  padding: 18px;
}

.pgs-zero-modal[hidden] {
  display: none !important;
}

.pgs-zero-card {
  width: min(470px, 100%);
  border: 1px solid #39456d;
  border-radius: 20px;
  background: #11162a;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  padding: 26px;
  text-align: center;
  position: relative;
}

.pgs-zero-close {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 10px;
  background: #232b49;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}

.pgs-zero-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 0 auto 13px;
  border-radius: 50%;
  background: var(--pgs-yellow);
  color: #1b1603;
  font-size: 28px;
  font-weight: 950;
}

.pgs-zero-card h2 {
  margin: 0 0 7px;
  font-size: 24px;
}

.pgs-zero-card p {
  margin: 0;
  color: #b7bed3;
  line-height: 1.6;
}

.pgs-zero-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 20px;
}

.pgs-zero-actions a {
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: var(--pgs-green);
  color: #03160b;
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
}

.pgs-zero-actions a.is-secondary {
  border: 1px solid var(--pgs-border);
  background: #202844;
  color: #fff;
}

.pgs-zero-demo {
  margin-top: 10px;
  border: 0;
  background: transparent;
  color: #9ba3bd;
  font-size: 11px;
  text-decoration: underline;
  cursor: pointer;
}

.pgs-game-page {
  overflow: hidden;
}

.pgs-game-page .pgs-game-shell {
  min-height: 100vh;
}

@media (max-width: 1020px) {
  .pgs-main-nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    margin: 0;
    border-bottom: 1px solid var(--pgs-border);
    background: #0b0e1b;
    padding: 9px 18px 15px;
  }

  .pgs-main-nav.is-open {
    display: block;
  }

  .pgs-main-nav ul {
    align-items: stretch;
    flex-direction: column;
  }

  .pgs-menu-toggle {
    display: block;
    margin-left: auto;
  }

  .pgs-header-actions {
    margin-left: 0;
  }

  .pgs-hero-grid {
    grid-template-columns: 1fr;
  }

  .pgs-hero-panel {
    min-height: 310px;
  }

  .pgs-quick-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pgs-games-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 782px) {
  .admin-bar .pgs-site-header {
    top: 46px;
  }
}

@media (max-width: 700px) {
  .pgs-container {
    width: min(100% - 22px, 1240px);
  }

  .pgs-header-row {
    min-height: 63px;
    gap: 7px;
  }

  .pgs-brand-logo {
    width: 37px;
    height: 37px;
    flex-basis: 37px;
    border-radius: 11px;
  }

  .pgs-brand-copy strong {
    max-width: 125px;
    font-size: 14px;
  }

  .pgs-brand-copy small {
    display: none;
  }

  .pgs-wallet-chip {
    padding: 6px 8px;
  }

  .pgs-wallet-chip small {
    display: none;
  }

  .pgs-header-button,
  .pgs-header-support {
    display: none;
  }

  .pgs-menu-toggle {
    margin-left: 0;
  }

  .pgs-real-banner-inner {
    justify-content: flex-start;
    padding: 8px 0;
    overflow: hidden;
  }

  .pgs-real-banner strong {
    flex: 0 0 auto;
  }

  .pgs-real-banner span:nth-of-type(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pgs-hero {
    padding: 48px 0 33px;
  }

  .pgs-hero-grid {
    gap: 28px;
  }

  .pgs-hero h1 {
    font-size: clamp(39px, 14vw, 65px);
  }

  .pgs-hero-copy > p {
    font-size: 14px;
    line-height: 1.65;
  }

  .pgs-hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .pgs-primary-button,
  .pgs-secondary-button {
    padding: 0 12px;
  }

  .pgs-hero-panel {
    min-height: 270px;
    border-radius: 21px;
  }

  .pgs-hero-symbol {
    font-size: 115px;
  }

  .pgs-hero-orbit.one {
    width: 255px;
    height: 105px;
  }

  .pgs-hero-orbit.two {
    width: 165px;
    height: 165px;
  }

  .pgs-hero-stat {
    min-width: 108px;
    padding: 9px 10px;
  }

  .pgs-quick-grid {
    gap: 8px;
  }

  .pgs-quick-card {
    gap: 9px;
    padding: 11px;
  }

  .pgs-quick-icon {
    width: 37px;
    height: 37px;
    flex-basis: 37px;
  }

  .pgs-section {
    padding: 28px 0 44px;
  }

  .pgs-section-header {
    display: block;
  }

  .pgs-game-tools {
    margin-top: 13px;
  }

  .pgs-game-search {
    width: 100%;
  }

  .pgs-games-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .pgs-game-card {
    border-radius: 13px;
  }

  .pgs-game-body {
    padding: 10px;
  }

  .pgs-game-body h3 {
    font-size: 13px;
  }

  .pgs-game-body p {
    height: 35px;
    font-size: 9px;
  }

  .pgs-game-button {
    min-height: 36px;
    font-size: 10px;
  }

  .pgs-benefits {
    grid-template-columns: 1fr;
  }

  .pgs-support-strip {
    padding: 20px;
  }

  .pgs-support-strip-inner {
    display: block;
  }

  .pgs-support-strip .pgs-primary-button {
    margin: 15px 0 0;
    width: 100%;
  }

  .pgs-footer-grid {
    align-items: flex-start;
    flex-direction: column;
    padding: 25px 0;
  }

  .pgs-footer-copy {
    margin-left: 0;
    text-align: left;
  }

  .pgs-live-support {
    right: 10px;
    bottom: 10px;
    max-width: 47px;
    overflow: hidden;
    white-space: nowrap;
    padding: 11px 14px;
  }
}

@media (max-width: 380px) {
  .pgs-brand-copy strong {
    max-width: 94px;
  }

  .pgs-wallet-chip {
    font-size: 11px;
  }

  .pgs-hero-actions,
  .pgs-zero-actions {
    grid-template-columns: 1fr;
  }

  .pgs-quick-card strong {
    font-size: 11px;
  }
}


/* PLC Game 5.1.0 — full customisation layer */
html {
  font-size: var(--pgs-base-font-size);
}

body {
  background-color: var(--pgs-bg);
  color: var(--pgs-text);
  font-family: var(--pgs-body-font);
  line-height: var(--pgs-line-height);
}

h1,
h2,
h3,
h4,
h5,
h6,
.pgs-brand-copy strong,
.pgs-primary-button,
.pgs-secondary-button,
.pgs-game-button {
  font-family: var(--pgs-heading-font);
}

.pgs-container {
  width: min(var(--pgs-container-width), calc(100% - 36px));
}

.pgs-content-shell {
  width: min(var(--pgs-content-width), calc(100% - 32px));
}

.pgs-home-layout {
  display: flex;
  flex-direction: column;
}

.pgs-site-header {
  min-height: var(--pgs-header-height);
  background: color-mix(in srgb, var(--pgs-header-bg) 88%, transparent);
}

.pgs-header-transparent .pgs-site-header {
  background: transparent;
  backdrop-filter: none;
}

.pgs-header-glass .pgs-site-header {
  background: color-mix(in srgb, var(--pgs-header-bg) 72%, transparent);
  backdrop-filter: blur(20px);
}

.pgs-header-row {
  min-height: var(--pgs-header-height);
}

.pgs-brand-logo {
  width: var(--pgs-logo-size);
  height: var(--pgs-logo-size);
  flex-basis: var(--pgs-logo-size);
}

.pgs-real-banner {
  background: var(--pgs-banner-bg);
}

.pgs-site-footer {
  background: var(--pgs-footer-bg);
}

.pgs-primary-button,
.pgs-game-button {
  color: var(--pgs-button-text);
}

.pgs-header-button,
.pgs-zero-actions a {
  color: var(--pgs-success-button-text);
}

.pgs-section {
  padding-bottom: var(--pgs-section-spacing);
}

.pgs-hero-grid.is-text-only {
  grid-template-columns: 1fr;
}

.pgs-hero-align-center .pgs-hero-copy {
  text-align: center;
}

.pgs-hero-align-center .pgs-hero-copy > p,
.pgs-hero-align-center .pgs-responsible-note {
  margin-inline: auto;
}

.pgs-hero-align-center .pgs-hero-actions {
  justify-content: center;
}

.pgs-hero-align-center .pgs-eyebrow {
  margin-inline: auto;
}

.pgs-hero-panel {
  min-height: var(--pgs-hero-panel-height);
}

.pgs-quick-grid {
  grid-template-columns: repeat(var(--pgs-quick-desktop-columns), minmax(0, 1fr));
}

.pgs-games-grid {
  grid-template-columns: repeat(var(--pgs-games-desktop-columns), minmax(0, 1fr));
}

.pgs-game-card {
  border-radius: var(--pgs-game-card-radius);
}

.pgs-game-media {
  aspect-ratio: var(--pgs-game-card-ratio);
}

.pgs-game-media img {
  object-fit: var(--pgs-game-image-fit);
}

.pgs-benefits {
  grid-template-columns: repeat(var(--pgs-benefits-columns), minmax(0, 1fr));
}

.pgs-footer-menu {
  margin-left: auto;
}

.pgs-footer-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pgs-footer-menu a {
  color: var(--pgs-muted);
  text-decoration: none;
  font-size: 11px;
}

.pgs-no-animations *,
.pgs-no-animations *::before,
.pgs-no-animations *::after {
  animation: none !important;
  transition: none !important;
}

.pgs-no-shadows * {
  box-shadow: none !important;
  filter: none !important;
}

.pgs-minimal-game-page {
  background: var(--pgs-game-page-bg);
}

@media (max-width: 1020px) {
  .pgs-games-grid {
    grid-template-columns: repeat(var(--pgs-games-tablet-columns), minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .pgs-header-row {
    min-height: var(--pgs-mobile-header-height);
  }

  .pgs-quick-grid {
    grid-template-columns: repeat(var(--pgs-quick-mobile-columns), minmax(0, 1fr));
  }

  .pgs-games-grid {
    grid-template-columns: repeat(var(--pgs-games-mobile-columns), minmax(0, 1fr));
  }

  .pgs-benefits {
    grid-template-columns: 1fr;
  }
}


/* PLC Game 5.2.0 — enhanced mobile responsiveness */
body {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.pgs-mobile-nav {
  display: none;
}

.pgs-mobile-nav a {
  min-width: 0;
}

.pgs-mobile-nav span {
  font-size: 18px;
  line-height: 1;
}

.pgs-mobile-nav small {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .03em;
}

@media (max-width: 700px) {
  body:not(.pgs-minimal-game-page) {
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
  }

  .pgs-site-header {
    width: 100%;
  }

  .pgs-header-row {
    width: 100%;
  }

  .pgs-brand-copy strong {
    max-width: 110px;
  }

  .pgs-wallet-chip {
    max-width: 116px;
  }

  .pgs-wallet-chip strong {
    max-width: 78px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pgs-hero-grid {
    min-width: 0;
  }

  .pgs-hero-copy,
  .pgs-hero-panel,
  .pgs-game-card,
  .pgs-quick-card,
  .pgs-benefit {
    min-width: 0;
  }

  .pgs-hero h1 {
    overflow-wrap: anywhere;
  }

  .pgs-game-media {
    min-height: 0;
  }

  .pgs-game-body h3,
  .pgs-game-body p {
    overflow-wrap: anywhere;
  }

  .pgs-mobile-nav {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom, 8px));
    z-index: 99980;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 17px;
    background: rgba(8, 11, 22, .95);
    backdrop-filter: blur(18px);
    box-shadow: 0 17px 50px rgba(0,0,0,.46);
    padding: 6px;
  }

  .pgs-mobile-nav a {
    display: block;
    border-radius: 11px;
    color: #9aa3bf;
    padding: 7px 3px 6px;
    text-align: center;
    text-decoration: none;
  }

  .pgs-mobile-nav a:hover,
  .pgs-mobile-nav a.is-active {
    background: rgba(124,77,255,.18);
    color: #fff;
  }

  .pgs-live-support {
    bottom: calc(80px + env(safe-area-inset-bottom, 0px));
  }
}

@media (max-width: 360px) {
  .pgs-container {
    width: calc(100% - 14px);
  }

  .pgs-brand-copy strong {
    max-width: 82px;
    font-size: 12px;
  }

  .pgs-wallet-chip {
    max-width: 100px;
    padding-inline: 6px;
  }

  .pgs-menu-toggle {
    width: 38px;
    height: 38px;
  }

  .pgs-hero-actions {
    grid-template-columns: 1fr;
  }

  .pgs-games-grid {
    gap: 7px;
  }

  .pgs-game-body {
    padding: 8px;
  }
}


/* PLC Game 5.3.0 — mobile menu and Live Chat */
.pgs-menu-backdrop{display:none}
@media(max-width:1020px){
  .pgs-main-nav{display:block;position:fixed;top:var(--pgs-header-height);right:10px;left:auto;width:min(360px,calc(100vw - 20px));max-height:calc(100dvh - var(--pgs-header-height) - 14px);overflow:auto;margin:0;padding:12px;border:1px solid var(--pgs-border);border-radius:16px;background:#0b0f1f;box-shadow:0 24px 70px rgba(0,0,0,.58);z-index:100020;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);pointer-events:none;transition:.18s ease}
  .pgs-main-nav.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .pgs-main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .pgs-main-nav a{padding:13px 14px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.025)}
  .pgs-menu-backdrop{position:fixed;inset:0;z-index:100010;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
  body.pgs-menu-open .pgs-menu-backdrop{display:block}
  body.pgs-menu-open{overflow:hidden}
  .pgs-menu-toggle{position:relative;z-index:100030;display:block!important}
}
@media(max-width:700px){
  .pgs-main-nav{top:calc(var(--pgs-mobile-header-height) + env(safe-area-inset-top,0px));right:7px;width:calc(100vw - 14px);max-height:calc(100dvh - var(--pgs-mobile-header-height) - 18px)}
  .pgs-mobile-nav a:last-child span{color:var(--pgs-green)}
}