/* ==========================================================================
   Slottomat — ocean theme layer (2 Sep 2026)
   One idea: depth. The page is a column of water; you arrive at the sunlit
   surface and browsing takes you deeper. Loaded last; reversible by removing
   its <link>. Only transform/opacity animate. Reduced motion turns it all off.
   ========================================================================== */
:root{
  --sea-surface:#0f3d5c;
  --sea-mid:#0b2540;
  --sea-deep:#061527;
  --foam:#eaf6fb;
  --foam-dim:rgba(234,246,251,.72);
  --foam-faint:rgba(234,246,251,.12);
  --kelp:#31d6b8;
  --kelp-deep:#1aa892;
  --sun:#ffd166;
  --brand-red:#c52e1b;
  --brand-gold:#ffd166;
  --brand-gold-2:#f2b134;
  --ease-water:cubic-bezier(.22,.8,.26,1);
  --r-surface:18px;
  --r-action:999px;
  --r-data:8px;
}

/* ---- the water --------------------------------------------------------- */
html{background:var(--sea-deep) !important}
/* The gradient lives on the static fixed layer (composited once); body stays transparent so scrolling
   never repaints the water. A scroll-driven --depth variant was measured at ~12 fps on a throttled phone. */
body{background:transparent !important;color:var(--foam) !important}
.ocean-water{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;
  background:radial-gradient(ellipse 120% 38% at 50% -6%,rgba(197,46,27,.32),rgba(197,46,27,0) 70%),linear-gradient(180deg,var(--sea-surface) 0%,var(--sea-mid) 46%,var(--sea-deep) 100%);transform:translateZ(0)}
.ocean-water .ray{
  position:absolute;top:-80vh;left:50%;width:56vw;height:260vh;
  background:linear-gradient(180deg,rgba(234,246,251,0) 0%,rgba(234,246,251,.10) 30%,rgba(234,246,251,0) 78%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);
  transform:translateX(-50%) rotate(14deg);transform-origin:50% 0;
  animation:ocean-ray 48s ease-in-out infinite alternate;
  will-change:transform,opacity;opacity:.55
}
.ocean-water .ray.two{left:22%;width:34vw;transform:translateX(-50%) rotate(-11deg);animation-duration:67s;opacity:.35}
.ocean-water .bubble{
  position:absolute;bottom:-6vh;width:10px;height:10px;border-radius:50%;
  border:1px solid rgba(234,246,251,.45);background:radial-gradient(circle at 35% 35%,rgba(234,246,251,.35),rgba(234,246,251,0) 70%);
  animation:ocean-rise 38s linear infinite;will-change:transform;opacity:0
}
@keyframes ocean-ray{from{transform:translateX(-50%) rotate(14deg) translateY(0)}to{transform:translateX(-46%) rotate(9deg) translateY(-4%)}}
@keyframes ocean-rise{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}8%{opacity:.7}92%{opacity:.5}100%{transform:translate3d(var(--drift,40px),-115vh,0) scale(1.15);opacity:0}}
/* the water sits behind everything via z-index:-1; no page element is repositioned (a body>* position:relative rule broke the fixed header) */
.ocean-water[hidden]{display:none}
@media (prefers-reduced-motion:reduce){
  .ocean-water .ray,.ocean-water .bubble{animation:none !important}
  .ocean-water .bubble{display:none}
  *,*::before,*::after{transition-duration:0s !important;animation-duration:0s !important}
}

/* ---- header: stays brand red (owner decision 2 Sep 2026: logo colours). Only a soft edge under it. ---- */
body .premium-header.premium-header{box-shadow:0 1px 0 rgba(255,255,255,.10),0 8px 24px rgba(6,21,39,.35) !important}

