/* Independent image-led service bands, aligned with the homepage content. */
#site-services {
  display:grid;grid-template-columns:minmax(0,1fr);gap:20px;
  width:calc(100% - 96px);max-width:1344px;box-sizing:border-box;margin:28px auto;
  background:none;border:0;border-radius:0;
}
/* Keep a real box so anchor scrolling and section tracking use its actual position. */
#site-services #downloads {
  display:grid;grid-template-columns:minmax(0,1fr);gap:20px;
  width:100%;max-width:none;min-width:0;margin:0;padding:0;
  background:none;border:0;border-radius:0;
}
#site-services :is(#kazino,#discord,#launcher,#app) {
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;max-width:none;min-width:0;margin:0;padding:0;
  background:#0d1217;border:0;border-block:1px solid #c3d8e124;border-radius:0;
}
#site-services :is(#kazino,#discord,#launcher,#app)::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#030609e6 0%,#0306098c 36%,transparent 66%),linear-gradient(0deg,#0009,transparent 36%,transparent 78%,#0005);
}
#site-services .services-scene {
  position:absolute;inset:0 0 0 auto;width:68%;height:100%;z-index:-2;
  object-fit:cover;object-position:right center;pointer-events:none;opacity:1;
  mask-image:linear-gradient(to right,transparent,#000 42%);
}
#site-services #app .services-scene {width:auto;max-width:68%;object-fit:contain;opacity:1;}
#site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__panel,.comms__panel) {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;
  box-sizing:border-box;width:57%;max-width:720px;min-height:350px;height:auto;
  margin:0;padding:36px 40px;border:0;border-radius:0;box-shadow:none;background:none;text-align:left;
}
#site-services :is(#kazino,#app) .appdl__panel {min-height:390px;}
#site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__glyph,.comms__wave) {display:none;}
#site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__eyebrow,.services-eyebrow) {
  display:block;min-height:0;height:auto;margin:0 0 12px;font:650 12px/18px Inter,system-ui,sans-serif;letter-spacing:0;color:#b9cad5;
}
#site-services #kazino .appdl__eyebrow {color:#dac48a;}
#site-services #discord .services-eyebrow {color:#c4bce3;}
#site-services #app .appdl__eyebrow {color:#9ed4c4;}
#site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__head,.comms__head) {
  font:700 32px/1.2 "Chakra Petch",Inter,system-ui,sans-serif;letter-spacing:0;color:#f3f6f8;
  margin:0;max-width:100%;text-align:left;overflow-wrap:break-word;text-wrap:balance;
}
#site-services #kazino .appdl__head {color:#f0e5cb;}
#site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__sub,.comms__sub) {
  font:400 16px/1.65 Inter,system-ui,sans-serif;letter-spacing:0;color:#c7d0d6;
  margin:12px 0 22px;min-height:0;max-width:510px;text-align:left;
}
#site-services :is(#kazino,#launcher,#app) .appdl__ctas {
  display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;
  align-items:center;width:auto;margin:0;padding:0;
}
#site-services :is(#kazino,#discord,#launcher,#app) .cta {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;max-width:100%;width:auto;padding:12px 18px;font:600 14px/1.4 Inter,system-ui,sans-serif;
  border-radius:6px;box-shadow:none;letter-spacing:0;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
