/* Lusty Looters Account — v674
   Home-page visual system applied to /account.
   Values/effects are intentionally copied from the current Home page. */

body.ll-account-page.ll-account-home-style {
  --bg: #03060d;
  --bg2: #070e1a;
  --panel: rgba(7,14,26,.94);
  --line: rgba(15,104,234,.28);
  --line2: rgba(15,104,234,.62);
  --accent: #0f68ea;
  --accent2: #5fa1ff;
  --gold: #f7c66b;
  --gold2: #ffe4a0;
  --green: #55e68c;
  --text: #eef4ff;
  --muted: #7aa8e0;
  --radius: 20px;

  --account-bg: var(--bg);
  --account-panel: var(--panel);
  --account-panel-soft: rgba(10,18,32,.96);
  --account-panel-strong: rgba(4,8,16,.96);
  --account-line: var(--line);
  --account-line-soft: rgba(15,104,234,.20);
  --account-line-strong: rgba(15,104,234,.55);
  --account-blue: var(--accent);
  --account-blue-soft: var(--accent2);
  --account-blue-bright: var(--accent2);
  --account-gold: var(--gold);
  --account-green: var(--green);
  --account-red: #ff5b70;
  --account-text: var(--text);
  --account-muted: var(--muted);

  min-height: 100vh !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: 'Crimson Pro', Georgia, serif !important;
  font-weight: 300 !important;
  overflow-x: hidden !important;
}

/* HOME: animated starfield */
body.ll-account-page.ll-account-home-style #starfield {
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  overflow: hidden !important;
}
body.ll-account-page.ll-account-home-style .star {
  position: absolute !important;
  border-radius: 50% !important;
  background: #fff !important;
  animation: llAccountHomeTwinkle var(--d) ease-in-out infinite !important;
}
@keyframes llAccountHomeTwinkle {
  0%,100% { opacity: var(--min-op); transform: scale(1); }
  50% { opacity: var(--max-op); transform: scale(1.5); }
}

/* HOME: ambient page background */
body.ll-account-page.ll-account-home-style::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(15,104,234,.13) 0%, transparent 65%),
    radial-gradient(ellipse 50% 40% at 90% 85%, rgba(15,104,234,.09) 0%, transparent 55%),
    radial-gradient(ellipse 40% 35% at 5% 70%, rgba(95,161,255,.06) 0%, transparent 55%),
    repeating-linear-gradient(0deg, transparent, transparent 70px, rgba(15,104,234,.014) 70px, rgba(15,104,234,.014) 71px),
    repeating-linear-gradient(90deg, transparent, transparent 70px, rgba(15,104,234,.014) 70px, rgba(15,104,234,.014) 71px) !important;
}

