/*
  ChestPoints Alm Angels Theme
  Version: v0.1.16
  Purpose: shared visual layer for index.php, dashboard.php, ranking.php, player.php, crypt_contest.php and chest_points.php.
*/
:root{
  --cp-bg:#050713;
  --cp-bg-2:#08142a;
  --cp-panel:rgba(8,15,31,.82);
  --cp-panel-strong:rgba(11,18,35,.94);
  --cp-gold:#f7c85b;
  --cp-gold-2:#ffdf8a;
  --cp-blue:#38a8ff;
  --cp-cyan:#41d5e4;
  --cp-red:#8d1f22;
  --cp-text:#fffaf0;
  --cp-muted:#d9e9ff;
  --cp-line:rgba(247,200,91,.34);
  --cp-shadow:0 24px 80px rgba(0,0,0,.62),0 0 50px rgba(56,168,255,.08);
}
html{scroll-behavior:smooth}
body{
  color:var(--cp-text)!important;
  background:
    radial-gradient(circle at 13% -5%,rgba(56,168,255,.25),transparent 34rem),
    radial-gradient(circle at 91% 4%,rgba(247,200,91,.16),transparent 24rem),
    linear-gradient(135deg,#03050c 0%,#071022 45%,#02040a 100%)!important;
}
a{color:var(--cp-gold-2)}
.cp-version-pill,.version-pill{
  display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(247,200,91,.48);
  border-radius:999px;padding:.44rem .75rem;background:rgba(0,0,0,.40);color:var(--cp-gold-2)!important;
  font-weight:900;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.navbar.aao-elite-nav,.navbar.cp-main-nav{
  background:rgba(5,8,18,.86)!important;
  border-bottom:1px solid rgba(247,200,91,.24)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.navbar .navbar-brand.del-brand,.navbar .navbar-brand.cp-brand{
  display:flex;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px;text-decoration:none;
}
.navbar .del-icon,.navbar .cp-brand-icon{
  width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:linear-gradient(145deg,rgba(247,200,91,.22),rgba(56,168,255,.14));
  border:1px solid rgba(255,223,138,.62);box-shadow:0 0 0 4px rgba(247,200,91,.06),0 12px 26px rgba(0,0,0,.42);
}
.navbar .cp-brand-icon img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.navbar .del-title,.navbar .cp-brand-title{display:flex;align-items:baseline;gap:7px;font-weight:1000;font-size:1.05rem;line-height:1.05;color:#fff;white-space:nowrap}
.navbar .del-badge,.navbar .cp-brand-badge{display:inline-block;padding:2px 10px;border:1px solid rgba(255,223,138,.55);border-radius:999px;font-size:.72rem;letter-spacing:.10em;font-weight:1000;color:#ffdf8a;background:rgba(242,199,92,.10)}
.navbar.aao-elite-nav .nav-link,.navbar.cp-main-nav .nav-link{color:rgba(255,255,255,.76)!important;font-weight:800}
.navbar.aao-elite-nav .nav-link.active,.navbar.aao-elite-nav .nav-link:hover,.navbar.cp-main-nav .nav-link.active,.navbar.cp-main-nav .nav-link:hover{color:var(--cp-gold-2)!important}
.hero-card,.hero,.stat-card,.ranking-card,.contest-card,.podium-card,.card,.profile-card,.elite-card,.player-card,.cp-glass{
  border-color:rgba(247,200,91,.34)!important;
  box-shadow:var(--cp-shadow)!important;
}
.hero-card,.stat-card,.ranking-card,.contest-card,.podium-card,.profile-card,.elite-card,.player-card,.cp-glass{
  background:linear-gradient(180deg,rgba(16,25,48,.94),rgba(5,9,20,.94))!important;
}
.hero-card:after,.hero:after,.ranking-card:after,.contest-card:after,.stat-card:after,.podium-card:after,.profile-card:after,.elite-card:after,.player-card:after{
  background:linear-gradient(90deg,rgba(247,200,91,.92),rgba(56,168,255,.55),rgba(247,200,91,.18))!important;
}
.eyebrow,.stat-label,.muted.fw-bold,.controls .form-label{color:var(--cp-gold-2)!important}
.hero-title span,h1 span,h2 span,.stat-value{color:var(--cp-gold-2)!important}
.hero-sub,.lead,.stat-note,.small-muted,.elite-note,.muted{color:rgba(217,233,255,.86)!important}
.btn-gold,.btn-primary{background:linear-gradient(135deg,var(--cp-gold),#9c651f)!important;border-color:rgba(255,223,138,.70)!important;color:#1b1209!important;font-weight:1000!important}
.btn-outline-gold,.btn-outline-light,.btn-outline-secondary{background:rgba(255,255,255,.025)!important;border-color:rgba(255,223,138,.34)!important;color:#fff!important}
.btn-outline-gold:hover,.btn-outline-light:hover,.btn-outline-secondary:hover{background:rgba(247,200,91,.13)!important;border-color:rgba(255,223,138,.70)!important;color:#fff!important}
.form-control,.form-select{background:#080d19!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.form-control:focus,.form-select:focus{border-color:rgba(255,223,138,.78)!important;box-shadow:0 0 0 .22rem rgba(247,200,91,.16)!important}
.table{color:var(--cp-text)!important}.table thead th{background:linear-gradient(180deg,rgba(78,65,38,.86),rgba(14,22,42,.96))!important;color:var(--cp-gold-2)!important}.table tbody tr{background:rgba(255,255,255,.028)!important}.table tbody tr:nth-child(even){background:rgba(255,255,255,.045)!important}.table-hover tbody tr:hover{background:rgba(247,200,91,.08)!important}
.footer,.cp-footer{border-top:1px solid rgba(247,200,91,.22);color:rgba(217,233,255,.78)!important;background:rgba(3,6,17,.64);padding:1.25rem;border-radius:20px}.footer a,.cp-footer a{color:var(--cp-gold-2)}
.cp-home-page{min-height:100vh}.cp-home-shell{width:min(1220px,calc(100% - 28px));margin:28px auto;border:1px solid rgba(247,200,91,.38);border-radius:30px;overflow:hidden;background:rgba(0,0,0,.34);box-shadow:var(--cp-shadow)}
.cp-home-hero{position:relative;min-height:620px;background-image:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.72)),url('../img/alm-angels-coming-soon.png');background-size:cover;background-position:center;display:flex;align-items:flex-end;isolation:isolate}.cp-home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.08) 50%,rgba(0,0,0,.62));z-index:-1}.cp-home-content{width:100%;padding:clamp(28px,5vw,58px);display:grid;gap:22px}.cp-home-badge{width:fit-content;padding:9px 16px;border:1px solid rgba(247,200,91,.65);border-radius:999px;color:var(--cp-gold);background:rgba(0,0,0,.52);font-weight:1000;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.cp-home-title{margin:0;max-width:860px;font-size:clamp(46px,8vw,96px);line-height:.9;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 5px 22px rgba(0,0,0,.78);font-weight:1000}.cp-home-title span{display:block;color:var(--cp-gold);text-shadow:0 0 25px rgba(247,200,91,.45),0 5px 22px rgba(0,0,0,.78)}.cp-home-lead{max-width:780px;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.45;color:var(--cp-muted);font-weight:800;text-shadow:0 3px 16px rgba(0,0,0,.75)}.cp-home-actions{display:flex;gap:12px;flex-wrap:wrap}.cp-home-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:20px;background:rgba(6,12,26,.80);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.cp-home-card{display:block;text-decoration:none;color:#fff!important;padding:20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);min-height:146px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.cp-home-card:hover{transform:translateY(-2px);border-color:rgba(247,200,91,.58);background:linear-gradient(180deg,rgba(247,200,91,.12),rgba(56,168,255,.05))}.cp-home-card strong{display:block;color:var(--cp-gold);font-size:18px;margin-bottom:8px}.cp-home-card span{color:#eaf4ff;line-height:1.35;font-size:14px}.cp-home-note{padding:18px 24px;background:#030611;color:#b9c8df;font-size:14px;border-top:1px solid rgba(247,200,91,.22);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.cp-home-note strong{color:var(--cp-gold-2)}
@media (max-width:1100px){.cp-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-home-hero{min-height:560px}}
@media (max-width:600px){.cp-home-shell{width:calc(100% - 18px);margin:9px auto;border-radius:22px}.cp-home-hero{min-height:660px;background-position:center top}.cp-home-content{padding:26px}.cp-home-grid{grid-template-columns:1fr;padding:14px}.cp-home-note{display:block;line-height:1.7}.navbar .del-title span:last-child,.navbar .cp-brand-title span:last-child{display:none}}

/* v0.1.8: Gemeinsamer Marken-Hero fuer Unterseiten mit Alm-Angels-Bild */
.cp-image-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,223,138,.36);
  box-shadow:0 22px 60px rgba(0,0,0,.56),0 0 44px rgba(242,199,92,.08);
  background-image:
    linear-gradient(90deg,rgba(2,7,18,.96) 0%,rgba(2,7,18,.84) 38%,rgba(2,7,18,.43) 66%,rgba(2,7,18,.80) 100%),
    url('../img/alm-angels-coming-soon.png');
  background-size:cover;
  background-position:center;
  min-height:310px;
  max-width:1200px;
  margin:1.5rem auto;
}
.cp-image-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 24%,rgba(242,199,92,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.10));
}
.cp-image-hero:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,rgba(242,199,92,.96),rgba(141,31,34,.72),rgba(56,168,255,.38));
}
.cp-image-hero__inner{
  position:relative;
  z-index:2;
  min-height:310px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(270px,360px);
  gap:clamp(18px,3vw,42px);
  align-items:center;
  padding:clamp(24px,4.6vw,56px);
}
.cp-image-hero__brandrow{
  display:flex;
  align-items:center;
  gap:clamp(16px,2.4vw,28px);
}
.cp-image-hero__logo{
  flex:0 0 auto;
  width:96px;
  height:96px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#8d1f22,#2b0d10);
  border:2px solid rgba(255,223,138,.58);
  box-shadow:inset 0 0 0 7px rgba(255,255,255,.07),0 16px 34px rgba(0,0,0,.42);
  position:relative;
}
.cp-image-hero__logo:before,
.cp-image-hero__logo:after{
  content:"";
  position:absolute;
  width:62px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg,#fff0aa,#e5aa2d);
  transform:rotate(38deg);
  box-shadow:0 0 16px rgba(242,199,92,.26);
}
.cp-image-hero__logo:after{transform:rotate(-38deg)}
.cp-image-hero__logo span{
  position:relative;
  z-index:2;
  color:#0c0b07;
  font-weight:1000;
  letter-spacing:.03em;
  text-shadow:0 1px 0 rgba(255,255,255,.20);
}
.cp-image-hero__eyebrow{
  color:var(--cp-gold-2,#ffe08a);
  font-weight:1000;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-size:.78rem;
  margin-bottom:.45rem;
}
.cp-image-hero__title{
  margin:0;
  color:#fff;
  font-weight:1000;
  letter-spacing:-.055em;
  line-height:.92;
  font-size:clamp(2.35rem,5.5vw,5.25rem);
  text-shadow:0 7px 28px rgba(0,0,0,.74);
}
.cp-image-hero__title span{color:var(--cp-gold-2,#ffe08a)!important}
.cp-image-hero__subtitle{
  max-width:760px;
  margin-top:1rem;
  color:rgba(235,245,255,.90);
  font-size:clamp(1rem,1.6vw,1.16rem);
  line-height:1.55;
  text-shadow:0 3px 16px rgba(0,0,0,.68);
}
.cp-image-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.2rem;
}
.cp-image-hero__side{
  justify-self:end;
  width:100%;
  display:grid;
  gap:.85rem;
}
.cp-image-hero__panel{
  border:1px solid rgba(255,223,138,.45);
  border-radius:22px;
  background:rgba(3,8,20,.82);
  box-shadow:0 14px 32px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
  padding:1.15rem 1.25rem;
  backdrop-filter:blur(10px);
}
.cp-image-hero__panel-label{
  color:var(--cp-gold-2,#ffe08a);
  font-size:.78rem;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:.35rem;
}
.cp-image-hero__panel-value{
  color:#fff;
  font-size:1.26rem;
  font-weight:1000;
  line-height:1.2;
}
.cp-image-hero__panel-note{color:rgba(235,245,255,.78);font-weight:700;margin-top:.25rem}
.cp-image-hero__actions{
  position:relative;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  padding:0 clamp(24px,4.6vw,56px) clamp(22px,3vw,32px);
}
.cp-image-hero__actions .quick-link,
.cp-image-hero__actions .btn,
.cp-image-hero__actions a{
  text-decoration:none;
}
.cp-image-hero .lang-switch{
  justify-content:flex-end;
}
.cp-image-hero .lang-switch .btn,
.cp-image-hero .lang-switch a.btn{
  border-color:rgba(255,255,255,.24);
  color:rgba(255,255,255,.88);
  background:rgba(3,8,20,.50);
  font-weight:900;
}
.cp-image-hero .lang-switch .btn.active,
.cp-image-hero .lang-switch .btn:hover,
.cp-image-hero .lang-switch a.btn.active,
.cp-image-hero .lang-switch a.btn:hover{
  background:rgba(242,199,92,.18);
  border-color:rgba(242,199,92,.74);
  color:#fff;
}
@media(max-width:991px){
  .cp-image-hero__inner{grid-template-columns:1fr;align-items:end}
  .cp-image-hero__side{justify-self:start;max-width:520px}
  .cp-image-hero .lang-switch{justify-content:flex-start}
}
@media(max-width:640px){
  .cp-image-hero{border-radius:22px;min-height:380px;background-position:center top}
  .cp-image-hero__inner{min-height:380px;padding:24px;align-items:end}
  .cp-image-hero__brandrow{align-items:flex-start;gap:14px}
  .cp-image-hero__logo{width:72px;height:72px;border-radius:19px}
  .cp-image-hero__logo:before,.cp-image-hero__logo:after{width:47px;height:11px}
  .cp-image-hero__title{font-size:clamp(2.05rem,13vw,3.4rem)}
  .cp-image-hero__actions{padding:0 24px 24px}
}

/* v0.1.9: Startseite ruhiger, keine Versionsanzeige oben, Sprache zentral */
.cp-page-version-bar{display:none!important}
.cp-nav-lang-switch,.cp-home-lang-switch{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.cp-nav-lang-switch .btn,.cp-home-lang-switch .btn{
  border:1px solid rgba(255,255,255,.24);
  color:rgba(255,255,255,.86);
  background:rgba(3,8,20,.52);
  font-weight:900;
  border-radius:9px;
  text-decoration:none;
}
.cp-nav-lang-switch .btn.active,.cp-nav-lang-switch .btn:hover,.cp-home-lang-switch .btn.active,.cp-home-lang-switch .btn:hover{
  background:rgba(242,199,92,.20);
  border-color:rgba(255,223,138,.78);
  color:#fff;
}
.cp-home-topline{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap;width:100%}
.cp-home-hero{min-height:600px;align-items:flex-end;background-position:center center}
.cp-home-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08) 52%,rgba(0,0,0,.38))}
.cp-home-content{gap:14px;padding:clamp(24px,4vw,42px)}
.cp-home-title{max-width:520px;font-size:clamp(1.85rem,3.8vw,3.35rem);line-height:1.02;letter-spacing:-.035em;opacity:.92}
.cp-home-title span:first-child{color:#fff!important}
.cp-home-title span:last-child{color:var(--cp-gold)!important}
.cp-home-lead,.cp-home-card span{display:none!important}
.cp-home-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding:14px;gap:10px}
.cp-home-card{min-height:74px;padding:16px;display:flex;align-items:center;justify-content:center;text-align:center}
.cp-home-card strong{margin:0;font-size:1rem}
.cp-home-note a{color:var(--cp-gold-2);text-decoration:none}
@media(max-width:1100px){.cp-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-home-hero{min-height:560px}}
@media(max-width:600px){.cp-home-topline{align-items:flex-start}.cp-home-lang-switch{justify-content:flex-start}.cp-home-title{font-size:clamp(1.9rem,11vw,3rem)}.cp-home-grid{grid-template-columns:1fr}.cp-home-card{min-height:58px}}

/* v0.1.9: Hilfstexte im UI ausblenden */
.cp-image-hero__subtitle,
.section-subtitle,
.creator-copy,
.profile-card p[data-i18n="profileText"],
.profile-card p[data-i18n="rulesText"]{display:none!important}
/* v0.1.16: Dashboard-Hero ruhiger, ohne doppelte Sprachleiste und mit kleinerem Titel */
.cp-image-hero--dashboard-compact{
  min-height:300px;
  background-image:
    linear-gradient(90deg,rgba(2,7,18,.82) 0%,rgba(2,7,18,.56) 42%,rgba(2,7,18,.18) 68%,rgba(2,7,18,.62) 100%),
    url('../img/alm-angels-coming-soon.png');
}
.cp-image-hero--dashboard-compact .cp-image-hero__inner{min-height:300px}
.cp-image-hero--dashboard-compact .cp-image-hero__title{
  font-size:clamp(2rem,4.2vw,4.05rem);
  line-height:.94;
  letter-spacing:-.045em;
  max-width:620px;
}
.cp-image-hero--dashboard-compact .cp-image-hero__logo{width:82px;height:82px;border-radius:22px}
.cp-image-hero--dashboard-compact .cp-image-hero__logo:before,
.cp-image-hero--dashboard-compact .cp-image-hero__logo:after{width:54px;height:12px}
.cp-image-hero--dashboard-compact .cp-image-hero__side{align-self:center}
@media(max-width:640px){
  .cp-image-hero--dashboard-compact .cp-image-hero__title{font-size:clamp(1.9rem,11vw,3rem)}
  .cp-image-hero--dashboard-compact .cp-image-hero__logo{width:66px;height:66px}
}


/* v0.1.16: Ranking-Hero wieder auf volle Marken-Hero-Breite gebracht */
.cp-image-hero--ranking-compact{
  width:100%;
  max-width:1200px;
  min-height:300px;
  background-image:
    linear-gradient(90deg,rgba(2,7,18,.80) 0%,rgba(2,7,18,.54) 42%,rgba(2,7,18,.16) 68%,rgba(2,7,18,.62) 100%),
    url('../img/alm-angels-coming-soon.png');
}
.cp-image-hero--ranking-compact .cp-image-hero__inner{
  min-height:300px;
  align-items:center;
}
.cp-image-hero--ranking-compact .cp-image-hero__title{
  font-size:clamp(2rem,4.2vw,4.05rem);
  line-height:.95;
  letter-spacing:-.04em;
  max-width:620px;
}
.cp-image-hero--ranking-compact .cp-image-hero__logo{
  width:82px;
  height:82px;
  border-radius:22px;
}
.cp-image-hero--ranking-compact .cp-image-hero__logo:before,
.cp-image-hero--ranking-compact .cp-image-hero__logo:after{
  width:54px;
  height:12px;
}
.cp-image-hero--ranking-compact .cp-image-hero__side{align-self:center}
@media(max-width:640px){
  .cp-image-hero--ranking-compact .cp-image-hero__title{font-size:clamp(1.9rem,11vw,3rem)}
  .cp-image-hero--ranking-compact .cp-image-hero__logo{width:66px;height:66px}
}

/* v0.1.16: Player-Hero ohne zweite Sprachleiste und ohne separaten Sprachblock */
.cp-image-hero--player-compact{
  width:100%;
  max-width:1200px;
  min-height:300px;
  background-image:
    linear-gradient(90deg,rgba(2,7,18,.80) 0%,rgba(2,7,18,.54) 42%,rgba(2,7,18,.16) 68%,rgba(2,7,18,.62) 100%),
    url('../img/alm-angels-coming-soon.png');
}
.cp-image-hero--player-compact .cp-image-hero__inner{
  min-height:300px;
  align-items:center;
}
.cp-image-hero--player-compact .cp-image-hero__title{
  font-size:clamp(2rem,4.2vw,4.05rem);
  line-height:.95;
  letter-spacing:-.04em;
  max-width:620px;
}
.cp-image-hero--player-compact .cp-image-hero__logo{
  width:82px;
  height:82px;
  border-radius:22px;
}
.cp-image-hero--player-compact .cp-image-hero__logo:before,
.cp-image-hero--player-compact .cp-image-hero__logo:after{
  width:54px;
  height:12px;
}
.cp-image-hero--player-compact .cp-image-hero__side{align-self:center}
@media(max-width:640px){
  .cp-image-hero--player-compact .cp-image-hero__title{font-size:clamp(1.9rem,11vw,3rem)}
  .cp-image-hero--player-compact .cp-image-hero__logo{width:66px;height:66px}
}


/* v0.1.21: Mopedano-Bildblock im Dashboard und neue Mopedano-Seite */
.creator-card--image{
  position:relative;
  display:block;
  overflow:hidden;
  min-height:210px;
  color:#fff!important;
  text-decoration:none!important;
  border-radius:22px;
}
.creator-card--image img{
  width:100%;
  height:100%;
  min-height:210px;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  transition:transform .25s ease, filter .25s ease;
}
.creator-card--image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72));
  pointer-events:none;
}
.creator-card--image:hover img{transform:scale(1.065);filter:saturate(1.08) contrast(1.04)}
.creator-card__overlay{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:16px;
  display:grid;
  gap:6px;
}
.creator-card__kicker{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#f8c85f,#9a4d24);
  color:#1a0b00;
  font-weight:1000;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.creator-card__title{
  color:#fff;
  font-size:1.25rem;
  font-weight:1000;
  text-shadow:0 3px 14px rgba(0,0,0,.85);
}
.creator-card__badge{
  width:fit-content;
  padding:5px 10px;
  border:1px solid rgba(247,200,91,.55);
  border-radius:999px;
  background:rgba(0,0,0,.52);
  color:var(--cp-gold-2);
  font-weight:900;
  font-size:.78rem;
}
.cp-mopedano-hero{
  min-height:600px;
  background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.20)),url('../img/mopedano-truhenzaehlung.png');
  background-size:cover;
  background-position:center center;
  align-items:flex-end;
}
.cp-mopedano-hero:after{
  background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.03) 50%,rgba(0,0,0,.18));
}
.cp-mopedano-note{font-weight:800}
@media(max-width:600px){
  .creator-card--image,.creator-card--image img{min-height:190px}
  .cp-mopedano-hero{min-height:620px;background-size:cover;background-position:center center}
}