#site-services .cta:hover {transform:translateY(-1px);box-shadow:none;}
#site-services .cta:active {transform:none;}
#site-services :is(#kazino,#launcher,#app) .cta--ghost {
  background:#151c2180!important;border-color:#c3d8e12b!important;box-shadow:none!important;color:#c9d5dc;
}
#site-services :is(#kazino,#launcher,#app) .cta--ghost:hover {background:#29343b!important;border-color:#c3d8e150!important;color:#fff;}
#site-services #discord .cta--discord {align-self:flex-start;margin:0;min-width:180px;}
#site-services :is(#kazino,#launcher,#app) .appdl__meta {
  font:400 12px/1.6 Inter,system-ui,sans-serif;color:#aebfc9;max-width:510px;margin:14px 0 0;
}
#site-services #launcher .appdl__specs {display:flex;gap:8px 18px;flex-wrap:wrap;margin:0 0 20px;padding:0;}
#site-services #launcher .appdl__specs li {font-size:12px;}
#site-services #discord .comms__micro {display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:12px 0 0;padding:0;border:0;}
#site-services #discord :is(.comms__services,.comms__contact) {
  display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 12px;
  max-width:100%;margin:0;text-align:left;font:400 12px/18px Inter,system-ui,sans-serif;letter-spacing:0;
}
#site-services #discord .comms__contact b {font-weight:550;}
#site-services .services-online {width:100%;max-width:460px;margin-top:18px;padding-top:10px;border-top:1px solid #c3d8e12b;}
#site-services .services-online-link {display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:#becbd3;border-radius:4px;}
#site-services .services-online-link:hover {color:#effcff;}
#site-services .services-online-link>img {margin-left:auto;flex:0 0 18px;opacity:.75;}
#site-services .services-avatars {display:flex;align-items:center;gap:4px;flex-shrink:0;}
#site-services .services-avatar {position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#34444e;color:#d8e9ee;font:600 12px/1 Inter,system-ui,sans-serif;}
#site-services .services-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
#site-services .services-online-copy {display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0;font:400 12px/18px Inter,system-ui,sans-serif;}
#site-services .services-online-copy strong {min-width:2ch;font:700 28px/32px "Chakra Petch",Inter,system-ui,sans-serif;color:#a9e2cb;font-variant-numeric:tabular-nums;}
#site-services .services-online-copy span {overflow-wrap:anywhere;}
#site-services .services-online [hidden] {display:none!important;}
#site-services #servicesOnlineRetry {min-height:44px;margin-top:6px;padding:8px 12px;background:#26343d;border:1px solid #c3d8e129;border-radius:6px;color:#dbe7ed;cursor:pointer;}
#site-services :is(a,button):focus-visible {outline:2px solid #bedbe5;outline-offset:3px;}
@media(max-width:1100px) {
  #site-services {width:calc(100% - 64px);gap:16px;}
  #site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__panel,.comms__panel) {padding:30px;width:62%;}
  #site-services .services-scene {width:65%;mask-image:linear-gradient(to right,transparent,#000 48%);}
}
@media(max-width:700px) {
  #site-services {width:calc(100% - 44px);margin-block:24px;}
  #site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__panel,.comms__panel) {width:100%;max-width:none;min-height:0;padding:220px 24px 28px;}
  #site-services .services-scene {inset:0 0 auto;width:100%;height:240px;object-fit:cover;opacity:1;mask-image:linear-gradient(to bottom,#000 65%,transparent);}
  #site-services #app .services-scene {width:100%;max-width:100%;object-fit:cover;}
  #site-services :is(#kazino,#discord,#launcher,#app)::after {background:linear-gradient(0deg,#03060990 0%,transparent 65%,#0003);}
  #site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__head,.comms__head) {font-size:28px;}
  #site-services :is(#kazino,#launcher,#app) .appdl__ctas {width:100%;}
  #site-services :is(#kazino,#launcher,#app) .cta {flex:1 1 auto;}
}
@media(max-width:400px) {
  #site-services {width:calc(100% - 36px);}
  #site-services :is(#kazino,#discord,#launcher,#app) :is(.appdl__panel,.comms__panel) {padding-inline:18px;}
  #site-services :is(#kazino,#launcher,#app) .appdl__ctas {flex-direction:column;align-items:stretch;}
  #site-services :is(#kazino,#launcher,#app) .cta {width:100%;}
}
@media(prefers-reduced-motion:reduce) {#site-services .cta {transition:none!important;transform:none!important;}}