/* ---- type -------------------------------------------------------------- */
h1,.ag-title,.sgp-title,.hp-hero h1{
  font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.05 !important;
  color:var(--foam) !important;
  font-size:clamp(2rem,1.2rem + 2.6vw,3.6rem) !important;
}
h2{letter-spacing:-.01em;color:var(--foam)}
p,li{line-height:1.72}
/* the sun through water: the whole headline, not one word */
.ag-title,.hp-hero h1,.sgp-title{
  background:linear-gradient(180deg,#fff 0%,var(--foam) 55%,var(--sun) 140%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#main-content .ag-title .ag-gold,.ag-title .ag-gold,.ag-gold,.hp-title-gold{color:inherit !important;-webkit-text-fill-color:inherit !important;background:none !important}
/* eyebrow pills become a quiet sentence */
.hp-eyebrow,.ag-kicker,.sgp-kicker,.section-eyebrow{
  background:none !important;border:0 !important;padding:0 !important;
  text-transform:none !important;letter-spacing:0 !important;
  color:var(--foam-dim) !important;font-size:.98rem !important;font-weight:500 !important;
  box-shadow:none !important;border-radius:0 !important;display:block !important;
}

/* ---- heroes: out of the box, into the water ---------------------------- */
.hp-hero,.ag-hero-inner,.hp-hero > div,.ag-content-section{
  background:transparent !important;border:0 !important;box-shadow:none !important;
}
.hp-hero::before,.hp-hero::after,.ag-bubbles,.ag-bubble,.sgp-bubble{display:none !important}
.ag-stats,.hp-hero .hp-stats{
  display:flex !important;justify-content:center;gap:0 !important;flex-wrap:wrap;
  background:none !important;border:0 !important;
}
.ag-stat,.hp-stat{
  background:none !important;border:0 !important;box-shadow:none !important;padding:0 14px !important;
  display:flex !important;flex-direction:row !important;align-items:baseline;gap:6px;
  border-left:1px solid var(--foam-faint) !important;border-radius:0 !important;
}
.ag-stat:first-child,.hp-stat:first-child{border-left:0 !important}
#main-content .ag-stats .ag-stat .ag-stat-value,.ag-stat-value,.hp-stat-value{color:var(--foam) !important;font-size:1.05rem !important;font-weight:600 !important;letter-spacing:0 !important}
#main-content .ag-stats .ag-stat .ag-stat-label,.ag-stat-label,.hp-stat-label{color:var(--foam-dim) !important;font-size:.92rem !important;text-transform:none !important;letter-spacing:0 !important}

/* ---- buttons ----------------------------------------------------------- */
.ag-search-box,.header-search-input{background:rgba(234,246,251,.06) !important;border:1px solid var(--foam-faint) !important;border-radius:var(--r-action) !important;color:var(--foam) !important}
.ag-search-box:focus-within{border-color:var(--kelp) !important;box-shadow:0 0 0 3px rgba(49,214,184,.22)}
#play-game-btn,.mobile-demo-play-btn,.ogc-cta,.glx-play,.sgp-cta-btn.sgp-cta-primary,.hp-hero a[href*="game-launcher"],.hp-hero a[href*="free-slots"]{
background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-2)) !important;color:#1a1206 !important;border:0 !important;
  border-radius:var(--r-action) !important;font-weight:700 !important;
  box-shadow:0 10px 26px rgba(242,177,52,.28) !important;
  transition:transform .26s var(--ease-water),box-shadow .26s var(--ease-water),background .26s var(--ease-water) !important;
}
#play-game-btn:hover,.mobile-demo-play-btn:hover,.ogc-cta:hover,.hp-hero a[href*="game-launcher"]:hover,.hp-hero a[href*="free-slots"]:hover{
  transform:translateY(-2px);background:linear-gradient(135deg,#ffe08a,var(--brand-gold)) !important;box-shadow:0 14px 34px rgba(242,177,52,.38) !important;
}
.sgp-cta-btn,.btn-secondary-ocean{
  background:rgba(234,246,251,.06) !important;color:var(--foam) !important;
  border:1px solid rgba(234,246,251,.22) !important;border-radius:var(--r-action) !important;
  transition:border-color .26s var(--ease-water),background .26s var(--ease-water) !important;
}
.sgp-cta-btn:hover{border-color:var(--kelp) !important;background:rgba(49,214,184,.12) !important}
:focus-visible{outline:2px solid var(--kelp) !important;outline-offset:3px}

