:root {
  --psn-green-dark: #156644;
  --psn-green-soft: #97c39f;
  --psn-teal-soft: #97c3bc;
  --psn-teal-bold: #0097b2;
}
{"styles":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"},"blocks":{"core\/heading":{"color":{"text":"var(--wp--preset--color--base)"},"elements":{"link":{"color":{"text":"var(--wp--preset--color--base)"}}},"typography":{"fontSize":"var(--wp--preset--font-size--xxx-large)","fontStyle":"normal","fontWeight":"300","lineHeight":"1"}}},"elements":{"button":{"typography":{"lineHeight":"1"}}}},"settings":{"color":{"palette":{"theme":[{"color":"#ffffff","name":"Base","slug":"base"},{"color":"#232d3f","name":"Contrast","slug":"contrast"},{"color":"#156644","name":"Primary","slug":"primary"},{"color":"#156644","name":"Secondary","slug":"secondary"},{"color":"#ffffff","name":"Tertiary","slug":"tertiary"}]}},"typography":{"fontSizes":{"default":[{"name":"Small","slug":"small","size":"13px"},{"name":"Medium","slug":"medium","size":"20px"},{"name":"Large","slug":"large","size":"36px"},{"name":"Extra Large","slug":"x-large","size":"42px"}],"theme":[{"fluid":{"max":"0.88rem","min":"0.704rem"},"name":"Extra Small","size":"0.88rem","slug":"x-small"},{"fluid":{"max":"1.1rem","min":"0.88rem"},"name":"Small","size":"1.1rem","slug":"small"},{"fluid":{"max":"1.375rem","min":"1.1rem"},"name":"Medium","size":"1.375rem","slug":"medium"},{"fluid":{"max":"1.719rem","min":"1.375rem"},"name":"Large","size":"1.719rem","slug":"large"},{"fluid":{"max":"2.148rem","min":"1.719rem"},"name":"Extra Large","size":"2.148rem","slug":"x-large"},{"fluid":{"max":"2.686rem","min":"2.148rem"},"name":"Double Extra Large","size":"2.686rem","slug":"xx-large"},{"fluid":{"max":"4.196rem","min":"2.6rem"},"name":"Triple Extra Large","size":"4.196rem","slug":"xxx-large"},{"fluid":{"max":"5.245rem","min":"2.686rem"},"name":"Quadruple Extra Large","size":"5.245rem","slug":"xxxx-large"}],"custom":[{"name":"New Font Size 1","size":"51px","slug":"custom-1"}]}}},"isGlobalStylesUserThemeJSON":true,"version":3}/* Container for the sport buttons */
.sports-arcade-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: 24px 0;
}

/* Arcade-style sport buttons */
.sports-arcade-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 999px;
    text-decoration: none;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #e5fdfc;
    background: linear-gradient(135deg, #0ea5e9, #22c55e);
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.6);
    border: 2px solid rgba(15, 23, 42, 0.7);
    transition: transform 0.08s ease, box-shadow 0.08s ease, filter 0.08s ease;
}

/* Hover / active states */
.sports-arcade-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.8);
    filter: brightness(1.08);
}

.sports-arcade-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.7);
    filter: brightness(0.96);
}

/* Optional: make buttons full-width-ish on mobile */
@media (max-width: 600px) {
    .sports-arcade-btn {
        flex: 1 1 45%;
        text-align: center;
    }
}
/* Force NBA Accolades game to left-align instead of center */
#nba-accolades-game {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

/* If the parent WordPress block is centered, override that */
.wp-block-shortcode,
.wp-block-code,
.wp-block-group {
    text-align: left !important;
}
/* Left-align the NFL Accolades game container */
#nfl-accolades-game {
    margin-left: 0 !important;
    margin-right: auto !important;
}
/* ================================
   PSN GLOBAL COLORS
   ================================ */
:root {
  --psn-green-dark: #156644;
  --psn-green-soft: #97c39f;
  --psn-teal-soft: #97c3bc;
  --psn-teal-bold: #0097b2;
}

/* ================================
   HIDE NEVE'S DEFAULT PAGE TITLE
   (so only our custom box shows)
   ================================ */
.nv-page-title-wrap,
.page-title,
h1.entry-title {
  display: none !important;
}

/* ================================
   PSN HERO TITLE BOX
   ================================ */

/* Outer wrapper – controls spacing from rest of page */
.psn-hero-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4rem auto 6rem auto; /* space above and below the box */
  padding: 0 1rem;
}

/* Gradient box */
.psn-hero-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 2rem 3rem;
  width: min(90vw, 900px); /* moderately wide */

  border-radius: 22px;

  background: linear-gradient(
    135deg,
    var(--psn-green-dark),
    var(--psn-teal-bold)
  );

  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.45),
    0 18px 32px rgba(0, 0, 0, 0.55),
    0 0 35px rgba(0, 151, 178, 0.55);

  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.15em;

  transform: translateY(0);
  transition: all 0.2s ease-out;
}

