/* ==============================================================
   SiestaGame v783 — visual polish layer
   Loaded last so the approved artwork and live data stay intact.
   ============================================================== */
:root{
  --v783-ink:#030609;
  --v783-panel:#070b10;
  --v783-panel-2:#0a1017;
  --v783-gold:#e1b45a;
  --v783-gold-bright:#f3d181;
  --v783-gold-line:rgba(205,151,58,.52);
  --v783-copy:#eee5d4;
  --v783-muted:#aaa08e;
  --v783-blue:#172e52;
  --v783-shadow:0 20px 60px rgba(0,0,0,.48);
}

html{color-scheme:dark;scroll-behavior:smooth}
body.sg-has-global-nav{
  margin:0!important;
  background:
    radial-gradient(circle at 50% -120px,rgba(132,89,25,.16),transparent 480px),
    linear-gradient(180deg,#05080c 0,#020406 720px)!important;
  color:var(--v783-copy);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Unified navigation ------------------------------------------------ */
.siesta-global-nav{
  min-height:74px!important;
  overflow:visible!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% -80%,rgba(209,150,49,.17),transparent 38%),
    radial-gradient(circle at 82% -90%,rgba(47,84,143,.13),transparent 34%),
    linear-gradient(180deg,rgba(11,15,21,.99),rgba(4,7,11,.99))!important;
  border:0!important;
  border-bottom:1px solid rgba(202,145,49,.54)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.42),inset 0 1px rgba(255,235,190,.055)!important;
}
.siesta-global-nav::after{
  bottom:-2px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent 4%,rgba(181,125,38,.14) 20%,rgba(238,188,87,.6) 50%,rgba(181,125,38,.14) 80%,transparent 96%)!important;
}
.siesta-global-nav .sg-inner{
  width:min(calc(100% - 32px),1536px)!important;
  max-width:1536px!important;
  min-height:74px!important;
  padding:8px 18px!important;
}
.siesta-global-nav .sg-brand{
  border-radius:8px;
  transition:filter .2s ease,transform .2s ease;
}
.siesta-global-nav .sg-brand:hover{filter:brightness(1.12);transform:translateY(-1px)}
.siesta-global-nav .sg-brand img{
  width:44px!important;
  height:44px!important;
  filter:drop-shadow(0 0 12px rgba(222,168,61,.28))!important;
}
.siesta-global-nav .sg-brand-text strong{
  color:#f0c866!important;
  text-shadow:0 1px 2px #000,0 0 20px rgba(214,158,44,.18)!important;
}
.siesta-global-nav .sg-brand-text span{color:#b99a59!important}
.siesta-global-nav .sg-menu a{
  border-radius:5px;
  color:#e8ddc6!important;
  text-shadow:0 1px 1px #000;
  transition:color .2s ease,background .2s ease,transform .2s ease!important;
}
.siesta-global-nav .sg-menu a:hover,
.siesta-global-nav .sg-menu a.active{
  color:var(--v783-gold-bright)!important;
  background:linear-gradient(180deg,rgba(230,179,77,.07),rgba(230,179,77,.015));
  transform:translateY(-1px);
}
.siesta-global-nav .sg-menu a.active::after{
  bottom:2px!important;
  height:2px!important;
  box-shadow:0 0 13px rgba(255,205,101,.5)!important;
}
.siesta-global-nav .sg-btn{
  min-height:40px;
  border-radius:4px;
  letter-spacing:.75px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.2)!important;
}
.siesta-global-nav .sg-btn-login{
  color:#f1e7d4!important;
  background:linear-gradient(180deg,#152238,#09111e)!important;
  border-color:#6c512d!important;
}
.siesta-global-nav .sg-btn-register{
  color:#241504!important;
  background:linear-gradient(180deg,#efc56d,#b97b26)!important;
  border-color:#e2b456!important;
}
.sg-mobile-toggle{
  display:none;
  width:44px;
  height:42px;
  padding:9px;
  border:1px solid rgba(213,162,70,.52);
  border-radius:5px;
  background:linear-gradient(180deg,#121b28,#080d14);
  color:#efcb79;
  cursor:pointer;
}
.sg-mobile-toggle span{
  display:block;
  width:100%;
  height:2px;
  margin:4px 0;
  border-radius:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease;
}
.sg-nav-backdrop{display:none}
body.sg-standard-nav{padding-top:0!important}
body.sg-standard-nav .siesta-global-nav{position:sticky!important;top:0!important;z-index:9999!important}
body.sg-page-index .siesta-global-nav{position:relative!important}

/* Homepage ---------------------------------------------------------- */
body.sg-page-index .stage{
  width:min(calc(100vw - 32px),1536px)!important;
  max-width:1536px!important;
  background:#020406!important;
  box-shadow:var(--v783-shadow);
}
body.sg-page-index-v761 .status-strip.status-strip-premium{
  margin:8px 0 8px!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));
}
body.sg-page-index-v761 .upper-scene{
  border-left:1px solid rgba(178,123,34,.34);
  border-right:1px solid rgba(178,123,34,.34);
}
body.sg-page-index-v761 .design-upper{filter:saturate(1.04) contrast(1.025)}
body.sg-page-index-v761 .hero-clean-btn{
  border-radius:4px!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
body.sg-page-index-v761 .hero-clean-btn:hover,
body.sg-page-index-v761 .hero-clean-btn:focus-visible{
  transform:translateY(-3px)!important;
  filter:brightness(1.12)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 22px rgba(211,157,52,.12)!important;
}
body.sg-page-index-v761 .upper-scene>.discord:hover,
body.sg-page-index-v761 .upper-scene>.discord:focus-visible{
  box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 22px rgba(60,108,189,.24)!important;
}
body.sg-page-index-v761 .lower-scene{
  border:1px solid rgba(174,120,34,.35)!important;
  border-top:0!important;
  box-shadow:inset 0 0 70px rgba(0,0,0,.2)!important;
}
body.sg-page-index-v761 .v780-live-overlays .panel{
  border-color:rgba(203,146,48,.66)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(168,112,29,.07),transparent 42%),
    linear-gradient(180deg,rgba(7,12,16,.99),rgba(2,6,9,.995))!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.74),0 10px 25px rgba(0,0,0,.22)!important;
}
body.sg-page-index-v761 .rank-row,
body.sg-page-index-v761 .news-card{
  transition:background .18s ease,border-color .18s ease,filter .18s ease;
}
body.sg-page-index-v761 .rank-row:hover{background:rgba(221,169,67,.065)}
body.sg-page-index-v761 .v780-news .news-card:hover{border-color:rgba(238,184,81,.92)!important;filter:brightness(1.07)}
body.sg-page-index-v761 .v780-live-overlays .ranking-title a:hover,
body.sg-page-index-v761 .v780-live-overlays .news-title a:hover{color:#f0c86e!important}
body.sg-page-index-v761 .v780-stats .stat{background:linear-gradient(180deg,rgba(18,24,29,.42),rgba(3,7,10,.15))}

/* Shared content-page refinement ----------------------------------- */
body.sg-standard-nav main{isolation:isolate}
body.sg-standard-nav :is(.rank-shell,.news-shell,.events-shell,.clans-shell,.download-shell,.guide-shell,.support-shell,.auth-card,.profile-shell){
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.22));
}
body.sg-standard-nav :is(input,select,textarea,button){font:inherit}
body.sg-standard-nav :is(input,select,textarea):focus{
  border-color:rgba(225,178,85,.72)!important;
  box-shadow:0 0 0 3px rgba(225,178,85,.09)!important;
}

