/* Lusty Looters v87 status loading effects and Home/Status aligned polish */
.ll-status-page{--status-spot-x:50%;--status-spot-y:20%;}.ll-status-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1300;pointer-events:none;background:rgba(15,104,234,.08);opacity:1;transition:opacity .45s ease;}.ll-status-progress span{display:block;width:42%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);box-shadow:0 0 18px rgba(15,104,234,.72);animation:llStatusProgress 1.1s ease-in-out infinite;}@keyframes llStatusProgress{0%{transform:translateX(-60vw);opacity:.35;}50%{opacity:1;}100%{transform:translateX(120vw);opacity:.35;}}.ll-status-page.status-loaded .ll-status-progress,.ll-status-page.status-error .ll-status-progress{opacity:0;}.ll-status-page .stats-strip{position:relative;overflow:hidden;}.ll-status-page .stats-strip.is-loading::after{content:none;display:none;}.ll-status-page .stats-strip.is-loading .stat-num{color:transparent!important;position:relative;min-width:54px;}.ll-status-page .stats-strip.is-loading .stat-num::before{content:"";position:absolute;left:50%;top:50%;width:52px;height:20px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(95,161,255,.13);box-shadow:inset 0 0 16px rgba(15,104,234,.08);animation:llStatusPulse 1.2s ease-in-out infinite;}.ll-status-page .stats-strip.is-loading .stat-label{opacity:.7;}.status-grid-detailed.status-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}.status-skel-card{position:relative;overflow:hidden;min-height:178px;padding:22px;border-radius:var(--radius);border:1px solid rgba(15,104,234,.24);background:linear-gradient(160deg,rgba(10,18,32,.96),rgba(4,8,16,.96));box-shadow:0 14px 40px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025);opacity:0;transform:translateY(12px);animation:llStatusCardLoad .5s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*55ms);}.status-skel-card::before{content:none;display:none;}.status-skel-line,.status-skel-pill{position:relative;z-index:1;display:block;border-radius:999px;background:rgba(95,161,255,.12);box-shadow:inset 0 0 14px rgba(15,104,234,.05);}.status-skel-line.title{width:58%;height:18px;margin-bottom:14px;}.status-skel-pill{width:86px;height:26px;margin-bottom:18px;}.status-skel-line{width:100%;height:11px;margin-bottom:11px;}.status-skel-line.short{width:64%;}.status-skel-line.mid{width:82%;}@keyframes llStatusShimmer{0%{transform:translateX(-130%);}100%{transform:translateX(130%);}}@keyframes llStatusPulse{0%,100%{opacity:.52;transform:translate(-50%,-50%) scale(.96);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04);}}@keyframes llStatusCardLoad{to{opacity:1;transform:translateY(0);}}.ll-status-page .status-full-card{position:relative;overflow:hidden;opacity:0;transform:translateY(14px);animation:llStatusCardReady .54s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*60ms);}.ll-status-page .status-full-card::after{content:none;display:none;}.ll-status-page .status-full-card:hover::after{opacity:0;}.ll-status-page .status-full-card:hover{transform:translateY(-6px);border-color:rgba(15,104,234,.55);box-shadow:0 24px 60px rgba(0,0,0,.50),0 0 36px rgba(15,104,234,.18);}@keyframes llStatusCardReady{0%{opacity:0;transform:translateY(14px);filter:blur(8px);}100%{opacity:1;transform:translateY(0);filter:blur(0);}}.ll-status-page .status-pill.checking{animation:llStatusCheckingGlow 1.25s ease-in-out infinite;}@keyframes llStatusCheckingGlow{0%,100%{box-shadow:0 0 0 rgba(247,198,107,0);}50%{box-shadow:0 0 16px rgba(247,198,107,.18);}}@media(prefers-reduced-motion:reduce){.ll-status-progress span,.status-skel-card,.ll-status-page .status-full-card,.ll-status-page .status-pill.checking{animation:none!important;}.ll-status-page .status-full-card,.status-skel-card{opacity:1!important;transform:none!important;filter:none!important;}}
/* v93 all server feed polish */
/* v98 test server feed polish */
.ll-all-servers-section {
  padding-top: 28px;
}
.ll-all-servers-section .section-desc {
  margin-bottom: 32px;
}
.ll-all-status-grid {
  margin-top: 6px;
}
.status-error-line {
  margin: 12px 0 0;
  padding: 9px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,107,125,.22);
  background: rgba(255,107,125,.06);
  color: rgba(255,210,216,.78);
  font-size: 12px;
  line-height: 1.35;
}
@media (max-width:760px) {
  .ll-all-servers-section {
    padding-top: 24px !important;
  }
  .ll-all-servers-section .section-desc {
    margin-bottom: 18px !important;
  }
}