/* v0.1.22: Mopedano page image must be fully visible, not cropped as a background banner. */
.cp-mopedano-page .cp-mopedano-hero{
  min-height:0;
  display:block;
  background:none!important;
  overflow:hidden;
}
.cp-mopedano-page .cp-mopedano-hero:after{
  display:none!important;
}
.cp-mopedano-hero__img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  background:#030611;
}
@media(max-width:600px){
  .cp-mopedano-page .cp-mopedano-hero{min-height:0!important;background:none!important;}
}

/* v0.1.30: Player avatar lightbox */
button.player-avatar-frame{
  appearance:none;
  -webkit-appearance:none;
  cursor:zoom-in;
  display:block;
  color:inherit;
}
button.player-avatar-frame:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 40px rgba(0,0,0,.42), 0 0 0 1px rgba(255,223,138,.25), inset 0 1px 0 rgba(255,255,255,.10);
}
button.player-avatar-frame:focus-visible{
  outline:3px solid rgba(255,223,138,.78);
  outline-offset:4px;
}
.cp-avatar-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,4,10,.82);
  backdrop-filter:blur(12px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.cp-avatar-lightbox.is-open{
  opacity:1;
  pointer-events:auto;
}
.cp-avatar-lightbox__inner{
  width:min(92vw,760px);
  max-height:88vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.cp-avatar-lightbox__image{
  max-width:min(92vw,680px);
  max-height:76vh;
  object-fit:contain;
  border-radius:28px;
  background:radial-gradient(circle at 50% 35%,rgba(255,223,138,.13),rgba(8,9,14,.97) 64%);
  border:1px solid rgba(255,223,138,.36);
  box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 70px rgba(242,199,92,.12);
}
.cp-avatar-lightbox__caption{
  max-width:min(92vw,680px);
  color:#fff;
  font-weight:950;
  text-align:center;
  text-shadow:0 2px 14px rgba(0,0,0,.65);
}
.cp-avatar-lightbox__close{
  position:fixed;
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(10,13,22,.78);
  color:#fff;
  font-size:30px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 16px 42px rgba(0,0,0,.38);
}
.cp-avatar-lightbox__close:hover,
.cp-avatar-lightbox__close:focus-visible{
  border-color:rgba(255,223,138,.62);
  background:rgba(141,31,34,.86);
  outline:none;
}
.cp-avatar-lightbox-open{
  overflow:hidden;
}
@media(max-width:575px){
  .cp-avatar-lightbox{padding:16px}
  .cp-avatar-lightbox__image{border-radius:22px;max-height:72vh}
  .cp-avatar-lightbox__close{top:12px;right:12px;width:42px;height:42px;font-size:28px}
}


/* v0.1.42 Epic Monsters frontend */
.cp-epic-page .cp-page-shell {
  max-width: 1180px;
}
.cp-epic-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:22px 0;
}
.cp-epic-stat{
  border:1px solid rgba(255,215,116,.18);
  border-radius:22px;
  padding:18px 20px;
  background:linear-gradient(135deg,rgba(19,31,58,.86),rgba(6,12,26,.92));
  box-shadow:0 18px 56px rgba(0,0,0,.20);
}
.cp-epic-stat span{
  display:block;
  color:#ffd976;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.cp-epic-stat strong{
  display:block;
  color:#fff;
  font-size:clamp(1.45rem,2vw,2rem);
  line-height:1.05;
}
.cp-epic-selector-card,
.cp-epic-catalog-head,
.cp-epic-empty{
  margin:22px 0;
  padding:20px;
  border:1px solid rgba(255,215,116,.18);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(17,29,55,.9),rgba(6,12,25,.94));
  box-shadow:0 22px 70px rgba(0,0,0,.22);
}
.cp-epic-selector-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.cp-epic-selector-head h2,
.cp-epic-catalog-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.25rem,2.2vw,1.8rem);
}
.cp-epic-selector-head p{
  margin:6px 0 0;
  color:rgba(239,246,255,.72);
}
.cp-epic-select-form select{
  min-width:min(360px,100%);
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:11px 14px;
  font-weight:800;
}
.cp-epic-select-form select option{color:#111827}
.cp-epic-monster-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:3px 2px 6px;
  scrollbar-width:thin;
}
.cp-epic-rail-item{
  min-width:220px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  color:#fff;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.cp-epic-rail-item:hover,
.cp-epic-rail-item:focus-visible,
.cp-epic-rail-item.is-active{
  transform:translateY(-1px);
  border-color:rgba(255,215,116,.52);
  background:rgba(255,215,116,.10);
  color:#fff;
}
.cp-epic-rail-item img,
.cp-epic-rail-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  object-fit:cover;
  flex:0 0 auto;
  border:1px solid rgba(255,215,116,.25);
  background:rgba(255,255,255,.08);
}
.cp-epic-rail-icon{
  display:grid;
  place-items:center;
  color:#ffd976;
  font-weight:900;
  font-size:1.2rem;
}
.cp-epic-rail-item strong{
  display:block;
  font-weight:900;
  line-height:1.15;
}
.cp-epic-rail-item small{
  display:block;
  margin-top:2px;
  color:rgba(239,246,255,.64);
  font-weight:700;
}
.cp-epic-kicker{
  display:inline-flex;
  margin-bottom:7px;
  color:#ffd976;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cp-epic-detail{
  display:grid;
  grid-template-columns:minmax(300px,38%) minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,215,116,.20);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(18,28,53,.94),rgba(4,9,20,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.30);
  margin:22px 0 36px;
}
.cp-epic-detail-image{
  min-height:520px;
  background:radial-gradient(circle at center,rgba(255,215,116,.12),rgba(255,255,255,.03));
}
.cp-epic-detail-image img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  display:block;
}
.cp-epic-detail-content{
  padding:clamp(22px,3vw,38px);
  display:grid;
  gap:18px;
  align-content:start;
}
.cp-epic-back,
.cp-epic-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  border:1px solid rgba(255,215,116,.34);
  border-radius:999px;
  padding:9px 14px;
  color:#ffd976;
  background:rgba(255,215,116,.08);
  text-decoration:none;
  font-weight:900;
}
.cp-epic-action{background:linear-gradient(135deg,#f5c045,#d89425);color:#16110a;border-color:transparent}
.cp-epic-detail h2,
.cp-epic-catalog-card h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.6rem,3vw,2.7rem);
  line-height:1.04;
}
.cp-epic-description,
.cp-epic-muted{
  margin:0;
  color:rgba(239,246,255,.78);
  line-height:1.55;
}
.cp-epic-detail-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.cp-epic-detail-stats div,
.cp-epic-catalog-meta span{
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  padding:12px;
}
.cp-epic-detail-stats span{
  display:block;
  color:rgba(239,246,255,.64);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:900;
  margin-bottom:5px;
}
.cp-epic-detail-stats strong{color:#ffd976;font-size:1.45rem;line-height:1}
.cp-epic-thresholds h3{
  margin:0 0 12px;
  color:#fff;
  font-size:1.12rem;
}
.cp-epic-step-list{display:grid;gap:12px}
.cp-epic-step-card{
  display:grid;
  grid-template-columns:46px 130px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
.cp-epic-step-number{
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#16110a;
  font-weight:950;
  background:linear-gradient(135deg,#ffe08a,#d89a28);
}
.cp-epic-step-points strong{
  display:block;
  color:#ffd976;
  font-size:1.35rem;
  line-height:1;
}
.cp-epic-step-points span,
.cp-epic-step-reward span{
  display:block;
  color:rgba(239,246,255,.62);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:3px;
}
.cp-epic-step-reward strong{display:block;color:#fff;font-size:1.05rem}
.cp-epic-step-reward small{display:block;color:rgba(239,246,255,.68);margin-top:4px}
.cp-epic-catalog-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
}
.cp-epic-catalog-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:36px;
}
.cp-epic-catalog-card{
  overflow:hidden;
  border:1px solid rgba(255,215,116,.16);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(18,28,53,.92),rgba(5,10,22,.95));
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.cp-epic-catalog-image{
  height:210px;
  background:rgba(255,255,255,.045);
}
.cp-epic-catalog-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.cp-epic-catalog-body{
  padding:20px;
  display:grid;
  gap:14px;
}
.cp-epic-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:start;
}
.cp-epic-card-head--compact h2{
  font-size:clamp(1.25rem,2.2vw,1.75rem);
}
.cp-epic-catalog-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  color:#ffd976;
  font-weight:850;
}
.cp-epic-threshold-preview{
  display:grid;
  gap:8px;
}
.cp-epic-threshold-preview div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  padding:10px 12px;
}
.cp-epic-threshold-preview strong{color:#ffd976}
.cp-epic-threshold-preview span{color:#fff;font-weight:800;text-align:right}
.cp-epic-more{
  color:rgba(239,246,255,.68);
  justify-content:center!important;
  font-weight:850;
}
.cp-epic-empty{
  color:rgba(239,246,255,.82);
}
.cp-epic-empty h2{color:#fff}
@media (max-width: 980px){
  .cp-epic-overview,
  .cp-epic-catalog-grid{grid-template-columns:1fr}
  .cp-epic-detail{grid-template-columns:1fr}
  .cp-epic-detail-image,.cp-epic-detail-image img{min-height:340px;max-height:480px}
  .cp-epic-selector-head{display:grid}
  .cp-epic-select-form select{width:100%}
}
@media (max-width: 640px){
  .cp-epic-step-card{grid-template-columns:42px minmax(0,1fr)}
  .cp-epic-step-reward{grid-column:2}
  .cp-epic-detail-stats,.cp-epic-catalog-meta{grid-template-columns:1fr}
  .cp-epic-card-head{display:grid}
  .cp-epic-action{width:100%}
}