/* Inner border */
.psn-hero-box::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  pointer-events: none;
}

/* Glow overlay */
.psn-hero-box::after {
  content: "";
  position: absolute;
  top: -40%;
  left: -20%;
  width: 180%;
  height: 95%;
  background: radial-gradient(
    circle at top center,
    rgba(255, 255, 255, 0.22),
    transparent 70%
  );
  opacity: 0.5;
  pointer-events: none;
}

/* Make sure everything inside is white text */
.psn-hero-box,
.psn-hero-box * {
  color: #ffffff !important;
}

/* MAIN TITLE – where you control the text size */
.psn-hero-title {
  margin: 0;
  text-align: center;
  font-weight: 900;

  /* 👇 THIS IS THE SIZE. CHANGE THIS NUMBER TO MAKE IT BIGGER OR SMALLER. */
  font-size: clamp(2rem, 5vw, 3.0rem);

  line-height: 1.05;
  letter-spacing: 0.12em;
  text-shadow:
    0 0 16px rgba(0, 0, 0, 0.85),
    0 0 28px rgba(0, 151, 178, 0.9);
}

/* Hover lift */
.psn-hero-box:hover {
  transform: translateY(-6px);
  box-shadow:
    0 0 0 2px rgba(0, 0, 0, 0.55),
    0 24px 45px rgba(0, 0, 0, 0.65),
    0 0 50px rgba(0, 151, 178, 0.8);
}

/* ================================
   MOBILE
   ================================ */
@media (max-width: 600px) {
  .psn-hero-box {
    padding: 1.6rem 1.4rem;
    width: 94vw;
  }
  .psn-hero-title {
    font-size: clamp(2.3rem, 8vw, 3.2rem);
    letter-spacing: 0.1em;
  }
  .psn-hero-wrapper {
    margin-bottom: 4rem;
  }
}

/* ======================================
   PSN HEADER + FOOTER MATCHING GRADIENT
   ====================================== */

/* HEADER (Neve + Universal Selectors) */
header,
.site-header,
#masthead,
.nv-navbar,
.header-main-inner,
.nv-header,
.nv-header-wrap,
.hfg-header,
.hfg_header {
  background: linear-gradient(
    135deg,
    #156644 0%,
    #0097b2 60%,
    #97c39f 100%
  ) !important;
  color: #ffffff !important;
}

/* FOOTER (Neve uses MANY wrappers) */
footer,
#site-footer,
.site-footer,
.footer-bottom,
.footer-main,
.footer-bottom-inner,
.nv-footer,
.hfg-footer,
.hfg_footer,
.hfg-footer .hfg-item-row,
#site-footer .hfg-footer,
#site-footer .footer-bottom,
#site-footer .footer-bottom-inner {
  background: linear-gradient(
    135deg,
    #156644 0%,
    #0097b2 60%,
    #97c39f 100%
  ) !important;
  color: #ffffff !important;
}

/* Remove any blocks inside footer that have their own colors */
#site-footer * {
  background: transparent !important;
  color: #ffffff !important;
}

/* Links stay readable */
footer a,
#site-footer a,
.site-footer a {
  color: #e6fff1 !important;
}
footer a:hover,
#site-footer a:hover {
  color: #ffffff !important;
}
/* Retro arcade intro box */
.psn-arcade-intro {
  position: relative;
  max-width: 880px;
  margin: 24px auto 32px auto;
  padding: 2px;
  border-radius: 18px;
  background: linear-gradient(135deg, #22c55e, #14b8a6, #6366f1, #f97316);
  background-size: 200% 200%;
  animation: psnArcadeBorder 8s linear infinite;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}

.psn-arcade-intro__glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  filter: blur(20px);
  opacity: 0.38;
  pointer-events: none;
  background: inherit;
  z-index: 0;
}