/* v98: this lower status section is intentionally filtered to bridge servers with "test" in the name. */
.ll-all-servers-section .section-label::after {
  content: "filtered";
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(95,161,255,.35);
  background: rgba(15,104,234,.10);
  color: #9fc3ff;
  font-size: 9px;
  letter-spacing: 1.4px;
}


/* v99: status page direct home-effect alignment. No global overrides. */
.ll-status-page .status-full-card::before {
  height: 2px;
  background: linear-gradient(to right, transparent, var(--accent), transparent);
}
.ll-status-page .status-full-card:hover::before {
  opacity: 1;
}
.ll-status-page .status-details div {
  transition: border-color .22s ease, color .22s ease;
}
.ll-status-page .status-full-card:hover .status-details div {
  border-bottom-color: rgba(15,104,234,.14);
}
.ll-status-page .status-pill {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.ll-status-page .status-full-card:hover .status-pill {
  transform: translateY(-1px);
}
.ll-status-page .status-full-card:hover .status-pill.online {
  box-shadow: 0 0 16px rgba(85,230,140,.14);
}
.ll-status-page .status-full-card:hover .status-pill.offline {
  box-shadow: 0 0 16px rgba(255,107,125,.14);
}
.ll-status-page .status-full-card:hover .status-pill.checking {
  box-shadow: 0 0 16px rgba(247,198,107,.14);
}
.ll-status-page .status-skel-card {
  transition: transform .26s cubic-bezier(.4,0,.2,1), box-shadow .26s, border-color .26s;
}
.ll-status-page .status-skel-card:hover {
  transform: translateY(-6px);
  border-color: rgba(15,104,234,.55);
  box-shadow: 0 24px 60px rgba(0,0,0,.50), 0 0 36px rgba(15,104,234,.18);
}
.ll-status-page .status-skel-card:hover::before {
  opacity: 1;
}


/* v100: status page emoji hover effects matched to home page icon movement. */
.ll-status-page .status-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ll-status-page .status-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 1;
  transform-origin: center;
  filter: drop-shadow(0 0 10px rgba(15,104,234,.35));
  transition: transform .24s cubic-bezier(.2,.85,.25,1), filter .24s ease;
}
.ll-status-page .status-full-card:hover .status-card-icon,
.ll-status-page .cta-box:hover .cta-emoji {
  transform: scale(1.14) rotate(-2deg);
  filter: drop-shadow(0 0 18px rgba(95,161,255,.62));
}
.ll-status-page .cta-emoji {
  transition: transform .24s cubic-bezier(.2,.85,.25,1), filter .24s ease;
  transform-origin: center;
}

