/* =========================================================
   SIGNATURE PRO MAX — shared premium layer
   ========================================================= */
:root{
  --sig-blue:#4f7dff;
  --sig-cyan:#67eaff;
  --sig-violet:#8d6cff;
  --sig-gold:#ffd36d;
  --sig-green:#55e4aa;
  --sig-bg:#020713;
  --sig-panel:#07142f;
  --sig-panel-2:#0a1c43;
  --sig-text:#f7fbff;
  --sig-muted:#91a6c8;
}

/* smoother anchors / page feel */
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% -10%,rgba(76,124,255,.16),transparent 34%),
    radial-gradient(circle at 95% 35%,rgba(141,108,255,.09),transparent 24%),
    linear-gradient(180deg,#020713 0%,#041027 50%,#01040c 100%)!important;
}

/* page transition */
body.sig-enter{
  animation:sigPageIn .36s ease both;
}
@keyframes sigPageIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

/* progress bar */
#sigScrollProgress{
  position:fixed;
  left:0;top:0;
  z-index:50000;
  height:3px;
  width:0;
  background:linear-gradient(90deg,var(--sig-violet),var(--sig-blue),var(--sig-cyan));
  box-shadow:0 0 16px rgba(103,234,255,.55);
}

/* premium nav polish */
.public-topnav.final-topnav{
  box-shadow:
    0 22px 70px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.015) inset!important;
}
.public-tab,
.public-ghost-btn,
.public-cta-btn{
  transition:transform .16s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.public-tab:hover,
.public-ghost-btn:hover,
.public-cta-btn:hover{
  transform:translateY(-1px);
}

/* active page marker */
.public-tab.active{
  position:relative;
}
.public-tab.active:after{
  content:"";
  position:absolute;
  left:50%;bottom:4px;
  width:18px;height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#78ecff;
  box-shadow:0 0 10px rgba(120,236,255,.6);
}

/* quick access dock */
#sigQuickDock{
  position:fixed;
  right:18px;
  bottom:96px;
  z-index:21000;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sig-dock-btn{
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:15px;
  border:1px solid rgba(134,181,255,.12);
  background:linear-gradient(180deg,rgba(8,22,54,.95),rgba(4,12,34,.97));
  color:#dceaff;
  box-shadow:0 14px 34px rgba(0,0,0,.25);
  cursor:pointer;
  transition:.18s ease;
}
.sig-dock-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(103,234,255,.26);
  color:#fff;
}
.sig-dock-btn.primary{
  background:linear-gradient(135deg,#765dff,#3f80ff 58%,#57ddff);
  border:0;
}

/* back to top */
#sigBackTop{
  opacity:0;
  pointer-events:none;
}
#sigBackTop.visible{
  opacity:1;
  pointer-events:auto;
}