.psn-arcade-intro__content {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  padding: 18px 20px 18px;
  background: radial-gradient(circle at top, #020617 0, #020617 55%, #020617 100%);
  color: #e5e7eb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.psn-arcade-intro__title {
  margin: 0 0 6px;
  font-size: 1.35rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  text-align: center;
  color: #fefce8;
}

.psn-arcade-intro__subtitle {
  margin: 0 0 10px;
  font-size: 0.95rem;
  text-align: center;
  color: #a5b4fc;
}

.psn-arcade-intro__body {
  margin: 6px 0;
  font-size: 0.95rem;
  line-height: 1.6;
  text-align: center;
}

.psn-arcade-intro__body span {
  color: #22c55e;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Footer line */
.psn-arcade-intro__footer {
  margin-top: 12px;
  text-align: center;
}

.psn-arcade-intro__insert-coin {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  border: 0px dashed rgba(148, 163, 184, 0.7);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: #fefce8;
  background: rgba(15, 23, 42, 0.9);
}

/* Border animation */
@keyframes psnArcadeBorder {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .psn-arcade-intro {
    margin: 16px 12px 24px;
  }
  .psn-arcade-intro__title {
    font-size: 1.1rem;
    letter-spacing: 0.14em;
  }
  .psn-arcade-intro__content {
    padding: 14px 14px 16px;
  }
}
/* ================================
   Arcade Intro Styling
   ================================ */

.arcade-intro {
  text-align: center;
  margin: 3rem auto 4rem;
  max-width: 850px;
  padding: 0 1.5rem;
}

.arcade-intro-title {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #156644;
}

.arcade-intro-text {
  font-size: 1.1rem;
  line-height: 1.75;
  color: #222;
  margin-bottom: 2.5rem;
}

.arcade-intro-subtitle {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #156644;
}

/* ================================
   Arcade Buttons (Same Style as Before)
   ================================ */

.arcade-button-row {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.arcade-btn {
  display: inline-block;
  padding: 0.75rem 2rem;
  background: linear-gradient(135deg, #156644, #0097b2);
  color: #ffffff !important;
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 
    0 3px 6px rgba(0,0,0,0.25),
    0 0 12px rgba(0,151,178,0.35);
  transition: all 0.15s ease-in-out;
}

.arcade-btn:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 6px 14px rgba(0,0,0,0.25),
    0 0 18px rgba(0,151,178,0.5);
}
/* ACTIVE (current page) arcade button highlight */
.arcade-btn.active {
  background: linear-gradient(135deg, #0097b2, #97c39f) !important;
  color: #ffffff !important;
  box-shadow:
    0 6px 14px rgba(0,0,0,0.35),
    0 0 22px rgba(0,151,178,0.75),
    0 0 30px rgba(151,195,159,0.45);
  transform: translateY(-3px);
}
/* =======================================
   PSN Neon Return Button (Statline Pages)
   ======================================= */

.statline-return-wrapper {
  text-align: center;
  margin: 4rem auto 5rem;
}

.statline-return-btn {
  display: inline-block;
  padding: 1rem 2.8rem;
  font-size: 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #ffffff !important;
  text-decoration: none;

  border-radius: 14px;
  background: linear-gradient(135deg, #156644, #0097b2);

  box-shadow:
    0 0 10px rgba(0, 151, 178, 0.7),
    0 0 20px rgba(0, 151, 178, 0.6),
    0 0 30px rgba(0, 151, 178, 0.4);

  transition: all 0.18s ease-in-out;
}

/* Hover animation */
.statline-return-btn:hover {
  transform: translateY(-4px);
  box-shadow:
    0 0 16px rgba(0, 151, 178, 0.9),
    0 0 28px rgba(151, 195, 159, 0.8),
    0 0 40px rgba(0, 151, 178, 1);
}

/* Optional: subtle neon pulse on idle */
@keyframes neonPulse {
  0% { box-shadow: 0 0 8px rgba(0,151,178,.6); }
  50% { box-shadow: 0 0 16px rgba(0,151,178,1); }
  100% { box-shadow: 0 0 8px rgba(0,151,178,.6); }
}

.statline-return-btn {
  animation: neonPulse 2.5s infinite ease-in-out;
}
/* ================================
   PSN TEAM SECTION – BASE STYLES
   (applies to Creators + Social pages)
   ================================ */

.psn-team-section {
  text-align: center;
}

/* Make all avatars round and consistent */
.psn-team-section img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto 0.4rem;
}

/* Names – desktop & mobile base */
.psn-team-section h3,
.psn-team-section .team-name {
  margin: 0.3rem 0 0.15rem;
  font-weight: 700;
}

/* Social links under the name */
.psn-team-section a {
  display: inline-block;
  margin: 0.05rem 0.25rem;
  text-decoration: none;
}

/* Optional: slightly smaller fonts in this section overall (desktop) */
.psn-team-section {
  font-size: 0.95rem;
}


/* ================================
   PSN TEAM SECTION – MOBILE LAYOUT
   (Only for screens ≤ 768px)
   ================================ */

@media (max-width: 768px) {

  /* Don't scale the whole block; keep it normal */
  .psn-team-section {
    font-size: 0.9rem;
  }

  /* Wrap all team columns and allow multiple per row */
  .psn-team-section .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 0.3rem;
    row-gap: 1.2rem;
  }

  /* 5 columns per row on mobile: each person = 20% width */
  .psn-team-section .wp-block-column {
    flex: 0 0 20%;
    max-width: 20%;
  }

  /* Slightly smaller avatars on mobile */
  .psn-team-section img {
    width: 64px;
    height: 64px;
  }

  /* Names – readable on mobile */
  .psn-team-section h3,
  .psn-team-section .team-name {
    font-size: 1.4rem;
    margin: 0.2rem 0 0.1rem;
  }

  /* Social links – stacked under the name, centered */
  .psn-team-section a {
    font-size: 1.4rem;
    display: block;
    text-align: center;
    margin: 0.03 rem 0;
  }
}
/* === GLOBAL LAYOUT FOR THEMEISLE ADVANCED COLUMNS (3, 4, 5 COLS) === */

/* Turn the inner wrapper into a flex grid */
.wp-block-themeisle-blocks-advanced-columns.has-3-columns .innerblocks-wrap,
.wp-block-themeisle-blocks-advanced-columns.has-4-columns .innerblocks-wrap,
.wp-block-themeisle-blocks-advanced-columns.has-5-columns .innerblocks-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  /* center cards within row */
  gap: 24px;                /* space between cards */
}

/* Each column acts like a centered "card" */
.wp-block-themeisle-blocks-advanced-columns.has-3-columns .wp-block-themeisle-blocks-advanced-column,
.wp-block-themeisle-blocks-advanced-columns.has-4-columns .wp-block-themeisle-blocks-advanced-column,
.wp-block-themeisle-blocks-advanced-columns.has-5-columns .wp-block-themeisle-blocks-advanced-column {
  flex: 0 1 200px;          /* gives you 3–5 per row depending on screen width */
  max-width: 220px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;      /* centers image + name + socials */
}

/* Center the avatar image inside each card */
.wp-block-themeisle-blocks-advanced-columns.has-3-columns figure.wp-block-image,
.wp-block-themeisle-blocks-advanced-columns.has-4-columns figure.wp-block-image,
.wp-block-themeisle-blocks-advanced-columns.has-5-columns figure.wp-block-image {
  margin: 0 auto 8px auto;
}

/* Name styling – center + spacing */
.wp-block-themeisle-blocks-advanced-columns.has-3-columns h3,
.wp-block-themeisle-blocks-advanced-columns.has-4-columns h3,
.wp-block-themeisle-blocks-advanced-columns.has-5-columns h3 {
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
}

/* SOCIAL LINKS – show them and center them under each card */
.wp-block-themeisle-blocks-advanced-columns.has-3-columns .wp-block-social-links,
.wp-block-themeisle-blocks-advanced-columns.has-4-columns .wp-block-social-links,
.wp-block-themeisle-blocks-advanced-columns.has-5-columns .wp-block-social-links {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
/* MOBILE OPTIMIZATION FOR CREATOR GRIDS */
@media (max-width: 768px) {

  /* Force 3 columns per row on mobile */
  .wp-block-themeisle-blocks-advanced-columns.has-5-columns .innerblocks-wrap,
  .wp-block-themeisle-blocks-advanced-columns.has-4-columns .innerblocks-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }

  /* Shrink creator images */
  .wp-block-themeisle-blocks-advanced-column img {
    width: 80px !important;
    height: 80px !important;
  }

  /* Reduce name size */
  .wp-block-themeisle-blocks-advanced-column h3 {
    font-size: 13px !important;
    margin: 6px 0 4px !important;
  }

  /* Shrink social icons */
  .wp-block-themeisle-blocks-advanced-column a img {
    width: 14px !important;
    height: 14px !important;
  }

  /* Tighten icon spacing */
  .wp-block-themeisle-blocks-advanced-column div[style*="display:flex"] {
    gap: 6px !important;
  }
}
/* ---- PSN CREATOR SECTIONS: MOBILE FIX (CLEAN) ---- */
@media (max-width: 768px) {

  /* Convert container to grid (mobile only) */
  .wp-block-themeisle-blocks-advanced-columns > .innerblocks-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    justify-items: center;
    align-items: start;
  }

  /* Reset ThemeIsle column behavior */
  .wp-block-themeisle-blocks-advanced-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
  }
@media (max-width: 768px) {

  /* Two columns on the same row, centered */
  .psn-youtube-grid .innerblocks-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
    gap: 0px;
    justify-items: center;
    align-items: start;
  }

  /* Card sizing & centering */
  .psn-youtube-grid .wp-block-themeisle-blocks-advanced-column {
    width: 100% !important;
    max-width: 140px !important;  /* keeps them from getting huge */
    text-align: center !important;
  }

  /* Smaller images */
  .psn-youtube-grid img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
  }

  /* Slightly smaller titles */
  .psn-youtube-grid h3 {
    font-size: 12px !important;
    line-height: 1.2;
    margin-top: 6px;
    text-align: center !important;
  }
}