/* v237: polished compact restart and status rail, matched to the live site glow/pill style. */
.status-pill.starting {
  color: #ffd58a;
  border-color: rgba(247,178,52,.40);
  background: rgba(247,178,52,.09);
}
.status-pill.starting .status-dot {
  background: #ff9f2e;
  box-shadow: 0 0 10px rgba(255,159,46,.62);
  animation: pulse-status 1.2s infinite;
}
.status-pill.unknown {
  color: rgba(232,222,255,.86);
  border-color: rgba(205,185,255,.34);
  background: rgba(170,145,255,.08);
}
.status-pill.unknown .status-dot {
  background: #d8c9ff;
  box-shadow: 0 0 10px rgba(216,201,255,.52);
}
.status-details strong {
  text-align: right;
}
.ll-status-info-strip {
  position: relative;
  display: grid;
  grid-template-columns: minmax(390px, .95fr) minmax(480px, 1.25fr);
  align-items: stretch;
  gap: 1px;
  max-width: 1120px;
  margin: -18px auto 24px;
  padding: 1px;
  border: 1px solid rgba(15,104,234,.34);
  border-radius: 20px;
  background:
    linear-gradient(90deg, transparent, rgba(15,104,234,.28), transparent) top/100% 1px no-repeat,
    linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.98));
  box-shadow:
    0 16px 42px rgba(0,0,0,.34),
    0 0 34px rgba(15,104,234,.11),
    inset 0 0 0 1px rgba(255,255,255,.026);
  overflow: hidden;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.ll-status-info-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(15,104,234,.16), transparent) top/100% 1px no-repeat;
  opacity: .9;
}
.ll-status-info-strip:hover {
  border-color: rgba(15,104,234,.56);
  box-shadow:
    0 20px 54px rgba(0,0,0,.42),
    0 0 42px rgba(15,104,234,.18),
    inset 0 0 0 1px rgba(255,255,255,.034);
}
.ll-restart-strip,
.ll-status-legend-strip {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 46px;
  padding: 9px 11px;
  background: rgba(3,8,16,.20);
}
.ll-restart-strip {
  gap: 10px;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
}
.ll-status-legend-strip {
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
  border-left: 1px solid rgba(15,104,234,.18);
}
.ll-strip-label,
.ll-status-legend-note {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: rgba(95,161,255,.78);
  font-family: 'Cinzel', serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.55px;
  line-height: 1;
  text-shadow: 0 0 14px rgba(15,104,234,.28);
  text-transform: uppercase;
  white-space: nowrap;
}
.ll-strip-label::after,
.ll-status-legend-note::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 1px;
  margin-left: 8px;
  background: linear-gradient(to right, rgba(95,161,255,.45), transparent);
}
.ll-restart-timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 28px;
  padding: 5px 12px;
  border: 1px solid rgba(15,104,234,.44);
  border-radius: 999px;
  background: linear-gradient(160deg, rgba(15,104,234,.15), rgba(15,104,234,.055));
  color: #91bdff;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 16px rgba(95,161,255,.58);
  box-shadow:
    0 0 18px rgba(15,104,234,.18),
    inset 0 0 14px rgba(15,104,234,.055);
  text-transform: none;
  white-space: nowrap;
}
.ll-strip-detail {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: fit-content;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(15,104,234,.20);
  border-radius: 999px;
  background: rgba(15,104,234,.055);
  color: rgba(151,190,242,.90);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  box-shadow: inset 0 0 10px rgba(15,104,234,.035);
}
.ll-restart-strip[data-state="active"] .ll-restart-timer {
  border-color: rgba(247,178,52,.50);
  background: linear-gradient(160deg, rgba(247,178,52,.18), rgba(247,178,52,.07));
  color: #ffd58a;
  text-shadow: 0 0 16px rgba(255,159,46,.58);
  box-shadow: 0 0 20px rgba(255,159,46,.24), inset 0 0 14px rgba(247,178,52,.065);
}
.ll-restart-strip[data-state="restarting"] .ll-restart-timer {
  border-color: rgba(255,107,125,.46);
  background: linear-gradient(160deg, rgba(255,107,125,.16), rgba(255,107,125,.065));
  color: #ffc4cc;
  text-shadow: 0 0 16px rgba(255,107,125,.58);
  box-shadow: 0 0 22px rgba(255,107,125,.24), inset 0 0 14px rgba(255,107,125,.055);
}
.ll-status-legend-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(15,104,234,.20);
  border-radius: 999px;
  background: rgba(15,104,234,.06);
  color: rgba(95,161,255,.86);
  font-family: 'Cinzel', serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.2px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 0 12px rgba(15,104,234,.035);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.ll-status-legend-item strong {
  font: inherit;
  color: inherit;
}
.ll-status-legend-item em {
  display: inline-flex;
  align-items: center;
  margin-left: -1px;
  color: rgba(194,216,248,.66);
  font-family: 'JetBrains Mono', monospace;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  text-transform: none;
}
.ll-status-legend-item:hover {
  transform: translateY(-1px);
}
.ll-status-legend-item .status-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
}
.ll-status-legend-item.online {
  color: #b9ffd3;
  border-color: rgba(85,230,140,.38);
  background: linear-gradient(160deg, rgba(85,230,140,.11), rgba(85,230,140,.045));
  box-shadow: 0 0 16px rgba(85,230,140,.09), inset 0 0 12px rgba(85,230,140,.035);
}
.ll-status-legend-item.online:hover {
  box-shadow: 0 0 20px rgba(85,230,140,.18), inset 0 0 12px rgba(85,230,140,.05);
}
.ll-status-legend-item.online .status-dot {
  background: var(--green);
  box-shadow: 0 0 12px rgba(85,230,140,.72);
}
.ll-status-legend-item.starting {
  color: #ffd58a;
  border-color: rgba(247,178,52,.44);
  background: linear-gradient(160deg, rgba(247,178,52,.13), rgba(247,178,52,.052));
  box-shadow: 0 0 16px rgba(255,159,46,.10), inset 0 0 12px rgba(247,178,52,.04);
}
.ll-status-legend-item.starting:hover {
  box-shadow: 0 0 20px rgba(255,159,46,.19), inset 0 0 12px rgba(247,178,52,.052);
}
.ll-status-legend-item.starting .status-dot {
  background: #ff9f2e;
  box-shadow: 0 0 12px rgba(255,159,46,.72);
  animation: pulse-status 1.2s infinite;
}
.ll-status-legend-item.offline {
  color: #ffc4cc;
  border-color: rgba(255,107,125,.38);
  background: linear-gradient(160deg, rgba(255,107,125,.11), rgba(255,107,125,.045));
  box-shadow: 0 0 16px rgba(255,107,125,.09), inset 0 0 12px rgba(255,107,125,.035);
}
.ll-status-legend-item.offline:hover {
  box-shadow: 0 0 20px rgba(255,107,125,.18), inset 0 0 12px rgba(255,107,125,.05);
}
.ll-status-legend-item.offline .status-dot {
  background: var(--red);
  box-shadow: 0 0 12px rgba(255,107,125,.66);
}
.ll-status-legend-item.unknown {
  color: rgba(232,222,255,.90);
  border-color: rgba(205,185,255,.38);
  background: linear-gradient(160deg, rgba(170,145,255,.12), rgba(170,145,255,.048));
  box-shadow: 0 0 16px rgba(216,201,255,.075), inset 0 0 12px rgba(170,145,255,.035);
}
.ll-status-legend-item.unknown:hover {
  box-shadow: 0 0 20px rgba(216,201,255,.16), inset 0 0 12px rgba(170,145,255,.05);
}
.ll-status-legend-item.unknown .status-dot {
  background: #d8c9ff;
  box-shadow: 0 0 12px rgba(216,201,255,.62);
}

