/* =====================================================
 PG9 AUSTRALIA ADS LANDING PAGE V4
 COMPLETE CSS REPLACEMENT
 ROYAL RED / METALLIC GOLD
===================================================== */

/* PLATFORM TAKEOVER */

html.pg9v4-mode,
html.pg9v4-mode body {
  width:100%!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  position:static!important;
  background:#160103!important;
  touch-action:pan-y!important;
}

html.pg9v4-mode body {
  min-height:100vh!important;
}

html.pg9v4-mode .pg9v4-system-hidden,
body.pg9v4-mode .pg9v4-system-hidden {
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* ORIGINAL SYSTEM ELEMENTS */

html.pg9v4-mode .gc-header,
html.pg9v4-mode .gc-footer,
html.pg9v4-mode .header-frame,
html.pg9v4-mode .footer-frame,
html.pg9v4-mode .bottom-nav,
html.pg9v4-mode .bottom-menu,
html.pg9v4-mode .mobile-nav,
html.pg9v4-mode #header,
html.pg9v4-mode #footer {
  display:none!important;
}

/* RESET */

#pg9v4Page,
#pg9v4Page *,
#pg9v4Loader,
#pg9v4Loader * {
  box-sizing:border-box;
}

#pg9v4Page {
  --pg9-gold:#ffd36c;
  --pg9-gold-light:#ffe8a7;
  --pg9-red:#a10812;
  --pg9-dark:#160103;
  --pg9-line:#8c5b29;
  --pg9-text:#fff0d1;
  --pg9-muted:#c5a689;

  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:10!important;

  font-family:Arial,Helvetica,sans-serif;
  color:var(--pg9-text);
  background:
    radial-gradient(circle at 80% 8%,rgba(130,20,10,.15),transparent 38%),
    linear-gradient(180deg,#250203,#120001 78%);
  -webkit-font-smoothing:antialiased;

  visibility:hidden;
  opacity:0;
}

#pg9v4Page.pg9v4-ready {
  visibility:visible;
  opacity:1;
  transition:opacity .3s ease;
}

#pg9v4Page a {
  color:inherit;
  text-decoration:none;
}

#pg9v4Page button,
#pg9v4Page input {
  font-family:inherit;
}

#pg9v4Page button {
  cursor:pointer;
}

#pg9v4Page img {
  display:block;
}

#pg9v4Page .pg9v4-wrap {
  width:min(1240px,calc(100% - 36px));
  margin:0 auto;
}

/* =====================================================
 LOADING WEBSITE
===================================================== */

#pg9v4Loader {
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;

  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;

  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:20px!important;

  background:
    radial-gradient(circle at 50% 34%,rgba(142,24,12,.48),transparent 49%),
    linear-gradient(180deg,#390204,#130001 85%);

  opacity:1;
  visibility:visible;
  transition:opacity .4s ease!important;
}

#pg9v4Loader.pg9v4-loader-out {
  opacity:0!important;
  pointer-events:none!important;
}

#pg9v4Loader .pg9v4-loader-orbit {
  position:absolute;
  width:360px;
  height:360px;
  border:1px solid rgba(244,189,87,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 50px rgba(232,154,38,.035),
    0 0 0 100px rgba(232,154,38,.018);
  pointer-events:none;
}

#pg9v4Loader .pg9v4-loader-box {
  position:relative;
  z-index:2;
  width:min(440px,100%);
  padding:28px 12px;
  text-align:center;
}

#pg9v4Loader .pg9v4-loader-logo {
  color:#ffdd77;
  font-size:57px;
  font-weight:1000;
  letter-spacing:-4px;
  text-shadow:0 4px #8e3506,0 0 22px #b45d16;
}

#pg9v4Loader .pg9v4-loader-logo span {
  display:inline-block;
  margin-left:7px;
  font-size:34px;
  vertical-align:top;
}

#pg9v4Loader .pg9v4-loader-label {
  margin-top:10px;
  color:#ddba7e;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}

#pg9v4Loader .pg9v4-loader-title {
  margin:24px 0 11px;
  color:#fff1d3;
  font-size:clamp(40px,9vw,65px);
  line-height:.96;
  letter-spacing:-2px;
  font-weight:1000;
}

