/* =====================================================================
   GODZ WAR PKO V51 — PROFESSIONAL GODS TEMPLE / BROWSE-FIRST LAYOUT
   Loaded after legacy style.css so this file is the final geometry layer.
   ===================================================================== */
:root{
  --v51-bg:#03040a;
  --v51-panel:rgba(6,8,20,.78);
  --v51-panel-strong:rgba(5,7,17,.92);
  --v51-border:rgba(111,228,255,.22);
  --v51-cyan:#68e9ff;
  --v51-purple:#b56cff;
  --v51-gold:#ffd978;
  --v51-text:#f7f7ff;
  --v51-muted:#bac3dc;
  --v51-rail:1440px;
  --v51-content:1240px;
  --v51-radius:18px;
}

html{background:var(--v51-bg)}
body{
  background:var(--v51-bg)!important;
  color:var(--v51-text)!important;
  line-height:1.55!important;
  overflow-x:hidden!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body::before{opacity:.12!important}
body::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(103,232,249,.05),transparent 30%),
    linear-gradient(180deg,rgba(1,2,8,.06) 0%,rgba(2,2,8,.18) 38%,rgba(2,2,8,.74) 100%)!important;
}

/* Real scenery — one clean temple image, no fake UI baked into it. */
.page-bg,.godz-home .page-bg,.inner-page .page-bg,.register-page .page-bg,
.theme-register .page-bg,.theme-mall .page-bg,.theme-crystal .page-bg,.theme-ranking .page-bg,
.theme-donation .page-bg,.theme-vote .page-bg,.theme-download .page-bg,.theme-viewer .page-bg,
.theme-login .page-bg,.theme-gm .page-bg,.theme-god-items .page-bg{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-4!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  background-image:
    linear-gradient(180deg,rgba(3,4,12,.10) 0%,rgba(3,4,12,.18) 45%,rgba(3,4,12,.78) 82%,#03040a 100%),
    url('../images/gods-temple-v51.jpg')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.page-overlay,.godz-home .page-overlay,.inner-page .page-overlay,.register-page .page-overlay{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(1,2,8,.42),rgba(1,2,8,.04) 24%,rgba(1,2,8,.04) 76%,rgba(1,2,8,.42)),
    radial-gradient(circle at 50% 18%,transparent 0 18%,rgba(2,3,10,.10) 56%,rgba(2,3,10,.42) 100%)!important;
  backdrop-filter:none!important;
}
.fx-layer,.gw-v25-ambient,.aurora,.lightning,.magic-orb,.embers,.spark-field{display:none!important}

/* Header = brand/status row + dedicated navigation row. */
.topbar,.godz-topbar,.inner-topbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  width:100%!important;
  min-height:116px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(170px,230px) minmax(0,1fr) minmax(135px,180px)!important;
  grid-template-rows:62px 54px!important;
  align-items:center!important;
  gap:0 18px!important;
  padding:0 clamp(16px,3vw,48px)!important;
  background:linear-gradient(180deg,rgba(4,5,15,.96),rgba(4,4,13,.91))!important;
  border:0!important;
  border-bottom:1px solid rgba(104,233,255,.24)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(16px) saturate(1.1)!important;
}
.topbar::before,.godz-topbar::before,.inner-topbar::before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:53px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(104,233,255,.38),rgba(181,108,255,.42),transparent)!important;
  opacity:1!important;
}
.topbar::after,.godz-topbar::after,.inner-topbar::after{display:none!important}

