.lc-container {
  width: 100%;
  max-width: var(--lc-container);
  margin-inline: auto;
  padding-inline: var(--lc-container-pad);
}
.lc-container .lc-container { max-width: none; padding-inline: 0; }


.lc-read { max-width: var(--lc-read); margin-inline: auto; }
.lc-tool { max-width: none; }

.lc-tool > *, .lc-tool .lc-widget-root { max-width: none !important; margin-inline: 0 !important; padding-inline: 0 !important; }


.lc-section { padding-block: var(--lc-section-y); position: relative; }
.lc-section-tight { padding-block: calc(var(--lc-section-y) * 0.6); }
.lc-section-alt { background: var(--lc-champagne-alt); }
.lc-section-dark, .lc-panel {
  background: var(--lc-velvet);
  color: var(--lc-ink-on-dark);
}
.lc-section-dark h1, .lc-section-dark h2, .lc-section-dark h3, .lc-section-dark h4,
.lc-panel h1, .lc-panel h2, .lc-panel h3, .lc-panel h4 { color: var(--lc-ink-on-dark); }

.lc-section-dark .lc-toolshell-body h3, .lc-section-dark .lc-toolshell-body h4,
.lc-panel .lc-toolshell-body h3, .lc-panel .lc-toolshell-body h4 { color: var(--lc-ink); }
.lc-section-dark .lc-lead, .lc-panel .lc-lead { color: var(--lc-ink-on-dark-soft); }
.lc-section-deep { background: var(--lc-velvet-deep); color: var(--lc-ink-on-dark); }


.lc-seam { border-top: 1px solid var(--lc-gold-faint); }


.lc-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--lc-s4);
  margin-bottom: var(--lc-s6);
}
.lc-section-head > div:first-child { flex: 1 1 22rem; }
.lc-section-head h2 { margin-bottom: var(--lc-s2); }
.lc-section-head .lc-lead { margin-bottom: 0; max-width: 46rem; }


.lc-statusbar {
  background: var(--lc-velvet-deep);
  color: var(--lc-ink-on-dark-faint);
  font-family: var(--lc-font-mono);
  font-size: var(--lc-fs-nano);
  border-bottom: 1px solid var(--lc-gold-faint);
}
.lc-statusbar .lc-container {
  display: flex;
  align-items: center;
  gap: var(--lc-s4);
  min-height: 34px;
  flex-wrap: wrap;
}
.lc-statusbar-air { color: var(--lc-champagne); display: inline-flex; align-items: center; gap: 0.45em; }
.lc-statusbar-spacer { margin-left: auto; }
.lc-statusbar b { color: var(--lc-aqua); font-weight: 400; }


.lc-header {
  position: sticky;
  top: 0;
  z-index: var(--lc-z-nav);
  background: rgba(var(--lc-rgb-velvet), 0.92);
  color: var(--lc-ink-on-dark);
  border-bottom: 1px solid var(--lc-rule-dark);
}
@supports (backdrop-filter: blur(10px)) {
  .lc-header { background: rgba(var(--lc-rgb-velvet), 0.78); backdrop-filter: blur(14px) saturate(140%); }
}
.lc-header .lc-container {
  display: flex;
  align-items: center;
  gap: var(--lc-s4);
  min-height: 68px;
}


.lc-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--lc-font-display);
  font-weight: var(--lc-w-display-strong);
  font-size: 1.32rem;
  letter-spacing: var(--lc-track-display);
  color: var(--lc-champagne);
  line-height: 1;
  flex: none;
}
.lc-wordmark .lc-wm-mark {
  width: 26px; height: 26px;
  display: block;
  flex: none;
}
.lc-wordmark .lc-wm-tally {
  filter: drop-shadow(0 0 3px rgba(var(--lc-rgb-on-air), 0.7));
}
.lc-wordmark .lc-wm-tld {
  font-family: var(--lc-font-mono);
  font-size: 0.72rem;
  font-weight: 400;
  color: var(--lc-aqua);
  letter-spacing: 0;
  align-self: flex-end;
  padding-bottom: 0.1rem;
}


.lc-nav { margin-left: auto; display: none; }
@media (min-width: 62rem) { .lc-nav { display: block; } }
.lc-nav-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  align-items: stretch;
  gap: 0.15rem;
}

.lc-nav-item { position: static; display: flex; }
.lc-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: transparent;
  border: 0;
  border-radius: var(--lc-r-sm);
  padding: 0.55rem 0.8rem;
  color: var(--lc-ink-on-dark-soft);
  font-size: var(--lc-fs-small);
  font-weight: var(--lc-w-med);
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--lc-cut), background var(--lc-settle);
}
.lc-nav-btn:hover, .lc-nav-btn:focus-visible,
.lc-nav-btn[aria-expanded="true"] {
  color: var(--lc-champagne);
  background: rgba(var(--lc-rgb-champagne), 0.09);
}
.lc-nav-btn::after {
  content: "";
  width: 5px; height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.35;
  transition: opacity var(--lc-cut), background var(--lc-cut), box-shadow var(--lc-settle);
}
.lc-nav-btn[aria-expanded="true"]::after,
.lc-nav-btn:hover::after {
  background: var(--lc-aqua);
  opacity: 1;
  box-shadow: 0 0 9px rgba(var(--lc-rgb-aqua), 0.7);
}
.lc-nav-cta { margin-left: var(--lc-s3); }