#pg9v4Loader .pg9v4-loader-title span {
  display:block;
  color:#ffcb53;
  text-shadow:0 0 22px rgba(248,168,38,.24);
}

#pg9v4Loader .pg9v4-loader-box p {
  color:#c6a58b;
  font-size:13px;
  margin:15px 0;
}

#pg9v4Loader .pg9v4-loading-track {
  height:11px;
  margin:27px 0 9px;
  padding:2px;
  overflow:hidden;
  background:#320306;
  border:1px solid #8c602c;
  border-radius:20px;
}

#pg9v4Loader #pg9v4LoadingBar {
  width:0;
  height:100%;
  background:linear-gradient(90deg,#ad6311,#ffe79a,#e59c21);
  border-radius:20px;
  box-shadow:0 0 15px rgba(255,207,82,.4);
  transition:width .12s ease;
}

#pg9v4Loader .pg9v4-loading-meta {
  display:flex;
  justify-content:space-between;
  color:#d2ab75;
  font-size:10px;
  font-weight:800;
  letter-spacing:.7px;
}

/* =====================================================
 HEADER
===================================================== */

#pg9v4Page .pg9v4-header {
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  background:rgba(31,1,3,.96);
  border-bottom:1px solid #865321;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

#pg9v4Page .pg9v4-header-inner {
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

#pg9v4Page .pg9v4-brand strong {
  display:block;
  color:#ffd66e;
  font-size:32px;
  line-height:1;
  letter-spacing:-2px;
  font-weight:1000;
  text-shadow:0 3px #9c3908;
}

#pg9v4Page .pg9v4-brand strong span {
  font-size:22px;
}

#pg9v4Page .pg9v4-brand small {
  display:block;
  margin-top:5px;
  color:#d5a86b;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.6px;
}

#pg9v4Page .pg9v4-header-actions {
  display:flex;
  align-items:center;
  gap:9px;
}

/* BUTTONS */

#pg9v4Page .pg9v4-btn-gold,
#pg9v4Page .pg9v4-btn-outline {
  min-height:44px;
  padding:0 19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  font-size:12px;
  font-weight:950;
  transition:transform .18s,filter .18s;
}

#pg9v4Page .pg9v4-btn-gold {
  color:#330500;
  background:linear-gradient(
    180deg,#fff3b1,#ffcb47 51%,#d88612
  );
  border:1px solid #ffe29b;
  box-shadow:0 3px 0 #793c09;
}

#pg9v4Page .pg9v4-btn-outline {
  color:#ffe0a7;
  background:linear-gradient(#5f080b,#330305);
  border:1px solid #9d6a30;
}

#pg9v4Page .pg9v4-btn-gold:hover,
#pg9v4Page .pg9v4-btn-outline:hover {
  filter:brightness(1.08);
  transform:translateY(-1px);
}

/* =====================================================
 HERO
===================================================== */

#pg9v4Page .pg9v4-hero {
  background:
    radial-gradient(circle at 75% 35%,rgba(171,49,11,.22),transparent 40%),
    linear-gradient(180deg,#360406,#1b0103);
  border-bottom:1px solid #70401e;
}

#pg9v4Page .pg9v4-hero-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:45px;
  padding:52px 0 47px;
}

#pg9v4Page .pg9v4-eyebrow {
  color:#ffce66;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.7px;
}

#pg9v4Page .pg9v4-hero h1 {
  color:#fff2d8;
  font-size:clamp(42px,5.8vw,72px);
  font-weight:1000;
  line-height:1;
  letter-spacing:-2px;
  margin:17px 0;
}

#pg9v4Page .pg9v4-hero h1 em {
  color:#ffd36c;
  font-style:normal;
}

#pg9v4Page .pg9v4-hero-copy>p {
  max-width:540px;
  color:#d2b89f;
  font-size:15px;
  line-height:1.65;
  margin:0;
}

#pg9v4Page .pg9v4-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:19px;
}

