.elementor-203 .elementor-element.elementor-element-11403ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-203 .elementor-element.elementor-element-11403ac:not(.elementor-motion-effects-element-type-background), .elementor-203 .elementor-element.elementor-element-11403ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1040;}.elementor-203 .elementor-element.elementor-element-d977bf7.elementor-element{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Nunito;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-203 .elementor-element.elementor-element-9a425a8{width:var( --container-widget-width, 580% );max-width:580%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;--container-widget-width:580%;--container-widget-flex-grow:0;text-align:center;font-family:"Nunito", Nunito;font-size:17px;font-weight:600;color:#C9B8E8;}.elementor-203 .elementor-element.elementor-element-9a425a8.elementor-element{--align-self:center;}.elementor-203 .elementor-element.elementor-element-c636064.elementor-element{--align-self:center;}.elementor-203 .elementor-element.elementor-element-e061e67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-203 .elementor-element.elementor-element-e061e67:not(.elementor-motion-effects-element-type-background), .elementor-203 .elementor-element.elementor-element-e061e67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Nunito;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-203 .elementor-element.elementor-element-898392b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:center;}.elementor-203 .elementor-element.elementor-element-898392b .elementor-heading-title{font-family:"Fredoka One", Nunito;font-size:48px;font-weight:400;color:#1A1040;}.elementor-203 .elementor-element.elementor-element-333c91c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-203 .elementor-element.elementor-element-34fa864{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-203 .elementor-element.elementor-element-34fa864:not(.elementor-motion-effects-element-type-background), .elementor-203 .elementor-element.elementor-element-34fa864 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF2E8;}.elementor-203 .elementor-element.elementor-element-94d7db3{text-align:center;}.elementor-203 .elementor-element.elementor-element-94d7db3 .elementor-heading-title{font-family:"Fredoka One", Nunito;font-size:48px;font-weight:400;color:#1A1040;}.elementor-203 .elementor-element.elementor-element-3a7fa42{width:var( --container-widget-width, 500% );max-width:500%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:500%;--container-widget-flex-grow:0;font-family:"Nunito", Nunito;font-size:17px;font-weight:600;color:#6B5C8A;}.elementor-203 .elementor-element.elementor-element-3a7fa42.elementor-element{--align-self:center;}.elementor-203 .elementor-element.elementor-element-f01c5a8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-203 .elementor-element.elementor-element-dc4297e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-203 .elementor-element.elementor-element-dc4297e:not(.elementor-motion-effects-element-type-background), .elementor-203 .elementor-element.elementor-element-dc4297e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1040;}.elementor-203 .elementor-element.elementor-element-88281e6{text-align:center;}.elementor-203 .elementor-element.elementor-element-88281e6 .elementor-heading-title{font-family:"Fredoka One", Nunito;font-size:48px;font-weight:400;color:#FFD600;}.elementor-203 .elementor-element.elementor-element-032c068{width:var( --container-widget-width, 480% );max-width:480%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 28px) 0px;--container-widget-width:480%;--container-widget-flex-grow:0;text-align:center;font-family:"Nunito", Nunito;font-size:17px;font-weight:600;color:#C9B8E8;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Nunito;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-203 .elementor-element.elementor-element-5dca3a8 .elementor-button{background-color:#FF2D78;font-family:"Fredoka One", Nunito;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 5px 18px 0px rgba(255, 45.00000000000001, 119.99999999999991, 0.4);border-radius:50px 50px 50px 50px;padding:14px 32px 14px 32px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-203 .elementor-element.elementor-element-333c91c{--grid-auto-flow:row;}.elementor-203 .elementor-element.elementor-element-f01c5a8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-203 .elementor-element.elementor-element-333c91c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-203 .elementor-element.elementor-element-f01c5a8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-c636064 *//* ── FILTER BAR ── */
.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 16px;
}
.filter-pill {
  background: rgba(255,255,255,0.08);
  border: 1.5px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.75);
  font-family: 'Nunito', sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 8px 18px;
  border-radius: 50px;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.filter-pill:hover,
.filter-pill.active {
  background: #FFD600;
  border-color: #FFD600;
  color: #1A1040;
}

/* ── PLATFORM BADGES ── */
.platform-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 14px;
}
.pbadge {
  font-size: 0.7rem;
  font-weight: 900;
  font-family: 'Nunito', sans-serif;
  letter-spacing: 0.5px;
  padding: 3px 10px;
  border-radius: 50px;
  background: rgba(26,16,64,0.07);
  color: #6B5C8A;
  border: 1px solid rgba(26,16,64,0.1);
}
.pb-apple  { background:rgba(0,0,0,0.06);   color:#1A1040; }
.pb-steam  { background:rgba(23,26,33,0.08); color:#1A1040; }
.pb-samsung{ background:rgba(0,100,255,0.08);color:#0064ff; }
.pb-amazon { background:rgba(255,153,0,0.1); color:#c47200; }
.pb-browser{ background:rgba(0,170,255,0.1); color:#006eab; }
.pb-multi  { background:rgba(123,47,190,0.1);color:#7B2FBE; }

/* ── GAME CARD CTA BUTTON ── */
.game-cta {
  display: block;
  width: 100%;
  padding: 11px;
  border-radius: 50px;
  text-align: center;
  font-family: 'Fredoka One', cursive;
  font-size: 0.95rem;
  text-decoration: none;
  transition: opacity 0.2s, transform 0.2s;
  margin-top: 14px;
  color: #fff;
}
.game-cta:hover { opacity: 0.88; transform: scale(1.02); }
.cta-purple { background: #7B2FBE; }
.cta-orange { background: #FF5F1F; }
.cta-green  { background: #00C97A; color: #1A1040; }
.cta-blue   { background: #00AAFF; }
.cta-yellow { background: #FFD600; color: #1A1040; }
.cta-pink   { background: #FF2D78; }

/* ── COMING SOON CARDS ── */
.coming-card {
  background: #fff;
  border-radius: 18px;
  border: 2px dashed rgba(26,16,64,0.15);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(26,16,64,0.06);
  opacity: 0.85;
  transition: opacity 0.3s, transform 0.3s;
}
.coming-card:hover { opacity: 1; transform: translateY(-4px); }
.coming-thumb {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  position: relative;
  filter: saturate(0.6);
}
.coming-badge {
  position: absolute;
  top: 10px; left: 10px;
  background: #6B5C8A;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  font-family: 'Nunito', sans-serif;
}
.alert-btn {
  display: block;
  width: 100%;
  padding: 11px;
  border-radius: 50px;
  text-align: center;
  font-family: 'Fredoka One', cursive;
  font-size: 0.9rem;
  text-decoration: none;
  margin-top: 14px;
  background: transparent;
  border: 2px solid rgba(26,16,64,0.15);
  color: #6B5C8A;
  transition: border-color 0.2s, color 0.2s;
}
.alert-btn:hover {
  border-color: #FF2D78;
  color: #FF2D78;
}/* End custom CSS */