/* =========================================================
   SKPCB v3.3.24 — ULTRA COMPACT GLOBAL FOOTER
   Same footer language on every public page, including Home.
   Target: footer stays well below 1/3 viewport height on desktop and phones.
   ========================================================= */

/* Strong specificity so this wins even over legacy Home footer rules. */
html body footer.footer.sk-global-footer.sk-global-footer,
html body.page-home.page-home.page-home footer.footer.sk-global-footer{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
  border:0 !important;
  background:#06100a !important;
  color:rgba(255,255,255,.66) !important;
}

html body footer.footer.sk-global-footer.sk-global-footer .footer-grid,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid{
  width:min(1180px,92%) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:18px 0 10px !important;
  display:grid !important;
  grid-template-columns:1.35fr .82fr .9fr 1.08fr .95fr !important;
  gap:16px 28px !important;
  align-items:start !important;
  box-sizing:border-box !important;
}

html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body footer.footer.sk-global-footer.sk-global-footer .logo,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .logo{
  display:inline-block !important;
  width:fit-content !important;
  margin:0 0 6px !important;
  padding:0 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:18px !important;
  line-height:1.05 !important;
  font-weight:850 !important;
  letter-spacing:1.2px !important;
  text-decoration:none !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .logo span,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .logo span{
  color:#65ff99 !important;
  -webkit-text-fill-color:#65ff99 !important;
  font-weight:500 !important;
}

html body footer.footer.sk-global-footer.sk-global-footer h4,
html body.page-home.page-home.page-home footer.footer.sk-global-footer h4{
  margin:0 0 7px !important;
  padding:0 !important;
  color:#65ff99 !important;
  -webkit-text-fill-color:#65ff99 !important;
  font-size:9px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:1.15px !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

html body footer.footer.sk-global-footer.sk-global-footer p,
html body footer.footer.sk-global-footer.sk-global-footer a:not(.logo),
html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link,
html body.page-home.page-home.page-home footer.footer.sk-global-footer p,
html body.page-home.page-home.page-home footer.footer.sk-global-footer a:not(.logo),
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link{
  margin:0 0 3px !important;
  padding:0 !important;
  color:rgba(255,255,255,.62) !important;
  -webkit-text-fill-color:rgba(255,255,255,.62) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  text-shadow:none !important;
}
html body footer.footer.sk-global-footer.sk-global-footer p,
html body.page-home.page-home.page-home footer.footer.sk-global-footer p{max-width:260px !important;}

html body footer.footer.sk-global-footer.sk-global-footer a:not(.logo),
html body.page-home.page-home.page-home footer.footer.sk-global-footer a:not(.logo){
  display:block !important;
  width:fit-content !important;
  max-width:100% !important;
  transition:color .2s ease,transform .2s ease !important;
}
html body footer.footer.sk-global-footer.sk-global-footer a:not(.logo):hover,
html body.page-home.page-home.page-home footer.footer.sk-global-footer a:not(.logo):hover{
  color:#65ff99 !important;
  -webkit-text-fill-color:#65ff99 !important;
  transform:translateX(2px) !important;
}

html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link{
  display:flex !important;
  flex-direction:column !important;
  gap:1px !important;
  width:fit-content !important;
  max-width:100% !important;
  margin-bottom:5px !important;
  overflow-wrap:anywhere !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link span,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#65ff99 !important;
  -webkit-text-fill-color:#65ff99 !important;
  font-size:7px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:.9px !important;
  text-transform:uppercase !important;
}

html body footer.footer.sk-global-footer.sk-global-footer .footer-socials,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-socials{min-width:0 !important;}
html body footer.footer.sk-global-footer.sk-global-footer .footer-socials h4,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-socials h4{margin-bottom:7px !important;}
html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons :where(a,button,span),
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons :where(a,button,span){
  width:29px !important;
  height:29px !important;
  min-width:29px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:8px !important;
  color:rgba(255,255,255,.82) !important;
  -webkit-text-fill-color:rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.055) !important;
  cursor:pointer !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons :where(a,button):hover,
html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons button.is-copied,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons :where(a,button):hover,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons button.is-copied{
  transform:translateY(-1px) !important;
  border-color:rgba(101,255,153,.55) !important;
  color:#7affaa !important;
  -webkit-text-fill-color:#7affaa !important;
  background:rgba(101,255,153,.12) !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons svg,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons svg{
  width:14px !important;
  height:14px !important;
  display:block !important;
  fill:currentColor !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons svg :where(rect,circle),
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons svg :where(rect,circle){
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-discord-name,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-discord-name{
  margin:5px 0 0 !important;
  color:rgba(255,255,255,.46) !important;
  -webkit-text-fill-color:rgba(255,255,255,.46) !important;
  font-size:7.5px !important;
  line-height:1.2 !important;
  letter-spacing:.02em !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-discord-name b,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-discord-name b{
  color:rgba(255,255,255,.78) !important;
  -webkit-text-fill-color:rgba(255,255,255,.78) !important;
  font-weight:800 !important;
}

html body footer.footer.sk-global-footer.sk-global-footer .footer-bottom,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-bottom{
  width:100% !important;
  margin:0 !important;
  padding:7px 0 !important;
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
  box-sizing:border-box !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-bottom .container,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-bottom .container{
  width:min(1180px,92%) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
html body footer.footer.sk-global-footer.sk-global-footer .footer-bottom p,
html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-bottom p{
  max-width:none !important;
  margin:0 !important;
  color:rgba(255,255,255,.36) !important;
  -webkit-text-fill-color:rgba(255,255,255,.36) !important;
  font-size:7.5px !important;
  line-height:1.2 !important;
  letter-spacing:.3px !important;
}

/* Tablet: still five columns if there is room, just tighter. */
@media(max-width:900px){
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid{
    width:calc(100% - 24px) !important;
    grid-template-columns:1.2fr .82fr .9fr 1.05fr .9fr !important;
    padding:14px 0 8px !important;
    gap:10px 14px !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer .logo,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .logo{font-size:15px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer h4,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer h4{font-size:8px !important;margin-bottom:5px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer p,
  html body footer.footer.sk-global-footer.sk-global-footer a:not(.logo),
  html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer p,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer a:not(.logo),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link{
    font-size:8.5px !important;
    line-height:1.25 !important;
  }
}

/* Phone: two compact rows, three columns. Keeps the whole footer under ~1/3 screen. */
@media(max-width:640px){
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid{
    width:calc(100% - 18px) !important;
    grid-template-columns:1fr 1fr 1fr !important;
    grid-template-rows:auto auto !important;
    padding:10px 0 6px !important;
    gap:8px 10px !important;
    align-items:start !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div:nth-child(1),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div:nth-child(2),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div:nth-child(2){grid-column:2 !important;grid-row:1 !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div:nth-child(3),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div:nth-child(3){grid-column:3 !important;grid-row:1 !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div:nth-child(4),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div:nth-child(4){grid-column:1 / span 2 !important;grid-row:2 !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div.footer-socials,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div.footer-socials{grid-column:3 !important;grid-row:2 !important;}

  html body footer.footer.sk-global-footer.sk-global-footer .logo,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .logo{
    font-size:12px !important;
    letter-spacing:.65px !important;
    margin-bottom:3px !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer h4,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer h4{
    font-size:7.2px !important;
    margin-bottom:4px !important;
    letter-spacing:.7px !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer p,
  html body footer.footer.sk-global-footer.sk-global-footer a:not(.logo),
  html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer p,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer a:not(.logo),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link{
    font-size:7.4px !important;
    line-height:1.18 !important;
    margin-bottom:2px !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div:first-child p,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div:first-child p{
    max-width:105px !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid>div:first-child br,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid>div:first-child br{display:none !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link{
    display:inline-flex !important;
    margin-right:8px !important;
    margin-bottom:3px !important;
    vertical-align:top !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link span,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link span{font-size:6px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons{gap:4px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons :where(a,button,span),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons :where(a,button,span){
    width:24px !important;height:24px !important;min-width:24px !important;border-radius:7px !important;
  }
  html body footer.footer.sk-global-footer.sk-global-footer .footer-social-icons svg,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-social-icons svg{width:11px !important;height:11px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-discord-name,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-discord-name{font-size:6.2px !important;margin-top:3px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-bottom,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-bottom{padding:5px 0 !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-bottom .container,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-bottom .container{width:calc(100% - 18px) !important;}
  html body footer.footer.sk-global-footer.sk-global-footer .footer-bottom p,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-bottom p{font-size:6.5px !important;}
}

@media(max-width:360px){
  html body footer.footer.sk-global-footer.sk-global-footer .footer-grid,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-grid{gap:7px 7px !important;}
  html body footer.footer.sk-global-footer.sk-global-footer p,
  html body footer.footer.sk-global-footer.sk-global-footer a:not(.logo),
  html body footer.footer.sk-global-footer.sk-global-footer .footer-contact-link,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer p,
  html body.page-home.page-home.page-home footer.footer.sk-global-footer a:not(.logo),
  html body.page-home.page-home.page-home footer.footer.sk-global-footer .footer-contact-link{font-size:7px !important;}
}