/* HOME: navigation */
body.ll-account-page.ll-account-home-style nav.topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 36px !important;
  background: rgba(3,6,13,.82) !important;
  border-bottom: 1px solid rgba(15,104,234,.18) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  gap: 16px !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  color: inherit !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-brand img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(15,104,234,.40) !important;
  box-shadow: 0 0 14px rgba(15,104,234,.25) !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-brand-text {
  font-family: 'Cinzel', serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  color: #fff !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-brand-text span { color: var(--accent2) !important; }
body.ll-account-page.ll-account-home-style nav.topbar .nav-links {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-links a {
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: var(--muted) !important;
  border: 1px solid rgba(15,104,234,.22) !important;
  background: rgba(15,104,234,.04) !important;
  padding: 7px 13px !important;
  border-radius: 5px !important;
  transition: all .2s ease !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-links a:hover {
  color: #fff !important;
  border-color: rgba(15,104,234,.55) !important;
  background: rgba(15,104,234,.12) !important;
  transform: translateY(-1px) !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-links a.cta {
  color: #02101f !important;
  background: linear-gradient(135deg, #1472f5, #5fa1ff) !important;
  border-color: rgba(255,255,255,.18) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 18px rgba(15,104,234,.30) !important;
}
body.ll-account-page.ll-account-home-style nav.topbar .nav-links a.cta:hover {
  background: linear-gradient(135deg, #1e7fff, #79b4ff) !important;
  box-shadow: 0 8px 28px rgba(15,104,234,.44) !important;
}

body.ll-account-page.ll-account-home-style .ll-account-main {
  position: relative !important;
  z-index: 1 !important;
  padding-top: 112px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-wrap {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.ll-account-page.ll-account-home-style .ll-account-shell {
  gap: 18px !important;
  margin-bottom: 60px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-stack { gap: 18px !important; }

/* HOME: information-card surface and hover */
body.ll-account-page.ll-account-home-style .ll-account-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  transition: all .26s cubic-bezier(.4,0,.2,1) !important;
  animation: llAccountHomeFadeUp .65s cubic-bezier(.4,0,.2,1) both;
}
body.ll-account-page.ll-account-home-style .ll-account-card::before {
  content: none !important;
  display: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(to right, transparent, var(--line2), transparent) !important;
  opacity: 0 !important;
  transition: opacity .26s !important;
  pointer-events: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(15,104,234,.55) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.48), 0 0 32px rgba(15,104,234,.14) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-card:hover::after { opacity: 1 !important; }
body.ll-account-page.ll-account-home-style .ll-account-card-inner { padding: 30px 26px !important; }
body.ll-account-page.ll-account-home-style .ll-account-profile-card .ll-account-card-inner { padding: 30px 26px !important; }

body.ll-account-page.ll-account-home-style .ll-account-stack > .ll-account-card:nth-child(1) { animation-delay: .08s; }
body.ll-account-page.ll-account-home-style .ll-account-stack > .ll-account-card:nth-child(2) { animation-delay: .16s; }
body.ll-account-page.ll-account-home-style .ll-account-stack > .ll-account-card:nth-child(3) { animation-delay: .24s; }
body.ll-account-page.ll-account-home-style .ll-server-archive-card { animation-delay: .32s; }
@keyframes llAccountHomeFadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

/* HOME hero logo treatment, reused for account avatar */
body.ll-account-page.ll-account-home-style .ll-account-avatar-wrap {
  width: 110px !important;
  height: 110px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-profile-top {
  grid-template-columns: 110px minmax(0,1fr) !important;
  gap: 24px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-avatar-ring {
  inset: -12px !important;
  border: 1px solid rgba(15,104,234,.35) !important;
  animation: llAccountHomeRingSpin 14s linear infinite !important;
}
body.ll-account-page.ll-account-home-style .ll-account-avatar-ring::before {
  top: -2px !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--accent2) !important;
  box-shadow: 0 0 10px var(--accent2) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-avatar {
  width: 110px !important;
  height: 110px !important;
  border: 2px solid rgba(15,104,234,.50) !important;
  background: rgba(7,14,26,.94) !important;
  box-shadow: 0 0 40px rgba(15,104,234,.45), 0 0 80px rgba(15,104,234,.20) !important;
  animation: llAccountHomeLogoFloat 5s ease-in-out infinite !important;
}
body.ll-account-page.ll-account-home-style .ll-account-avatar-wrap:hover .ll-account-avatar {
  border-color: rgba(15,104,234,.50) !important;
  box-shadow: 0 0 40px rgba(15,104,234,.45), 0 0 80px rgba(15,104,234,.20) !important;
}
@keyframes llAccountHomeRingSpin { to { transform: rotate(360deg); } }
@keyframes llAccountHomeLogoFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
body.ll-account-page.ll-account-home-style .ll-account-status-dot {
  right: 3px !important;
  bottom: 8px !important;
  border-color: #03060d !important;
}
body.ll-account-page.ll-account-home-style .ll-account-status-dot.online {
  background: var(--green) !important;
  box-shadow: 0 0 10px rgba(85,230,140,.60) !important;
}

/* HOME typography */
body.ll-account-page.ll-account-home-style .ll-account-name {
  font-family: 'Cinzel', serif !important;
  font-size: clamp(28px,4vw,48px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  text-transform: none !important;
  margin-bottom: 12px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-card-title {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-family: 'Cinzel', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-card-sub {
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 20px !important;
}

/* HOME map-tag/status-pill language for account badges */
body.ll-account-page.ll-account-home-style .ll-account-badges { gap: 8px !important; }
body.ll-account-page.ll-account-home-style .ll-account-badge {
  min-height: 0 !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15,104,234,.22) !important;
  background: rgba(15,104,234,.06) !important;
  color: rgba(184,208,245,.82) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-badge.green {
  color: #aef7c8 !important;
  border-color: rgba(85,230,140,.35) !important;
  background: rgba(85,230,140,.08) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-badge.gold,
body.ll-account-page.ll-account-home-style .ll-account-badge.role-admin {
  color: var(--gold2) !important;
  border-color: rgba(247,198,107,.35) !important;
  background: rgba(247,198,107,.08) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-badge.red,
body.ll-account-page.ll-account-home-style .ll-account-badge.role-owner {
  color: #ffb8c0 !important;
  border-color: rgba(255,91,112,.32) !important;
  background: rgba(255,91,112,.07) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-badge.role-tester {
  color: #ffd6a1 !important;
  border-color: rgba(255,159,64,.32) !important;
  background: rgba(255,159,64,.07) !important;
}

/* HOME stats-strip treatment for Role / Nuggets / Store Credit / Decay */
body.ll-account-page.ll-account-home-style .ll-account-summary {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 1px !important;
  margin: 26px 0 0 !important;
  background: var(--line) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}
body.ll-account-page.ll-account-home-style .ll-account-summary-tile {
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  grid-template-areas: "icon value" "icon label" !important;
  column-gap: 12px !important;
  align-items: center !important;
  min-height: 86px !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(160deg, rgba(10,18,32,.98), rgba(4,8,16,.98)) !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: background .2s ease, transform .24s cubic-bezier(.2,.85,.25,1) !important;
  overflow: visible !important;
}
body.ll-account-page.ll-account-home-style .ll-account-summary-tile::before,
body.ll-account-page.ll-account-home-style .ll-account-summary-tile::after { content: none !important; display: none !important; }
body.ll-account-page.ll-account-home-style .ll-account-summary-tile:hover {
  background: rgba(15,104,234,.07) !important;
  transform: translateY(-3px) !important;
}
body.ll-account-page.ll-account-home-style .ll-summary-icon {
  grid-area: icon !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--accent2) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(15,104,234,.45) !important;
  box-shadow: none !important;
  transform: translateY(0) rotate(0deg) !important;
  transform-origin: 50% 50% !important;
  transition: transform .24s cubic-bezier(.2,.85,.25,1), filter .24s ease !important;
}
body.ll-account-page.ll-account-home-style .ll-account-summary-tile:hover .ll-summary-icon {
  transform: translateY(-6px) rotate(-6deg) !important;
  filter: drop-shadow(0 0 18px rgba(95,161,255,.62)) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-summary-tile strong {
  grid-area: value !important;
  font-family: 'Cinzel', serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: var(--accent2) !important;
  text-shadow: 0 0 30px rgba(15,104,234,.40) !important;
}
body.ll-account-page.ll-account-home-style .ll-summary-label {
  grid-area: label !important;
  margin: 6px 0 0 !important;
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
}
body.ll-account-page.ll-account-home-style .ll-summary-sub { display: none !important; }
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.nuggets strong {
  color: var(--gold) !important;
  text-shadow: 0 0 30px rgba(247,198,107,.40) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.nuggets .ll-summary-icon { color: var(--gold) !important; }
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.online strong,
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.linked strong,
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.decay-protected strong {
  color: var(--green) !important;
  text-shadow: 0 0 30px rgba(85,230,140,.35) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.unlinked strong,
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.decay-error strong { color: #ffb8c0 !important; text-shadow: none !important; }
body.ll-account-page.ll-account-home-style .ll-account-summary-tile.decay-countdown strong { color: var(--gold2) !important; text-shadow: 0 0 30px rgba(247,198,107,.30) !important; }

/* HOME map-card treatment for player detail fields / rows */
body.ll-account-page.ll-account-home-style .ll-player-grid { gap: 14px !important; }
body.ll-account-page.ll-account-home-style .ll-player-field {
  position: relative !important;
  min-height: 104px !important;
  padding: 20px 22px 20px 74px !important;
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  transition: all .22s cubic-bezier(.4,0,.2,1) !important;
  overflow: hidden !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(to right, transparent, rgba(15,104,234,.55), transparent) !important;
  opacity: 0 !important;
  transition: opacity .22s !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(15,104,234,.55) !important;
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.44), 0 0 24px rgba(15,104,234,.14) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field:hover::before { opacity: 1 !important; }
body.ll-account-page.ll-account-home-style .ll-player-icon {
  left: 18px !important;
  top: 21px !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15,104,234,.08) !important;
  border: 1px solid rgba(15,104,234,.22) !important;
  border-radius: 12px !important;
  color: var(--accent2) !important;
  font-size: 22px !important;
  box-shadow: none !important;
  transform: translateY(0) rotate(0deg) !important;
  transform-origin: 50% 50% !important;
  transition: transform .24s cubic-bezier(.2,.85,.25,1), filter .24s ease, background .22s, border-color .22s !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field:hover .ll-player-icon {
  background: rgba(15,104,234,.15) !important;
  border-color: rgba(15,104,234,.45) !important;
  transform: translateY(-6px) rotate(-6deg) !important;
  filter: drop-shadow(0 0 18px rgba(95,161,255,.62)) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field span:not(.ll-player-icon) {
  color: var(--muted) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field strong {
  margin-top: 7px !important;
  color: #fff !important;
  font-family: 'Cinzel', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field small {
  margin-top: 5px !important;
  color: var(--muted) !important;
  opacity: .70 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
/* Keep semantic colour, but use the Home card surface. */
body.ll-account-page.ll-account-home-style .ll-player-field.online,
body.ll-account-page.ll-account-home-style .ll-player-field.decay-protected {
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border-color: rgba(85,230,140,.28) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field.online:hover,
body.ll-account-page.ll-account-home-style .ll-player-field.decay-protected:hover {
  border-color: rgba(85,230,140,.60) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.50), 0 0 36px rgba(85,230,140,.14) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field.decay-countdown {
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border-color: rgba(247,198,107,.35) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field.decay-countdown:hover {
  border-color: rgba(247,198,107,.70) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.50), 0 0 36px rgba(247,198,107,.18) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field.decay-error {
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border-color: rgba(255,91,112,.32) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field.online .ll-player-icon,
body.ll-account-page.ll-account-home-style .ll-player-field.decay-protected .ll-player-icon {
  color: var(--green) !important;
  border-color: rgba(85,230,140,.30) !important;
  background: rgba(85,230,140,.08) !important;
}
body.ll-account-page.ll-account-home-style .ll-player-field.decay-countdown .ll-player-icon {
  color: var(--gold) !important;
  border-color: rgba(247,198,107,.30) !important;
  background: rgba(247,198,107,.08) !important;
}

/* HOME bordered strip treatment for account link detail list */
body.ll-account-page.ll-account-home-style .ll-account-detail-list {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: var(--line) !important;
  gap: 1px !important;
  overflow: hidden !important;
}
body.ll-account-page.ll-account-home-style .ll-account-row {
  padding: 16px 18px !important;
  border: 0 !important;
  background: linear-gradient(160deg, rgba(10,18,32,.98), rgba(4,8,16,.98)) !important;
  transition: background .2s ease !important;
}
body.ll-account-page.ll-account-home-style .ll-account-row:hover { background: rgba(15,104,234,.07) !important; }
body.ll-account-page.ll-account-home-style .ll-account-row span {
  color: var(--muted) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
body.ll-account-page.ll-account-home-style .ll-account-row strong {
  color: #fff !important;
  font-family: 'Cinzel', serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* HOME buttons exactly */
html body.ll-account-page.ll-account-home-style .ll-account-actions {
  gap: 14px !important;
  margin-top: 24px !important;
}
html body.ll-account-page.ll-account-home-style .ll-profile-actions,
html body.ll-account-page.ll-account-home-style .ll-link-actions,
html body.ll-account-page.ll-account-home-style .ll-auth-actions {
  display: grid !important;
  gap: 14px !important;
  align-items: stretch !important;
}
html body.ll-account-page.ll-account-home-style .ll-profile-actions { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body.ll-account-page.ll-account-home-style .ll-link-actions { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
html body.ll-account-page.ll-account-home-style .ll-auth-actions { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn,
html body.ll-account-page.ll-account-home-style button.ll-account-mini-btn,
html body.ll-account-page.ll-account-home-style a.ll-account-mini-btn,
html body.ll-account-page.ll-account-home-style .ll-account-btn,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 15px 24px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15,104,234,.35) !important;
  background: rgba(15,104,234,.06) !important;
  color: var(--accent2) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  white-space: normal !important;
}
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn::before,
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn::after,
html body.ll-account-page.ll-account-home-style .ll-account-btn::before,
html body.ll-account-page.ll-account-home-style .ll-account-btn::after { content: none !important; display: none !important; }
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn:hover,
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn:focus-visible,
html body.ll-account-page.ll-account-home-style .ll-account-btn:hover,
html body.ll-account-page.ll-account-home-style .ll-account-btn:focus-visible,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-actions button:hover,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-actions button:focus-visible {
  background: rgba(15,104,234,.14) !important;
  border-color: var(--accent2) !important;
  color: var(--accent2) !important;
  transform: translateY(-3px) !important;
  box-shadow: none !important;
  outline: none !important;
}
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn.primary,
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn.accent,
html body.ll-account-page.ll-account-home-style .ll-account-btn.primary,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-accept {
  background: linear-gradient(135deg, #1472f5, #5fa1ff) !important;
  border-color: transparent !important;
  color: #01101e !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 32px rgba(15,104,234,.38) !important;
}
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn.primary:hover,
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn.accent:hover,
html body.ll-account-page.ll-account-home-style .ll-account-btn.primary:hover,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-accept:hover {
  background: linear-gradient(135deg, #1472f5, #5fa1ff) !important;
  border-color: transparent !important;
  color: #01101e !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 48px rgba(15,104,234,.55) !important;
}
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn.ghost-red,
html body.ll-account-page.ll-account-home-style .ll-account-btn.ghost-red {
  background: rgba(255,91,112,.07) !important;
  border-color: rgba(255,91,112,.32) !important;
  color: #ffb8c0 !important;
}
html body.ll-account-page.ll-account-home-style .ll-account-mini-btn.ghost-red:hover,
html body.ll-account-page.ll-account-home-style .ll-account-btn.ghost-red:hover {
  background: rgba(255,91,112,.12) !important;
  border-color: rgba(255,91,112,.55) !important;
  color: #ffd4d9 !important;
  box-shadow: none !important;
}

/* HOME card language for archive and subscription items */
body.ll-account-page.ll-account-home-style .ll-archive-status,
body.ll-account-page.ll-account-home-style .ll-renewal-pill {
  border: 1px solid rgba(15,104,234,.22) !important;
  background: rgba(15,104,234,.06) !important;
  color: rgba(184,208,245,.82) !important;
  border-radius: 999px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-status.owner-test {
  color: #aef7c8 !important;
  border-color: rgba(85,230,140,.35) !important;
  background: rgba(85,230,140,.08) !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-list,
body.ll-account-page.ll-account-home-style .ll-renewal-list { gap: 14px !important; }
body.ll-account-page.ll-account-home-style .ll-archive-empty,
body.ll-account-page.ll-account-home-style .ll-archive-empty.available,
body.ll-account-page.ll-account-home-style .ll-renewal-item,
body.ll-account-page.ll-account-home-style .ll-renewal-empty {
  position: relative !important;
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  transition: all .22s cubic-bezier(.4,0,.2,1) !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-empty:hover,
body.ll-account-page.ll-account-home-style .ll-renewal-item:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(15,104,234,.55) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.44), 0 0 24px rgba(15,104,234,.14) !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-empty.available { border-color: rgba(85,230,140,.28) !important; }
body.ll-account-page.ll-account-home-style .ll-archive-empty.available:hover {
  border-color: rgba(85,230,140,.60) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.50), 0 0 36px rgba(85,230,140,.14) !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-icon {
  background: rgba(15,104,234,.08) !important;
  border: 1px solid rgba(15,104,234,.22) !important;
  border-radius: 12px !important;
  color: var(--accent2) !important;
  box-shadow: none !important;
  transform: translateY(0) rotate(0deg) !important;
  transform-origin: 50% 50% !important;
  transition: transform .24s cubic-bezier(.2,.85,.25,1), filter .24s ease, border-color .22s !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-empty:hover .ll-archive-icon {
  transform: translateY(-6px) rotate(-6deg) !important;
  filter: drop-shadow(0 0 18px rgba(95,161,255,.62)) !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-empty.available .ll-archive-icon {
  background: rgba(85,230,140,.08) !important;
  border-color: rgba(85,230,140,.30) !important;
  color: var(--green) !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-icon-link:hover,
body.ll-account-page.ll-account-home-style .ll-archive-icon-link:focus-visible {
  background: rgba(85,230,140,.15) !important;
  border-color: rgba(85,230,140,.60) !important;
  box-shadow: none !important;
  outline: none !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-copy strong,
body.ll-account-page.ll-account-home-style .ll-renewal-item-title {
  color: #fff !important;
  font-family: 'Cinzel', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
body.ll-account-page.ll-account-home-style .ll-archive-copy small,
body.ll-account-page.ll-account-home-style .ll-renewal-item-sub,
body.ll-account-page.ll-account-home-style .ll-renewal-status {
  color: var(--muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* HOME form/control language */
body.ll-account-page.ll-account-home-style .ll-renewal-select,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-select {
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border: 1px solid rgba(15,104,234,.35) !important;
  border-radius: 12px !important;
  color: var(--text) !important;
  box-shadow: none !important;
  font-family: 'Crimson Pro', Georgia, serif !important;
  transition: all .2s ease !important;
}
body.ll-account-page.ll-account-home-style .ll-renewal-select:hover,
body.ll-account-page.ll-account-home-style .ll-renewal-select:focus,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-select:hover,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-select:focus {
  border-color: var(--accent2) !important;
  box-shadow: 0 0 24px rgba(15,104,234,.14) !important;
  outline: none !important;
}

/* Restore modal uses the same Home cards, borders and buttons. */
body.ll-account-page.ll-account-home-style #characterRestoreModal.ll-link-confirm-overlay {
  background: rgba(3,6,13,.82) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-card {
  background: linear-gradient(160deg, rgba(10,18,32,.98), rgba(4,8,16,.98)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.50), 0 0 36px rgba(15,104,234,.18) !important;
}
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(to right, transparent, var(--accent), transparent) !important;
  opacity: 1 !important;
}
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-card::after { content: none !important; display: none !important; }
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-title {
  font-family: 'Cinzel', serif !important;
  font-weight: 900 !important;
  color: #fff !important;
}
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-message,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-label,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-check {
  color: var(--muted) !important;
}
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-link-confirm-section,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-backups-box,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-backup,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-status {
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-backup:hover,
body.ll-account-page.ll-account-home-style #characterRestoreModal .ll-restore-modal-backup.selected {
  border-color: rgba(15,104,234,.55) !important;
  background: rgba(15,104,234,.07) !important;
  box-shadow: 0 0 24px rgba(15,104,234,.14) !important;
}

/* HOME loading/logo */
body.ll-account-page.ll-account-home-style .ll-account-loading-panel {
  width: min(620px,100%) !important;
  background: linear-gradient(160deg, rgba(10,18,32,.96), rgba(4,8,16,.96)) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.48), 0 0 32px rgba(15,104,234,.14) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-title {
  font-family: 'Cinzel', serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #fff !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-text { color: var(--muted) !important; }
body.ll-account-page.ll-account-home-style .ll-account-loading .hero-logo {
  border: 2px solid rgba(15,104,234,.50) !important;
  box-shadow: 0 0 40px rgba(15,104,234,.45), 0 0 80px rgba(15,104,234,.20) !important;
}

/* HOME footer */
body.ll-account-page.ll-account-home-style footer {
  position: relative !important;
  z-index: 1 !important;
  border-top: 1px solid rgba(15,104,234,.18) !important;
  color: rgba(122,168,224,.60) !important;
}
body.ll-account-page.ll-account-home-style footer strong { color: var(--accent2) !important; }

@media (max-width: 900px) {
  body.ll-account-page.ll-account-home-style .ll-account-main { padding-top: 104px !important; }
  body.ll-account-page.ll-account-home-style .ll-account-shell { grid-template-columns: 1fr !important; }
  body.ll-account-page.ll-account-home-style .ll-account-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  body.ll-account-page.ll-account-home-style nav.topbar { padding: 12px 16px !important; }
  body.ll-account-page.ll-account-home-style .ll-account-wrap { width: min(100% - 28px,1180px) !important; }
  body.ll-account-page.ll-account-home-style .ll-account-card-inner,
  body.ll-account-page.ll-account-home-style .ll-account-profile-card .ll-account-card-inner { padding: 24px 20px !important; }
  body.ll-account-page.ll-account-home-style .ll-account-profile-top { grid-template-columns: 82px minmax(0,1fr) !important; gap: 18px !important; }
  body.ll-account-page.ll-account-home-style .ll-account-avatar-wrap,
  body.ll-account-page.ll-account-home-style .ll-account-avatar { width: 82px !important; height: 82px !important; }
  body.ll-account-page.ll-account-home-style .ll-account-name { font-size: clamp(24px,8vw,34px) !important; }
  html body.ll-account-page.ll-account-home-style .ll-profile-actions,
  html body.ll-account-page.ll-account-home-style .ll-link-actions,
  html body.ll-account-page.ll-account-home-style .ll-auth-actions { grid-template-columns: 1fr !important; }
  body.ll-account-page.ll-account-home-style .ll-player-grid { grid-template-columns: 1fr !important; }
  body.ll-account-page.ll-account-home-style .ll-account-row { grid-template-columns: 1fr !important; gap: 6px !important; }
}
@media (max-width: 520px) {
  body.ll-account-page.ll-account-home-style .ll-account-summary { grid-template-columns: 1fr !important; }
  body.ll-account-page.ll-account-home-style .ll-account-summary-tile { min-height: 76px !important; }
  body.ll-account-page.ll-account-home-style .ll-archive-empty { grid-template-columns: 48px minmax(0,1fr) !important; }
  body.ll-account-page.ll-account-home-style .ll-archive-empty .ll-account-mini-btn { grid-column: 1 / -1 !important; }
}


/* v675 — loading state stability.
   Keep the loaded account UI exactly as v674; only the initial loader is changed.
   The loader follows the Home hero: full viewport, direct-on-background content,
   no nested information-card hover shell, and the footer stays below the fold. */
body.ll-account-page.ll-account-home-style .ll-account-loading-card {
  width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  transition: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-card::before,
body.ll-account-page.ll-account-home-style .ll-account-loading-card::after {
  content: none !important;
  display: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-card:hover {
  transform: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading {
  min-height: calc(100vh - 112px) !important;
  width: 100% !important;
  padding: 24px 0 72px !important;
  display: grid !important;
  place-items: center !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-panel {
  width: min(720px, 100%) !important;
  min-height: 0 !important;
  padding: 56px 28px !important;
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading .hero-logo-wrap {
  width: 110px !important;
  height: 110px !important;
  margin: 0 auto 28px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-title {
  margin: 0 !important;
  font-size: clamp(24px, 3.2vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: .08em !important;
  text-shadow: 0 0 50px rgba(15,104,234,.20) !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-text {
  max-width: 620px !important;
  margin: -2px auto 4px !important;
  color: #b8d0f5 !important;
  font-family: 'Crimson Pro', Georgia, serif !important;
  font-size: clamp(15px, 2vw, 18px) !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-steps {
  width: min(520px, 100%) !important;
  gap: 10px !important;
  margin-top: 10px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-step {
  min-height: 36px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(15,104,234,.22) !important;
  border-radius: 5px !important;
  background: rgba(15,104,234,.04) !important;
  color: var(--muted) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 9px !important;
  letter-spacing: 1.7px !important;
}
body.ll-account-page.ll-account-home-style .ll-account-loading-step i {
  width: 6px !important;
  height: 6px !important;
}
@media (max-width: 900px) {
  body.ll-account-page.ll-account-home-style .ll-account-loading {
    min-height: calc(100vh - 104px) !important;
  }
}
@media (max-width: 640px) {
  body.ll-account-page.ll-account-home-style .ll-account-loading {
    min-height: calc(100vh - 104px) !important;
    padding: 18px 0 56px !important;
  }
  body.ll-account-page.ll-account-home-style .ll-account-loading-panel {
    padding: 38px 10px !important;
  }
  body.ll-account-page.ll-account-home-style .ll-account-loading-steps {
    grid-template-columns: 1fr !important;
    width: min(300px, 100%) !important;
  }
}