/* ---- game cards: one glass style --------------------------------------- */
.ogc{
  background:rgba(234,246,251,.05) !important;border:1px solid rgba(234,246,251,.12) !important;
  border-radius:var(--r-surface) !important;box-shadow:0 8px 24px rgba(6,21,39,.35) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  transition:transform .26s var(--ease-water),border-color .26s var(--ease-water),box-shadow .26s var(--ease-water) !important;
  will-change:auto !important;overflow:hidden;
}
.ogc:hover,.ogc:focus-within{transform:translateY(-4px);border-color:rgba(49,214,184,.55) !important;box-shadow:0 18px 40px rgba(6,21,39,.55) !important}
.ogc-media{border-radius:0 !important}
.ogc-img{transition:transform .5s var(--ease-water)}
.ogc:hover .ogc-img{transform:scale(1.03)}
.ogc-title{color:var(--foam) !important;font-weight:600 !important;letter-spacing:0 !important}
.ogc-provider{color:var(--foam-dim) !important}
.ogc-chip{background:rgba(234,246,251,.07) !important;border:1px solid var(--foam-faint) !important;color:var(--foam-dim) !important;border-radius:var(--r-data) !important;text-shadow:none !important}
.ogc-badge{box-shadow:none !important;text-shadow:none !important;border-radius:var(--r-data) !important;backdrop-filter:none !important}
.ogc-badge-rtp{background:rgba(49,214,184,.18) !important;color:var(--kelp) !important;border:1px solid rgba(49,214,184,.35) !important}
.ogc-badge-new{background:rgba(255,209,102,.16) !important;color:var(--sun) !important;border:1px solid rgba(255,209,102,.35) !important}
.ogc-badge-geo{background:rgba(6,21,39,.7) !important;color:var(--foam) !important;border:1px solid rgba(234,246,251,.25) !important}
.ogc-overlay{background:linear-gradient(180deg,rgba(6,21,39,0),rgba(6,21,39,.85)) !important}

/* ---- game page: play surface rises, facts become chips ----------------- */
.sgp-hero-logo-wrap{width:120px !important;height:auto !important;margin:0 auto 10px !important;box-shadow:none !important;background:none !important;border:0 !important;padding:0 !important}
.sgp-hero-logo{width:120px !important;height:auto !important;border-radius:14px !important}
.ex2-spec{margin:6px 0 10px !important}
#single-game-section table.ex2-spec-table,body div.sgp-hero div.ex2-spec table.ex2-spec-table,body div.ex2-spec table.ex2-spec-table{
  display:flex !important;border:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important;flex-wrap:wrap;justify-content:center;gap:6px 8px;
  border:0 !important;background:none !important;box-shadow:none !important;
  font-size:.9rem !important;width:auto !important;margin:0 auto !important;
}
.ex2-spec-table tbody,.ex2-spec-table tr{display:contents}
#single-game-section table.ex2-spec-table th,#single-game-section table.ex2-spec-table td,body div.ex2-spec table.ex2-spec-table th,body div.ex2-spec table.ex2-spec-table td{
  display:inline-block;border:0 !important;background:none !important;padding:0 !important;
  width:auto !important;text-align:left !important;color:var(--foam-dim) !important;font-weight:500 !important;
}
#single-game-section table.ex2-spec-table th,body div.ex2-spec table.ex2-spec-table th{padding:5px 0 5px 10px !important;width:auto !important;text-transform:none !important;font-size:.88rem !important;border-radius:var(--r-data) 0 0 var(--r-data) !important;background:rgba(234,246,251,.06) !important;border:1px solid var(--foam-faint) !important;border-right:0 !important}
#single-game-section table.ex2-spec-table td,body div.ex2-spec table.ex2-spec-table td{padding:5px 10px 5px 6px !important;width:auto !important;font-size:.88rem !important;border-radius:0 var(--r-data) var(--r-data) 0 !important;background:rgba(234,246,251,.06) !important;border:1px solid var(--foam-faint) !important;border-left:0 !important;color:var(--foam) !important;margin-right:2px}
#single-game-section table.ex2-spec-table tr:hover td,.ex2-spec-table tr:hover td{background:rgba(234,246,251,.06) !important}
.ex2-spec-table th::after{content:":"}
.sgp-meta-row{margin:6px 0 !important}
.star-rating-widget{margin:4px 0 8px !important;transform:scale(.9);transform-origin:center}
#game-wrapper{border:1px solid rgba(234,246,251,.12) !important;box-shadow:0 30px 70px rgba(6,21,39,.6) !important;background:var(--sea-deep) !important}
#game-play-overlay{background:radial-gradient(ellipse at 50% 30%,rgba(15,61,92,.9),rgba(6,21,39,.98)) !important;justify-content:flex-start !important;padding-top:clamp(20px,7vh,72px) !important}
@media (min-width:992px){.sgp-hero .sgp-meta-row,.sgp-hero > span[style*="margin-top:4px"]{display:none !important} .sgp-hero .star-rating-widget{transform:scale(.8);margin:0 !important}}
body.page-family-slot-single h1{font-size:clamp(1.7rem,1rem + 1.8vw,2.4rem) !important}