#pg9v4Page .pg9v4-tags span {
  padding:8px 11px;
  color:#edc68b;
  background:#3a0708;
  border:1px solid #835421;
  border-radius:24px;
  font-size:9px;
  font-weight:900;
}

#pg9v4Page .pg9v4-hero-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:26px;
}

#pg9v4Page .pg9v4-legal-note {
  margin-top:17px;
  color:#b79b7e;
  font-size:10px;
}

/* HERO IMAGES */

#pg9v4Page .pg9v4-hero-art {
  position:relative;
  height:350px;
}

#pg9v4Page .pg9v4-art-card {
  position:absolute;
  top:10%;
  width:39%;
  height:75%;
  overflow:hidden;
  background:#3c0508;
  border:4px solid #c18d3e;
  border-radius:15px;
  box-shadow:0 15px 38px rgba(0,0,0,.55);
}

#pg9v4Page .pg9v4-art-card img {
  width:100%;
  height:100%;
  object-fit:cover;
}

#pg9v4Page .pg9v4-art-card.art-one {
  left:1%;
  transform:rotate(-10deg);
}

#pg9v4Page .pg9v4-art-card.art-two {
  left:29%;
  top:0;
  z-index:2;
  transform:rotate(-2deg);
}

#pg9v4Page .pg9v4-art-card.art-three {
  right:1%;
  z-index:1;
  transform:rotate(9deg);
}

/* =====================================================
 SEARCH AND FILTER
===================================================== */

#pg9v4Page .pg9v4-main {
  padding:28px 0 65px;
  min-height:400px;
}

#pg9v4Page .pg9v4-search-wrap {
  display:flex;
  align-items:center;
  gap:12px;
  height:50px;
  padding:0 15px;
  background:#300507;
  border:1px solid #916027;
  border-radius:10px;
}

#pg9v4Page .pg9v4-search-wrap svg {
  width:18px;
  height:18px;
  flex:none;
  color:#c5a075;
}

#pg9v4Page #pg9v4Search {
  flex:1;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff0cf;
  font-size:13px;
}

#pg9v4Page #pg9v4Search::placeholder {
  color:#b79b81;
}

#pg9v4Page .pg9v4-filters {
  display:flex;
  gap:9px;
  overflow-x:auto;
  padding:14px 0 13px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

#pg9v4Page .pg9v4-filters::-webkit-scrollbar {
  display:none;
}

#pg9v4Page .pg9v4-filters button {
  flex:none;
  white-space:nowrap;
  padding:10px 15px;
  color:#e8c086;
  background:#390608;
  border:1px solid #895b2b;
  border-radius:23px;
  font-size:10px;
  font-weight:900;
}

#pg9v4Page .pg9v4-filters button.active {
  color:#360600;
  background:linear-gradient(#ffedac,#d99a2f);
  border-color:#ffe2a2;
}

/* =====================================================
 GAME SECTIONS
===================================================== */

#pg9v4Page .pg9v4-section {
  padding:27px 0 20px;
  border-top:1px solid #5c321e;
}

#pg9v4Page .pg9v4-section[hidden],
#pg9v4Page .pg9v4-game-card[hidden],
#pg9v4Page #pg9v4NoResults[hidden] {
  display:none!important;
}

#pg9v4Page .pg9v4-section-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:15px;
}

#pg9v4Page .pg9v4-section-heading h2 {
  margin:0 0 6px;
  color:#ffe0a0;
  font-size:23px;
  font-weight:950;
  line-height:1.25;
}

#pg9v4Page .pg9v4-section-heading p {
  margin:0;
  color:#b69b7d;
  font-size:12px;
  line-height:1.5;
}

#pg9v4Page .pg9v4-carousel-controls {
  display:flex;
  gap:8px;
}

#pg9v4Page .pg9v4-carousel-controls button {
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  border:1px solid #ad7b33;
  border-radius:50%;
  color:#ffdd96;
  background:#43080a;
  font-size:23px;
}

/* GAME HORIZONTAL TRACK */

#pg9v4Page .pg9v4-game-track {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 60px)/6);
  gap:12px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  padding:2px 1px 15px;
}

#pg9v4Page .pg9v4-game-track::-webkit-scrollbar {
  display:none;
}

