:root{--bg:#100810;--panel:#1b0f1a;--line:#512444;--pink:#e889c4;--text:#faf3f9;--muted:#cbbbc8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:var(--pink)}header{border-bottom:1px solid var(--line);padding:24px 6%;display:flex;justify-content:space-between}
.logo{font-weight:800;letter-spacing:2px;font-size:22px;text-decoration:none}.logo span{color:var(--pink)}
main{max-width:1100px;margin:auto;padding:55px 5% 90px}.kicker{color:var(--pink);font-weight:800;letter-spacing:5px}
h1{font-size:clamp(42px,7vw,78px);line-height:1.02;margin:18px 0 28px}h2{font-size:28px}
.lead{font-size:22px;color:var(--muted);line-height:1.55}.controls{display:grid;gap:14px;margin:30px 0}
input,select{width:100%;padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d080d;color:var(--text);font-size:18px}
.meta{color:var(--muted);font-size:18px;margin:20px 0}.grid{display:grid;gap:14px}
.card,.detail{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:25px}
.badge{display:inline-block;background:#28122a;color:var(--pink);padding:8px 14px;border-radius:999px;margin-top:12px}
.detail{border-radius:26px;padding:clamp(28px,5vw,62px)}.detail-title{font-size:clamp(42px,7vw,72px);line-height:1.08;margin:15px 0 28px}
.field{padding:18px 0;border-bottom:1px solid var(--line)}.label{display:block;color:#b9aab6;font-size:16px;margin-bottom:7px}.value{font-size:21px;overflow-wrap:anywhere}
.section{margin-top:24px;background:#160b15;border:1px solid var(--line);border-radius:18px;padding:24px}.notice{padding:16px 18px;border-radius:14px;background:#1a0d18;color:var(--muted);border:1px dashed var(--line)}
.detail-grid,.collector-grid{display:grid;gap:0}.collector-grid{grid-template-columns:repeat(2,1fr);gap:18px}.collector-grid>div{padding:16px;background:#120912;border:1px solid var(--line);border-radius:14px}
@media(min-width:720px){.controls{grid-template-columns:2fr 1fr 1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr;gap:35px}.collector-grid{grid-template-columns:repeat(3,1fr)}}
.module{margin-top:16px;background:#160b15;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.module-head{width:100%;border:0;background:transparent;color:var(--text);padding:21px 24px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;text-align:left}
.module-head span:last-child{color:var(--pink);font-size:24px}
.module-body{display:none;padding:0 24px 25px}
.module.open .module-body{display:block}
.empty-module{border:1px dashed var(--line);border-radius:14px;padding:18px;display:grid;gap:7px;color:var(--muted)}
.empty-module strong{color:var(--text);font-size:18px}.empty-module span{line-height:1.5}
.tracklist{display:grid;gap:8px}.track{display:grid;grid-template-columns:55px 1fr 70px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.track span{color:var(--muted)}.edition-list{display:grid;gap:14px}.edition{padding:18px;border:1px solid var(--line);border-radius:14px}
.edition .field{padding:10px 0}.edition .value{font-size:18px}

.detail-intro{margin:25px 0 5px;padding:20px 22px;background:#160b15;border-left:3px solid var(--pink);border-radius:12px}
.description-text{font-size:19px;line-height:1.75;white-space:pre-wrap;color:var(--text);padding:5px 0 15px}
.description-text strong{color:var(--pink)}

/* v06 — cinematic Elvis Archive 26 hero */
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,3,9,.94) 0%,rgba(8,3,9,.76) 40%,rgba(8,3,9,.30) 100%),
    linear-gradient(180deg,rgba(8,3,9,.04) 35%,rgba(8,3,9,.84) 100%),
    url("assets/elvis-hero.png") center top/cover no-repeat;
  min-height:clamp(720px,92vh,1050px);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 78% 25%,rgba(236,105,190,.14),transparent 30%),
             linear-gradient(180deg,transparent 72%,var(--bg) 100%);
}
.hero > *{position:relative;z-index:1}
@media(max-width:700px){
  .hero{
    min-height:780px;
    background-position:62% top;
    background-size:auto 100%;
  }
}

/* v07 — persönliche Ergänzungen */
.edit-box{margin-top:24px;padding:20px;background:#120912;border:1px solid var(--line);border-radius:16px}
.edit-title{font-size:22px;font-weight:800;color:var(--pink);margin-bottom:8px}
.edit-hint{color:var(--muted);line-height:1.55;margin:0 0 18px}
.edit-box label{display:block;color:var(--muted);font-size:15px;margin:14px 0}
.edit-box input,.edit-box textarea{display:block;margin-top:7px;font:inherit;resize:vertical}
.edit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.edit-actions button{border:1px solid var(--pink);border-radius:999px;padding:12px 17px;background:#28122a;color:var(--text);font-weight:700;cursor:pointer}
.edit-actions .secondary{background:transparent;color:var(--muted);border-color:var(--line)}
.edit-status{min-height:22px;color:var(--pink);margin-top:10px;font-weight:700}