
:root{
  --sg-nav-bg:#05070b;
  --sg-nav-bg2:#0a0f17;
  --sg-gold:#d5ab55;
  --sg-gold-soft:#8e6a2c;
  --sg-text:#efe4c6;
  --sg-muted:#c7b48e;
  --sg-blue:#0f2038;
}
.sg-skip-link{position:fixed;left:12px;top:-80px;z-index:100000;padding:11px 15px;background:#f1c86e;color:#161006;text-decoration:none;font:700 13px Arial,sans-serif;transition:top .18s}
.sg-skip-link:focus{top:12px}
.sg-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f2c66c!important;outline-offset:3px!important}
[aria-disabled="true"]{opacity:.5!important;pointer-events:none!important}
.siesta-global-nav{position:relative; z-index:999; background:
  linear-gradient(180deg, rgba(12,16,24,.98), rgba(5,7,11,.98)),
  radial-gradient(circle at 20% 0%, rgba(180,120,30,.18), transparent 28%),
  radial-gradient(circle at 80% 0%, rgba(30,70,140,.12), transparent 25%);
  border-top:1px solid rgba(213,171,85,.25);
  border-bottom:1px solid rgba(213,171,85,.25);
  box-shadow:0 10px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,235,185,.05);
}
.siesta-global-nav::before,.siesta-global-nav::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,171,85,.25),transparent)}
.siesta-global-nav::before{top:0}
.siesta-global-nav::after{bottom:0}
.siesta-global-nav .sg-inner{max-width:1560px;margin:0 auto;display:flex;align-items:center;gap:26px;padding:10px 24px;min-height:82px}
.siesta-global-nav .sg-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--sg-text);flex:0 0 auto;min-width:240px}
.siesta-global-nav .sg-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(230,180,80,.2))}
.siesta-global-nav .sg-brand-text{display:flex;flex-direction:column;line-height:1}
.siesta-global-nav .sg-brand-text strong{font:700 22px/1 Georgia,serif;letter-spacing:2.8px;color:#efcc7a;text-shadow:0 0 18px rgba(213,171,85,.18)}
.siesta-global-nav .sg-brand-text span{font:600 11px/1.2 Georgia,serif;letter-spacing:5px;color:#bb9a57}
.siesta-global-nav .sg-menu{display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:10px;flex-wrap:wrap}
.siesta-global-nav .sg-menu a{position:relative;text-decoration:none;color:var(--sg-text);font:600 14px/1.1 Georgia,serif;letter-spacing:1.1px;padding:12px 16px 15px;white-space:nowrap;text-transform:uppercase;transition:.22s ease}
.siesta-global-nav .sg-menu a::before{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(213,171,85,.7),transparent);opacity:0;transform:translateY(6px);transition:.22s ease}
.siesta-global-nav .sg-menu a:hover,.siesta-global-nav .sg-menu a.active{color:#ffd98a;text-shadow:0 0 18px rgba(240,190,80,.22)}
.siesta-global-nav .sg-menu a:hover::before,.siesta-global-nav .sg-menu a.active::before{opacity:1;transform:translateY(0)}
.siesta-global-nav .sg-menu a.active::after{content:"";position:absolute;left:50%;bottom:-1px;width:60px;height:3px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#f2c56d 20%,#f7e2a8 50%,#f2c56d 80%,transparent);border-radius:999px;box-shadow:0 0 12px rgba(255,211,110,.45)}
.siesta-global-nav .sg-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.siesta-global-nav .sg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:12px 18px;border:1px solid rgba(213,171,85,.42);text-decoration:none;text-transform:uppercase;font:700 13px/1 Georgia,serif;letter-spacing:1px;transition:.22s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.siesta-global-nav .sg-btn-login{color:#efe6d0;background:linear-gradient(180deg,#10192b,#0a101c)}
.siesta-global-nav .sg-btn-register{color:#241606;background:linear-gradient(180deg,#e0b35c,#ba8432)}
.siesta-global-nav .sg-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.siesta-global-nav .sg-btn-login:hover{box-shadow:0 10px 22px rgba(0,0,0,.3), inset 0 0 16px rgba(80,120,220,.08)}
.siesta-global-nav .sg-btn-register:hover{box-shadow:0 10px 22px rgba(0,0,0,.3), inset 0 0 16px rgba(255,235,190,.12)}
body.sg-has-global-nav{background:#04070d}
body.sg-has-global-nav .site-header, body.sg-has-global-nav .top, body.sg-has-global-nav .char-top{display:none !important}
body.sg-has-global-nav .premium-nav-hotspots{display:none !important}
/* keep pages aligned when older headers are removed */
body.sg-has-global-nav .hero, body.sg-has-global-nav .hero.compact-hero, body.sg-has-global-nav .detail-hero, body.sg-has-global-nav .download-hero, body.sg-has-global-nav .guide-hero, body.sg-has-global-nav .auth-shell, body.sg-has-global-nav .profile-hero, body.sg-has-global-nav .char-head{margin-top:0 !important}
@media (max-width:1200px){
  .siesta-global-nav .sg-inner{gap:18px;padding:10px 16px}
  .siesta-global-nav .sg-brand{min-width:200px}
  .siesta-global-nav .sg-menu a{padding:10px 10px 13px;font-size:13px}
}
@media (max-width:980px){
  .siesta-global-nav .sg-inner{flex-wrap:wrap;justify-content:center}
  .siesta-global-nav .sg-brand{min-width:0;justify-content:center;width:100%}
  .siesta-global-nav .sg-menu{order:3;width:100%;justify-content:center}
  .siesta-global-nav .sg-actions{order:2}
}
@media (max-width:680px){
  .siesta-global-nav .sg-menu{gap:2px}
  .siesta-global-nav .sg-menu a{font-size:12px;padding:8px 8px 10px}
  .siesta-global-nav .sg-btn{min-width:92px;padding:10px 12px;font-size:12px}
}


/* v741: Global navigation overlays baked-image headers on image pages and reserves space on normal pages */
.siesta-global-nav{
  position:absolute;
  top:0; left:0; right:0;
  width:100%;
  z-index:9999;
}
.siesta-global-nav .sg-inner{
  min-height:72px;
  padding:7px 22px;
  gap:22px;
}
.siesta-global-nav .sg-brand{min-width:220px;gap:12px}
.siesta-global-nav .sg-brand img{width:40px;height:40px}
.siesta-global-nav .sg-brand-text strong{font-size:20px;letter-spacing:2.6px}
.siesta-global-nav .sg-brand-text span{font-size:10px;letter-spacing:4.5px}
.siesta-global-nav .sg-menu{gap:6px}
.siesta-global-nav .sg-menu a{font-size:13px;padding:10px 13px 13px}
.siesta-global-nav .sg-btn{min-width:106px;padding:11px 16px;font-size:12px}
body.sg-standard-nav{padding-top:72px !important}
body.sg-overlay-nav{padding-top:0 !important}
body.sg-overlay-nav > .stage,
body.sg-overlay-nav > .premium-stage{margin-top:0 !important}
/* Normal pages no longer show their old HTML header underneath */
body.sg-has-global-nav header.site-header,
body.sg-has-global-nav header.top,
body.sg-has-global-nav header.char-top{display:none!important}
/* On features page the old invisible menu hotspots are not needed */
body.sg-has-global-nav nav.premium-nav-hotspots{display:none!important}
@media(max-width:980px){
  .siesta-global-nav{position:relative}
  body.sg-standard-nav,body.sg-overlay-nav{padding-top:0!important}
}


/* v742 — index/navigation final polish */
.siesta-global-nav{
  background:#070a0f !important;
  background-image:
    radial-gradient(circle at 16% -30%,rgba(159,109,31,.12),transparent 35%),
    radial-gradient(circle at 82% -30%,rgba(36,67,119,.10),transparent 34%),
    linear-gradient(180deg,#0a0d13 0%,#05070b 100%) !important;
  border-top:1px solid #4a351c !important;
  border-bottom:1px solid #62451f !important;
  box-shadow:0 8px 24px rgba(0,0,0,.55), inset 0 1px 0 rgba(246,204,112,.06) !important;
  min-height:72px;
  overflow:hidden;
}
.siesta-global-nav .sg-inner{
  width:min(100%,1536px);
  max-width:1536px;
  min-height:72px;
  margin:0 auto;
  padding:7px 22px;
}
.siesta-global-nav .sg-brand img{width:44px;height:44px}
.siesta-global-nav .sg-brand-text strong{font-size:21px;letter-spacing:2.8px}
.siesta-global-nav .sg-brand-text span{font-size:10px;letter-spacing:4.7px}
.siesta-global-nav .sg-menu a{font-size:13px;font-weight:700;color:#eee1c2}
.siesta-global-nav .sg-btn-login{background:linear-gradient(180deg,#121b2c,#090f19);border-color:#735329;color:#f4ead4}
.siesta-global-nav .sg-btn-register{background:linear-gradient(180deg,#e5b85e,#b77b29);border-color:#d1a04f;color:#251604}
body.sg-overlay-nav .siesta-global-nav{background-color:#070a0f !important}
/* Index uses the exact same width axis as the 1536px homepage canvas. */
body.sg-page-index .siesta-global-nav .sg-inner{width:min(100%,1536px);max-width:1536px}
body.sg-page-index .stage{width:min(100vw,1536px)}


/* v743 index axis alignment */
body.sg-page-index .siesta-global-nav .sg-inner{
  width:min(100vw,calc(100vh * 1.4328358209),1536px)!important;
  max-width:1536px!important;
}

/* =========================================================
   v744 DESKTOP NAV LOCK
   Keep all seven navigation items on a single row and align
   the bar to the full 1536px homepage canvas.
   ========================================================= */
@media (min-width:981px){
  .siesta-global-nav .sg-inner{
    width:min(100%,1536px)!important;
    max-width:1536px!important;
    display:grid!important;
    grid-template-columns:210px minmax(0,1fr) 220px!important;
    align-items:center!important;
    column-gap:12px!important;
    padding:7px 18px!important;
  }
  .siesta-global-nav .sg-brand{
    min-width:0!important;
    width:210px!important;
    gap:10px!important;
  }
  .siesta-global-nav .sg-brand img{width:42px!important;height:42px!important}
  .siesta-global-nav .sg-brand-text strong{font-size:20px!important;letter-spacing:2.5px!important}
  .siesta-global-nav .sg-brand-text span{font-size:9px!important;letter-spacing:4.1px!important}
  .siesta-global-nav .sg-menu{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
  }
  .siesta-global-nav .sg-menu a{
    flex:0 0 auto!important;
    font-size:12.5px!important;
    letter-spacing:.75px!important;
    padding:10px 10px 13px!important;
    white-space:nowrap!important;
  }
  .siesta-global-nav .sg-actions{
    width:220px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .siesta-global-nav .sg-btn{
    min-width:0!important;
    width:100%!important;
    padding:11px 8px!important;
    font-size:11.5px!important;
  }
}

/* Index must keep its natural 1536px horizontal presence.
   Do not shrink the whole homepage based on browser height. */
body.sg-page-index .stage{
  width:min(100vw,1536px)!important;
  max-width:1536px!important;
}
body.sg-page-index .siesta-global-nav .sg-inner{
  width:min(100vw,1536px)!important;
  max-width:1536px!important;
}
body.sg-page-index{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.sg-page-index.sg-overlay-nav{
  padding-top:0!important;
}


/* v757 index reference-width alignment: match approved 2048px reference */
@media (min-width:981px){
  body.sg-page-index .siesta-global-nav .sg-inner{
    width:min(calc(100vw - 24px),1700px)!important;
    max-width:1700px!important;
  }
}

/* v757 stage width companion */
@media (min-width:981px){
  body.sg-page-index .stage{
    width:min(calc(100vw - 24px),1700px)!important;
    max-width:1700px!important;
  }
}

/* v759 index axis lock */
@media (min-width:981px){
  body.sg-page-index .siesta-global-nav .sg-inner{
    width:min(calc(100vw - 24px),1536px)!important;
    max-width:1536px!important;
  }
}