@media (max-width: 61.99rem) { .lc-nav-cta { display: none; } }


.lc-mega {
  
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: min(74rem, calc(100vw - 3rem));
  z-index: var(--lc-z-mega);
  background: var(--lc-velvet-soft);
  border: 1px solid var(--lc-gold-faint);
  border-radius: var(--lc-r-lg);
  box-shadow: var(--lc-sh-dark);
  padding: var(--lc-s5);
  display: none;
  overflow: hidden auto;               
  max-height: calc(100vh - 150px);
}
.lc-mega[data-open="true"] { display: block; }
.lc-mega::before {
  
  content: "";
  position: absolute; inset: 0 auto auto 0;
  height: 2px; width: 100%;
  background: linear-gradient(90deg, transparent, var(--lc-aqua), transparent);
  transform-origin: left center;
}
.lc-mega-grid {
  display: grid;
  gap: var(--lc-s4);
  
  grid-template-columns: repeat(4, 1fr);
}

#mega-spiele .lc-mega-grid { grid-template-columns: repeat(6, 1fr); }
#mega-spiele .lc-mega-body strong { font-size: 0.88rem; }
#mega-spiele .lc-mega-body span { font-size: 0.66rem; }
.lc-mega-wide { grid-column: auto; }   
.lc-mega-card {
  display: grid;
  grid-template-rows: auto auto;
  gap: 0.55rem;
  border-radius: var(--lc-r-md);
  padding: 0;
  color: var(--lc-ink-on-dark);
  overflow: hidden;
  background: rgba(var(--lc-rgb-velvet-deep), 0.55);
  border: 1px solid var(--lc-rule-dark);
  transition: border-color var(--lc-settle), background var(--lc-settle);
}
.lc-mega-card:hover, .lc-mega-card:focus-visible {
  border-color: rgba(var(--lc-rgb-aqua), 0.55);
  background: rgba(var(--lc-rgb-velvet-deep), 0.85);
}
.lc-mega-thumb {
  position: relative;
  
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--lc-velvet-deep);
}
.lc-mega-thumb img { width: 100%; height: 100%; object-fit: cover; }

.lc-mega-card:hover .lc-mega-thumb img { transform: scale(1.07); }
.lc-mega-thumb img { transition: transform var(--lc-settle-slow); }
.lc-mega-body { padding: 0 var(--lc-s4) var(--lc-s4); }
.lc-mega-body strong { display: block; font-family: var(--lc-font-display); font-weight: var(--lc-w-display); font-size: 1rem; }
.lc-mega-body span { display: block; font-size: var(--lc-fs-micro); color: var(--lc-ink-on-dark-faint); }
.lc-mega-side {
  border-top: 1px solid var(--lc-rule-dark);
  margin-top: var(--lc-s5);
  padding-top: var(--lc-s4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--lc-s4) var(--lc-s6);
  align-items: center;
}
.lc-mega-side p { margin: 0; font-size: var(--lc-fs-micro); color: var(--lc-ink-on-dark-faint); }
.lc-mega-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--lc-s2) var(--lc-s5); }
.lc-mega-links a { color: var(--lc-ink-on-dark-soft); font-size: var(--lc-fs-small); }


.lc-burger {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(var(--lc-rgb-champagne), 0.08);
  border: 1px solid var(--lc-rule-dark);
  color: var(--lc-champagne);
  border-radius: var(--lc-r-pill);
  padding: 0.4rem 0.85rem;
  font-size: var(--lc-fs-micro);
  cursor: pointer;
}
@media (min-width: 62rem) { .lc-burger { display: none; } }
.lc-burger-bars { display: grid; gap: 3px; }
.lc-burger-bars i { display: block; width: 16px; height: 2px; background: currentColor; }

.lc-drawer {
  position: fixed;
  inset: 0;
  z-index: var(--lc-z-drawer);
  background: rgba(var(--lc-rgb-velvet-deep), 0.96);
  color: var(--lc-ink-on-dark);
  padding: var(--lc-s5) var(--lc-s4) var(--lc-s7);
  overflow-y: auto;
  display: none;
}
.lc-drawer[data-open="true"] { display: block; }
.lc-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--lc-s5); }
.lc-drawer-close {
  background: transparent; border: 1px solid var(--lc-rule-dark);
  color: var(--lc-champagne); border-radius: var(--lc-r-pill);
  padding: 0.35rem 0.8rem; font-size: var(--lc-fs-micro); cursor: pointer;
}