.site-logo-brand,.topbar>.brand,.godz-topbar>.brand{
  grid-column:1!important;grid-row:1!important;
  width:220px!important;height:56px!important;
  min-width:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  margin:0!important;padding:0!important;
}
.site-logo-img{display:block!important;max-width:100%!important;max-height:54px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.server-pill,.godz-server-pill{
  grid-column:3!important;grid-row:1!important;
  justify-self:end!important;
  min-width:145px!important;max-width:180px!important;min-height:42px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  margin:0!important;padding:7px 13px!important;
  text-align:left!important;
  border:1px solid rgba(104,233,255,.30)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(15,40,54,.62),rgba(31,16,53,.70))!important;
  box-shadow:0 0 22px rgba(104,233,255,.07)!important;
}
.server-pill span:last-child,.godz-server-pill span:last-child{display:flex!important;flex-direction:column!important;line-height:1.05!important}
.server-pill b,.godz-server-pill b{font-size:.72rem!important;letter-spacing:.10em!important}
.server-pill small,.godz-server-pill small{margin-top:4px!important;color:#9caac7!important;font-size:.56rem!important;letter-spacing:.06em!important}

.topbar .nav,.godz-topbar .nav,.inner-topbar .nav,.topbar .wide-nav,.godz-topbar .wide-nav{
  grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;height:54px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;
  margin:0!important;padding:5px 0!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;
  white-space:nowrap!important;
}
.topbar .nav::-webkit-scrollbar,.godz-topbar .nav::-webkit-scrollbar,.inner-topbar .nav::-webkit-scrollbar{display:none!important}
.topbar .nav a,.godz-topbar .nav a,.inner-topbar .nav a,
.topbar .wide-nav a,.godz-topbar .wide-nav a{
  flex:0 0 auto!important;
  min-width:88px!important;height:42px!important;min-height:42px!important;
  display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  margin:0!important;padding:0 12px!important;
  border:1px solid rgba(150,170,215,.16)!important;
  border-radius:10px!important;
  background:rgba(10,11,27,.64)!important;
  color:#dce4f8!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:.68rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.035em!important;
  text-align:center!important;text-transform:uppercase!important;
  box-shadow:none!important;
  transform:none!important;
}
.topbar .nav a .nav-icon,.godz-topbar .nav a .nav-icon,.inner-topbar .nav a .nav-icon{
  display:inline-grid!important;place-items:center!important;
  width:18px!important;height:18px!important;min-height:0!important;
  margin:0!important;font-size:.92rem!important;line-height:1!important;
}
.topbar .nav a>span:last-child,.godz-topbar .nav a>span:last-child,.inner-topbar .nav a>span:last-child{
  display:inline!important;width:auto!important;text-align:center!important;
}
.topbar .nav a:hover,.godz-topbar .nav a:hover,.inner-topbar .nav a:hover,
.topbar .nav a.active,.godz-topbar .nav a.active,.inner-topbar .nav a.active{
  color:#fff!important;
  border-color:rgba(104,233,255,.55)!important;
  background:linear-gradient(135deg,rgba(25,108,137,.22),rgba(97,47,153,.25))!important;
  box-shadow:0 0 18px rgba(104,233,255,.08),inset 0 0 16px rgba(181,108,255,.05)!important;
  transform:none!important;
}
.topbar .nav a::before,.topbar .nav a::after,.godz-topbar .nav a::before,.godz-topbar .nav a::after{display:none!important}

/* Professional content rails and readable surfaces. */
main{position:relative!important;z-index:1!important;width:100%!important;margin:0!important;padding:0!important}
.section,.inner-shell,.register-shell,.account-shell,.updates-shell,.server-guide-shell,.character-page-shell{
  width:min(calc(100% - 40px),var(--v51-content))!important;
  max-width:var(--v51-content)!important;
  margin-left:auto!important;margin-right:auto!important;
}
.glass-panel,.content-panel,.register-card,.war-panel,.download-panel,.section-heading,
.gw-update-card,.gw-build-feature,.feature-card,.quick-card,.shop-card,.package-card,.payment-card,
.vote-card,.download-card,.boss-monster-card,.system-update-card,.account-stat-card,.server-guide-hero,.server-guide-card,
.welcome-register-first,.ranking-table-wrap,.ad-history-panel{
  border:1px solid var(--v51-border)!important;
  border-radius:var(--v51-radius)!important;
  background:linear-gradient(180deg,rgba(8,11,26,.84),rgba(5,7,18,.90))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;
}

/* Homepage: let the temple be the hero artwork. */
.godz-hero{
  width:min(calc(100% - 40px),var(--v51-rail))!important;
  max-width:var(--v51-rail)!important;
  min-height:calc(100vh - 116px)!important;
  margin:0 auto!important;
  padding:clamp(72px,9vh,118px) 20px clamp(70px,9vh,110px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.godz-hero::before{
  content:""!important;
  position:absolute!important;
  inset:7% 8% 9%!important;
  z-index:-1!important;
  border-radius:30px!important;
  background:radial-gradient(ellipse at center,rgba(4,7,18,.58),rgba(4,5,15,.18) 48%,transparent 76%)!important;
  pointer-events:none!important;
}
.godz-hero-copy{
  width:min(100%,880px)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  margin:0 auto!important;padding:0!important;text-align:center!important;
}
.hero-stage,.hero-energy-line{display:none!important}
.hero-kicker{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  margin:0 auto 15px!important;
  color:#c9d6f0!important;font-size:.70rem!important;letter-spacing:.22em!important;text-align:center!important;
  text-shadow:0 2px 14px rgba(0,0,0,.85)!important;
}
.godz-title{
  width:100%!important;margin:0 auto!important;text-align:center!important;
  font-family:"Cinzel Decorative",Cinzel,serif!important;
  text-shadow:0 4px 34px rgba(0,0,0,.88)!important;
}
.godz-title-top{
  display:block!important;
  color:#fff!important;
  font-size:clamp(2.6rem,6.5vw,6.5rem)!important;
  line-height:.95!important;letter-spacing:.04em!important;
}
.godz-title-main{
  display:block!important;margin-top:2px!important;
  font-size:clamp(3.2rem,8.7vw,8.4rem)!important;
  line-height:.88!important;letter-spacing:.04em!important;
  color:#dca6ff!important;
  background:linear-gradient(180deg,#fff 0%,#a9efff 31%,#c986ff 65%,#8855ff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 0 16px rgba(104,233,255,.18))!important;
}
.hero-slogan{
  margin:22px auto 12px!important;padding:8px 18px!important;
  width:max-content!important;max-width:100%!important;
  border-top:1px solid rgba(255,217,120,.55)!important;border-bottom:1px solid rgba(255,217,120,.35)!important;
  color:#fff1c2!important;font-size:.72rem!important;letter-spacing:.28em!important;text-align:center!important;
  text-shadow:0 2px 12px rgba(0,0,0,.9)!important;
}
.hero-subtitle,.hero-subtitle-large{
  max-width:720px!important;margin:13px auto 0!important;
  color:#e1e7f5!important;font-size:clamp(.94rem,1.5vw,1.08rem)!important;line-height:1.75!important;text-align:center!important;
  text-shadow:0 2px 12px rgba(0,0,0,.92)!important;
}
.gw-home-online{
  width:min(100%,620px)!important;
  margin:28px auto 0!important;padding:18px 26px 16px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;
  border:1px solid rgba(104,233,255,.42)!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(3,14,28,.82),rgba(20,8,36,.84))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.40),0 0 34px rgba(104,233,255,.10)!important;
  backdrop-filter:blur(12px)!important;
}
.gw-home-online-label{font-size:.67rem!important;letter-spacing:.20em!important;color:#9eeeff!important;text-align:center!important}
.gw-home-online-main{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin:5px 0 0!important}
.gw-home-online-main strong{
  font-family:Cinzel,serif!important;
  font-size:clamp(3.7rem,8vw,7.3rem)!important;line-height:.94!important;
  color:#fff!important;text-align:center!important;
  text-shadow:0 0 10px #68e9ff,0 0 30px rgba(104,233,255,.35),0 5px 28px rgba(0,0,0,.9)!important;
}
.gw-home-online small{margin-top:8px!important;color:#aeb9d1!important;font-size:.65rem!important;letter-spacing:.08em!important;text-align:center!important}
.godz-hero-actions{
  width:min(100%,860px)!important;margin:22px auto 0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;
}
.godz-hero-actions .btn{width:100%!important;min-width:0!important;min-height:66px!important;margin:0!important}
.godz-mini-stats{
  width:min(100%,860px)!important;margin:15px auto 0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
}
.godz-mini-stats .mini-stat{
  min-height:78px!important;padding:10px 8px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(170,185,220,.14)!important;border-radius:12px!important;
  background:rgba(6,9,22,.68)!important;box-shadow:none!important;text-align:center!important;
}
.godz-mini-stats .mini-stat span{font-size:1.1rem!important}.godz-mini-stats .mini-stat strong{font-size:.72rem!important}.godz-mini-stats .mini-stat small{font-size:.61rem!important;color:#aeb7cd!important}

/* Buttons: clean, consistent, no clipped text. */
.btn,a.btn,button.btn,input[type="submit"],input[type="button"]{
  min-height:52px!important;height:auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  margin:0!important;padding:10px 16px!important;
  border:1px solid rgba(104,233,255,.30)!important;border-radius:11px!important;
  color:#fff!important;background:linear-gradient(135deg,rgba(20,46,66,.92),rgba(67,31,102,.92))!important;
  box-shadow:0 7px 22px rgba(0,0,0,.25)!important;
  font-family:Inter,system-ui,sans-serif!important;font-size:.75rem!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.04em!important;
  text-align:center!important;white-space:normal!important;overflow:visible!important;
  transform:none!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.btn:hover,a.btn:hover,button.btn:hover,input[type="submit"]:hover,input[type="button"]:hover{
  border-color:rgba(104,233,255,.72)!important;
  background:linear-gradient(135deg,rgba(24,86,111,.95),rgba(84,38,129,.95))!important;
  box-shadow:0 9px 28px rgba(0,0,0,.32),0 0 20px rgba(104,233,255,.10)!important;
  transform:none!important;
}
.btn::before,.btn::after,.thunder-btn::before{display:none!important}
.fantasy-btn{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important}
.btn-glyph{width:30px!important;height:30px!important;min-width:30px!important;display:grid!important;place-items:center!important;margin:0!important;font-size:1rem!important}
.btn-copy{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.btn-copy strong,.btn-copy small{display:block!important;width:100%!important;text-align:center!important;overflow-wrap:normal!important;word-break:normal!important}
.btn-copy strong{font-size:.73rem!important;line-height:1.10!important}.btn-copy small{margin-top:3px!important;color:#b8c2d9!important;font-size:.59rem!important;line-height:1.15!important;font-weight:600!important;letter-spacing:0!important}

/* Readable sections / consistent vertical rhythm. */
.section{padding-top:76px!important;padding-bottom:76px!important}
.section-heading{max-width:820px!important;margin:0 auto 34px!important;padding:24px 28px!important;text-align:center!important}
.section-heading h2{margin:8px auto 8px!important;line-height:1.08!important;text-align:center!important}
.section-heading p{max-width:700px!important;margin:0 auto!important;line-height:1.65!important;text-align:center!important}
.gw-update-grid,.feature-grid,.quick-grid,.shop-grid,.package-grid,.payment-grid,.vote-grid,.download-grid,.god-items-grid,.systems-grid,.guide-event-grid,.guide-feature-grid,.pk-event-grid,.boss-info-grid{
  gap:16px!important;align-items:stretch!important;
}
.quick-card,.gw-update-card,.feature-card,.shop-card,.package-card,.payment-card,.vote-card,.download-card,.god-item-card,.system-update-card,.guide-event-card,.pk-event-card,.boss-monster-card{
  min-width:0!important;height:100%!important;overflow:hidden!important;
}

/* Forms and tables are browser-friendly first. */
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  min-height:48px!important;width:100%!important;max-width:100%!important;
  border-radius:10px!important;border:1px solid rgba(153,175,220,.22)!important;
  background:rgba(3,6,16,.82)!important;color:#f6f8ff!important;
}
input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{
  outline:2px solid rgba(104,233,255,.78)!important;outline-offset:2px!important;
}
.ranking-table-wrap,.igs-history-table,.ad-history-panel{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
table{max-width:100%!important}

/* Seasonal effects stay decorative and out of the way. */
.gw-v48-seasonal{pointer-events:none!important;z-index:45!important}
.gw-v48-snowman{left:18px!important;bottom:34px!important;font-size:52px!important;opacity:.78!important}
.gw-v48-santa-runner{bottom:18px!important;font-size:42px!important;opacity:.82!important}
.gw-v48-feather{opacity:.45!important}

.footer{margin-top:40px!important;background:rgba(3,4,12,.92)!important;border-top:1px solid rgba(104,233,255,.15)!important}

@media(max-width:1100px){
  .topbar,.godz-topbar,.inner-topbar{grid-template-columns:minmax(150px,200px) minmax(0,1fr) minmax(125px,160px)!important}
  .topbar .nav,.godz-topbar .nav,.inner-topbar .nav{justify-content:flex-start!important}
  .godz-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .page-bg,.godz-home .page-bg,.inner-page .page-bg,.register-page .page-bg{background-attachment:scroll!important;background-position:center top!important}
  .topbar,.godz-topbar,.inner-topbar{
    min-height:110px!important;grid-template-columns:minmax(120px,170px) minmax(110px,1fr)!important;grid-template-rows:58px 52px!important;
    padding:0 12px!important;gap:0 8px!important;
  }
  .site-logo-brand,.topbar>.brand,.godz-topbar>.brand{width:165px!important;height:50px!important}
  .site-logo-img{max-height:48px!important}
  .server-pill,.godz-server-pill{grid-column:2!important;min-width:112px!important;max-width:145px!important;min-height:38px!important;padding:5px 9px!important}
  .topbar .nav,.godz-topbar .nav,.inner-topbar .nav{height:52px!important;justify-content:flex-start!important}
  .topbar .nav a,.godz-topbar .nav a,.inner-topbar .nav a{min-width:78px!important;height:40px!important;min-height:40px!important;padding:0 9px!important;font-size:.62rem!important}
  .topbar .nav a .nav-icon,.godz-topbar .nav a .nav-icon,.inner-topbar .nav a .nav-icon{display:none!important}
  .godz-hero{min-height:auto!important;padding:62px 10px 70px!important}
  .hero-kicker{font-size:.62rem!important;letter-spacing:.15em!important}
  .hero-subtitle,.hero-subtitle-large{font-size:.92rem!important}
  .godz-hero-actions{grid-template-columns:1fr!important;width:min(100%,520px)!important}
  .godz-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,520px)!important}
  .section,.inner-shell,.register-shell,.account-shell,.updates-shell,.server-guide-shell,.character-page-shell{width:min(calc(100% - 24px),var(--v51-content))!important}
  .section{padding-top:54px!important;padding-bottom:54px!important}
  .gw-v48-feather:nth-child(n+9){display:none!important}
  .gw-v48-snowman,.gw-v48-santa-runner{display:none!important}
}
@media(max-width:480px){
  .topbar,.godz-topbar,.inner-topbar{grid-template-columns:1fr auto!important}
  .site-logo-brand,.topbar>.brand,.godz-topbar>.brand{width:132px!important}
  .server-pill,.godz-server-pill{max-width:124px!important;min-width:104px!important}
  .server-pill small,.godz-server-pill small{display:none!important}
  .godz-title-top{font-size:2.25rem!important}.godz-title-main{font-size:4.4rem!important}
  .gw-home-online{padding:16px 14px 14px!important}
  .gw-home-online-main strong{font-size:4.2rem!important}
  .godz-mini-stats{grid-template-columns:1fr 1fr!important}
  .section-heading{padding:20px 16px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* =====================================================================
   GODZ WAR PKO V52 — TEMPLE-ONLY SCENERY + FULL GOD GATE INTRO
   ===================================================================== */
:root{
  --v52-cyan:#67e8f9;
  --v52-purple:#a855f7;
  --v52-violet:#6d28d9;
  --v52-gold:#f5d27a;
  --v52-ink:#03040a;
}

/* One scenery source only. No floating battle wallpaper or character layers. */
.page-bg,.godz-home .page-bg,.inner-page .page-bg,.register-page .page-bg,
.theme-register .page-bg,.theme-mall .page-bg,.theme-crystal .page-bg,.theme-ranking .page-bg,
.theme-donation .page-bg,.theme-vote .page-bg,.theme-download .page-bg,.theme-viewer .page-bg,
.theme-login .page-bg,.theme-gm .page-bg,.theme-god-items .page-bg{
  background-image:
    linear-gradient(180deg,rgba(3,4,12,.05) 0%,rgba(3,4,12,.12) 46%,rgba(3,4,12,.70) 84%,#03040a 100%),
    url('../images/gods-temple-v52.jpg')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  filter:none!important;
  transform:none!important;
}
.page-overlay,.godz-home .page-overlay,.inner-page .page-overlay,.register-page .page-overlay{
  background:
    linear-gradient(90deg,rgba(1,2,8,.28),rgba(1,2,8,.02) 26%,rgba(1,2,8,.02) 74%,rgba(1,2,8,.28)),
    linear-gradient(180deg,rgba(1,2,8,.05),rgba(1,2,8,.14) 52%,rgba(1,2,8,.52) 100%)!important;
}

/* Remove every legacy floating scenery/decor layer that competes with the temple. */
.fx-layer,.gw-v25-ambient,.gw-v48-seasonal,.page-models,.page-model,
.hero-stage,.hero-energy-line,.hero-art-wrap,.hero-art,.hero-art-glow,.hero-art-shine,
.hero-art-bottomfade,.floating-rune,.hero-floating-tag,.aurora,.lightning,.magic-orb,
.embers,.spark-field{display:none!important}

/* Keep the page geometry disciplined against the single temple scene. */
.godz-hero{
  min-height:calc(100vh - 116px)!important;
  padding-top:clamp(88px,11vh,136px)!important;
  padding-bottom:clamp(76px,10vh,124px)!important;
}
.godz-hero-copy{
  width:min(100%,920px)!important;
  padding:clamp(26px,4vw,48px)!important;
  border:1px solid rgba(103,232,249,.20)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(4,6,17,.56),rgba(4,5,14,.34))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 0 50px rgba(168,85,247,.035)!important;
  backdrop-filter:blur(5px)!important;
}
.godz-title,.hero-kicker,.hero-slogan,.hero-subtitle,.gw-home-online,.godz-hero-actions,.godz-mini-stats{
  margin-left:auto!important;margin-right:auto!important;
}

/* Full-screen temple gate. */
html.gw-gate-active,html.gw-gate-active body{overflow:hidden!important}
.gw-temple-gate{
  position:fixed;
  inset:0;
  z-index:10000;
  overflow:hidden;
  display:grid;
  place-items:center;
  perspective:1800px;
  background:
    radial-gradient(circle at 50% 45%,rgba(115,65,180,.15),transparent 36%),
    linear-gradient(180deg,#02030a,#05030c 60%,#02030a);
  isolation:isolate;
}
.gw-temple-gate::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(180deg,rgba(2,3,10,.18),rgba(2,3,10,.58)),
    url('../images/gods-temple-v52.jpg') center/cover no-repeat;
  filter:saturate(.9) brightness(.42);
  transform:scale(1.02);
}
.gw-temple-gate::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  box-shadow:inset 0 0 180px rgba(0,0,0,.82);
  background:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.48) 100%);
}
.gw-gate-door{
  position:absolute;
  top:0;
  bottom:0;
  width:50.15%;
  z-index:2;
  overflow:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  transition:transform 1.65s cubic-bezier(.58,.04,.18,.97),filter 1.3s ease,box-shadow 1.2s ease;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 12% 88%,rgba(255,255,255,.025)),
    repeating-linear-gradient(90deg,rgba(132,83,190,.10) 0 2px,transparent 2px 110px),
    linear-gradient(180deg,#121021 0%,#090815 28%,#0d0918 66%,#05050b 100%);
  box-shadow:inset 0 0 80px rgba(0,0,0,.78),0 0 55px rgba(0,0,0,.82);
}
.gw-gate-door-left{left:0;transform-origin:left center;border-right:2px solid rgba(245,210,122,.42)}
.gw-gate-door-right{right:0;transform-origin:right center;border-left:2px solid rgba(245,210,122,.42)}
.gw-gate-door::before{
  content:"";
  position:absolute;
  inset:4.5% 5%;
  border:1px solid rgba(245,210,122,.23);
  box-shadow:
    inset 0 0 0 10px rgba(20,12,32,.46),
    inset 0 0 0 11px rgba(103,232,249,.10),
    inset 0 0 70px rgba(168,85,247,.06),
    0 0 30px rgba(0,0,0,.6);
  background:
    linear-gradient(45deg,transparent 48.5%,rgba(245,210,122,.12) 49% 51%,transparent 51.5%),
    linear-gradient(-45deg,transparent 48.5%,rgba(103,232,249,.08) 49% 51%,transparent 51.5%),
    radial-gradient(circle at center,rgba(113,48,166,.12),transparent 42%);
}
.gw-gate-door::after{
  content:"";
  position:absolute;
  top:10%;bottom:10%;
  width:18px;
  background:linear-gradient(180deg,transparent,rgba(245,210,122,.65) 13%,rgba(103,232,249,.48) 50%,rgba(168,85,247,.55) 86%,transparent);
  filter:blur(.3px);
  opacity:.72;
}
.gw-gate-door-left::after{right:5.4%}
.gw-gate-door-right::after{left:5.4%}

.gw-gate-center{
  position:relative;
  z-index:5;
  width:min(90vw,620px);
  padding:34px 28px 30px;
  text-align:center;
  border:1px solid rgba(103,232,249,.26);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(4,6,18,.88),rgba(8,5,17,.80));
  box-shadow:0 32px 95px rgba(0,0,0,.72),0 0 60px rgba(117,55,181,.15),inset 0 0 35px rgba(103,232,249,.035);
  backdrop-filter:blur(14px);
  transition:opacity .45s ease,transform .65s ease,filter .5s ease;
}
.gw-gate-center::before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--v52-purple),var(--v52-cyan),transparent);
  box-shadow:0 0 20px rgba(103,232,249,.42);
}
.gw-gate-seal{
  width:108px;height:108px;
  margin:0 auto 16px;
  display:grid;place-items:center;
  border-radius:50%;
  border:2px solid rgba(245,210,122,.56);
  background:
    radial-gradient(circle at center,rgba(103,232,249,.11),rgba(168,85,247,.16) 44%,rgba(5,5,13,.88) 71%);
  box-shadow:0 0 0 8px rgba(168,85,247,.045),0 0 38px rgba(103,232,249,.19),inset 0 0 28px rgba(168,85,247,.15);
  color:#fff7d8;
  font-family:"Cinzel","Times New Roman",serif;
  font-weight:900;
  font-size:3rem;
  text-shadow:0 0 20px rgba(103,232,249,.65),0 0 34px rgba(168,85,247,.48);
}
.gw-gate-eyebrow{
  margin:0 0 7px;
  color:#9aefff;
  font:700 .72rem/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.gw-gate-title{
  margin:0;
  color:#fff;
  font-family:"Cinzel","Marcellus SC","Times New Roman",serif;
  font-size:clamp(2rem,5vw,4.3rem);
  line-height:.96;
  letter-spacing:.025em;
  text-shadow:0 0 30px rgba(168,85,247,.36);
}
.gw-gate-subtitle{
  margin:13px auto 24px;
  max-width:470px;
  color:#c6cfe7;
  font:500 clamp(.84rem,1.8vw,1rem)/1.55 Inter,system-ui,sans-serif;
}
.gw-gate-enter{
  appearance:none;
  border:1px solid rgba(103,232,249,.55);
  border-radius:13px;
  min-width:min(100%,350px);
  min-height:58px;
  padding:0 24px;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,rgba(70,29,120,.96),rgba(18,112,139,.92));
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 14px 34px rgba(0,0,0,.46),0 0 30px rgba(103,232,249,.11);
  font:800 .82rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;
}
.gw-gate-enter:hover,.gw-gate-enter:focus-visible{
  transform:translateY(-2px);
  border-color:#9df4ff;
  box-shadow:0 18px 42px rgba(0,0,0,.5),0 0 32px rgba(103,232,249,.20),0 0 38px rgba(168,85,247,.14);
  outline:none;
}
.gw-gate-hint{
  display:block;
  margin-top:13px;
  color:#8590aa;
  font:600 .63rem/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.gw-gate-seam{
  position:absolute;
  z-index:4;
  top:0;bottom:0;left:50%;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent 3%,rgba(245,210,122,.85) 22%,rgba(103,232,249,.95) 50%,rgba(168,85,247,.85) 78%,transparent 97%);
  box-shadow:0 0 18px rgba(103,232,249,.75),0 0 42px rgba(168,85,247,.35);
  transition:opacity .35s ease .08s,filter .5s ease;
}
.gw-temple-gate.is-opening .gw-gate-door-left{
  transform:perspective(1800px) rotateY(-106deg) translateX(-2%);
  filter:brightness(.70);
  box-shadow:25px 0 80px rgba(0,0,0,.82);
}
.gw-temple-gate.is-opening .gw-gate-door-right{
  transform:perspective(1800px) rotateY(106deg) translateX(2%);
  filter:brightness(.70);
  box-shadow:-25px 0 80px rgba(0,0,0,.82);
}
.gw-temple-gate.is-opening .gw-gate-center{
  opacity:0;
  transform:scale(.94) translateY(8px);
  filter:blur(5px);
  pointer-events:none;
}
.gw-temple-gate.is-opening .gw-gate-seam{opacity:0;filter:blur(7px)}
.gw-temple-gate.is-opening{animation:gwGateRelease 1.9s ease forwards}
@keyframes gwGateRelease{
  0%,68%{background-color:#03040a}
  100%{background-color:transparent;visibility:hidden}
}

@media (max-width:760px){
  .gw-gate-center{width:min(92vw,520px);padding:26px 18px 24px;border-radius:18px}
  .gw-gate-seal{width:82px;height:82px;font-size:2.25rem}
  .gw-gate-enter{min-height:54px;min-width:min(100%,310px);font-size:.75rem}
  .godz-hero-copy{padding:24px 18px!important}
}
@media (prefers-reduced-motion:reduce){
  .gw-gate-door,.gw-gate-center,.gw-gate-seam{transition-duration:.01ms!important}
  .gw-temple-gate.is-opening{animation-duration:.12s!important}
}