/* command palette */
#sigCommand{
  position:fixed;
  inset:0;
  z-index:40000;
  display:grid;
  place-items:start center;
  padding-top:12vh;
  background:rgba(0,4,14,.68);
  backdrop-filter:blur(16px);
}
#sigCommand[hidden]{display:none!important}
.sig-command-box{
  width:min(720px,calc(100% - 24px));
  padding:12px;
  border-radius:26px;
  border:1px solid rgba(138,184,255,.16);
  background:linear-gradient(180deg,rgba(7,19,47,.99),rgba(3,10,29,.995));
  box-shadow:0 40px 120px rgba(0,0,0,.58);
}
.sig-command-search{
  min-height:58px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:0 14px;
  border-radius:17px;
  border:1px solid rgba(138,184,255,.08);
  background:rgba(255,255,255,.025);
}
.sig-command-search span{color:#67eaff;font-size:1.1rem}
.sig-command-search input{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:white!important;
  font-size:.9rem;
}
.sig-command-search kbd{
  padding:5px 7px;
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:#7e92b4;
  font-size:.56rem;
}
.sig-command-results{
  display:grid;
  gap:5px;
  margin-top:8px;
}
.sig-command-results a,
.sig-command-results button{
  min-height:60px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:center;
  padding:9px 11px;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  color:white;
  text-decoration:none;
  text-align:left;
}
.sig-command-results a:hover,
.sig-command-results button:hover{
  background:rgba(103,234,255,.035);
  border-color:rgba(103,234,255,.10);
}
.sig-command-results .ico{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.03);
}
.sig-command-results strong,.sig-command-results small{display:block}
.sig-command-results strong{font-size:.74rem}
.sig-command-results small{margin-top:2px;color:#7186a8;font-size:.61rem}
.sig-command-results b{color:#6deaff;font-size:.67rem}

/* Chatbot */
#sigChat{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:30000;
}
.sig-chat-toggle{
  min-width:58px;
  height:58px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:18px;
  color:white;
  font-weight:900;
  background:linear-gradient(135deg,#765dff,#3f80ff 58%,#58e0ff);
  box-shadow:0 20px 48px rgba(62,126,255,.28);
  cursor:pointer;
}
.sig-chat-toggle span{
  font-size:.72rem;
}
.sig-chat-panel{
  position:absolute;
  right:0;
  bottom:70px;
  width:min(430px,calc(100vw - 24px));
  max-height:min(680px,78vh);
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(138,184,255,.17);
  background:
    radial-gradient(circle at 100% 0%,rgba(141,108,255,.12),transparent 26%),
    linear-gradient(180deg,rgba(6,17,44,.99),rgba(2,8,24,.995));
  box-shadow:0 36px 120px rgba(0,0,0,.58);
}
.sig-chat-panel[hidden]{display:none!important}
.sig-chat-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:15px;
  border-bottom:1px solid rgba(136,181,255,.08);
}
.sig-ai-orb{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:15px;
  background:conic-gradient(from 210deg,#8d6cff,#4f7dff,#67eaff,#8d6cff);
  box-shadow:0 12px 34px rgba(79,125,255,.20);
}
.sig-chat-head strong,.sig-chat-head small{display:block}
.sig-chat-head strong{font-size:.8rem;letter-spacing:.07em}
.sig-chat-head small{margin-top:2px;color:#7187a9;font-size:.61rem}
.sig-online{
  display:flex;align-items:center;gap:6px;
  color:#758aac;font-size:.55rem;font-weight:900;letter-spacing:.08em
}
.sig-online i{
  width:6px;height:6px;border-radius:50%;
  background:#55e4aa;
  box-shadow:0 0 10px rgba(85,228,170,.8);
}
.sig-chat-quick{
  display:flex;
  gap:6px;
  padding:10px 12px;
  overflow-x:auto;
  border-bottom:1px solid rgba(136,181,255,.06);
}
.sig-chat-quick button{
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(136,181,255,.08);
  background:rgba(255,255,255,.025);
  color:#a7bad7;
  font-size:.61rem;
}
.sig-chat-messages{
  overflow:auto;
  padding:13px;
  display:grid;
  align-content:start;
  gap:9px;
}
.sig-msg{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:.72rem;
  line-height:1.55;
}
.sig-msg.ai{
  justify-self:start;
  color:#bed0e8;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(136,181,255,.07);
  border-bottom-left-radius:5px;
}
.sig-msg.user{
  justify-self:end;
  color:white;
  background:linear-gradient(135deg,rgba(118,93,255,.78),rgba(63,128,255,.78));
  border-bottom-right-radius:5px;
}
.sig-chat-input{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(136,181,255,.08);
}
.sig-chat-input input{
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(136,181,255,.10);
  background:rgba(255,255,255,.025);
  color:white;
  padding:0 12px;
}
.sig-chat-input button{
  width:46px;height:46px;
  border:0;
  border-radius:14px;
  color:white;
  background:linear-gradient(135deg,#765dff,#3f80ff);
}

/* toast */
#sigToast{
  position:fixed;
  left:50%;
  bottom:22px;
  z-index:50000;
  transform:translate(-50%,20px);
  opacity:0;
  pointer-events:none;
  padding:10px 14px;
  border-radius:13px;
  border:1px solid rgba(136,181,255,.12);
  background:rgba(5,15,38,.96);
  color:#dce9fb;
  font-size:.7rem;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  transition:.22s ease;
}
#sigToast.show{
  opacity:1;
  transform:translate(-50%,0);
}

/* footer upgrade */
.omni-footer{
  position:relative;
  overflow:hidden;
}
.omni-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 0% 100%,rgba(103,234,255,.045),transparent 28%);
}

/* page headings polish */
.world-page-banner{
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.final-section,
.pro-section,
.pro-players-showcase,
.pro-bottom-cta{
  box-shadow:0 24px 70px rgba(0,0,0,.16);
}

/* reduced motion */
body.sig-reduced-motion *,
body.sig-reduced-motion *:before,
body.sig-reduced-motion *:after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}

/* mobile */
@media(max-width:700px){
  #sigQuickDock{
    right:10px;
    bottom:82px;
  }
  .sig-dock-btn{
    width:42px;height:42px;border-radius:14px;
  }
  #sigChat{
    right:10px;
    bottom:10px;
  }
  .sig-chat-toggle{
    height:54px;
    min-width:54px;
    border-radius:17px;
    padding:0 15px;
  }
  .sig-chat-toggle span{display:none}
}