/* Lio Legends – eigenständige Unterseite. Alle Gestaltungsregeln beginnen mit ll-,
   damit die bestehende Hauptseite und andere Unterseiten unangetastet bleiben. */
:root { --ll-bg:#0d1819; --ll-forest:#102724; --ll-deep:#081719; --ll-gold:#efc26e; --ll-gold-2:#c18a39; --ll-cream:#f5ecd9; --ll-pale:#e1d7c4; }
html { scroll-padding-top:100px; }
.ll-page { background:var(--ll-bg); color:var(--ll-cream); }
.ll-page .site-header { background:rgba(251,247,240,.95); }
.ll-page .site-header .brand { color:#24170f; }
.ll-page .site-header .main-nav a {color:#625348;}
.ll-page img {max-width:100%;}
.ll-page h1,.ll-page h2,.ll-page h3 {letter-spacing:-.038em;line-height:1.1;}
.ll-page h2 {font-size:clamp(2.55rem,4.4vw,4.6rem);font-weight:840;margin:0 0 25px;}
.ll-page em {font-style:normal;color:var(--ll-gold)}
.ll-page p {margin:0 0 18px;}
.ll-section {padding:clamp(75px,9vw,132px) 0;position:relative;overflow:hidden;}
.ll-kicker {display:inline-flex;align-items:center;gap:13px;color:var(--ll-gold);letter-spacing:.19em;text-transform:uppercase;font-size:.78rem;font-weight:900;margin-bottom:22px;}
.ll-kicker span {width:35px;height:1px;background:currentColor;opacity:.72;}
.ll-kicker--center {justify-content:center;}
.ll-button {display:inline-flex;justify-content:center;align-items:center;gap:17px;border-radius:999px;padding:14px 23px;border:1px solid transparent;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;}
.ll-button:hover,.ll-button:focus-visible {transform:translateY(-3px);}
.ll-button--gold {color:#1b201a;background:linear-gradient(120deg,#f6dda4,#dfa64c);border-color:#f9e3b5;box-shadow:0 12px 38px rgba(203,145,67,.16);}
.ll-button--gold:hover,.ll-button--gold:focus-visible {box-shadow:0 15px 44px rgba(245,189,89,.27);}
.ll-button--ghost,.ll-button--outline {color:#fffaf0;background:rgba(16,30,26,.33);border-color:rgba(245,233,208,.52);}
.ll-button--outline {background:transparent;}
.ll-button--ghost:hover,.ll-button--outline:hover {background:rgba(248,226,181,.12);}
.ll-button span {font-size:1.18rem;line-height:1;}
/* Hero – nur Animation + dunkler Hintergrund, ohne statisches Hintergrundbild. */
.ll-hero {position:relative;min-height:650px;isolation:isolate;display:flex;align-items:center;background:#18292c;overflow:hidden;}
 .ll-hero__shade {position:absolute;inset:0;z-index:-1;pointer-events:none;}
.ll-hero__shade {z-index:-1;background:linear-gradient(90deg,rgba(13,24,26,.02) 3%,rgba(12,25,25,.04) 29%,rgba(11,24,25,.65) 53%,rgba(8,20,21,.93) 90%),linear-gradient(0deg,rgba(7,19,20,.82),transparent 24%,transparent 85%,rgba(8,20,21,.2));}
/* Hintergrundvideo links, weich in den dunklen Header auslaufend. */
.ll-hero__video-wrap {position:absolute;top:0;bottom:0;left:0;width:min(68%,1000px);z-index:-2;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 60%,transparent 100%);}
.ll-hero__video {display:block;width:100%;height:100%;object-fit:cover;object-position:44% 48%;}
.ll-hero__inner {display:flex;justify-content:flex-end;align-items:center;min-height:660px;padding-top:62px;padding-bottom:68px;}
.ll-hero__copy {width:min(560px,54%);position:relative;z-index:1;padding:15px 0;}
.ll-overline {display:flex;align-items:center;gap:12px;color:#fae5b7;letter-spacing:.17em;font-size:.72rem;font-weight:900;margin-bottom:18px!important;}
.ll-overline__line {width:32px;height:1px;background:#f0cf8a;}
.ll-dot {font-size:1rem;color:var(--ll-gold);}
.ll-hero__logo {width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 8px 25px rgba(0,0,0,.3));margin:0 0 5px;}
.ll-page .ll-hero h1 {font-size:clamp(2.9rem,4.2vw,4.95rem);font-weight:900;margin:0 0 22px;letter-spacing:-.053em;color:white;line-height:1.06;text-shadow:0 2px 22px rgba(0,0,0,.28)}
.ll-hero h1 em {display:block;margin-top:6px;}
.ll-hero__lead {font-size:1.055rem;line-height:1.75;color:#f3ede0;max-width:550px;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.ll-hero__actions {display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 19px;}
.ll-hero__mini {color:#f9e5bb;letter-spacing:.15em;font-size:.76rem;font-weight:850;}
.ll-hero__mini b {font-weight:normal;margin:0 6px;opacity:.65;}
.ll-hero__scroll {position:absolute;bottom:23px;left:50%;transform:translateX(-50%);text-decoration:none;color:#fff4d8;display:flex;flex-direction:column;align-items:center;gap:5px;letter-spacing:.18em;font-size:.62rem;font-weight:800;opacity:.83;}
.ll-hero__scroll span {font-size:1.35rem;line-height:1.1;}
/* Narrative editorial section */
.ll-story {background:linear-gradient(160deg,#122c26 0%,#0e211e 65%,#0b1e20 100%);}
.ll-story:before {content:'';position:absolute;top:-210px;right:-160px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(192,139,61,.12),transparent 69%);pointer-events:none;}
.ll-story__layout {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(42px,7vw,110px);align-items:center;}
.ll-image-frame {position:relative;border-radius:28px;overflow:hidden;background:#182827;border:1px solid rgba(246,221,166,.17);box-shadow:0 30px 65px rgba(0,0,0,.24);}
.ll-story__visual {aspect-ratio:1/1.04;}
.ll-story__visual img {height:100%;width:100%;object-fit:cover;}
.ll-story__visual:after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(8,22,21,.76),transparent);pointer-events:none;}
.ll-image-label {position:absolute;bottom:23px;left:27px;right:25px;z-index:1;font-size:.73rem;letter-spacing:.11em;font-weight:900;color:#fee6af;}
.ll-story__copy {max-width:560px;}
.ll-story__copy>p {font-size:1.08rem;line-height:1.84;color:#dcded3;}
.ll-story__quote {margin:28px 0 19px;padding:25px 27px;border-left:3px solid var(--ll-gold);background:linear-gradient(90deg,rgba(235,183,98,.12),rgba(235,183,98,.01));border-radius:0 18px 18px 0;font-size:1.15rem;line-height:1.6;color:#f5e9d5;font-weight:700;}
.ll-story__quote-mark {display:block;font-family:Georgia,serif;font-size:3.5rem;height:36px;line-height:1;color:var(--ll-gold);}
.ll-text-link {display:inline-flex;align-items:center;gap:11px;color:var(--ll-gold);font-weight:850;text-decoration:none;border-bottom:1px solid rgba(241,195,107,.48);padding:8px 0;}
.ll-text-link:hover {color:#ffe3a5;}
/* How it works */
.ll-features {background:linear-gradient(180deg,#0d1b1d,#102629);}
.ll-center-head {max-width:770px;margin:0 auto 49px;text-align:center;}
.ll-center-head h2 {margin-bottom:16px;}
.ll-center-head>p {max-width:620px;margin:0 auto;color:#d0d7cf;font-size:1.08rem;line-height:1.8;}
.ll-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.ll-feature-card {position:relative;display:flex;flex-direction:column;min-height:355px;padding:32px;border-radius:22px;background:linear-gradient(145deg,#1e3630,#142521);border:1px solid rgba(244,211,157,.22);box-shadow:0 18px 50px rgba(0,0,0,.12);overflow:hidden;}
.ll-feature-card:before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ll-gold),transparent 85%);}
.ll-feature-card__number {position:absolute;right:22px;top:18px;color:rgba(243,213,157,.21);font-size:2.4rem;font-weight:900;line-height:1;letter-spacing:-.05em;}
.ll-feature-card__ornament {height:85px;font-family:Georgia,serif;font-size:3.7rem;color:var(--ll-gold);filter:drop-shadow(0 4px 15px rgba(232,177,91,.15));}
.ll-feature-card h3 {font-size:1.44rem;color:#fffaee;}
.ll-feature-card p {color:#d3d9ce;line-height:1.72;margin-bottom:25px;}
.ll-feature-card__tag {display:inline-flex;align-self:flex-start;margin-top:auto;font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#e8cd98;}
.ll-feature-note {margin:35px auto 0!important;text-align:center;color:#d1b987;font-size:.78rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase;}
.ll-feature-note span {margin:0 10px;}
/* Gallery / moments */
.ll-moments {background:#ede1cb;color:#221b13;}
.ll-moments .ll-kicker {color:#936326;}
.ll-moments h2 {color:#241d14;}
.ll-moments em {color:#926123;}
.ll-moments__head {display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px;}
.ll-moments__head>p {max-width:355px;color:#655640;line-height:1.8;font-size:1.04rem;}
.ll-moments__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.ll-moment {position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#151f1a;border:1px solid rgba(56,36,19,.15);box-shadow:0 16px 34px rgba(50,32,17,.17);}
.ll-moment--wide {aspect-ratio:4/5;}
.ll-moment img {width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.ll-moment:hover img {transform:scale(1.035);}
.ll-moment:after {content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(5,13,12,.88));}
.ll-moment figcaption {position:absolute;z-index:1;bottom:27px;left:23px;right:23px;color:#fff8e9;}
.ll-moment figcaption span {display:block;color:var(--ll-gold);font-size:.72rem;font-weight:900;letter-spacing:.1em;margin-bottom:8px;}
.ll-moment figcaption strong {display:block;font-size:clamp(1.05rem,1.8vw,1.5rem);line-height:1.25;}
/* Three chapter panorama */
.ll-chapters {isolation:isolate;text-align:center;background:#091b1b;}
.ll-chapters__backdrop {position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#091b1b 5%,rgba(5,19,21,.83) 40%,rgba(8,24,23,.88) 78%,#091b1b),url('../../assets/images/legends/aufbruch.webp') center 54%/cover no-repeat;}
.ll-chapters__inner>p {font-size:1.05rem;max-width:630px;margin:0 auto 45px;color:#d8ddd4;line-height:1.8;}
.ll-chapter-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left;}
.ll-chapter {padding:28px 28px 34px;border:1px solid rgba(236,196,117,.3);background:rgba(13,34,33,.82);border-radius:18px;backdrop-filter:blur(8px);min-height:305px;}
.ll-chapter__count {font-size:.76rem;letter-spacing:.15em;font-weight:900;color:var(--ll-gold);}
.ll-chapter__rune {display:block;font-family:Georgia,serif;font-size:3rem;line-height:1;color:#e5b96d;margin:23px 0 18px;}
.ll-chapter h3 {color:#fff1da;margin-bottom:17px;font-size:1.37rem;}
.ll-chapter p {color:#ced6cc;line-height:1.77;}
.ll-chapters__bottom {display:block;color:#e7be78;letter-spacing:.14em;font-size:.79rem;font-weight:850;margin-top:48px;}
/* Legend files: explicitly a decorative concept, not a claimed interactive feature */
.ll-files {background:linear-gradient(120deg,#102d2a,#142d2c 50%,#0c1f20);}
.ll-files__layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;align-items:center;}
.ll-files__copy>p {font-size:1.085rem;line-height:1.85;color:#d6ded5;max-width:590px;}
.ll-files__copy strong {color:#f4e5c9;}
.ll-status {display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(236,191,107,.45);border-radius:999px;font-size:.75rem;letter-spacing:.11em;font-weight:900;color:#efd7a4;margin-top:14px;}
.ll-status__dot {width:7px;height:7px;border-radius:50%;background:#edbd75;box-shadow:0 0 0 4px rgba(237,189,117,.14);}
.ll-files__artifact {min-height:410px;max-width:480px;width:100%;position:relative;display:grid;place-items:center;margin:0 auto;isolation:isolate;}
.ll-files__artifact:before {content:'';position:absolute;inset:7% 10%;border-radius:50%;background:radial-gradient(circle,rgba(221,151,73,.22),rgba(119,75,21,.08) 48%,transparent 70%);filter:blur(28px);z-index:-2;}
.ll-files__artifact:after {content:'';position:absolute;inset:18% 22%;border-radius:50%;border:1px solid rgba(235,193,112,.2);box-shadow:0 0 0 12px rgba(235,193,112,.05);z-index:-1;}
.ll-files__emblem {display:block;width:min(100%,360px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.38));}
/* Band 1 purchase information (no unverified shop URL) */
.ll-book {background:radial-gradient(circle at 26% 30%,#27473e,#112922 45%,#07191b 88%);}
.ll-book__layout {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,120px);align-items:center;}
.ll-book__visual {position:relative;display:grid;place-items:center;min-height:550px;isolation:isolate;}
.ll-book__halo {position:absolute;inset:8%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,210,131,.32),rgba(232,156,70,.05) 57%,transparent 72%);filter:blur(6px);}
.ll-book__visual:before {content:'';position:absolute;bottom:9%;width:67%;height:35px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(20px);}
.ll-book__visual img {width:min(100%,395px);height:auto;max-height:520px;object-fit:contain;border-radius:9px;box-shadow:14px 24px 52px rgba(0,0,0,.6);transform:rotate(-3deg);}
.ll-book__edition {position:absolute;top:12%;right:8%;background:#f1cd86;color:#262016;padding:12px 17px;border-radius:50%;height:87px;width:87px;display:grid;place-items:center;font-size:.86rem;font-weight:950;box-shadow:0 10px 28px rgba(0,0,0,.24);transform:rotate(11deg);}
.ll-book__copy>p {color:#d6ded4;font-size:1.085rem;line-height:1.83;max-width:600px;}
.ll-book__chips {display:flex;flex-wrap:wrap;gap:8px;margin:30px 0;}
.ll-book__chips span {border-radius:999px;padding:8px 13px;background:rgba(226,189,121,.12);border:1px solid rgba(237,200,132,.27);color:#f3dfb8;font-size:.74rem;font-weight:850;letter-spacing:.05em;}
.ll-book__actions {display:flex;flex-wrap:wrap;gap:10px;}
.ll-book__aside {font-size:.83rem!important;color:#aec1b4!important;margin-top:18px!important;}
/* More worlds + shared footer */
.ll-end {position:relative;padding:105px 0;text-align:center;background:#101d1d;overflow:hidden;isolation:isolate;}
.ll-end:before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,18,19,.93),rgba(10,26,25,.88)),url('../../assets/images/legends/aufbruch.webp') center 47%/cover no-repeat;}
.ll-end h2 {margin-bottom:15px;}
.ll-end p {font-size:1.08rem;color:#d5dbd1;}
.ll-end__links {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:27px;}
.ll-footer {background:#f2ebdf;color:#24170f;}
.ll-footer .footer-links a {color:#695c53;}
.ll-footer .footer-bottom {color:#695c53;}
/* Responsive: story images always keep original proportions, no background stretch. */
@media (max-width:1050px) {
  .ll-hero__copy {width:min(535px,57%);}
  .ll-hero__shade {background:linear-gradient(90deg,rgba(8,19,21,.03) 4%,rgba(9,20,21,.4) 39%,rgba(8,18,19,.88) 73%),linear-gradient(0deg,rgba(7,19,20,.76),transparent 35%);}
  .ll-hero h1 {font-size:clamp(2.7rem,5.1vw,4.3rem)!important;}
  .ll-book__edition {right:0;}
}
@media (max-width:820px) {
  .ll-page .nav-wrap {gap:11px;flex-wrap:wrap;padding:10px 0;}
  .ll-page .main-nav {order:3;width:100%;display:flex;flex-wrap:wrap;gap:11px 16px;justify-content:space-between;font-size:.85rem;}
  .ll-page .ll-header-cta {padding:10px 15px;font-size:.8rem;}
  .ll-hero,.ll-hero__inner {min-height:750px;}
  .ll-hero__video-wrap {top:0;bottom:auto;width:100%;height:clamp(360px,60vw,480px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);}
  .ll-hero__video {object-position:center center;}
  .ll-hero__shade {background:linear-gradient(0deg,rgba(5,18,19,.97) 7%,rgba(7,20,20,.85) 36%,rgba(6,20,20,.15) 70%),linear-gradient(90deg,rgba(5,16,17,.08),rgba(5,16,17,.16));}
  .ll-hero__inner {align-items:flex-end;justify-content:flex-start;padding-top:310px;padding-bottom:75px;}
  .ll-hero__copy {width:min(100%,620px);padding:0;}
  .ll-hero__logo {width:112px;height:112px;margin-bottom:0;}
  .ll-hero h1 {font-size:clamp(2.5rem,7vw,4rem)!important;}
  .ll-hero__lead {font-size:1rem;line-height:1.65;}
  .ll-story__layout {grid-template-columns:1fr;gap:45px;}
  .ll-story__visual {aspect-ratio:1.2;max-width:670px;}
  .ll-story__copy {max-width:740px;}
  .ll-feature-card {padding:25px;min-height:365px;}
  .ll-moments__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .ll-moment:last-child {grid-column:auto;aspect-ratio:4/5;}
  .ll-chapter {padding:24px 20px;}
  .ll-files__layout {grid-template-columns:1fr;gap:25px;}
  .ll-files__artifact {margin:0 auto;}
  .ll-book__layout {gap:38px;}
  .ll-book__visual {min-height:440px;}
}
@media (max-width:640px) {
  .ll-page h2 {font-size:clamp(2.1rem,9vw,3.35rem);}
  .ll-section {padding:72px 0;}
  .ll-page .main-nav a {font-size:.81rem;}
  .ll-page .main-nav a:last-child {display:none;}
  .ll-hero,.ll-hero__inner {min-height:760px;}
  .ll-hero__inner {padding-top:300px;padding-bottom:74px;}
  .ll-hero__logo {width:108px;height:108px;}
  .ll-hero h1 {font-size:clamp(2.35rem,10vw,3.4rem)!important;}
  .ll-hero__actions {display:grid;grid-template-columns:1fr;margin:22px 0 20px;}
  .ll-hero__mini {font-size:.66rem;letter-spacing:.12em;}
  .ll-hero__scroll {bottom:11px;}
  .ll-story__visual {aspect-ratio:1/1;}
  .ll-story__copy>p {font-size:1.02rem;}
  .ll-story__quote {font-size:1.07rem;padding:19px;}
  .ll-center-head {margin-bottom:32px;}
  .ll-center-head>p {font-size:1rem;}
  .ll-feature-grid {grid-template-columns:1fr;gap:14px;}
  .ll-feature-card {min-height:0;padding:25px 25px 29px;}
  .ll-feature-card__ornament {height:64px;font-size:3rem;}
  .ll-feature-card p {margin-bottom:15px;}
  .ll-feature-note {font-size:.7rem;line-height:2;}
  .ll-moments__head {display:block;}
  .ll-moments__head>p {max-width:100%;}
  .ll-moments__grid {grid-template-columns:1fr;gap:17px;}
  .ll-moment,.ll-moment--wide,.ll-moment:last-child {grid-column:auto;aspect-ratio:4/5;}
  .ll-chapter-grid {grid-template-columns:1fr;gap:14px;}
  .ll-chapter {min-height:0;padding:26px;}
  .ll-chapter__rune {margin:13px 0;}
  .ll-chapters__inner>p {font-size:1rem;}
  .ll-chapters__bottom {font-size:.72rem;line-height:1.8;}
  .ll-files__artifact {min-height:380px;}
  .ll-files__paper {width:260px;min-height:335px;}
  .ll-book__layout {grid-template-columns:1fr;gap:12px;}
  .ll-book__visual {min-height:465px;}
  .ll-book__visual img {max-height:425px;width: min(75%,325px);}
  .ll-book__edition {right:11%;top:6%;}
  .ll-book__actions {display:grid;grid-template-columns:1fr;}
  .ll-end {padding:78px 0;}
  .ll-end__links {display:grid;gap:10px;}
  .ll-footer .footer-grid {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){.ll-hero__video-wrap{display:none!important}.ll-page *, .ll-page *:before, .ll-page *:after{transition:none!important;scroll-behavior:auto!important;}}

/* V69 – Eingang zum geschützten Legenden-Archiv. */
.ll-files__enter { margin:8px 14px 12px 0; }
.ll-files__copy .ll-status { vertical-align:middle; }

/* Bonusportal: eigenständiger Login, an Lio Legends angelehnt. */
.ll-bonus-page { min-height:100vh; }
.ll-bonus-main { position:relative;isolation:isolate;min-height:calc(100vh - 230px);padding:clamp(66px,9vw,126px) 0;display:grid;align-items:center;overflow:hidden; }
.ll-bonus-main::before {content:'';position:absolute;inset:0;z-index:-2;background:url('../../assets/images/legends/hero.webp') center 45%/cover no-repeat; }
.ll-bonus-main::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,17,20,.93),rgba(11,31,29,.79) 56%,rgba(7,19,19,.67)),linear-gradient(0deg,rgba(5,19,19,.72),transparent 55%);}
.ll-bonus-card {position:relative;max-width:720px;padding:clamp(26px,6vw,62px);border:1px solid rgba(239,194,110,.38);border-radius:26px;background:linear-gradient(150deg,rgba(15,42,38,.94),rgba(7,22,24,.92));box-shadow:0 35px 95px rgba(0,0,0,.42);backdrop-filter:blur(10px);}
.ll-bonus-card::before,.ll-bonus-card::after {content:'✦';position:absolute;font-family:Georgia,serif;color:#dba953;font-size:21px;opacity:.85;}
.ll-bonus-card::before {top:16px;left:23px;}
.ll-bonus-card::after {bottom:16px;right:23px;}
.ll-bonus-badge {display:inline-flex;align-items:center;gap:10px;letter-spacing:.17em;font-weight:900;font-size:.77rem;color:var(--ll-gold);margin-bottom:20px;}
.ll-bonus-seal {width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(238,197,116,.6);box-shadow:0 0 0 8px rgba(238,197,116,.08);font-family:Georgia,serif;font-size:2.3rem;color:#f0cf96;margin:3px 0 27px;}
.ll-bonus-card h1 {font-size:clamp(2.5rem,5vw,4.2rem);margin:0 0 21px;}
.ll-bonus-card>p {max-width:570px;font-size:1.04rem;line-height:1.8;color:#e1e1d7;}
.ll-bonus-form {margin-top:26px;display:grid;gap:14px;max-width:540px;}
.ll-bonus-form label {color:#f7e9ce;font-weight:800;}
.ll-bonus-field {width:100%;font:inherit;min-height:56px;border-radius:14px;padding:14px 18px;background:#f6efd9;color:#172323;border:2px solid transparent;outline:none;}
.ll-bonus-field:focus {border-color:#eec477;box-shadow:0 0 0 4px rgba(238,196,119,.19);}
.ll-bonus-form .ll-button {justify-self:start;cursor:pointer;font:inherit;font-weight:850;}
.ll-bonus-feedback {padding:12px 15px;border-radius:12px;border:1px solid #efc286;background:rgba(106,57,18,.42);color:#fff4d4;font-size:.96rem;}
.ll-bonus-feedback--info {border-color:rgba(214,187,131,.4);background:rgba(212,176,96,.12);}
.ll-bonus-note {font-size:.9rem!important;color:#c8d4ca!important;margin-top:24px!important;}
.ll-bonus-back {display:inline-flex;margin-top:27px;color:#efc887;text-decoration:none;font-weight:800;gap:9px;}
.ll-bonus-back:hover {text-decoration:underline;}
.ll-bonus-rewards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:31px 0 8px;}
.ll-bonus-reward {border:1px solid rgba(239,194,110,.3);background:rgba(252,233,194,.07);border-radius:18px;padding:22px;}
.ll-bonus-reward small {font-size:.75rem;letter-spacing:.12em;font-weight:900;color:#e9bd74;}
.ll-bonus-reward h2 {font-size:1.4rem;margin:13px 0;color:#fff3dc;}
.ll-bonus-reward p {font-size:.96rem;line-height:1.6;color:#d0ddd0;}
.ll-bonus-logout {margin:22px 0 0;}
.ll-bonus-logout button {color:#eec680;text-decoration:underline;background:none;border:none;font:inherit;cursor:pointer;font-weight:800;padding:5px;}
@media(max-width:620px) {.ll-bonus-main{padding:38px 0 72px;}.ll-bonus-card{padding:36px 22px;}.ll-bonus-rewards{grid-template-columns:1fr;}.ll-bonus-form .ll-button{justify-self:stretch;}}

/* V71 – geschütztes Download-Archiv mit Wallpapers und Legend Files */
.ll-bonus-card--archive{max-width:1180px;padding:clamp(26px,4vw,50px);background:linear-gradient(150deg,rgba(12,36,33,.97),rgba(6,20,22,.96));}
.ll-bonus-archive-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:46px;padding-bottom:34px;border-bottom:1px solid rgba(239,194,110,.2)}
.ll-bonus-archive-head>div{max-width:760px}.ll-bonus-archive-head p{color:#d7e0d8;font-size:1.02rem;line-height:1.75;margin:0;max-width:690px}
.ll-bonus-seal--archive{flex:0 0 auto;margin:8px 8px 0 0}
.ll-archive-section{margin-top:44px}.ll-archive-section+.ll-archive-section{margin-top:64px}
.ll-archive-section__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:28px;align-items:end;margin-bottom:22px}
.ll-archive-section__head h2{margin:5px 0 0;font-size:clamp(1.9rem,3.4vw,3rem);color:#fff3dc}
.ll-archive-section__head p{margin:0;color:#bfcfc5;line-height:1.7;font-size:.96rem}
.ll-archive-kicker{font-size:.7rem;font-weight:950;letter-spacing:.18em;color:#e7b966}
.ll-wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ll-card-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ll-download-card{overflow:hidden;border:1px solid rgba(238,194,112,.26);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 18px 38px rgba(0,0,0,.18)}
.ll-download-card__preview{display:block;position:relative;overflow:hidden;background:#081919}
.ll-download-card--wallpaper .ll-download-card__preview{aspect-ratio:16/9}
.ll-download-card--character .ll-download-card__preview{aspect-ratio:3/4}
.ll-download-card__preview::after{content:'↓';position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(8,24,23,.84);border:1px solid rgba(238,194,112,.42);color:#f0c979;font-weight:950;opacity:0;transform:translateY(5px);transition:.18s ease}
.ll-download-card__preview:hover::after{opacity:1;transform:none}
.ll-download-card__preview img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}
.ll-download-card--character .ll-download-card__preview img{object-fit:contain;background:#091b1a}
.ll-download-card__preview:hover img{transform:scale(1.025);filter:brightness(1.04)}
.ll-download-card__body{padding:18px;display:flex;flex-direction:column;gap:16px;height:100%}
.ll-download-card__body small{display:block;color:#dcae60;font-size:.68rem;letter-spacing:.14em;font-weight:950;margin-bottom:7px}
.ll-download-card__body h3{font-size:1.16rem;margin:0 0 4px;color:#fff2d7;letter-spacing:-.015em}
.ll-download-card__body p{margin:0;color:#b9c9c0;font-size:.88rem}
.ll-download-button{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:11px 14px;border-radius:12px;text-decoration:none;border:1px solid rgba(238,194,112,.34);background:rgba(230,178,85,.1);color:#f1cc88;font-size:.84rem;font-weight:900;transition:.18s ease}
.ll-download-button:hover{background:rgba(230,178,85,.18);transform:translateY(-1px)}
.ll-archive-teaser{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-top:62px;padding:24px;border:1px dashed rgba(238,194,112,.34);border-radius:20px;background:rgba(255,255,255,.035)}
.ll-archive-teaser__icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(238,194,112,.42);color:#f0c875;font-size:1.8rem;background:rgba(238,194,112,.07)}
.ll-archive-teaser h2{font-size:1.45rem;margin:4px 0;color:#fff1d5}.ll-archive-teaser p{margin:0;color:#bdcbc2;line-height:1.6}
.ll-bonus-session-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:35px;padding-top:25px;border-top:1px solid rgba(239,194,110,.16)}
.ll-bonus-session-row .ll-bonus-note{margin:0!important;max-width:650px}.ll-bonus-session-row .ll-bonus-logout{margin:0;flex:0 0 auto}
@media(max-width:900px){.ll-wallpaper-grid,.ll-card-download-grid{grid-template-columns:1fr 1fr}.ll-archive-section__head{grid-template-columns:1fr}.ll-bonus-archive-head{align-items:center}.ll-bonus-seal--archive{display:none}}
@media(max-width:620px){.ll-bonus-card--archive{padding:30px 18px}.ll-wallpaper-grid,.ll-card-download-grid{grid-template-columns:1fr}.ll-download-card--character{max-width:420px;margin-inline:auto;width:100%}.ll-archive-teaser{grid-template-columns:1fr}.ll-bonus-session-row{display:block}.ll-bonus-session-row .ll-bonus-logout{margin-top:14px}.ll-archive-section+.ll-archive-section{margin-top:52px}}

/* V72 – hierarchisches Legenden-Archiv: Sammlung > Band > Dateien */
.ll-archive-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:12px}
.ll-archive-category{position:relative;min-height:365px;overflow:hidden;border-radius:24px;border:1px solid rgba(238,194,112,.3);text-decoration:none;color:#fff;background:#091d1c;box-shadow:0 18px 45px rgba(0,0,0,.2);isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ll-archive-category:hover{transform:translateY(-4px);border-color:rgba(238,194,112,.58);box-shadow:0 26px 52px rgba(0,0,0,.3)}
.ll-archive-category__image{position:absolute;inset:0;z-index:-3}.ll-archive-category__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.72);transition:transform .4s ease}.ll-archive-category:hover .ll-archive-category__image img{transform:scale(1.045)}
.ll-archive-category--cards .ll-archive-category__image img{object-position:center 18%}
.ll-archive-category__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,18,18,.05),rgba(5,18,18,.36) 37%,rgba(5,18,18,.96) 100%)}
.ll-archive-category--badges{background:radial-gradient(circle at 50% 27%,rgba(224,174,79,.24),transparent 22%),linear-gradient(145deg,#153c34,#071c1d)}
.ll-archive-category--badges::before{content:'';position:absolute;inset:0;z-index:-3;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 11px)}
.ll-archive-category__symbol{position:absolute;left:50%;top:29%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:3.5rem;color:#efc670;border:1px solid rgba(239,198,112,.46);box-shadow:0 0 0 12px rgba(239,198,112,.055),0 16px 35px rgba(0,0,0,.22)}
.ll-archive-category__content{position:absolute;left:0;right:0;bottom:0;padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.ll-archive-category__content small{font-size:.68rem;letter-spacing:.17em;font-weight:950;color:#e8b963}.ll-archive-category__content strong{font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.06;margin:8px 0 10px;color:#fff4dc}.ll-archive-category__content>span{font-size:.91rem;line-height:1.55;color:#c8d5cd;max-width:310px}.ll-archive-category__content em{margin-top:19px;font-style:normal;font-size:.82rem;font-weight:900;color:#f0c878}
.ll-archive-home-note{display:flex;gap:16px;align-items:center;margin-top:23px;padding:17px 20px;border-radius:16px;border:1px solid rgba(238,194,112,.17);background:rgba(255,255,255,.025);color:#bacac1}.ll-archive-home-note>span{font-size:1.8rem;color:#e9bd72}.ll-archive-home-note p{margin:0;font-size:.9rem;line-height:1.55}.ll-archive-home-note strong{color:#efe3ca}
.ll-archive-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:-5px 0 24px;font-size:.8rem;font-weight:850;color:#93aaa0}.ll-archive-breadcrumb a{color:#e8bd75;text-decoration:none}.ll-archive-breadcrumb a:hover{text-decoration:underline}.ll-archive-breadcrumb strong{color:#dfe8df}
.ll-archive-browser-head{max-width:760px;margin-bottom:27px}.ll-archive-browser-head h2{margin:6px 0 12px;font-size:clamp(2rem,4vw,3.35rem);color:#fff4dc}.ll-archive-browser-head p{margin:0;color:#bdcec4;line-height:1.7}.ll-archive-browser-head--band{margin-bottom:24px}
.ll-band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ll-band-tile{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:135px;padding:22px;border-radius:20px;border:1px solid rgba(238,194,112,.23);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));text-decoration:none;color:#fff;overflow:hidden}
.ll-band-tile::after{content:'';position:absolute;right:-30px;bottom:-55px;width:125px;height:125px;border-radius:50%;background:rgba(237,187,96,.045)}
.ll-band-tile--open{transition:transform .18s ease,border-color .18s ease,background .18s ease}.ll-band-tile--open:hover{transform:translateY(-3px);border-color:rgba(238,194,112,.52);background:linear-gradient(145deg,rgba(238,194,112,.11),rgba(255,255,255,.035))}
.ll-band-tile--locked{opacity:.58;filter:saturate(.72)}
.ll-band-tile__number{font-family:Georgia,serif;font-size:2rem;font-weight:900;color:#efc87f;min-width:46px}.ll-band-tile__copy{display:flex;flex-direction:column;gap:3px}.ll-band-tile__copy small{font-size:.62rem;letter-spacing:.14em;font-weight:950;color:#d8a957}.ll-band-tile__copy strong{font-size:1.3rem;color:#fff1d5}.ll-band-tile__copy span{font-size:.84rem;line-height:1.45;color:#aec0b6}.ll-band-tile__arrow,.ll-band-tile__lock{font-size:1.45rem;color:#e9bb6c}
.ll-archive-items-grid{margin-top:4px}
.ll-archive-empty{max-width:700px;margin-top:8px;padding:42px;border-radius:22px;border:1px dashed rgba(238,194,112,.36);background:rgba(255,255,255,.035);text-align:center}.ll-archive-empty__seal{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(238,194,112,.45);color:#efc471;font-size:2rem;background:rgba(238,194,112,.055)}.ll-archive-empty small{font-size:.68rem;letter-spacing:.15em;font-weight:950;color:#dfaF5e}.ll-archive-empty h3{font-size:1.7rem;margin:9px 0;color:#fff0d4}.ll-archive-empty p{max-width:540px;margin:0 auto;color:#bdcbc2;line-height:1.7}
@media(max-width:900px){.ll-archive-home-grid,.ll-band-grid{grid-template-columns:1fr}.ll-archive-category{min-height:300px}.ll-archive-category__content{padding:24px}.ll-band-tile{min-height:120px}}
@media(max-width:620px){.ll-archive-category{min-height:275px}.ll-archive-category__content strong{font-size:1.7rem}.ll-archive-home-note{align-items:flex-start}.ll-band-tile{grid-template-columns:auto 1fr;padding:18px}.ll-band-tile__arrow,.ll-band-tile__lock{display:none}.ll-archive-empty{padding:32px 20px}}


/* V73 – kompakte Archivübersicht: 2 × 2 Kacheln, mobil untereinander */
.ll-archive-home-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  max-width:860px;
  margin:18px auto 0;
}
.ll-archive-category{
  min-height:225px;
  border-radius:20px;
}
.ll-archive-category__content{
  padding:20px 22px;
}
.ll-archive-category__content small{
  font-size:.62rem;
}
.ll-archive-category__content strong{
  font-size:clamp(1.35rem,2vw,1.8rem);
  margin:5px 0 7px;
}
.ll-archive-category__content>span{
  font-size:.82rem;
  line-height:1.45;
  max-width:330px;
}
.ll-archive-category__content em{
  margin-top:11px;
  font-size:.76rem;
}
.ll-archive-category__symbol{
  width:78px;
  height:78px;
  top:31%;
  font-size:2.35rem;
  box-shadow:0 0 0 9px rgba(239,198,112,.05),0 12px 28px rgba(0,0,0,.2);
}
.ll-archive-category--mystery{
  background:
    radial-gradient(circle at 50% 29%,rgba(130,105,180,.18),transparent 24%),
    linear-gradient(145deg,#17242c,#091718);
  cursor:default;
}
.ll-archive-category--mystery::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 20% 18%,rgba(238,194,112,.07),transparent 22%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px);
}
.ll-archive-category--locked{
  border-style:dashed;
  border-color:rgba(238,194,112,.22);
}
.ll-archive-category--locked:hover{
  transform:none;
  border-color:rgba(238,194,112,.22);
  box-shadow:0 18px 45px rgba(0,0,0,.2);
}
.ll-archive-category__symbol--mystery{
  color:#e8c47c;
  border-color:rgba(232,196,124,.35);
  background:rgba(8,22,24,.58);
  font-family:Georgia,serif;
  font-weight:900;
}
.ll-archive-home-note{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:700px){
  .ll-archive-home-grid{
    grid-template-columns:1fr;
    max-width:520px;
    gap:13px;
  }
  .ll-archive-category{
    min-height:210px;
  }
  .ll-archive-category__content{
    padding:19px 20px;
  }
}

/* V75 – Legenden-Archiv direkt im Hero sichtbar */
.ll-header-archive{position:relative;padding-left:36px!important;background:linear-gradient(120deg,#f3d28b,#d99b3e)!important;color:#1b211c!important;border-color:#f5dfac!important;box-shadow:0 8px 24px rgba(215,157,62,.22)!important;}
.ll-header-archive:before{content:"✦";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:.78rem;color:#1b211c;}
.ll-hero-archive{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;max-width:590px;margin:24px 0 6px;padding:17px 19px;border-radius:19px;text-decoration:none;color:#1c221c;background:linear-gradient(120deg,#f6d995 0%,#eab95d 52%,#d89235 100%);border:2px solid rgba(255,232,178,.92);box-shadow:0 17px 44px rgba(0,0,0,.28),0 0 30px rgba(231,174,72,.20),inset 0 1px rgba(255,255,255,.55);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
.ll-hero-archive:hover,.ll-hero-archive:focus-visible{transform:translateY(-3px);filter:brightness(1.04);box-shadow:0 22px 52px rgba(0,0,0,.32),0 0 42px rgba(244,190,87,.30),inset 0 1px rgba(255,255,255,.65);}
.ll-hero-archive__icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#f6cf7b;background:#162723;border:1px solid rgba(35,47,39,.45);font-size:1.25rem;box-shadow:0 8px 18px rgba(63,43,14,.18);}
.ll-hero-archive__copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
.ll-hero-archive__copy small{font-size:.62rem;line-height:1.25;letter-spacing:.13em;font-weight:950;color:#5f4219;}
.ll-hero-archive__copy strong{font-size:1.22rem;line-height:1.18;color:#17231e;}
.ll-hero-archive__copy em{font-size:.79rem;line-height:1.35;font-style:normal;color:#4c4436;}
.ll-hero-archive__arrow{font-size:1.45rem;color:#17231e;transition:transform .2s ease;}
.ll-hero-archive:hover .ll-hero-archive__arrow{transform:translate(3px,-2px);}
@media(max-width:640px){
  .ll-header-archive{padding-left:14px!important;}
  .ll-header-archive:before{display:none;}
  .ll-hero-archive{gap:11px;padding:13px 14px;margin-top:20px;border-radius:16px;}
  .ll-hero-archive__icon{width:40px;height:40px;}
  .ll-hero-archive__copy small{font-size:.56rem;letter-spacing:.09em;}
  .ll-hero-archive__copy strong{font-size:1.05rem;}
  .ll-hero-archive__copy em{font-size:.72rem;}
}