@media (max-width: 1180px) {
  .ll-status-info-strip {
    grid-template-columns: 1fr;
  }
  .ll-restart-strip,
  .ll-status-legend-strip {
    justify-content: center;
  }
  .ll-status-legend-strip {
    border-left: 0;
    border-top: 1px solid rgba(15,104,234,.16);
  }
}
@media (max-width: 1080px) {
  .ll-status-info-strip {
    grid-template-columns: 1fr;
  }
  .ll-status-legend-strip {
    justify-content: flex-start;
    border-left: 0;
    border-top: 1px solid rgba(15,104,234,.16);
  }
}
@media (max-width: 640px) {
  .ll-status-info-strip {
    margin: -22px auto 18px;
    border-radius: 18px;
  }
  .ll-restart-strip,
  .ll-status-legend-strip {
    min-height: 0;
    padding: 9px;
    gap: 7px;
  }
  .ll-restart-strip {
    flex-wrap: wrap;
  }
  .ll-strip-detail {
    flex: 1 1 100%;
    min-width: 0;
    justify-content: center;
    white-space: normal;
    line-height: 1.25;
  }
  .ll-status-legend-note {
    flex-basis: 100%;
  }
  .ll-status-legend-note::after {
    width: 52px;
  }
  .ll-status-legend-item {
    font-size: 7.8px;
    padding-inline: 8px;
  }
  .ll-status-legend-item em {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ll-status-info-strip,
  .ll-status-legend-item,
  .ll-restart-timer {
    transition: none !important;
  }
  .ll-status-legend-item.starting .status-dot,
  .status-pill.starting .status-dot {
    animation: none !important;
  }
}