/* Mobile navigation and homepage ----------------------------------- */
@media(max-width:980px){
  .siesta-global-nav,
  body.sg-page-index .siesta-global-nav,
  body.sg-standard-nav .siesta-global-nav{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
  }
  .siesta-global-nav .sg-inner{
    width:100%!important;
    max-width:none!important;
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:0 12px!important;
    padding:9px 14px!important;
  }
  .siesta-global-nav .sg-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    justify-self:start!important;
  }
  .siesta-global-nav .sg-brand img{width:40px!important;height:40px!important}
  .siesta-global-nav .sg-brand-text strong{font-size:18px!important}
  .sg-mobile-toggle{display:block;grid-column:2;grid-row:1;z-index:2}
  .siesta-global-nav.is-open .sg-mobile-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .siesta-global-nav.is-open .sg-mobile-toggle span:nth-child(2){opacity:0}
  .siesta-global-nav.is-open .sg-mobile-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .siesta-global-nav .sg-menu{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:2px!important;
    overflow:hidden!important;
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:max-height .28s ease,opacity .2s ease,transform .2s ease,visibility .2s!important;
  }
  .siesta-global-nav.is-open .sg-menu{
    max-height:430px!important;
    margin-top:10px!important;
    padding:8px 0!important;
    border-top:1px solid rgba(194,139,47,.3);
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .siesta-global-nav .sg-menu a{
    width:100%!important;
    padding:12px 14px!important;
    text-align:left!important;
    font-size:12px!important;
  }
  .siesta-global-nav .sg-menu a.active::after{left:8px!important;bottom:5px!important;width:44px!important;transform:none!important}
  .siesta-global-nav .sg-actions{
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%!important;
    max-height:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    overflow:hidden!important;
    opacity:0;
    visibility:hidden;
    transition:max-height .24s ease,opacity .2s ease,visibility .2s!important;
  }
  .siesta-global-nav.is-open .sg-actions{
    max-height:76px!important;
    padding:5px 0 10px!important;
    opacity:1;
    visibility:visible;
  }
  .siesta-global-nav .sg-btn{width:100%!important;min-width:0!important}
  body.sg-menu-open{overflow:hidden!important}

  body.sg-page-index .stage{width:100%!important;box-shadow:none}
  body.sg-page-index-v761 .status-strip.status-strip-premium{margin:6px 0!important}
  body.sg-page-index-v761 .lower-scene{border-left:0!important;border-right:0!important}
  body.sg-page-index-v761 .v781-mobile-reasons,
  body.sg-page-index-v761 .v780-live-overlays .panel{
    border-radius:6px;
    box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
  }
  body.sg-page-index-v761 .v781-reason-grid article{
    border-radius:5px;
    transition:transform .18s ease,border-color .18s ease;
  }
  body.sg-page-index-v761 .v781-reason-grid article:hover{transform:translateY(-2px);border-color:rgba(224,173,75,.7)}
  body.sg-page-index-v761 .v781-mobile-cta a{border-radius:5px;box-shadow:0 9px 20px rgba(0,0,0,.2)}
}

@media(max-width:620px){
  .siesta-global-nav .sg-brand-text span{letter-spacing:3.5px!important}
  body.sg-page-index-v761 .upper-scene{height:clamp(390px,68vh,540px)!important}
  body.sg-page-index-v761 .upper-scene>.play,
  body.sg-page-index-v761 .upper-scene>.discord{
    bottom:22px!important;
    width:43vw!important;
    height:46px!important;
  }
  body.sg-page-index-v761 .upper-scene>.play{left:4.5vw!important}
  body.sg-page-index-v761 .upper-scene>.discord{right:4.5vw!important}
  body.sg-page-index-v761 .hero-clean-label{font-size:10px!important;letter-spacing:.01em!important}
  body.sg-page-index-v761 .hero-clean-icon{width:22px!important;height:22px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}