/* ---- offers: same glass, still clearly labelled ------------------------ */
.cc-card{background:rgba(234,246,251,.05) !important;border:1px solid rgba(234,246,251,.12) !important;border-radius:var(--r-surface) !important;box-shadow:none !important;backdrop-filter:none !important}
.cc-cta{border-radius:var(--r-action) !important;background:rgba(234,246,251,.08) !important;color:var(--foam) !important;border:1px solid rgba(234,246,251,.22) !important;box-shadow:none !important}
.cc-cta:hover{border-color:var(--sun) !important}
.cc-ad-badge{background:rgba(255,209,102,.18) !important;color:var(--sun) !important;border:1px solid rgba(255,209,102,.35) !important}

/* ---- surfaces and sections --------------------------------------------- */
section,.sectionPTPB,.ag-faq-section,.single-game-content{background:transparent !important}
.slm-surface,.ag-faq-inner,.premium-content-shell,.review-shell{
  background:rgba(234,246,251,.04) !important;border:1px solid rgba(234,246,251,.10) !important;border-radius:var(--r-surface) !important;box-shadow:none !important;
}
hr{border-color:var(--foam-faint) !important}
a{color:var(--kelp)}
a:hover{color:#6fe9d3}

/* ---- footer: the deep ------------------------------------------------- */
#footer{background:linear-gradient(180deg,rgba(6,21,39,0),var(--sea-deep) 120px) !important;border-top:1px solid var(--foam-faint) !important}
#footer,#footer p,#footer a,#footer li{color:var(--foam-dim) !important}
#footer a:hover{color:var(--kelp) !important}
#footer h4,#footer h5,#footer strong{color:var(--foam) !important}

/* ---- mobile ------------------------------------------------------------ */
@media (max-width:991px){
  .ocean-water .ray{width:120vw;opacity:.35}
  .ocean-water .bubble:nth-child(n+7){display:none}
  .ag-stat,.hp-stat{padding:0 10px !important}
}

/* ---- homepage hero (inline-styled markup: ID-anchored overrides) ------- */
.hp-hero > div[style*="pointer-events:none"]{display:none !important}
#hp-hero-inner > span{
  background:none !important;border:0 !important;padding:0 !important;box-shadow:none !important;border-radius:0 !important;
  text-transform:none !important;letter-spacing:0 !important;font-size:1rem !important;font-weight:500 !important;color:var(--foam-dim) !important;display:block !important;margin-bottom:10px !important;
}
#hp-hero-inner h1{font-weight:700 !important;letter-spacing:-.02em !important;color:var(--foam) !important;
  background:linear-gradient(180deg,#fff 0%,var(--foam) 55%,var(--sun) 140%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#hp-hero-inner h1 .hp-title-gold{color:inherit !important;-webkit-text-fill-color:inherit !important;background:none !important}
#hp-hero-inner > p{color:var(--foam-dim) !important;max-width:62ch;margin-left:auto;margin-right:auto}
#hp-hero-inner > div:first-of-type > a{
  background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-2)) !important;color:#1a1206 !important;border:0 !important;border-radius:var(--r-action) !important;
  box-shadow:0 10px 26px rgba(242,177,52,.28) !important;font-weight:700 !important;
  transition:transform .26s var(--ease-water),box-shadow .26s var(--ease-water),background .26s var(--ease-water) !important;
}
#hp-hero-inner > div:first-of-type > a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffe08a,var(--brand-gold)) !important}
#hp-hero-inner > div:first-of-type > a + a{background:rgba(234,246,251,.06) !important;color:var(--foam) !important;border:1px solid rgba(234,246,251,.25) !important;box-shadow:none !important}
#hp-hero-inner > div:first-of-type > a + a:hover{border-color:var(--kelp) !important;background:rgba(49,214,184,.12) !important}
#hp-hero-inner > div:last-of-type{gap:0 !important;margin-top:1.4rem !important}
#hp-hero-inner > div:last-of-type > div{
  background:none !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  padding:0 16px !important;border-left:1px solid var(--foam-faint) !important;border-radius:0 !important;display:flex !important;align-items:baseline;gap:6px;flex:0 0 auto !important;min-width:max-content !important;width:auto !important;
}
#hp-hero-inner > div:last-of-type > div:first-child{border-left:0 !important}
#hp-hero-inner > div:last-of-type > div > span:first-child{color:var(--foam) !important;font-size:1.05rem !important;font-weight:600 !important;display:inline !important}
#hp-hero-inner > div:last-of-type > div > span:last-child{color:var(--foam-dim) !important;font-size:.92rem !important;text-transform:none !important;letter-spacing:0 !important;display:inline !important}