.lc-drawer-group { border-top: 1px solid var(--lc-rule-dark); }
.lc-drawer-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lc-s3);
  min-height: 44px;
  padding: var(--lc-s3) 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--lc-font-mono);
  font-size: var(--lc-fs-nano);
  letter-spacing: var(--lc-track-eyebrow);
  text-transform: uppercase;
  color: var(--lc-aqua);
}
.lc-drawer-group > summary::-webkit-details-marker { display: none; }
.lc-drawer-group > summary::after {
  content: "";
  width: 0.55rem; height: 0.55rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform var(--lc-settle);
  flex: none;
}
.lc-drawer-group[open] > summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.lc-drawer-group > .lc-drawer-links { padding-bottom: var(--lc-s4); }

.lc-drawer-group:not([open]) > .lc-drawer-links { display: none; }
.lc-drawer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lc-s3); }
.lc-drawer-links a { color: var(--lc-ink-on-dark-soft); }
html.lc-locked, body.lc-locked { overflow: hidden; }



.lc-with-side > *, .lc-tool-grid > *, .lc-split > *, .lc-grid > *,
.lc-bento > *, .lc-section-head > *, .lc-rg-grid > *, .lc-channels > *,
.lc-rail > *, .lc-atlas > *, .lc-footer-grid > *, .lc-banner-doppel > *,
.lc-readout > *, .lc-wheel-wrap > *, .lc-proscons > *, .lc-verdictstrip > *,
.lc-banner-lt > *, .lc-hero-inner > *, .lc-mega-grid > *, .lc-hit > *,
.lc-segbar > *, .lc-mixer-strip > *, .lc-factband > * { min-width: 0; }

.lc-grid { display: grid; gap: var(--lc-s5); }
.lc-grid-2 { grid-template-columns: 1fr; }
.lc-grid-3 { grid-template-columns: 1fr; }
.lc-grid-4 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 44rem) {
  .lc-grid-2 { grid-template-columns: repeat(2, 1fr); }
  .lc-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 62rem) {
  .lc-grid-3 { grid-template-columns: repeat(3, 1fr); }
  .lc-grid-4 { grid-template-columns: repeat(4, 1fr); }
}


.lc-bento {
  display: grid;
  gap: var(--lc-s4);
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(9.5rem, auto);
}
@media (min-width: 48rem) { .lc-bento { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 62rem) { .lc-bento { grid-template-columns: repeat(6, 1fr); } }
.lc-bento > .lc-b-hero { grid-column: span 2; }
.lc-bento > .lc-b-wide { grid-column: span 2; }
.lc-bento > .lc-b-tall { grid-column: span 2; }
@media (min-width: 62rem) {
  
  .lc-bento > .lc-b-hero { grid-column: span 4; grid-row: span 2; }
  .lc-bento > .lc-b-tall { grid-column: span 2; grid-row: span 2; }
  .lc-bento > .lc-b-wide { grid-column: span 3; }
  .lc-bento > .lc-b-sm   { grid-column: span 2; }
}


.lc-split { display: grid; gap: var(--lc-s6); align-items: center; }
@media (min-width: 58rem) {
  .lc-split { grid-template-columns: 1.05fr 0.95fr; }
  .lc-split-media-first > .lc-split-media { order: -1; }
  .lc-split-wide-text { grid-template-columns: 1.35fr 0.65fr; }
}


.lc-with-side { display: grid; gap: var(--lc-s6); align-items: start; }
@media (min-width: 66rem) {
  .lc-with-side { grid-template-columns: minmax(0, 1fr) 20.5rem; }
  .lc-side { position: sticky; top: 88px; }
}


.lc-footer {
  background: var(--lc-velvet-deep);
  color: var(--lc-ink-on-dark-soft);
  padding-block: var(--lc-s7) var(--lc-s5);
  border-top: 1px solid var(--lc-gold-faint);
}
.lc-footer-grid {
  display: grid;
  gap: var(--lc-s6);
  grid-template-columns: 1fr;
}
@media (min-width: 44rem) { .lc-footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 66rem) { .lc-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
.lc-footer h3,
.lc-footer .lc-footer-h {
  color: var(--lc-champagne);
  font-size: var(--lc-fs-h4);
  font-family: var(--lc-font-display);
  font-weight: 600;
  margin-bottom: var(--lc-s3);
}
.lc-footer-links { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lc-s2); }
.lc-footer-links a { color: var(--lc-ink-on-dark-soft); font-size: var(--lc-fs-small); }
.lc-footer-links a:hover { color: var(--lc-aqua); }
.lc-footer-bottom {
  margin-top: var(--lc-s6);
  padding-top: var(--lc-s4);
  border-top: 1px solid var(--lc-rule-dark);
  display: flex;
  flex-wrap: wrap;
  gap: var(--lc-s3) var(--lc-s5);
  align-items: center;
  font-size: var(--lc-fs-micro);
  color: var(--lc-ink-on-dark-faint);
}
.lc-footer-bottom .lc-statusbar-spacer { margin-left: auto; }