/* =====================================================
 GAME CARDS
===================================================== */

#pg9v4Page .pg9v4-game-card {
  min-width:0;
  background:#290304;
  border:1px solid #a77433;
  border-radius:12px;
  overflow:hidden;
  scroll-snap-align:start;
  transition:transform .2s,border-color .2s;
}

#pg9v4Page .pg9v4-game-card:hover {
  transform:translateY(-3px);
  border-color:#ffcd68;
}

#pg9v4Page .pg9v4-game-link {
  display:flex;
  flex-direction:column;
  height:100%;
}

#pg9v4Page .pg9v4-game-cover {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:linear-gradient(135deg,#6b1410,#270204);
}

/* OVERRIDE PG9 PLATFORM IMAGE STYLES */

#pg9v4Page .pg9v4-game-cover>img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transition:transform .25s ease;
}

#pg9v4Page .pg9v4-game-card:hover
.pg9v4-game-cover>img {
  transform:scale(1.035);
}

#pg9v4Page .pg9v4-image-fallback {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  color:#ffd385;
  text-align:center;
  font-size:15px;
  font-weight:900;
}

#pg9v4Page .pg9v4-hover {
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding:11px;
  opacity:0;
  background:linear-gradient(
    180deg,transparent 50%,rgba(22,0,1,.8)
  );
  transition:opacity .2s;
}

#pg9v4Page .pg9v4-hover span {
  width:100%;
  min-height:34px;
  display:grid;
  place-items:center;
  background:linear-gradient(#fff0a8,#e5a229);
  color:#330400;
  border-radius:8px;
  font-size:10px;
  font-weight:950;
}

#pg9v4Page .pg9v4-game-card:hover .pg9v4-hover {
  opacity:1;
}

/* =====================================================
 V4 PREMIUM GAME INFO & CTA
===================================================== */

#pg9v4Page .pg9v4-game-details {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  flex:1;
  min-height:76px;
  padding:11px 12px 12px;
}

#pg9v4Page .pg9v4-game-name {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  color:#fff0d2;
  font-size:12px;
  font-weight:900;
  line-height:1.35;
  min-height:16px;
}

#pg9v4Page .pg9v4-game-action {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:9px;
  color:#eac182;
  font-size:10px;
  font-weight:900;
  letter-spacing:.4px;
}

#pg9v4Page .pg9v4-game-action-icon {
  display:grid;
  place-items:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  color:#ffd47e;
  background:linear-gradient(145deg,#5a1a0b,#2d0804);
  border:1px solid #98642c;
  border-radius:7px;
  transition:
    background .2s,
    color .2s,
    transform .2s;
}

#pg9v4Page .pg9v4-game-action-icon svg {
  display:block;
}

#pg9v4Page .pg9v4-game-card:hover
.pg9v4-game-action-icon {
  color:#360500;
  background:linear-gradient(#fff0ac,#e7a334);
  transform:translate(2px,-2px);
}

/* NO RESULTS */

#pg9v4Page #pg9v4NoResults {
  padding:35px 10px;
  color:#dab78b;
  text-align:center;
  font-size:13px;
}

/* =====================================================
 BOTTOM CTA & FOOTER
===================================================== */

#pg9v4Page .pg9v4-bottom {
  padding:43px 0;
  border-top:1px solid #74431e;
  text-align:center;
  background:radial-gradient(
    ellipse at top,#6b0d0d,#230102 72%
  );
}

#pg9v4Page .pg9v4-bottom h2 {
  margin:12px 0;
  color:#ffe0a1;
  font-size:29px;
  font-weight:950;
}

#pg9v4Page .pg9v4-bottom p {
  margin:0 auto 23px;
  color:#c7a98a;
  font-size:13px;
  line-height:1.6;
}

#pg9v4Page .pg9v4-footer {
  padding:21px 0 27px;
  text-align:center;
  font-size:10px;
  color:#b19776;
}

/* =====================================================
 TABLET
===================================================== */