/* ---- facts chips: label and value never separate; mobile hero tighter -- */
#single-game-section table.ex2-spec-table tr,.ex2-spec-table tr{display:inline-flex !important;margin:2px 1px !important}
@media (max-width:991px){
  .sgp-hero{padding-top:6px !important}
  .sgp-hero-logo-wrap,.sgp-hero-logo{width:96px !important}
  .sgp-hero .ex2-lead{font-size:.98rem !important;line-height:1.55 !important}
  body.page-family-slot-single h1{font-size:1.7rem !important}
  #single-game-section table.ex2-spec-table th,#single-game-section table.ex2-spec-table td{font-size:.8rem !important;padding:4px 7px !important}
}

/* ---- homepage hero: mobile spacing and stats wrapping ------------------ */
#hp-hero-inner h1 .hp-title-gold{font-size:inherit !important;font-weight:inherit !important;display:inline !important}
#hp-hero-inner > div:last-of-type{flex-wrap:wrap !important;row-gap:8px !important}
#hp-hero-inner > div:last-of-type > div{white-space:nowrap}
@media (max-width:991px){
  #hp-hero-inner{padding:1.1rem 0 0.6rem !important}
  .hp-hero{padding:8px 16px 18px !important;min-height:0 !important}
  #hp-hero-inner > div:last-of-type > div{padding:0 10px !important;font-size:.9rem}
}

