/* Game Harbor homepage cleanup — 22 June 2026
   This file is loaded by index.html only, so the rest of the website is unchanged. */

:root{
  --gh-clean-bg:#050914;
  --gh-clean-panel:rgba(8,15,34,.94);
  --gh-clean-panel-2:rgba(13,20,43,.96);
  --gh-clean-border:rgba(72,218,255,.25);
  --gh-clean-cyan:#32e7ff;
  --gh-clean-pink:#ff3fd8;
  --gh-clean-purple:#9b5cff;
  --gh-clean-text:#f7fbff;
  --gh-clean-muted:#aebed2;
  --gh-clean-radius:20px;
  --gh-clean-shadow:0 20px 55px rgba(0,0,0,.34);
}

body.home-page{
  background:
    radial-gradient(circle at 12% 12%,rgba(0,225,255,.10),transparent 28%),
    radial-gradient(circle at 88% 28%,rgba(255,55,216,.09),transparent 30%),
    linear-gradient(180deg,#030611 0%,#071020 48%,#030611 100%);
}

.home-page .static-arcade-banner{height:auto;aspect-ratio:2560 / 500}
.home-page .static-arcade-banner img{object-position:center}

.gh-clean-home{display:block;padding:0 0 58px}
.gh-clean-home *{box-sizing:border-box}
.gh-clean-home img{max-width:100%}
.gh-clean-home a:focus-visible,.gh-clean-home button:focus-visible{outline:3px solid var(--gh-clean-cyan);outline-offset:3px}

/* Hero */
.home-page .gh-clean-hero{
  width:min(1240px,calc(100% - 32px));
  min-height:0;
  margin:30px auto 0;
  padding:38px;
  gap:30px;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  border-radius:24px;
  border-color:var(--gh-clean-border);
  background:
    radial-gradient(circle at 0 0,rgba(50,231,255,.10),transparent 38%),
    linear-gradient(135deg,rgba(5,12,29,.98),rgba(18,10,38,.96));
  box-shadow:var(--gh-clean-shadow);
}
.home-page .gh-clean-hero::before{inset:auto -120px -220px auto;width:470px;height:470px;background:radial-gradient(circle,rgba(255,63,216,.13),transparent 64%)}
.home-page .gh-clean-hero h1{max-width:720px;margin:18px 0 16px;font-size:clamp(2.25rem,4.4vw,4.8rem);line-height:.96;letter-spacing:-.055em}
.home-page .gh-clean-hero h1 span{margin-top:8px}
.home-page .gh-clean-hero .gh-home-hero-copy>p{max-width:690px;font-size:1.08rem;line-height:1.65;color:#cbd9e8}
.home-page .gh-clean-hero .gh-home-hero-badges{margin:19px 0 25px;gap:9px}
.home-page .gh-clean-hero .gh-home-hero-badges a{padding:8px 11px;border-radius:10px;font-size:.86rem}
.home-page .gh-clean-hero .gh-home-primary,.home-page .gh-clean-hero .gh-home-secondary{min-width:180px;padding:14px 20px;border-radius:10px}
.home-page .gh-clean-hero .gh-home-secondary{border:1px solid rgba(50,231,255,.42);background:rgba(50,231,255,.06);box-shadow:none}
.home-page .gh-clean-hero .gh-home-live-panel{min-height:0;padding:20px;border-radius:18px}
.home-page .gh-clean-hero .gh-home-live-head{margin-bottom:13px}
.home-page .gh-clean-hero .gh-home-live-head h2{font-size:1.75rem}
.home-page .gh-clean-hero .gh-home-live-card{min-height:106px;padding:13px;border-radius:13px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-page .gh-clean-hero .gh-home-live-card:hover{transform:translateY(-2px);border-color:rgba(50,231,255,.55);background:linear-gradient(150deg,rgba(24,41,81,.97),rgba(9,15,35,.99))}
.home-page .gh-clean-hero .gh-home-live-copy strong{font-size:.9rem}

/* Shared section layout */
.gh-clean-section,.gh-clean-showcase,.gh-clean-split,.gh-clean-vote,.gh-clean-trust{
  width:min(1240px,calc(100% - 32px));
  margin:48px auto 0;
}
.gh-clean-section,.gh-clean-showcase,.gh-clean-vote,.gh-clean-panel{
  border:1px solid var(--gh-clean-border);
  border-radius:var(--gh-clean-radius);
  background:linear-gradient(145deg,rgba(7,14,31,.96),rgba(11,10,30,.95));
  box-shadow:var(--gh-clean-shadow);
}
.gh-clean-section,.gh-clean-panel{padding:28px}
.gh-clean-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.gh-clean-section-head>div{min-width:0}
.gh-clean-eyebrow{display:block;margin-bottom:6px;color:var(--gh-clean-cyan);font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.gh-clean-section-head h2{margin:0;color:var(--gh-clean-text);font-size:clamp(1.65rem,2.9vw,2.7rem);line-height:1.05;letter-spacing:-.03em}
.gh-clean-section-head>a{flex:0 0 auto;color:#fff;text-decoration:none;font-weight:900;font-size:.9rem;padding:10px 14px;border:1px solid rgba(50,231,255,.33);border-radius:10px;background:rgba(50,231,255,.06)}
.gh-clean-section-head>a:hover{border-color:var(--gh-clean-cyan);background:rgba(50,231,255,.12)}
.gh-clean-section-head.compact{align-items:center;margin-bottom:18px}
.gh-clean-section-head.compact h2{font-size:clamp(1.45rem,2.5vw,2.15rem)}

/* Focused showcase */
.home-page .gh-clean-showcase{padding:28px;background:linear-gradient(145deg,rgba(7,14,31,.96),rgba(15,8,31,.96))}
.home-page .gh-clean-showcase .gh-main-showcase{position:relative;width:100%;height:500px;min-height:500px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#040814;box-shadow:none}
.home-page .gh-clean-showcase .gh-showcase-track,.home-page .gh-clean-showcase .gh-showcase-slide{position:absolute;inset:0;width:100%;height:100%}
.home-page .gh-clean-showcase .gh-showcase-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}
.home-page .gh-clean-showcase .gh-showcase-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.home-page .gh-clean-showcase .gh-showcase-bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;filter:brightness(.73) saturate(1.05)}
.home-page .gh-clean-showcase .gh-showcase-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,13,.94) 0%,rgba(3,7,18,.77) 40%,rgba(3,7,18,.15) 75%,rgba(3,7,18,.05) 100%)}
.home-page .gh-clean-showcase .gh-showcase-content{position:absolute!important;z-index:2;left:74px!important;top:50%!important;transform:translateY(-50%)!important;width:min(590px,calc(100% - 150px))!important;max-width:590px!important;padding:0!important;margin:0!important}
.home-page .gh-clean-showcase .showcase-kicker{display:inline-flex;margin:0 0 12px;padding:7px 10px;color:var(--gh-clean-cyan);font-size:.73rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase;border:1px solid rgba(50,231,255,.38);border-radius:999px;background:rgba(50,231,255,.08)}
.home-page .gh-clean-showcase .gh-showcase-content h2{max-width:590px!important;margin:0 0 10px!important;font-size:clamp(2rem,4.1vw,4.35rem)!important;line-height:.96!important;letter-spacing:-.045em!important;text-shadow:0 4px 26px rgba(0,0,0,.78)}
.home-page .gh-clean-showcase .showcase-release-date{margin:0 0 13px!important;color:#ffcf72!important;font-weight:900!important}
.home-page .gh-clean-showcase .gh-showcase-content>p:not(.showcase-kicker):not(.showcase-release-date){max-width:530px!important;margin:0 0 20px!important;color:#e2ebf5!important;font-size:1rem!important;line-height:1.55!important}
.home-page .gh-clean-showcase .gh-showcase-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:auto!important;max-width:100%!important;transform:none!important}
.home-page .gh-clean-showcase .gh-showcase-actions a,.home-page .gh-clean-showcase .gh-showcase-actions .btn{display:inline-flex!important;min-width:0!important;padding:12px 17px!important;margin:0!important;border-radius:9px!important;font-size:.86rem!important;white-space:nowrap!important}
.home-page .gh-clean-showcase .gh-showcase-btn{position:absolute;z-index:4;top:50%;width:44px;height:54px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(4,8,20,.76);cursor:pointer;backdrop-filter:blur(8px)}
.home-page .gh-clean-showcase .gh-showcase-btn::before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border-top:3px solid #fff;border-right:3px solid #fff}
.home-page .gh-clean-showcase .gh-showcase-prev{left:14px}
.home-page .gh-clean-showcase .gh-showcase-prev::before{transform:translate(-34%,-50%) rotate(-135deg)}
.home-page .gh-clean-showcase .gh-showcase-next{right:14px}
.home-page .gh-clean-showcase .gh-showcase-next::before{transform:translate(-66%,-50%) rotate(45deg)}
.home-page .gh-clean-showcase .gh-showcase-btn:hover{border-color:var(--gh-clean-cyan);background:rgba(8,19,40,.94)}
.home-page .gh-clean-showcase .gh-showcase-dots{position:absolute;z-index:5;left:50%;bottom:16px;display:flex!important;gap:7px;transform:translateX(-50%)}
.home-page .gh-clean-showcase .gh-showcase-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer}
.home-page .gh-clean-showcase .gh-showcase-dots button.active{width:25px;border-radius:99px;background:linear-gradient(90deg,var(--gh-clean-cyan),var(--gh-clean-pink));box-shadow:0 0 12px rgba(50,231,255,.45)}

/* Reviews, previews and overview cards */
.gh-clean-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gh-clean-content-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(180deg,rgba(17,27,54,.95),rgba(7,12,28,.98));transition:transform .2s ease,border-color .2s ease}
.gh-clean-content-card:hover{transform:translateY(-4px);border-color:rgba(50,231,255,.52)}
.gh-clean-card-image{display:block;height:190px;overflow:hidden;background:#060b18}
.gh-clean-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gh-clean-content-card:hover .gh-clean-card-image img{transform:scale(1.035)}
.gh-clean-card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.gh-clean-badge{align-self:flex-start;display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.gh-clean-badge.review{color:#07111d;background:var(--gh-clean-cyan)}
.gh-clean-badge.preview{color:#fff;background:linear-gradient(90deg,#844cff,#d54eff)}
.gh-clean-badge.overview{color:#1d1300;background:#ffce66}
.gh-clean-card-body h3{margin:12px 0 8px;color:#fff;font-size:1.18rem;line-height:1.2}
.gh-clean-card-body p{margin:0 0 18px;color:var(--gh-clean-muted);font-size:.9rem;line-height:1.55}
.gh-clean-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}
.gh-clean-card-foot strong{color:#fff;font-size:.82rem}
.gh-clean-card-foot a{color:var(--gh-clean-cyan);font-size:.79rem;font-weight:900;text-decoration:none;text-align:right}
.gh-clean-type-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.gh-clean-type-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}
.gh-clean-type-links a:hover{border-color:rgba(50,231,255,.42);background:rgba(50,231,255,.06)}
.gh-clean-type-links b{font-size:.9rem}.gh-clean-type-links span{color:var(--gh-clean-muted);font-size:.76rem}

/* Deals */
.home-page .gh-clean-deals-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.home-page .gh-clean-deals-grid .gh-home-deal-card{min-width:0!important;overflow:hidden!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(180deg,rgba(17,27,54,.96),rgba(7,12,28,.98))!important;box-shadow:none!important}
.home-page .gh-clean-deals-grid .gh-home-deal-img{position:relative!important;height:245px!important;background:#0a1021!important}
.home-page .gh-clean-deals-grid .gh-home-deal-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#0a1021!important}
.home-page .gh-clean-deals-grid .gh-home-deal-img b{position:absolute;top:10px;right:10px;padding:7px 9px;border-radius:8px;color:#061018;background:var(--gh-clean-cyan);font-size:.76rem}
.home-page .gh-clean-deals-grid .gh-home-deal-body{padding:16px!important}
.home-page .gh-clean-deals-grid .gh-home-deal-body h3{min-height:0;margin:0 0 6px;color:#fff;font-size:1rem}
.home-page .gh-clean-deals-grid .gh-home-deal-body p{margin:0 0 10px;color:var(--gh-clean-muted);font-size:.78rem}
.home-page .gh-clean-deals-grid .gh-home-deal-body>div{display:flex;align-items:baseline;gap:8px;margin-bottom:13px}
.home-page .gh-clean-deals-grid .gh-home-deal-body strong{color:#fff;font-size:1.18rem}
.home-page .gh-clean-deals-grid .gh-home-deal-body span{text-decoration:line-through;color:#7f91a9;font-size:.82rem}
.home-page .gh-clean-deals-grid .gh-home-deal-body>a{display:flex;align-items:center;justify-content:center;width:100%;padding:11px 13px;color:#fff;text-decoration:none;font-size:.82rem;font-weight:900;border-radius:9px;background:linear-gradient(90deg,#754bff,#e03ed3)}
.gh-clean-affiliate-note{margin:15px 0 0;color:#8294aa;font-size:.76rem;line-height:1.45;text-align:center}

/* Release calendar and browser arcade */
.gh-clean-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gh-clean-panel{min-width:0;margin:0}
.gh-clean-release-list{display:grid;gap:9px}
.gh-clean-release-list>a{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.028);transition:border-color .2s ease,background .2s ease}
.gh-clean-release-list>a:hover{border-color:rgba(50,231,255,.42);background:rgba(50,231,255,.055)}
.gh-clean-release-list time{display:grid;place-items:center;height:54px;border-radius:10px;background:linear-gradient(145deg,rgba(50,231,255,.17),rgba(155,92,255,.18));border:1px solid rgba(50,231,255,.26)}
.gh-clean-release-list time b{font-size:1.15rem;line-height:1}.gh-clean-release-list time span{font-size:.62rem;font-weight:950;letter-spacing:.12em;color:var(--gh-clean-cyan)}
.gh-clean-release-list div{min-width:0}.gh-clean-release-list strong,.gh-clean-release-list small{display:block}.gh-clean-release-list strong{overflow:hidden;color:#fff;font-size:.9rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.gh-clean-release-list small{margin-top:4px;color:var(--gh-clean-muted);font-size:.72rem}.gh-clean-release-list i{color:var(--gh-clean-cyan);font-style:normal;font-weight:900}
.gh-clean-arcade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gh-clean-arcade-grid>a{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.03);transition:transform .2s ease,border-color .2s ease}
.gh-clean-arcade-grid>a:hover{transform:translateY(-2px);border-color:rgba(255,63,216,.45)}
.gh-clean-arcade-grid img{flex:0 0 84px;width:84px;height:84px;object-fit:cover;border-radius:10px;background:#050912}
.gh-clean-arcade-grid span{min-width:0}.gh-clean-arcade-grid strong,.gh-clean-arcade-grid small{display:block}.gh-clean-arcade-grid strong{font-size:.92rem;line-height:1.2}.gh-clean-arcade-grid small{margin-top:5px;color:var(--gh-clean-muted);font-size:.72rem}

/* Compact community vote */
.home-page .gh-clean-vote{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:20px!important;padding:28px!important;background:linear-gradient(145deg,rgba(7,14,31,.96),rgba(16,8,32,.96))!important}
.home-page .gh-clean-vote .gh-vote-head{grid-column:1/-1!important;margin:0!important;text-align:left!important}
.home-page .gh-clean-vote .gh-vote-head h2{margin:4px 0 8px!important;font-size:clamp(1.8rem,3vw,2.8rem)!important}
.home-page .gh-clean-vote .gh-vote-head p:last-child{max-width:720px;margin:0;color:var(--gh-clean-muted)!important}
.home-page .gh-clean-vote .gh-vote-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.home-page .gh-clean-vote .gh-vote-card{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important}
.home-page .gh-clean-vote .gh-vote-card>img,.home-page .gh-clean-vote .gh-card-image-link,.home-page .gh-clean-vote .gh-card-image-link img{display:block!important;width:116px!important;height:100%!important;min-height:135px!important;object-fit:cover!important;border-radius:0!important}
.home-page .gh-clean-vote .gh-vote-body{display:flex!important;min-width:0!important;flex-direction:column!important;padding:13px!important}
.home-page .gh-clean-vote .gh-vote-date{color:var(--gh-clean-cyan)!important;font-size:.66rem!important;letter-spacing:.03em!important}
.home-page .gh-clean-vote .gh-vote-body h3{margin:7px 0 10px!important;color:#fff!important;font-size:.92rem!important;line-height:1.2!important}
.home-page .gh-clean-vote .gh-vote-btn{width:100%!important;margin-top:auto!important;padding:9px 10px!important;border-radius:8px!important;font-size:.78rem!important}
.home-page .gh-clean-vote .gh-vote-leaderboard{align-self:stretch!important;margin:0!important;padding:18px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important}
.home-page .gh-clean-vote .gh-vote-leaderboard h3{margin:0 0 12px!important;font-size:1.05rem!important}
.home-page .gh-clean-vote .gh-vote-leaderboard ol{display:grid!important;gap:7px!important;margin:0 0 14px!important;padding:0!important;list-style:none!important}
.home-page .gh-clean-vote .gh-vote-leaderboard li{display:flex!important;justify-content:space-between!important;gap:8px!important;padding:8px 0!important;color:#d9e5f1!important;font-size:.75rem!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.home-page .gh-clean-vote .gh-vote-leaderboard li strong{color:var(--gh-clean-cyan)!important;white-space:nowrap!important}
.home-page .gh-clean-vote .gh-vote-leaderboard>a{display:flex!important;justify-content:center!important;padding:10px!important;border-radius:9px!important;text-align:center!important}

/* Platforms and trust */
.gh-clean-platform-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.home-page .gh-clean-platform-grid>a{min-height:155px!important;padding:22px!important;border-radius:15px!important;justify-content:flex-end!important;align-items:flex-start!important;transition:transform .2s ease,border-color .2s ease!important}
.home-page .gh-clean-platform-grid>a:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.42)!important}
.home-page .gh-clean-platform-grid span{font-size:1.4rem!important}.home-page .gh-clean-platform-grid small{font-size:.78rem!important;line-height:1.35!important}
.gh-clean-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.025)}
.gh-clean-trust>div{padding:20px 22px;border-right:1px solid rgba(255,255,255,.08)}
.gh-clean-trust>div:last-child{border-right:0}.gh-clean-trust b,.gh-clean-trust span{display:block}.gh-clean-trust b{margin-bottom:7px;color:#fff;font-size:.9rem}.gh-clean-trust span{color:var(--gh-clean-muted);font-size:.78rem;line-height:1.45}

/* Reduce unnecessary work below the fold without hiding content. */
.gh-clean-section,.gh-clean-split,.gh-clean-vote,.gh-clean-platform-section,.gh-clean-trust{content-visibility:auto;contain-intrinsic-size:700px}

@media(max-width:1100px){
  .home-page .gh-clean-hero{grid-template-columns:1fr;padding:30px}
  .home-page .gh-clean-hero .gh-home-live-panel{width:100%}
  .gh-clean-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .gh-clean-deals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gh-clean-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-page .gh-clean-vote{grid-template-columns:1fr!important}
  .home-page .gh-clean-vote .gh-vote-head{grid-column:auto!important}
  .home-page .gh-clean-vote .gh-vote-leaderboard{max-width:none!important}
}

@media(max-width:820px){
  .home-page .static-arcade-banner{height:auto;aspect-ratio:2560 / 500}
  .gh-clean-section,.gh-clean-showcase,.gh-clean-split,.gh-clean-vote,.gh-clean-trust{width:min(100% - 22px,1240px);margin-top:28px}
  .gh-clean-section,.gh-clean-panel,.home-page .gh-clean-showcase,.home-page .gh-clean-vote{padding:20px!important}
  .home-page .gh-clean-hero{width:calc(100% - 22px);margin-top:20px;padding:22px}
  .home-page .gh-clean-hero h1{font-size:clamp(2rem,10vw,3.5rem)}
  .home-page .gh-clean-hero .gh-home-live-grid{grid-template-columns:1fr 1fr}
  .gh-clean-section-head{align-items:flex-start;flex-direction:column;gap:12px}
  .gh-clean-section-head.compact{align-items:flex-start}
  .gh-clean-content-grid{grid-template-columns:1fr 1fr}
  .gh-clean-type-links{grid-template-columns:1fr}
  .gh-clean-split{grid-template-columns:1fr}
  .home-page .gh-clean-showcase .gh-main-showcase{height:470px;min-height:470px}
  .home-page .gh-clean-showcase .gh-showcase-slide::after{background:linear-gradient(0deg,rgba(2,5,13,.96) 0%,rgba(3,7,18,.78) 58%,rgba(3,7,18,.20) 100%)}
  .home-page .gh-clean-showcase .gh-showcase-content{left:54px!important;top:auto!important;bottom:48px!important;transform:none!important;width:calc(100% - 108px)!important;max-width:none!important}
  .home-page .gh-clean-showcase .gh-showcase-content h2{font-size:clamp(1.85rem,7vw,3rem)!important}
  .home-page .gh-clean-showcase .gh-showcase-content>p:not(.showcase-kicker):not(.showcase-release-date){display:none!important}
  .home-page .gh-clean-showcase .gh-showcase-btn{width:38px;height:48px}
  .home-page .gh-clean-showcase .gh-showcase-prev{left:9px}.home-page .gh-clean-showcase .gh-showcase-next{right:9px}
  .gh-clean-trust{grid-template-columns:1fr}
  .gh-clean-trust>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .gh-clean-trust>div:last-child{border-bottom:0}
}

@media(max-width:600px){
  .home-page .static-arcade-banner{height:auto;aspect-ratio:2560 / 500}
  .home-page .gh-clean-hero .gh-home-live-grid{grid-template-columns:1fr}
  .home-page .gh-clean-hero .gh-home-live-card{min-height:96px}
  .home-page .gh-clean-hero .gh-home-primary,.home-page .gh-clean-hero .gh-home-secondary{width:100%;min-width:0}
  .home-page .gh-clean-hero .gh-home-hero-badges a{flex:1 1 calc(50% - 8px);text-align:center}
  .gh-clean-content-grid{grid-template-columns:1fr}
  .gh-clean-card-image{height:205px}
  .home-page .gh-clean-deals-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .home-page .gh-clean-deals-grid .gh-home-deal-img{height:190px!important}
  .home-page .gh-clean-deals-grid .gh-home-deal-body{padding:12px!important}
  .home-page .gh-clean-deals-grid .gh-home-deal-body h3{font-size:.88rem}
  .home-page .gh-clean-deals-grid .gh-home-deal-body strong{font-size:1rem}
  .gh-clean-arcade-grid{grid-template-columns:1fr}
  .home-page .gh-clean-vote .gh-vote-grid{grid-template-columns:1fr!important}
  .home-page .gh-clean-vote .gh-vote-card{grid-template-columns:104px minmax(0,1fr)!important}
  .home-page .gh-clean-vote .gh-vote-card>img,.home-page .gh-clean-vote .gh-card-image-link,.home-page .gh-clean-vote .gh-card-image-link img{width:104px!important;min-height:126px!important}
  .gh-clean-platform-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .home-page .gh-clean-platform-grid>a{min-height:130px!important;padding:17px!important}
  .home-page .gh-clean-showcase .gh-main-showcase{height:430px;min-height:430px}
  .home-page .gh-clean-showcase .gh-showcase-content{left:44px!important;width:calc(100% - 88px)!important}
  .home-page .gh-clean-showcase .gh-showcase-actions{gap:7px!important}
  .home-page .gh-clean-showcase .gh-showcase-actions a,.home-page .gh-clean-showcase .gh-showcase-actions .btn{padding:10px 11px!important;font-size:.72rem!important}
  .home-page .gh-clean-showcase .gh-showcase-content h2{font-size:clamp(1.6rem,8.3vw,2.45rem)!important}
}

@media(max-width:420px){
  .home-page .gh-clean-deals-grid{grid-template-columns:1fr!important}
  .home-page .gh-clean-deals-grid .gh-home-deal-img{height:255px!important}
  .gh-clean-platform-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .gh-clean-home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Homepage navigation now inherits the same desktop sizing as every other GameHarbor page. */
@media(max-width:900px){
  .home-page .final-main-nav.gh-neon-nav-v2,.home-page .professional-nav.gh-neon-nav-v2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    width:calc(100% - 12px)!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 6px!important;
    padding:8px!important;
    border-radius:0 0 14px 14px!important;
  }
  .home-page .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,.home-page .professional-nav.gh-neon-nav-v2 .gh-nav-logo{
    grid-column:1/-1!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 10px!important;
    justify-content:center!important;
    border-right:0!important;
  }
  .home-page .gh-neon-nav-v2>a:not(.gh-nav-logo),.home-page .gh-neon-nav-v2 .dropdown,.home-page .gh-neon-nav-v2 .gh-small-menu,.home-page .gh-neon-nav-v2 .gh-more-menu,.home-page .gh-neon-nav-v2 .gh-mega-wrap{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
  }
  .home-page .gh-neon-nav-v2>a:not(.gh-nav-logo),.home-page .gh-neon-nav-v2 .dropdown>a{
    display:flex!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:7px 6px!important;
    font-size:11px!important;
    line-height:1.1!important;
    border:1px solid rgba(50,231,255,.12)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.025)!important;
  }
  .home-page .gh-neon-nav-v2 .gh-nav-search{
    grid-column:1/-1!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
  }
  .home-page .gh-neon-nav-v2 .gh-nav-search input{width:100%!important;height:40px!important;padding:0 42px 0 12px!important}
  .home-page .gh-neon-nav-v2 .gh-nav-search button{right:5px!important;top:5px!important}
  .home-page .gh-neon-nav-v2 .dropdown-menu,.home-page .gh-neon-nav-v2 .gh-mega-menu{top:42px!important;left:0!important;min-width:220px!important;max-width:calc(100vw - 28px)!important}
}

/* Avoid large placeholder jumps while scrolling on browsers with partial content-visibility support. */
.gh-clean-section,.gh-clean-split,.gh-clean-vote,.gh-clean-platform-section,.gh-clean-trust{content-visibility:visible!important;contain-intrinsic-size:auto!important}

/* GAMEHARBOR MAIN BANNER FULL-WIDTH FINAL FIX 2026-06-23 */
.home-page>.static-arcade-banner:not(.platform-page-banner),.home-page .static-arcade-banner:not(.platform-page-banner){display:block!important;position:relative!important;width:100vw!important;min-width:100vw!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 calc(50% - 50vw)!important;padding:0!important;overflow:hidden!important;line-height:0!important;background:#020611!important}.home-page>.static-arcade-banner:not(.platform-page-banner) picture,.home-page .static-arcade-banner:not(.platform-page-banner) picture{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}.home-page>.static-arcade-banner:not(.platform-page-banner) img,.home-page .static-arcade-banner:not(.platform-page-banner) img{content:normal!important;position:static!important;inset:auto!important;display:block!important;width:100%!important;min-width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:fill!important;object-position:center center!important;transform:none!important;animation:none!important;opacity:1!important}


/* === GAMEHARBOR MAIN BANNER 2560x500 — FINAL SITE-WIDE RULE === */
body > .static-arcade-banner:not(.platform-page-banner),
.static-arcade-banner:not(.platform-page-banner){
  display:block !important;
  position:relative !important;
  left:50% !important;
  width:min(100vw,2560px) !important;
  min-width:0 !important;
  max-width:2560px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:2560 / 500 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:#020611 !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(0,229,255,.7) !important;
  transform:translateX(-50%) !important;
  box-shadow:none !important;
  isolation:auto !important;
}
.static-arcade-banner:not(.platform-page-banner) picture{
  display:block !important;
  position:static !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}
body > .static-arcade-banner:not(.platform-page-banner) img,
.static-arcade-banner:not(.platform-page-banner) img{
  content:normal !important;
  display:block !important;
  position:static !important;
  inset:auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:2560px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
  animation:none !important;
  background:#020611 !important;
}
.static-arcade-banner:not(.platform-page-banner)::before,
.static-arcade-banner:not(.platform-page-banner)::after{
  content:none !important;
  display:none !important;
}
.live-arcade-banner{
  width:min(100vw,2560px) !important;
  max-width:2560px !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:2560 / 500 !important;
  background:#020611 url("banners/gameharbor-main-banner-2560x500.png?v=gameharbor-main-banner-20260623") center / contain no-repeat !important;
}


/* GameHarbor main banner: direct PNG, host-safe sizing */
.static-arcade-banner.gh-main-site-banner{display:block!important;position:relative!important;left:50%!important;width:100vw!important;max-width:2560px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2560/500!important;margin:0!important;padding:0!important;overflow:hidden!important;line-height:0!important;transform:translateX(-50%)!important;background:#020611!important;}
.static-arcade-banner.gh-main-site-banner>img.gh-main-banner-image{content:normal!important;display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:2560px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;opacity:1!important;visibility:visible!important;filter:none!important;animation:none!important;transform:none!important;}
.static-arcade-banner.gh-main-site-banner::before,.static-arcade-banner.gh-main-site-banner::after{content:none!important;display:none!important;}