@media(max-width:1000px) {

  #pg9v4Page .pg9v4-game-track {
    grid-auto-columns:calc((100% - 36px)/4);
  }

  #pg9v4Page .pg9v4-hero-inner {
    grid-template-columns:1fr;
    gap:15px;
    padding:42px 0 30px;
  }

  #pg9v4Page .pg9v4-hero-copy {
    text-align:center;
  }

  #pg9v4Page .pg9v4-hero-copy>p {
    margin:0 auto;
  }

  #pg9v4Page .pg9v4-tags,
  #pg9v4Page .pg9v4-hero-buttons {
    justify-content:center;
  }

  #pg9v4Page .pg9v4-hero-art {
    width:min(620px,100%);
    margin:12px auto 0;
  }
}

/* =====================================================
 MOBILE
===================================================== */

@media(max-width:650px) {

  #pg9v4Page .pg9v4-wrap {
    width:calc(100% - 24px);
  }

  #pg9v4Page .pg9v4-header-inner {
    min-height:62px;
  }

  #pg9v4Page .pg9v4-brand strong {
    font-size:27px;
  }

  #pg9v4Page .pg9v4-brand strong span {
    font-size:17px;
  }

  #pg9v4Page .pg9v4-header-actions {
    gap:7px;
  }

  #pg9v4Page .pg9v4-header-actions a {
    min-height:36px;
    padding:0 10px;
    font-size:10px;
  }

  #pg9v4Page .pg9v4-hero-inner {
    padding:30px 0 25px;
  }

  #pg9v4Page .pg9v4-hero h1 {
    font-size:clamp(37px,11vw,54px);
  }

  #pg9v4Page .pg9v4-hero-copy>p {
    font-size:13px;
  }

  #pg9v4Page .pg9v4-tags {
    gap:6px;
  }

  #pg9v4Page .pg9v4-tags span {
    padding:7px 9px;
    font-size:8px;
  }

  #pg9v4Page .pg9v4-hero-art {
    height:245px;
    width:min(440px,100%);
  }

  #pg9v4Page .pg9v4-art-card {
    border-width:3px;
  }

  #pg9v4Page .pg9v4-main {
    padding:21px 0 45px;
  }

  #pg9v4Page .pg9v4-game-track {
    grid-auto-columns:46%;
    gap:10px;
    padding-bottom:12px;
  }

  #pg9v4Page .pg9v4-carousel-controls {
    display:none;
  }

  #pg9v4Page .pg9v4-section {
    padding:25px 0 16px;
  }

  #pg9v4Page .pg9v4-section-heading h2 {
    font-size:20px;
  }

  #pg9v4Page .pg9v4-section-heading p {
    font-size:11px;
  }

  #pg9v4Page .pg9v4-hover {
    display:none;
  }

  #pg9v4Page .pg9v4-game-details {
    min-height:77px;
    padding:11px 11px 12px;
  }

  #pg9v4Page .pg9v4-game-name {
    font-size:12px;
  }

  #pg9v4Page .pg9v4-game-action {
    font-size:10px;
    margin-top:9px;
  }

  #pg9v4Page .pg9v4-game-action-icon {
    width:26px;
    height:26px;
    flex-basis:26px;
  }

  #pg9v4Page .pg9v4-bottom h2 {
    font-size:24px;
  }
}

/* SMALL MOBILE */

@media(max-width:430px) {

  #pg9v4Page .pg9v4-game-track {
    grid-auto-columns:59%;
  }

  #pg9v4Page .pg9v4-hero-art {
    height:210px;
  }

  #pg9v4Page .pg9v4-header-actions a {
    padding:0 8px;
    font-size:9px;
  }

  #pg9v4Page .pg9v4-game-details {
    min-height:79px;
  }

  #pg9v4Loader .pg9v4-loader-logo {
    font-size:46px;
  }
}

/* ACCESSIBILITY */

@media(prefers-reduced-motion:reduce) {

  #pg9v4Page *,
  #pg9v4Loader * {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
/* Static website standalone reset: no platform shell needs hiding */
html,body{margin:0;min-height:100%;background:#160103;overflow-x:hidden}
#pg9v4Page .pg9v4-game-card.auto-loop-clone[hidden]{display:none!important}