/* ---- provider hero (inline-styled) + softer header edge on phones ------- */
.swg-hero-title span{background:none !important;-webkit-background-clip:initial !important;-webkit-text-fill-color:inherit !important;color:inherit !important}
.swg-hero-title{background:linear-gradient(180deg,#fff 0%,var(--foam) 55%,var(--sun) 140%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.swg-hero-lead{color:var(--foam-dim) !important}
.swg-stat-grid > *{background:rgba(234,246,251,.04) !important;border:1px solid rgba(234,246,251,.10) !important;border-radius:var(--r-surface) !important;box-shadow:none !important;backdrop-filter:none !important}
.swg-stat-grid > * > *{color:var(--foam) !important;text-shadow:none !important}
@media (max-width:991px){
  body .premium-header.premium-header{box-shadow:0 1px 0 rgba(255,255,255,.10) !important}
}

/* ---- sitewide: the body already offsets for the fixed header; #main-content added a second 58px band ---- */
html body.has-premium-header.has-premium-header{padding-top:var(--header-height,70px) !important} /* beats body.page-family-*.has-premium-header{padding-top:0} rules that relied on main's old 58px */
html body.has-premium-header main#main-content,html body.has-premium-header.page-family-guides main#main-content{padding-top:6px !important}
a.skip-to-content.sr-only{position:absolute !important;height:1px !important;width:1px !important;overflow:hidden !important;margin:-1px !important;padding:0 !important}
a.skip-to-content:focus{position:fixed !important;top:12px !important;left:12px !important;height:auto !important;width:auto !important;padding:10px 14px !important;z-index:20000;background:var(--sun);color:var(--sea-deep)}

/* ---- game cards: the art is the card. Compact meta, no tracked caps, one honest button ---- */
.ogc-provider{text-transform:none !important;letter-spacing:0 !important;font-size:.8rem !important;opacity:.85}
.ogc-title{white-space:normal !important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25 !important;text-overflow:clip !important}
.ogc-chips{display:flex !important;flex-wrap:wrap;gap:4px 6px !important}
.ogc-chip{font-size:.74rem !important;padding:2px 7px !important;line-height:1.5 !important;white-space:nowrap}
.ogc-cta{letter-spacing:0 !important;text-transform:none !important;font-size:.92rem !important;min-height:42px !important;padding:8px 14px !important;line-height:1.2 !important}
.ogc-cta::before,.ogc-cta::after{display:none !important}
.ogc-cta{background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-2)) !important;color:#1a1206 !important;border:0 !important;box-shadow:0 6px 16px rgba(242,177,52,.25) !important;text-shadow:none !important}
@media (max-width:575px){
  .ogc-media{aspect-ratio:4/3 !important}
  .ogc-img{aspect-ratio:4/3 !important;height:100% !important;object-fit:cover !important}
  .ogc-body{padding:9px 9px 10px !important;gap:6px !important}
  .ogc-title{font-size:.95rem !important}
  .ogc-provider{font-size:.74rem !important;margin:0 !important}
  .ogc-chip:nth-child(n+3){display:none !important}
  .ogc-cta{min-height:38px !important;font-size:.86rem !important;padding:6px 10px !important;margin-top:4px !important}
  .ogc-cta svg,.ogc-cta i{width:12px;height:12px;font-size:.8rem}
}
/* dynamic-page hero stat boxes: one quiet line like every other hero */
.dynamic-hero .hero-stats,.hero-stats,.dynamic-hero .stat-grid,.dynamic-hero .dynamic-stats{display:flex !important;flex-wrap:wrap;justify-content:center;gap:8px 18px !important}
.hero-stats .stat-item,.dynamic-hero .stat-item,.dynamic-hero .stat,.dynamic-hero .stat-box,.dynamic-hero .dynamic-stat{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;min-width:0 !important;display:flex;gap:6px;align-items:baseline;width:auto !important;flex:0 0 auto !important}
.hero-stats .stat-number,.dynamic-hero .stat-number,.dynamic-hero .stat-value{font-size:1.05rem !important;color:var(--foam) !important}
.hero-stats .stat-label,.dynamic-hero .stat-label{font-size:.85rem !important;text-transform:none !important;letter-spacing:0 !important;color:var(--foam-dim) !important}

/* ---- slot page: the section + hero wrapper carried 136px of header-clearing padding; the body offset now does that ---- */
html body.page-family-slot-single #single-game-section{padding-top:10px !important;margin-top:0 !important;top:0 !important} /* the template pulled the section up 62px under the header */
html body.page-family-slot-single #single-game-section > div{padding-top:6px !important;min-height:0 !important}
html body.page-family-slot-single .sgp-hero{padding-top:8px !important}

/* ---- card button: one flat gold pill, label inherits (the inner span carried its own cyan caps + box) ---- */
.ogc-cta *,.ogc-cta > span,.ogc-cta > i{background:none !important;color:inherit !important;letter-spacing:0 !important;text-transform:none !important;box-shadow:none !important;border:0 !important;text-shadow:none !important;font-size:inherit !important;padding:0 !important;margin:0 !important;display:inline !important}
.ogc-cta{display:flex !important;align-items:center;justify-content:center;gap:6px}
/* desktop media rule in page-game.min.css re-applies 90px; win on specificity at every width */
html body.page-family-slot-single main#main-content section#single-game-section{padding-top:10px !important;margin-top:0 !important;top:0 !important}
html body.page-family-slot-single main#main-content section#single-game-section > div{padding-top:6px !important;min-height:0 !important}
@media (min-width:992px){.hp-hero{min-height:0 !important;padding:48px 24px 36px !important} #hp-hero-inner{padding-bottom:0 !important}}