/*
Theme Name: Keylooter
Theme URI: https://keylooter.com/
Author: Keylooter
Author URI: https://keylooter.com/
Description: Medieval fantasy pixel-style landing page theme for Keylooter.com with hero cave, dragon, knight and glowing reward chest.
Version: 1.0.62-questbook-human-rewards
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: keylooter
*/

:root{
  --bg:#05070a;
  --panel:#0c1014d9;
  --panel-2:#12100bd9;
  --gold:#f7c84b;
  --gold-2:#ff9d1b;
  --text:#f5e7bd;
  --muted:#b9a77a;
  --border:#6e4b1f;
  --blue:#7bb8d9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.keylooter-page{min-height:100vh;background:radial-gradient(circle at 50% 0%,#172639 0%,#05070a 58%,#020305 100%)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:78px;background:linear-gradient(180deg,rgba(5,7,10,.96),rgba(7,8,9,.78));border-bottom:1px solid rgba(247,200,75,.22);backdrop-filter:blur(6px)}
.nav-wrap{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.06em;color:var(--gold)}
.brand-emblem{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,185,43,.45))}
.brand-text{font-size:18px;text-transform:uppercase;text-shadow:0 0 12px rgba(255,177,28,.4)}
.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#d6bd7b}
.main-nav a{position:relative;padding:9px 0;opacity:.9}.main-nav a:hover,.main-nav a.active{color:var(--gold)}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.header-cta{border:1px solid rgba(247,200,75,.55);padding:11px 18px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:13px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 18px rgba(247,200,75,.08)}
.mobile-toggle{display:none;background:none;border:1px solid rgba(247,200,75,.35);color:var(--gold);padding:9px 12px;font-size:20px}

.hero{
  position:relative;
  min-height:clamp(760px,100svh,980px);
  padding:clamp(92px,10svh,118px) 24px 72px;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  background-color:#05070a;
  background-image:linear-gradient(180deg,rgba(3,5,8,.08),rgba(3,5,8,.68)),url('assets/images/hero-bg.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
  overflow:hidden;
}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,rgba(255,172,42,.14),transparent 21%),radial-gradient(circle at 52% 13%,rgba(84,154,217,.16),transparent 22%),linear-gradient(90deg,rgba(0,0,0,.32),transparent 36%,rgba(0,0,0,.24));z-index:-1}
.hero-inner{position:relative;width:min(1280px,100%);min-height:clamp(620px,calc(100svh - 130px),820px);margin:0 auto}
.hero-logo{width:clamp(340px,50vw,760px);margin:0 auto 12px;filter:drop-shadow(0 0 24px rgba(255,181,31,.3))}
.hero-copy{text-align:center;max-width:760px;margin:0 auto;position:relative;z-index:5}
.hero-copy h1{font-size:clamp(28px,3vw,46px);line-height:1.1;margin:0 0 10px;text-shadow:0 3px 18px #000;color:#f8e6b4}
.hero-copy p{margin:0 auto;color:#d8c59a;font-size:clamp(15px,1.4vw,20px);line-height:1.6;text-shadow:0 2px 14px #000}
.hero-stage{position:absolute;left:0;right:0;bottom:0;height:60%;min-height:440px;pointer-events:none;z-index:4}
.knight{position:absolute;left:calc(50% + clamp(85px,9vw,140px));right:auto;bottom:clamp(0px,1.2vh,12px);width:clamp(360px,32vw,540px);max-height:98%;object-fit:contain;object-position:bottom left;filter:drop-shadow(0 22px 28px rgba(0,0,0,.72));animation:knightIdle 3.2s ease-in-out infinite;z-index:2}
.chest-button{position:absolute;left:50%;bottom:clamp(-2px,.8vh,10px);transform:translateX(-50%);width:clamp(160px,15vw,235px);border:0;background:transparent;padding:0;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 0 22px rgba(255,177,30,.55));animation:chestPulse 2s ease-in-out infinite;z-index:3}
.chest-button img{transition:transform .25s ease,filter .25s ease}.chest-button:hover img{transform:translateY(-6px) scale(1.03);filter:brightness(1.12)}
.chest-label{position:absolute;left:50%;top:92%;transform:translateX(-50%);min-width:min(310px,92vw);padding:14px 22px;border:2px solid rgba(247,200,75,.75);background:linear-gradient(180deg,rgba(37,23,7,.92),rgba(6,7,8,.96));color:var(--gold);font-size:clamp(13px,1.1vw,17px);text-transform:uppercase;letter-spacing:.13em;box-shadow:0 0 22px rgba(255,177,30,.18),inset 0 0 18px rgba(255,177,30,.12);white-space:nowrap}
@keyframes knightIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes chestPulse{0%,100%{filter:drop-shadow(0 0 18px rgba(255,177,30,.45))}50%{filter:drop-shadow(0 0 36px rgba(255,207,70,.88))}}
.section{padding:84px 24px;background:linear-gradient(180deg,#07090b,#0b0d10)}.section-inner{max-width:1200px;margin:0 auto}.section-title{text-align:center;color:var(--gold);font-size:clamp(27px,3vw,42px);letter-spacing:.08em;text-transform:uppercase;margin:0 0 44px;text-shadow:0 0 18px rgba(255,177,30,.28)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{position:relative;min-height:285px;padding:30px 24px;background:linear-gradient(180deg,rgba(20,24,27,.92),rgba(7,8,9,.94));border:1px solid rgba(247,200,75,.26);box-shadow:0 16px 40px rgba(0,0,0,.35),inset 0 0 34px rgba(247,200,75,.04)}.card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(247,200,75,.12);pointer-events:none}.card-icon{height:116px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.card-icon img{max-width:120px;max-height:112px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,185,42,.35))}.card h3{margin:0 0 12px;color:#f6c456;text-transform:uppercase;letter-spacing:.06em;font-size:18px}.card p{margin:0;color:#c7b68d;line-height:1.6;font-size:15px}#features{
  position:relative;
  background-image:
    linear-gradient(180deg,rgba(2,3,5,.72),rgba(3,4,6,.84)),
    radial-gradient(circle at 50% 18%,rgba(247,200,75,.10),transparent 34%),
    url('assets/images/section-cave-wall.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border-top:1px solid rgba(247,200,75,.12);
  border-bottom:1px solid rgba(247,200,75,.16);
}
#features:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.18),rgba(0,0,0,.58));
  pointer-events:none;
}
#features .section-inner{position:relative;z-index:1}
#features .card{
  background:linear-gradient(180deg,rgba(13,16,19,.88),rgba(4,5,7,.92));
  border-color:rgba(247,200,75,.34);
  box-shadow:0 20px 52px rgba(0,0,0,.55),inset 0 0 38px rgba(247,200,75,.05);
  backdrop-filter:blur(2px);
}.rewards{background:radial-gradient(circle at 50% 0%,rgba(117,65,14,.18),transparent 35%),#05070a}.reward-row{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.reward{padding:26px 18px;text-align:center;background:linear-gradient(180deg,#121419,#070809);border:1px solid rgba(247,200,75,.28);box-shadow:inset 0 0 20px rgba(247,200,75,.04)}.reward-art{height:122px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.reward-art img{max-width:138px;max-height:116px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,185,42,.35))}.rarity{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.rarity.legendary{color:#b86bff;text-shadow:0 0 12px rgba(184,107,255,.55)}.rarity.epic{color:#ff4d4d;text-shadow:0 0 12px rgba(255,77,77,.55)}.rarity.rare{color:#ffd84d;text-shadow:0 0 12px rgba(255,216,77,.55)}.rarity.uncommon{color:#5dff7a;text-shadow:0 0 12px rgba(93,255,122,.5)}.rarity.common{color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,.42)}.reward h3{margin:7px 0 0;font-size:17px;color:#ead7a6}.stats{padding:42px 24px;background:#08090b;border-top:1px solid rgba(247,200,75,.13);border-bottom:1px solid rgba(247,200,75,.13)}.stats-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{text-align:center;border-right:1px solid rgba(247,200,75,.16);padding:12px}.stat:last-child{border-right:0}.stat strong{display:block;color:var(--gold);font-size:38px;letter-spacing:.04em}.stat span{color:#bcae8d}.site-footer{position:relative;padding:64px 24px 24px;background:linear-gradient(180deg,rgba(6,8,11,.72),rgba(4,5,7,.9)),url('assets/images/footer-castle-wall.png');background-size:cover;background-position:center center;background-repeat:no-repeat;border-top:1px solid rgba(247,200,75,.18);overflow:hidden}.site-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.58)),radial-gradient(circle at 50% 0%,rgba(247,200,75,.05),transparent 28%);pointer-events:none}.footer-inner,.copyright{position:relative;z-index:1}.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 220px;gap:42px;align-items:start}.footer-logo{width:260px;margin-bottom:10px;filter:drop-shadow(0 0 12px rgba(255,177,30,.22))}.footer-col h4{margin:0 0 15px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.footer-col a,.footer-col p{display:block;color:#bba983;margin:7px 0;font-size:14px}.footer-torch{width:180px;margin-left:auto;filter:drop-shadow(0 0 28px rgba(255,112,10,.4))}.copyright{text-align:center;color:#6f624f;font-size:13px;margin-top:35px}.copyright .creator-link{color:var(--gold);font-weight:700;text-shadow:0 0 12px rgba(247,200,75,.45);border-bottom:1px solid rgba(247,200,75,.35);transition:color .2s ease,text-shadow .2s ease,border-color .2s ease}.copyright .creator-link:hover{color:#fff1b8;text-shadow:0 0 18px rgba(255,216,77,.75);border-color:rgba(255,216,77,.75)}.chest-pop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);z-index:100;padding:22px}.chest-pop.is-open{display:flex}.pop-box{max-width:520px;text-align:center;background:linear-gradient(180deg,#15110a,#050607);border:1px solid rgba(247,200,75,.55);padding:36px;box-shadow:0 0 70px rgba(255,177,30,.25)}.pop-box h2{color:var(--gold);margin:0 0 10px}.pop-box p{color:#d7c39a}.pop-close{margin-top:18px;border:1px solid rgba(247,200,75,.7);background:#1b1004;color:var(--gold);padding:12px 20px;cursor:pointer;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:980px){
  .mobile-toggle{display:block}
  .main-nav,.header-cta{display:none}
  .main-nav.is-open{display:flex;position:absolute;top:78px;left:0;right:0;background:#05070af2;flex-direction:column;padding:24px;border-bottom:1px solid rgba(247,200,75,.18)}
  .hero{min-height:820px;background-position:42% top}
  .hero-inner{min-height:650px}
  .hero-stage{height:520px;min-height:520px}
  .knight{left:calc(50% + 55px);right:auto;bottom:6px;width:clamp(280px,38vw,390px)}
  .chest-button{left:50%;width:clamp(145px,20vw,190px);bottom:4px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .reward-row{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:1fr 1fr}
  .footer-torch{margin:0;width:140px}
}
@media(max-width:620px){
  .brand-text{display:none}
  .site-header{height:70px}
  .main-nav.is-open{top:70px}
  .hero{min-height:820px;padding-top:94px;background-position:34% top}
  .hero-inner{min-height:670px}
  .hero-logo{width:min(92vw,420px)}
  .hero-copy h1{font-size:25px}
  .hero-copy p{font-size:15px}
  .hero-stage{height:500px;min-height:500px}
  .knight{left:calc(50% + 20px);right:auto;bottom:2px;width:280px}
  .chest-button{left:50%;bottom:0;width:128px}
  .chest-label{font-size:12px;min-width:215px;padding:11px 12px;letter-spacing:.08em}
  .feature-grid,.reward-row,.stats-grid,.footer-inner{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid rgba(247,200,75,.14)}
}
@media(max-width:420px){
  .hero{min-height:780px}
  .hero-stage{height:470px;min-height:470px}
  .knight{left:calc(50% + 8px);right:auto;bottom:4px;width:250px}
  .chest-button{width:118px;left:50%;bottom:0}
}


/* Keylooter random chest reward popup */
.chest-button.is-looting img{animation:chestOpenShake .85s cubic-bezier(.2,.8,.2,1)}
@keyframes chestOpenShake{0%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(-8px) rotate(-2deg) scale(1.04)}36%{transform:translateY(2px) rotate(2deg) scale(.98)}56%{transform:translateY(-10px) rotate(0) scale(1.06)}78%{transform:translateY(-3px) scale(1.02)}}
.chest-pop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 44%,rgba(247,200,75,.18),transparent 26%),rgba(0,0,0,.78);z-index:100;padding:22px;backdrop-filter:blur(6px)}
.chest-pop.is-open{display:flex;animation:lootBackdrop .28s ease-out both}.chest-pop[data-rarity="legendary"]{--loot:#b86bff;--loot-rgb:184,107,255;--loot-soft:#3b1268}.chest-pop[data-rarity="epic"]{--loot:#ff4d4d;--loot-rgb:255,77,77;--loot-soft:#5b1010}.chest-pop[data-rarity="rare"]{--loot:#ffd84d;--loot-rgb:255,216,77;--loot-soft:#594511}.chest-pop[data-rarity="uncommon"]{--loot:#5dff7a;--loot-rgb:93,255,122;--loot-soft:#0d5220}.chest-pop[data-rarity="common"]{--loot:#ffffff;--loot-rgb:255,255,255;--loot-soft:#343434}
.pop-box{position:relative;width:min(560px,94vw);text-align:center;padding:clamp(26px,4vw,42px);border:2px solid var(--loot);background:linear-gradient(180deg,rgba(21,17,10,.96),rgba(5,6,7,.98));box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 42px rgba(var(--loot-rgb),.4),0 0 120px rgba(var(--loot-rgb),.24),inset 0 0 42px rgba(var(--loot-rgb),.13);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);overflow:hidden;animation:rewardSummon .58s cubic-bezier(.16,1,.3,1) both}
.pop-box:before{content:"";position:absolute;inset:10px;border:1px solid rgba(var(--loot-rgb),.48);clip-path:inherit;pointer-events:none}.pop-box:after{content:"";position:absolute;inset:-55%;background:conic-gradient(from 0deg,transparent,rgba(var(--loot-rgb),.18),transparent 18%,transparent 46%,rgba(247,200,75,.16),transparent 60%);animation:lootSpin 6.5s linear infinite;z-index:-1}.pop-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid rgba(var(--loot-rgb),.7);background:rgba(0,0,0,.38);color:var(--loot);font-size:24px;line-height:1;cursor:pointer;z-index:3}.pop-rarity{display:inline-block;margin-bottom:16px;padding:8px 18px;border:1px solid rgba(var(--loot-rgb),.72);background:linear-gradient(180deg,rgba(var(--loot-rgb),.18),rgba(0,0,0,.35));color:var(--loot);font-weight:800;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 16px rgba(var(--loot-rgb),.85);box-shadow:0 0 18px rgba(var(--loot-rgb),.24),inset 0 0 18px rgba(var(--loot-rgb),.14)}
.pop-reward-frame{position:relative;width:min(260px,58vw);height:min(260px,58vw);margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.pop-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(var(--loot-rgb),.46),rgba(var(--loot-rgb),.15) 42%,transparent 70%);filter:blur(8px);animation:lootPulse 1.8s ease-in-out infinite}.pop-reward-img{position:relative;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(var(--loot-rgb),.64)) drop-shadow(0 12px 18px rgba(0,0,0,.65));animation:rewardFloat 2.4s ease-in-out infinite}.pop-title{margin:4px 0 10px;color:#f8e6b4;font-size:clamp(27px,4vw,42px);line-height:1.05;text-shadow:0 0 18px rgba(var(--loot-rgb),.42),0 3px 18px #000}.pop-text{max-width:420px;margin:0 auto;color:#d7c39a;line-height:1.6}.pop-action{margin-top:22px;border:1px solid rgba(var(--loot-rgb),.78);background:linear-gradient(180deg,rgba(var(--loot-rgb),.16),rgba(27,16,4,.94));color:var(--loot);padding:13px 22px;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;box-shadow:0 0 22px rgba(var(--loot-rgb),.2),inset 0 0 18px rgba(var(--loot-rgb),.1)}.pop-action:hover,.pop-x:hover{filter:brightness(1.16);box-shadow:0 0 28px rgba(var(--loot-rgb),.38)}
@keyframes rewardSummon{0%{opacity:0;transform:translateY(24px) scale(.78);filter:brightness(1.9) blur(4px)}62%{opacity:1;transform:translateY(-4px) scale(1.035);filter:brightness(1.2) blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes lootBackdrop{from{opacity:0}to{opacity:1}}@keyframes lootSpin{to{transform:rotate(360deg)}}@keyframes lootPulse{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes rewardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:620px){.pop-box{padding:28px 18px}.pop-reward-frame{width:220px;height:220px}.pop-rarity{font-size:12px;letter-spacing:.14em}.pop-action{width:100%}}


/* V13: sichtbarer Höhlenwand-Hintergrund für "Warum Keylooter?" */
body .keylooter-page #features.features-cave-bg,
body #features.features-cave-bg{
  position:relative !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#07090b !important;
  isolation:isolate;
}
body .keylooter-page #features.features-cave-bg:before,
body #features.features-cave-bg:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.08),rgba(0,0,0,.40)),
    linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.32));
  pointer-events:none;
}
body .keylooter-page #features.features-cave-bg .section-inner,
body #features.features-cave-bg .section-inner{
  position:relative;
  z-index:1;
}
body .keylooter-page #features.features-cave-bg .card,
body #features.features-cave-bg .card{
  background:linear-gradient(180deg,rgba(12,14,17,.78),rgba(4,5,7,.84));
  border-color:rgba(247,200,75,.38);
  box-shadow:0 20px 55px rgba(0,0,0,.62), inset 0 0 38px rgba(247,200,75,.06);
  backdrop-filter:blur(1.5px);
}


/* V18: Truhen-Cooldown mit eingebautem Ritter-und-Drachen-Kampf */
.chest-button.is-cooldown{
  filter:saturate(.92);
}
.chest-button.is-cooldown img{
  animation:chestCooldownPulse 1.8s ease-in-out infinite;
}
.chest-label.is-countdown{
  font-size:12px;
  letter-spacing:.1em;
  color:#f0ddb0;
}

.cooldown-pop{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  z-index:110;
  background:radial-gradient(circle at 50% 42%,rgba(255,94,0,.12),transparent 24%),rgba(0,0,0,.84);
  backdrop-filter:blur(7px);
}
.cooldown-pop.is-open{
  display:flex;
  animation:lootBackdrop .28s ease-out both;
}
.cooldown-box{
  position:relative;
  width:min(860px,96vw);
  padding:clamp(24px,4vw,40px);
  background:linear-gradient(180deg,rgba(19,16,15,.98),rgba(6,7,9,.99));
  border:2px solid rgba(247,200,75,.58);
  box-shadow:0 0 0 4px rgba(0,0,0,.54),0 0 44px rgba(255,137,31,.16),0 0 110px rgba(111,37,14,.3),inset 0 0 42px rgba(255,164,49,.08);
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
  overflow:hidden;
  text-align:center;
  animation:cooldownSummon .56s cubic-bezier(.16,1,.3,1) both;
}
.cooldown-box:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(247,200,75,.35);
  clip-path:inherit;
  pointer-events:none;
}
.cooldown-box:after{
  content:"";
  position:absolute;
  inset:-48%;
  background:conic-gradient(from 0deg,transparent,rgba(255,116,33,.12),transparent 18%,transparent 50%,rgba(247,200,75,.12),transparent 66%);
  animation:lootSpin 8s linear infinite;
  z-index:-1;
}
.cooldown-x{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  border:1px solid rgba(247,200,75,.58);
  background:rgba(0,0,0,.4);
  color:var(--gold);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.cooldown-badge{
  display:inline-block;
  margin-bottom:14px;
  padding:8px 18px;
  color:#ffd28a;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight:800;
  border:1px solid rgba(255,116,33,.54);
  background:linear-gradient(180deg,rgba(255,116,33,.2),rgba(0,0,0,.32));
  box-shadow:0 0 16px rgba(255,116,33,.18),inset 0 0 14px rgba(255,116,33,.14);
}
.cooldown-title{
  margin:0 0 8px;
  font-size:clamp(28px,4vw,46px);
  line-height:1.04;
  color:#f7e4b4;
  text-shadow:0 0 16px rgba(255,120,35,.2),0 3px 18px #000;
}
.cooldown-text{
  max-width:620px;
  margin:0 auto 20px;
  color:#d8c59a;
  line-height:1.65;
}
.cooldown-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin:14px 0 22px;
}
.cooldown-knight-wrap,.cooldown-dragon-wrap{
  position:relative;
  min-height:270px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 18px 22px;
  border:1px solid rgba(247,200,75,.18);
  box-shadow:inset 0 0 26px rgba(247,200,75,.05),0 0 18px rgba(0,0,0,.18);
  overflow:hidden;
}
.cooldown-knight-wrap{
  background:
    radial-gradient(circle at 76% 50%,rgba(247,200,75,.14),transparent 34%),
    linear-gradient(180deg,rgba(48,38,20,.42),rgba(9,8,8,.42));
}
.cooldown-dragon-wrap{
  background:
    radial-gradient(circle at 24% 50%,rgba(255,89,28,.18),transparent 36%),
    linear-gradient(180deg,rgba(50,20,12,.44),rgba(9,8,8,.42));
}
.cooldown-knight-wrap:before,.cooldown-dragon-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),
    radial-gradient(circle at 50% 82%,rgba(247,200,75,.12),transparent 52%);
}
.cooldown-side-label{
  position:absolute;
  top:10px;
  left:12px;
  z-index:2;
  padding:6px 10px;
  border:1px solid rgba(247,200,75,.3);
  background:rgba(0,0,0,.42);
  color:#f5d89c;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
  box-shadow:0 0 14px rgba(247,200,75,.08);
}
.cooldown-side-label-dragon{
  left:auto;
  right:12px;
  color:#ffb996;
  border-color:rgba(255,116,33,.35);
}
.cooldown-knight-img{
  width:min(260px,100%);
  max-height:320px;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 0 18px rgba(255,119,38,.26)) drop-shadow(0 12px 20px rgba(0,0,0,.6));
  animation:knightFloat 2.8s ease-in-out infinite;
  position:relative;
  z-index:1;
}
.cooldown-dragon-img{
  width:min(320px,100%);
  max-height:330px;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 0 20px rgba(255,86,25,.34)) drop-shadow(0 14px 24px rgba(0,0,0,.7));
  animation:dragonBreath 2.2s ease-in-out infinite;
  position:relative;
  z-index:1;
}
.cooldown-dragon-wrap:after{
  content:"";
  position:absolute;
  left:6%;
  right:28%;
  bottom:20%;
  height:56px;
  background:radial-gradient(circle at 50% 50%,rgba(255,183,53,.32),rgba(255,102,0,.16) 45%,transparent 72%);
  filter:blur(12px);
  opacity:.9;
  animation:fireAura 1.8s ease-in-out infinite;
}
.cooldown-versus{
  font-size:clamp(30px,4vw,54px);
  font-weight:900;
  letter-spacing:.16em;
  color:#ffb84d;
  text-shadow:0 0 18px rgba(255,116,33,.6),0 0 36px rgba(255,116,33,.32);
  animation:vsPulse 1.4s ease-in-out infinite;
}
.cooldown-timer-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  margin-top:4px;
}
.cooldown-timer-label{
  color:#bda87c;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
}
.cooldown-time{
  font-size:clamp(30px,4vw,54px);
  color:#fff3d0;
  text-shadow:0 0 18px rgba(247,200,75,.32),0 0 32px rgba(255,116,33,.22);
  letter-spacing:.08em;
  animation:timerPulse 1.2s ease-in-out infinite;
}
.cooldown-action{
  margin-top:22px;
  border:1px solid rgba(247,200,75,.72);
  background:linear-gradient(180deg,rgba(255,116,33,.15),rgba(27,16,4,.92));
  color:var(--gold);
  padding:13px 24px;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.14em;
  box-shadow:0 0 18px rgba(247,200,75,.14),inset 0 0 18px rgba(255,116,33,.08);
}
.cooldown-action:hover,.cooldown-x:hover{
  filter:brightness(1.12);
  box-shadow:0 0 28px rgba(255,137,31,.26);
}
@keyframes chestCooldownPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.04)}}
@keyframes cooldownSummon{0%{opacity:0;transform:translateY(26px) scale(.8);filter:brightness(1.7) blur(4px)}62%{opacity:1;transform:translateY(-4px) scale(1.03);filter:brightness(1.15) blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes knightFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes vsPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@keyframes dragonBreath{0%,100%{transform:translateX(0) scale(1);filter:brightness(.96)}50%{transform:translateX(-6px) scale(1.025);filter:brightness(1.08)}}
@keyframes fireAura{0%,100%{opacity:.72;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}
@keyframes timerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

@media(max-width:800px){
  .cooldown-stage{grid-template-columns:1fr;gap:14px}
  .cooldown-versus{order:2}
  .cooldown-knight-wrap{order:1}
  .cooldown-dragon-wrap{order:3}
}
@media(max-width:560px){
  .cooldown-pop{padding:24px 12px}
  .cooldown-box{max-height:calc(100vh - 48px);padding:26px 16px 30px}
  .cooldown-knight-wrap,.cooldown-dragon-wrap{min-height:200px;padding:18px 12px 16px}
  .cooldown-action{width:100%}
}

/* V21: Cooldown-Popup passt sich ohne Scrollen an den Bildschirm an */
.cooldown-pop{
  padding:clamp(10px,2.2vh,24px) clamp(10px,2vw,22px) !important;
  overflow:hidden !important;
}
.cooldown-box{
  width:min(980px,96vw) !important;
  max-height:calc(100dvh - 24px) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:clamp(14px,2.2vh,28px) clamp(14px,2.5vw,32px) clamp(16px,2.4vh,32px) !important;
}
.cooldown-badge{
  margin-bottom:clamp(6px,1vh,12px) !important;
  padding:clamp(5px,.8vh,8px) clamp(12px,2vw,18px) !important;
  font-size:clamp(10px,1.3vw,13px) !important;
}
.cooldown-title{
  margin-bottom:clamp(4px,.8vh,8px) !important;
  font-size:clamp(20px,3.2vw,40px) !important;
}
.cooldown-text{
  max-width:min(640px,88vw) !important;
  margin-bottom:clamp(8px,1.4vh,16px) !important;
  font-size:clamp(13px,1.7vw,16px) !important;
  line-height:1.45 !important;
}
.cooldown-stage{
  flex:0 1 auto !important;
  min-height:0 !important;
  grid-template-columns:minmax(0,1fr) clamp(52px,8vw,92px) minmax(0,1fr) !important;
  gap:clamp(8px,1.8vw,22px) !important;
  margin:clamp(6px,1.2vh,12px) 0 clamp(8px,1.4vh,16px) !important;
}
.cooldown-knight-wrap,.cooldown-dragon-wrap{
  min-height:0 !important;
  height:clamp(150px,36vh,270px) !important;
  padding:clamp(8px,1.4vh,18px) clamp(8px,1.4vw,18px) !important;
}
.cooldown-knight-img{
  width:min(255px,100%) !important;
  max-height:min(32vh,270px) !important;
}
.cooldown-dragon-img{
  width:min(315px,100%) !important;
  max-height:min(32vh,280px) !important;
}
.cooldown-versus{
  order:0 !important;
  font-size:clamp(24px,4.5vw,50px) !important;
  letter-spacing:.08em !important;
}
.cooldown-timer-wrap{
  gap:clamp(2px,.6vh,6px) !important;
  margin-top:0 !important;
}
.cooldown-timer-label{
  font-size:clamp(10px,1.3vw,12px) !important;
}
.cooldown-time{
  font-size:clamp(26px,5vh,48px) !important;
}
.cooldown-action{
  margin-top:clamp(8px,1.6vh,18px) !important;
  padding:clamp(9px,1.3vh,13px) clamp(16px,2.4vw,24px) !important;
}

@media(max-width:800px){
  .cooldown-stage{
    grid-template-columns:minmax(0,1fr) clamp(34px,8vw,52px) minmax(0,1fr) !important;
    gap:clamp(5px,1.5vw,10px) !important;
  }
  .cooldown-versus{order:0 !important;}
  .cooldown-knight-wrap{order:0 !important;}
  .cooldown-dragon-wrap{order:0 !important;}
  .cooldown-side-label{
    font-size:9px !important;
    padding:4px 6px !important;
    letter-spacing:.1em !important;
  }
  .cooldown-knight-wrap,.cooldown-dragon-wrap{
    height:clamp(130px,32vh,210px) !important;
  }
  .cooldown-knight-img,.cooldown-dragon-img{
    max-height:min(29vh,210px) !important;
  }
}

@media(max-width:560px){
  .cooldown-pop{padding:8px !important;}
  .cooldown-box{
    max-height:calc(100dvh - 16px) !important;
    padding:14px 10px 16px !important;
  }
  .cooldown-title{font-size:clamp(18px,6vw,28px) !important;}
  .cooldown-text{font-size:12px !important;line-height:1.35 !important;}
  .cooldown-stage{
    grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) !important;
    gap:5px !important;
  }
  .cooldown-knight-wrap,.cooldown-dragon-wrap{
    height:clamp(115px,30vh,180px) !important;
    padding:8px 5px !important;
  }
  .cooldown-knight-img,.cooldown-dragon-img{
    max-height:min(27vh,175px) !important;
  }
  .cooldown-versus{font-size:22px !important;}
  .cooldown-time{font-size:clamp(24px,7vh,40px) !important;}
  .cooldown-action{width:auto !important;min-width:150px !important;}
}

@media(max-height:680px){
  .cooldown-badge{display:none !important;}
  .cooldown-title{font-size:clamp(18px,4.5vh,32px) !important;}
  .cooldown-text{font-size:12px !important;margin-bottom:6px !important;}
  .cooldown-stage{margin:4px 0 8px !important;}
  .cooldown-knight-wrap,.cooldown-dragon-wrap{height:clamp(120px,34vh,220px) !important;}
  .cooldown-knight-img,.cooldown-dragon-img{max-height:min(31vh,210px) !important;}
  .cooldown-time{font-size:clamp(24px,6vh,38px) !important;}
  .cooldown-action{margin-top:7px !important;padding:9px 18px !important;}
}

@media(max-height:540px){
  .cooldown-text{display:none !important;}
  .cooldown-title{font-size:20px !important;}
  .cooldown-knight-wrap,.cooldown-dragon-wrap{height:clamp(100px,38vh,170px) !important;}
  .cooldown-knight-img,.cooldown-dragon-img{max-height:min(35vh,160px) !important;}
  .cooldown-timer-label{display:none !important;}
  .cooldown-action{padding:7px 16px !important;font-size:12px !important;}
}


/* V23: High-end Kampfeffekt für das Cooldown-Popup */
.cooldown-pop{
  background:
    radial-gradient(circle at 18% 40%, rgba(255,170,70,.10), transparent 22%),
    radial-gradient(circle at 82% 42%, rgba(255,78,24,.16), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(255,122,0,.10), transparent 38%),
    linear-gradient(180deg, rgba(4,5,7,.76), rgba(0,0,0,.90)) !important;
  isolation:isolate;
}
.cooldown-pop::before,
.cooldown-pop::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
.cooldown-pop::before{
  background:
    radial-gradient(circle at 20% 22%, rgba(255,206,118,.18), transparent 26%),
    radial-gradient(circle at 78% 28%, rgba(255,108,54,.18), transparent 28%),
    radial-gradient(circle at 50% 72%, rgba(255,152,61,.08), transparent 34%);
  filter:blur(24px);
  animation:arenaGlow 4.8s ease-in-out infinite;
}
.cooldown-pop::after{
  background-image:
    radial-gradient(circle, rgba(255,206,118,.70) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,103,48,.55) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(255,240,180,.38) 0 1px, transparent 1.6px);
  background-size: 130px 130px, 170px 170px, 210px 210px;
  background-position: 0 0, 30px 60px, 70px 10px;
  opacity:.28;
  mix-blend-mode:screen;
  animation:emberDrift 15s linear infinite;
}
.cooldown-box{
  position:relative;
  z-index:1;
  border-color:rgba(247,200,75,.70) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,202,88,.10), transparent 28%),
    radial-gradient(circle at 50% 120%, rgba(255,104,33,.08), transparent 30%),
    linear-gradient(180deg, rgba(21,17,14,.98), rgba(7,8,11,.995)) !important;
  box-shadow:
    0 0 0 4px rgba(0,0,0,.58),
    0 0 34px rgba(255,120,30,.16),
    0 0 110px rgba(91,29,9,.30),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 44px rgba(255,172,76,.08) !important;
}
.cooldown-box::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.045) 50%, transparent 58%),
    radial-gradient(circle at 50% 50%, rgba(247,200,75,.06), transparent 60%);
  mix-blend-mode:screen;
  opacity:.75;
  animation:bladeShine 3.8s ease-in-out infinite;
}
.cooldown-box::after{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border:1px solid rgba(255,210,120,.14);
  box-shadow:inset 0 0 18px rgba(255,199,84,.08);
  clip-path:inherit;
}
.cooldown-stage{
  position:relative;
  overflow:hidden;
}
.cooldown-stage::before{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, transparent, rgba(255,213,128,.30) 22%, rgba(255,255,255,.86) 50%, rgba(255,136,68,.32) 78%, transparent);
  box-shadow:0 0 16px rgba(255,197,100,.18);
  opacity:.72;
  animation:clashLine 2.4s ease-in-out infinite;
}
.cooldown-stage::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:120px;
  height:120px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(255,232,154,.28), rgba(255,128,48,.12) 36%, transparent 68%);
  filter:blur(8px);
  opacity:.75;
  animation:clashBurst 1.8s ease-in-out infinite;
}
.cooldown-knight-wrap,
.cooldown-dragon-wrap{
  border-color:rgba(247,200,75,.22) !important;
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.34),
    inset 0 0 14px rgba(255,255,255,.02),
    0 0 18px rgba(0,0,0,.18) !important;
}
.cooldown-knight-wrap{
  background:
    radial-gradient(circle at 78% 50%, rgba(244,198,82,.18), transparent 34%),
    linear-gradient(180deg, rgba(59,45,23,.48), rgba(12,10,10,.46)) !important;
}
.cooldown-dragon-wrap{
  background:
    radial-gradient(circle at 22% 48%, rgba(255,86,29,.22), transparent 36%),
    linear-gradient(180deg, rgba(58,23,16,.52), rgba(12,10,10,.46)) !important;
}
.cooldown-knight-img{
  animation:knightBattleFloat 2.6s ease-in-out infinite !important;
  filter:drop-shadow(0 0 22px rgba(255,175,71,.20)) drop-shadow(0 12px 20px rgba(0,0,0,.62)) !important;
}
.cooldown-dragon-img{
  animation:dragonBattleBreath 2.0s ease-in-out infinite !important;
  filter:drop-shadow(0 0 24px rgba(255,93,29,.28)) drop-shadow(0 14px 24px rgba(0,0,0,.70)) !important;
}
.cooldown-versus{
  text-shadow:
    0 0 8px rgba(255,255,255,.24),
    0 0 18px rgba(255,174,84,.32),
    0 0 28px rgba(255,90,26,.22) !important;
  animation:versusPulse 1.9s ease-in-out infinite !important;
}
.cooldown-time{
  text-shadow:
    0 0 10px rgba(255,251,226,.18),
    0 0 20px rgba(247,200,75,.16) !important;
}
.cooldown-action{
  box-shadow:0 0 16px rgba(247,200,75,.18), inset 0 0 12px rgba(255,255,255,.04) !important;
}
@keyframes arenaGlow{
  0%,100%{transform:scale(1);opacity:.78}
  50%{transform:scale(1.04);opacity:1}
}
@keyframes emberDrift{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-40px,-90px,0)}
}
@keyframes bladeShine{
  0%,100%{transform:translateX(-16%);opacity:.32}
  50%{transform:translateX(16%);opacity:.92}
}
@keyframes clashLine{
  0%,100%{opacity:.45;transform:translateY(-50%) scaleX(.92)}
  50%{opacity:1;transform:translateY(-50%) scaleX(1.08)}
}
@keyframes clashBurst{
  0%,100%{opacity:.38;transform:translate(-50%,-50%) scale(.76)}
  50%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes knightBattleFloat{
  0%,100%{transform:translateX(0) translateY(0) scale(1)}
  50%{transform:translateX(8px) translateY(-6px) scale(1.02)}
}
@keyframes dragonBattleBreath{
  0%,100%{transform:translateX(0) translateY(0) scale(1)}
  50%{transform:translateX(-8px) translateY(-4px) scale(1.03)}
}
@keyframes versusPulse{
  0%,100%{transform:scale(1);opacity:.88}
  50%{transform:scale(1.12);opacity:1}
}
@media (max-width: 560px){
  .cooldown-stage::before{left:10%;right:10%;}
  .cooldown-stage::after{width:84px;height:84px;}
  .cooldown-pop::after{opacity:.18;}
}


/* V26: Schlaganimation und stärkeres Drachenfeuer ohne Countdown-Blitz */
.cooldown-knight-wrap{
  isolation:isolate;
}
.cooldown-knight-wrap::after{
  content:"";
  position:absolute;
  right:-2%;
  top:28%;
  width:140px;
  height:140px;
  pointer-events:none;
  background:
    conic-gradient(from 228deg,
      transparent 0 24%,
      rgba(255,252,242,0) 24%,
      rgba(255,247,214,.92) 27%,
      rgba(255,207,103,.85) 34%,
      rgba(255,134,51,.36) 40%,
      transparent 45% 100%);
  filter:blur(0.5px) drop-shadow(0 0 12px rgba(255,214,120,.32));
  transform-origin:76% 76%;
  opacity:0;
  z-index:2;
  animation:swordArcSlash 2.6s ease-in-out infinite;
}
.cooldown-knight-img{
  transform-origin:72% 70%;
  animation:knightAttackStrike 2.6s cubic-bezier(.52,.08,.42,.95) infinite !important;
}
.cooldown-dragon-wrap{
  isolation:isolate;
}
.cooldown-dragon-wrap::before{
  content:"";
  position:absolute;
  left:-6%;
  right:18%;
  top:36%;
  height:104px;
  pointer-events:none;
  background:
    radial-gradient(circle at 88% 48%, rgba(255,255,231,.95) 0 3%, rgba(255,221,132,.94) 8%, rgba(255,160,49,.88) 20%, rgba(255,101,24,.82) 38%, rgba(255,38,0,.22) 56%, transparent 72%),
    linear-gradient(90deg, rgba(255,125,27,0) 0%, rgba(255,152,33,.26) 22%, rgba(255,133,21,.72) 44%, rgba(255,88,17,.94) 65%, rgba(255,47,0,.0) 100%);
  filter:blur(9px);
  mix-blend-mode:screen;
  opacity:.94;
  transform-origin:right center;
  z-index:2;
  animation:dragonFlameBlast 1.18s ease-in-out infinite;
}
.cooldown-dragon-wrap::after{
  left:-2% !important;
  right:18% !important;
  top:38% !important;
  bottom:auto !important;
  height:88px !important;
  background:
    radial-gradient(circle at 84% 50%, rgba(255,230,150,.54), rgba(255,118,28,.34) 28%, rgba(255,76,0,.16) 52%, transparent 72%) !important;
  filter:blur(18px) !important;
  opacity:1 !important;
  animation:fireAuraBlast 1.18s ease-in-out infinite !important;
}
.cooldown-dragon-img{
  transform-origin:34% 56%;
  animation:dragonBreathAttack 1.18s ease-in-out infinite !important;
  filter:drop-shadow(0 0 28px rgba(255,102,25,.34)) drop-shadow(0 14px 24px rgba(0,0,0,.72)) !important;
}
.cooldown-stage::before{
  opacity:.88 !important;
  background:linear-gradient(90deg, transparent, rgba(255,222,152,.18) 16%, rgba(255,255,255,.95) 50%, rgba(255,144,72,.28) 84%, transparent) !important;
  animation:clashLineImpact 1.3s ease-in-out infinite !important;
}
.cooldown-stage::after{
  width:150px !important;
  height:150px !important;
  background:radial-gradient(circle, rgba(255,243,187,.42), rgba(255,137,48,.18) 40%, transparent 70%) !important;
  animation:clashBurstImpact 1.3s ease-in-out infinite !important;
}
.cooldown-timer-wrap{
  position:relative;
  isolation:isolate;
}
.cooldown-time{
  animation:timerPulse 1.1s ease-in-out infinite !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.18),
    0 0 18px rgba(247,200,75,.20) !important;
}
@keyframes knightAttackStrike{
  0%,100%{transform:translateX(0) translateY(0) rotate(0deg) scale(1)}
  14%{transform:translateX(-5px) translateY(2px) rotate(-6deg) scale(.995)}
  32%{transform:translateX(14px) translateY(-10px) rotate(7deg) scale(1.04)}
  43%{transform:translateX(10px) translateY(-4px) rotate(4deg) scale(1.02)}
  58%{transform:translateX(4px) translateY(-2px) rotate(1deg) scale(1.01)}
  72%{transform:translateX(0) translateY(0) rotate(0deg) scale(1)}
}
@keyframes swordArcSlash{
  0%,16%,100%{opacity:0;transform:rotate(-28deg) scale(.72)}
  26%{opacity:.16;transform:rotate(-8deg) scale(.86)}
  34%{opacity:1;transform:rotate(18deg) scale(1.02)}
  40%{opacity:.78;transform:rotate(28deg) scale(1.06)}
  52%{opacity:0;transform:rotate(34deg) scale(1.08)}
}
@keyframes dragonBreathAttack{
  0%,100%{transform:translateX(0) translateY(0) scale(1)}
  22%{transform:translateX(-4px) translateY(-2px) scale(1.01)}
  40%{transform:translateX(-10px) translateY(-6px) scale(1.04)}
  58%{transform:translateX(-8px) translateY(-4px) scale(1.03)}
  74%{transform:translateX(-2px) translateY(-1px) scale(1.01)}
}
@keyframes dragonFlameBlast{
  0%,100%{opacity:.60;transform:translateX(0) scaleX(.84) scaleY(.88)}
  18%{opacity:.86;transform:translateX(-4px) scaleX(.98) scaleY(.96)}
  38%{opacity:1;transform:translateX(-10px) scaleX(1.18) scaleY(1.08)}
  58%{opacity:.92;transform:translateX(-6px) scaleX(1.06) scaleY(1.02)}
  74%{opacity:.72;transform:translateX(-2px) scaleX(.94) scaleY(.94)}
}
@keyframes fireAuraBlast{
  0%,100%{opacity:.46;transform:scaleX(.82)}
  38%{opacity:1;transform:scaleX(1.18)}
  58%{opacity:.82;transform:scaleX(1.05)}
}
@keyframes clashLineImpact{
  0%,100%{opacity:.34;transform:translateY(-50%) scaleX(.88)}
  38%{opacity:1;transform:translateY(-50%) scaleX(1.18)}
  56%{opacity:.76;transform:translateY(-50%) scaleX(1.04)}
}
@keyframes clashBurstImpact{
  0%,100%{opacity:.22;transform:translate(-50%,-50%) scale(.56)}
  38%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}
  56%{opacity:.56;transform:translate(-50%,-50%) scale(.94)}
}
@media (max-width: 560px){
  .cooldown-knight-wrap::after{width:96px;height:96px;right:-6%;top:32%;}
  .cooldown-dragon-wrap::before{height:82px;top:39%;left:-8%;right:12%;}
  .cooldown-dragon-wrap::after{height:72px !important;}
  .cooldown-stage::after{width:104px !important;height:104px !important;}
}


/* V28: Neuer großer Drache im Cooldown-Popup */
.cooldown-dragon-wrap{
  justify-content:flex-end !important;
  padding-right:clamp(8px,1vw,12px) !important;
}
.cooldown-dragon-img{
  width:min(430px,124%) !important;
  max-width:none !important;
  max-height:min(44vh,380px) !important;
  object-fit:contain !important;
}
@media (max-width: 900px){
  .cooldown-dragon-img{
    width:min(360px,118%) !important;
    max-height:min(36vh,300px) !important;
  }
}
@media (max-width: 560px){
  .cooldown-dragon-wrap{justify-content:center !important;}
  .cooldown-dragon-img{
    width:min(300px,116%) !important;
    max-height:min(28vh,225px) !important;
  }
}


/* V31: Hochwertiges Kontakt-Popup */
.contact-pop{
  position:fixed;
  inset:0;
  z-index:9000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,3vw,34px);
  background:
    radial-gradient(circle at 28% 35%,rgba(93,255,122,.09),transparent 24%),
    radial-gradient(circle at 72% 58%,rgba(247,200,75,.13),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88));
  backdrop-filter:blur(8px);
  isolation:isolate;
}
.contact-pop.is-open{display:flex;animation:contactBackdrop .24s ease-out both}
.contact-pop:before,.contact-pop:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
.contact-pop:before{
  background-image:radial-gradient(circle,rgba(247,200,75,.55) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(93,255,122,.35) 0 1px,transparent 1.5px);
  background-size:160px 160px,220px 220px;
  background-position:0 0,60px 90px;
  opacity:.18;
  animation:contactSparks 16s linear infinite;
}
.contact-pop:after{
  background:radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(0,0,0,.56) 100%);
}
.contact-box{
  position:relative;
  z-index:1;
  width:min(920px,96vw);
  overflow:hidden;
  color:#f4e4bd;
  background:
    radial-gradient(circle at 22% 42%,rgba(93,255,122,.08),transparent 30%),
    radial-gradient(circle at 78% 22%,rgba(247,200,75,.10),transparent 28%),
    linear-gradient(180deg,rgba(22,18,13,.98),rgba(6,8,10,.995));
  border:2px solid rgba(247,200,75,.62);
  box-shadow:0 0 0 4px rgba(0,0,0,.56),0 0 44px rgba(247,200,75,.16),0 0 120px rgba(45,120,58,.18),inset 0 0 48px rgba(247,200,75,.06);
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
  animation:contactSummon .52s cubic-bezier(.16,1,.3,1) both;
}
.contact-box:before{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1px solid rgba(247,200,75,.28);
  clip-path:inherit;
}
.contact-box:after{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  background:conic-gradient(from 0deg,transparent,rgba(93,255,122,.10),transparent 22%,transparent 56%,rgba(247,200,75,.12),transparent 72%);
  animation:contactRing 12s linear infinite;
  opacity:.65;
  z-index:-1;
}
.contact-x{
  position:absolute;
  top:14px;
  right:16px;
  z-index:4;
  width:38px;
  height:38px;
  border:1px solid rgba(247,200,75,.62);
  background:rgba(0,0,0,.45);
  color:var(--gold);
  font-size:26px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 18px rgba(247,200,75,.12);
}
.contact-content{
  display:grid;
  grid-template-columns:minmax(220px,.86fr) minmax(280px,1.14fr);
  gap:clamp(18px,3.2vw,44px);
  align-items:center;
  padding:clamp(28px,4.6vw,52px);
}
.contact-art-wrap{
  position:relative;
  min-height:360px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.contact-art-glow{
  position:absolute;
  inset:18% 5% 0;
  background:radial-gradient(circle at 50% 50%,rgba(93,255,122,.22),rgba(247,200,75,.10) 42%,transparent 70%);
  filter:blur(10px);
  animation:contactPulse 2.7s ease-in-out infinite;
}
.contact-goblin{
  position:relative;
  z-index:1;
  width:min(360px,100%);
  max-height:430px;
  object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(93,255,122,.20)) drop-shadow(0 18px 24px rgba(0,0,0,.64));
  animation:contactGoblinFloat 3.2s ease-in-out infinite;
}
.contact-copy{text-align:left;position:relative;z-index:2}
.contact-kicker{
  display:inline-block;
  margin-bottom:12px;
  padding:8px 14px;
  color:#8cff9f;
  border:1px solid rgba(93,255,122,.34);
  background:rgba(17,49,26,.32);
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:12px;
  font-weight:800;
  box-shadow:0 0 18px rgba(93,255,122,.08);
}
.contact-copy h2{
  margin:0 0 14px;
  font-size:clamp(30px,4vw,52px);
  line-height:1.02;
  color:#f8df9c;
  text-shadow:0 0 18px rgba(247,200,75,.22),0 4px 18px #000;
}
.contact-copy p{
  margin:0 0 22px;
  max-width:560px;
  color:#d8c59a;
  line-height:1.7;
}
.contact-mail{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  padding:13px 18px;
  color:#fff5cd;
  background:linear-gradient(180deg,rgba(247,200,75,.14),rgba(0,0,0,.26));
  border:1px solid rgba(247,200,75,.42);
  box-shadow:inset 0 0 14px rgba(247,200,75,.08),0 0 16px rgba(247,200,75,.08);
  text-shadow:0 0 12px rgba(247,200,75,.25);
  word-break:break-word;
}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.contact-cta,.contact-secondary{
  border:1px solid rgba(247,200,75,.66);
  padding:13px 20px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
  font-size:13px;
}
.contact-cta{
  color:#1c1204;
  background:linear-gradient(180deg,#ffe08a,#d18c20 62%,#7b3c0a);
  box-shadow:0 0 22px rgba(247,200,75,.22),inset 0 1px 0 rgba(255,255,255,.52);
}
.contact-secondary{
  color:var(--gold);
  background:rgba(0,0,0,.34);
}
.contact-x:hover,.contact-cta:hover,.contact-secondary:hover,.contact-mail:hover{filter:brightness(1.12);box-shadow:0 0 28px rgba(247,200,75,.26)}
@keyframes contactBackdrop{from{opacity:0}to{opacity:1}}
@keyframes contactSparks{from{transform:translate3d(0,0,0)}to{transform:translate3d(-60px,-100px,0)}}
@keyframes contactSummon{0%{opacity:0;transform:translateY(24px) scale(.88);filter:blur(4px) brightness(1.5)}70%{opacity:1;transform:translateY(-4px) scale(1.02);filter:blur(0) brightness(1.08)}100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}
@keyframes contactRing{to{transform:rotate(360deg)}}
@keyframes contactPulse{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes contactGoblinFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:760px){
  .contact-content{grid-template-columns:1fr;text-align:center;padding:34px 18px 26px}
  .contact-copy{text-align:center}
  .contact-copy p{margin-left:auto;margin-right:auto}
  .contact-art-wrap{min-height:220px;align-items:center}
  .contact-goblin{max-height:260px;width:min(250px,82vw)}
  .contact-actions{justify-content:center}
}
@media(max-width:480px){
  .contact-pop{padding:10px}
  .contact-box{width:100%}
  .contact-content{padding:46px 14px 22px;gap:8px}
  .contact-art-wrap{min-height:170px}
  .contact-goblin{max-height:200px}
  .contact-copy h2{font-size:28px}
  .contact-mail{font-size:14px;width:100%}
  .contact-cta,.contact-secondary{width:100%;text-align:center}
}





/* V34: stabiler Chatbot - Footer bleibt sichtbar, Icon bleibt klein */
html body .keylooter-chatbot,
.keylooter-chatbot{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  left:auto!important;
  top:auto!important;
  width:86px!important;
  height:86px!important;
  max-width:86px!important;
  max-height:86px!important;
  z-index:2147483000!important;
  display:block!important;
  overflow:visible!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-family:Georgia,'Times New Roman',serif!important;
}
.keylooter-chatbot *,
.keylooter-chatbot *::before,
.keylooter-chatbot *::after{box-sizing:border-box!important}
.keylooter-chatbot__toggle{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  left:auto!important;
  width:86px!important;
  height:86px!important;
  min-width:86px!important;
  min-height:86px!important;
  max-width:86px!important;
  max-height:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid rgba(247,200,75,.82)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,133,35,.18),rgba(5,7,10,.96))!important;
  box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 28px rgba(255,123,29,.32),inset 0 0 18px rgba(247,200,75,.12)!important;
  cursor:pointer!important;
  padding:5px!important;
  margin:0!important;
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.keylooter-chatbot__toggle:hover{transform:translateY(-4px) scale(1.04)!important;filter:brightness(1.12)!important}
.keylooter-chatbot__toggle img,
.keylooter-chatbot__icon,
.keylooter-chatbot img.keylooter-chatbot__icon{
  display:block!important;
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  max-width:74px!important;
  max-height:74px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  float:none!important;
  filter:drop-shadow(0 0 10px rgba(255,86,22,.4))!important;
}
.keylooter-chatbot__pulse{position:absolute!important;inset:-8px!important;border-radius:50%!important;border:1px solid rgba(247,200,75,.26)!important;animation:klcPulse 2.2s ease-out infinite!important;pointer-events:none!important}
.keylooter-chatbot__panel{
  position:absolute!important;
  right:0!important;
  bottom:104px!important;
  left:auto!important;
  top:auto!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100vh - 130px)!important;
  height:auto!important;
  display:none!important;
  overflow:hidden!important;
  border:2px solid rgba(247,200,75,.62)!important;
  background:linear-gradient(180deg,rgba(18,13,9,.98),rgba(4,5,7,.99))!important;
  box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 60px rgba(255,115,23,.26),inset 0 0 34px rgba(247,200,75,.06)!important;
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)!important;
  pointer-events:auto!important;
}
.keylooter-chatbot.is-open{width:min(390px,calc(100vw - 28px))!important;height:auto!important;max-width:calc(100vw - 28px)!important;max-height:none!important;}
.keylooter-chatbot.is-open .keylooter-chatbot__panel{display:block!important;animation:klcSummon .34s cubic-bezier(.16,1,.3,1) both!important}
.keylooter-chatbot__header{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-bottom:1px solid rgba(247,200,75,.2)!important;background:linear-gradient(180deg,rgba(123,16,12,.48),rgba(0,0,0,.12))!important}
.keylooter-chatbot__header img{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;flex:0 0 54px!important;filter:drop-shadow(0 0 12px rgba(255,101,23,.35))!important}
.keylooter-chatbot__header strong{display:block!important;color:#f7c84b!important;font-size:18px!important;line-height:1.15!important;letter-spacing:.03em!important;text-shadow:0 0 10px rgba(247,200,75,.28)!important}
.keylooter-chatbot__header span{display:block!important;color:#bda87c!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.13em!important}
.keylooter-chatbot__close{margin-left:auto!important;width:32px!important;height:32px!important;min-width:32px!important;border:1px solid rgba(247,200,75,.45)!important;background:rgba(0,0,0,.36)!important;color:#f7c84b!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;padding:0!important}
.keylooter-chatbot__body{padding:16px!important;max-height:210px!important;overflow:auto!important;background:radial-gradient(circle at 50% 0%,rgba(247,200,75,.08),transparent 34%)!important}
.keylooter-chatbot__message{padding:11px 13px!important;margin:0 0 10px!important;line-height:1.45!important;font-size:14px!important;color:#e9d4a0!important}
.keylooter-chatbot__message--bot{border:1px solid rgba(247,200,75,.18)!important;background:rgba(247,200,75,.06)!important}
.keylooter-chatbot__message--user{color:#fff1c9!important;border:1px solid rgba(255,139,36,.22)!important;background:rgba(123,16,12,.22)!important;margin-left:22px!important}
.keylooter-chatbot__form{padding:16px!important;border-top:1px solid rgba(247,200,75,.18)!important;margin:0!important}
.keylooter-chatbot__form label{display:block!important;margin:0 0 12px!important;padding:0!important}
.keylooter-chatbot__form span{display:block!important;margin:0 0 6px!important;color:#f1d992!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.14em!important}
.keylooter-chatbot__form input,.keylooter-chatbot__form textarea{width:100%!important;max-width:100%!important;border:1px solid rgba(247,200,75,.28)!important;background:rgba(0,0,0,.45)!important;color:#fff0c6!important;padding:11px 12px!important;font:inherit!important;outline:none!important;resize:vertical!important;border-radius:0!important;box-shadow:none!important}
.keylooter-chatbot__form button[type=submit]{width:100%!important;border:1px solid rgba(247,200,75,.76)!important;background:linear-gradient(180deg,rgba(141,22,14,.98),rgba(56,10,5,.98))!important;color:#f7c84b!important;padding:12px 16px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.14em!important;cursor:pointer!important;box-shadow:0 0 18px rgba(255,115,23,.15),inset 0 0 12px rgba(247,200,75,.08)!important}
.keylooter-chatbot__status{min-height:18px!important;margin:10px 0 0!important;color:#bda87c!important;font-size:13px!important;text-align:center!important}
.keylooter-chatbot__status.is-success{color:#5dff7a!important}.keylooter-chatbot__status.is-error{color:#ff6868!important}
.keylooter-chatbot__email-field[hidden]{display:none!important}.keylooter-chatbot__email-field small{display:block!important;margin-top:6px!important;color:#a9956f!important;font-size:12px!important;line-height:1.35!important;text-transform:none!important;letter-spacing:0!important}
@keyframes klcPulse{0%{opacity:.75;transform:scale(.92)}100%{opacity:0;transform:scale(1.35)}}
@keyframes klcSummon{0%{opacity:0;transform:translateY(18px) scale(.9);filter:blur(4px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:560px){.keylooter-chatbot{right:14px!important;bottom:14px!important;width:74px!important;height:74px!important;max-width:74px!important;max-height:74px!important}.keylooter-chatbot__toggle{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;max-width:74px!important;max-height:74px!important}.keylooter-chatbot__toggle img,.keylooter-chatbot__icon{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important}.keylooter-chatbot__panel{bottom:90px!important}.keylooter-chatbot.is-open{width:min(390px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important}}



/* V36: hochwertigeres, grünlicheres Design für Kontakt-Popup und Chat */
.contact-pop{
  background:
    radial-gradient(circle at 20% 20%, rgba(95, 255, 150, .14), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(164, 255, 104, .10), transparent 22%),
    radial-gradient(circle at 50% 78%, rgba(255, 214, 102, .08), transparent 26%),
    linear-gradient(180deg, rgba(1, 10, 8, .76), rgba(0, 0, 0, .92));
}
.contact-pop:before{
  background-image:
    radial-gradient(circle, rgba(95,255,150,.45) 0 1.1px, transparent 1.8px),
    radial-gradient(circle, rgba(247,200,75,.28) 0 1px, transparent 1.6px);
  opacity:.22;
}
.contact-box{
  background:
    radial-gradient(circle at 18% 28%, rgba(100,255,170,.10), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(217,255,139,.10), transparent 24%),
    linear-gradient(180deg, rgba(13,22,17,.985), rgba(4,10,8,.995));
  border:2px solid rgba(120, 255, 171, .46);
  box-shadow:
    0 0 0 4px rgba(0,0,0,.56),
    0 0 42px rgba(77, 235, 144, .17),
    0 0 120px rgba(80, 255, 176, .10),
    inset 0 0 60px rgba(115, 255, 176, .06),
    inset 0 1px 0 rgba(255,255,255,.04);
}
.contact-box:before{border-color:rgba(215,255,163,.24)}
.contact-box:after{
  background:conic-gradient(from 0deg, transparent, rgba(96,255,150,.10), transparent 22%, transparent 52%, rgba(247,200,75,.10), transparent 70%);
}
.contact-x{
  border-color:rgba(123,255,170,.56);
  background:linear-gradient(180deg, rgba(22,45,31,.82), rgba(5,13,9,.9));
  color:#c4ffc8;
  box-shadow:0 0 18px rgba(95,255,150,.10);
}
.contact-art-glow{
  background:radial-gradient(circle at 50% 50%, rgba(92,255,151,.24), rgba(231,255,130,.10) 36%, transparent 70%);
}
.contact-goblin{filter:drop-shadow(0 0 22px rgba(95,255,150,.22)) drop-shadow(0 18px 24px rgba(0,0,0,.64));}
.contact-kicker{
  color:#c3ffb5;
  border-color:rgba(123,255,170,.34);
  background:linear-gradient(180deg, rgba(20,60,38,.48), rgba(7,23,15,.40));
  box-shadow:0 0 18px rgba(95,255,150,.10), inset 0 0 12px rgba(95,255,150,.04);
}
.contact-copy h2{
  color:#e8ffb0;
  text-shadow:0 0 18px rgba(95,255,150,.14), 0 0 22px rgba(247,200,75,.12), 0 4px 18px #000;
}
.contact-copy p{color:#d3e4bf}
.contact-mail{
  color:#efffdc;
  background:linear-gradient(180deg, rgba(93,255,150,.10), rgba(0,0,0,.26));
  border-color:rgba(118,255,169,.34);
  box-shadow:inset 0 0 14px rgba(95,255,150,.06), 0 0 16px rgba(95,255,150,.07);
  text-shadow:0 0 12px rgba(95,255,150,.20);
}
.contact-cta,.contact-secondary{border-color:rgba(132,255,177,.60)}
.contact-cta{
  color:#08220f;
  background:linear-gradient(180deg, #ecffb3, #76d564 52%, #28713c);
  box-shadow:0 0 24px rgba(109,255,162,.20), inset 0 1px 0 rgba(255,255,255,.48);
}
.contact-secondary{
  color:#c9ffc8;
  background:linear-gradient(180deg, rgba(14,39,25,.70), rgba(4,13,9,.84));
}
.contact-x:hover,.contact-cta:hover,.contact-secondary:hover,.contact-mail:hover{filter:brightness(1.10);box-shadow:0 0 28px rgba(95,255,150,.20)}

html body .keylooter-chatbot,
.keylooter-chatbot{
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.42));
}
.keylooter-chatbot__toggle{
  border:1px solid rgba(136,255,175,.70)!important;
  background:
    radial-gradient(circle at 35% 30%, rgba(235,255,182,.28), transparent 28%),
    radial-gradient(circle at 60% 70%, rgba(90,255,150,.24), transparent 34%),
    linear-gradient(180deg, rgba(25,56,36,.98), rgba(8,17,12,.99))!important;
  box-shadow:
    0 0 0 2px rgba(0,0,0,.50),
    0 0 26px rgba(95,255,150,.25),
    inset 0 0 18px rgba(95,255,150,.10),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.keylooter-chatbot__toggle:hover{filter:brightness(1.08)!important;box-shadow:0 0 0 2px rgba(0,0,0,.50),0 0 32px rgba(95,255,150,.32),inset 0 0 18px rgba(95,255,150,.14),inset 0 1px 0 rgba(255,255,255,.08)!important}
.keylooter-chatbot__icon,
.keylooter-chatbot__toggle img{filter:drop-shadow(0 0 14px rgba(95,255,150,.16)) saturate(1.03)!important}
.keylooter-chatbot__pulse{border-color:rgba(118,255,169,.34)!important}
.keylooter-chatbot__panel{
  background:
    radial-gradient(circle at 84% 18%, rgba(220,255,140,.08), transparent 24%),
    radial-gradient(circle at 18% 0%, rgba(89,255,149,.10), transparent 30%),
    linear-gradient(180deg, rgba(11,24,18,.985), rgba(4,10,8,.995))!important;
  border:1px solid rgba(127,255,173,.44)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.58), 0 0 34px rgba(95,255,150,.18), inset 0 0 22px rgba(95,255,150,.06)!important;
}
.keylooter-chatbot__panel:before{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1px solid rgba(226,255,177,.14);
}
.keylooter-chatbot__header{
  border-bottom:1px solid rgba(120,255,171,.18)!important;
  background:linear-gradient(180deg, rgba(21,54,35,.65), rgba(6,14,10,.20))!important;
}
.keylooter-chatbot__header img{filter:drop-shadow(0 0 12px rgba(95,255,150,.24))!important}
.keylooter-chatbot__header strong{color:#ddffaf!important;text-shadow:0 0 10px rgba(95,255,150,.20)!important}
.keylooter-chatbot__header span{color:#9fe5a1!important}
.keylooter-chatbot__close{
  border-color:rgba(123,255,170,.34)!important;
  background:rgba(3,15,9,.55)!important;
  color:#d7ffcc!important;
}
.keylooter-chatbot__body{
  background:radial-gradient(circle at 50% 0%, rgba(95,255,150,.10), transparent 34%)!important;
}
.keylooter-chatbot__message{color:#d8e8c6!important}
.keylooter-chatbot__message--bot{
  border:1px solid rgba(123,255,170,.18)!important;
  background:rgba(95,255,150,.07)!important;
}
.keylooter-chatbot__message--user{
  color:#efffde!important;
  border:1px solid rgba(201,255,111,.16)!important;
  background:rgba(30,88,47,.24)!important;
}
.keylooter-chatbot__form{border-top:1px solid rgba(123,255,170,.16)!important}
.keylooter-chatbot__form span{color:#d9ffbc!important}
.keylooter-chatbot__form input,
.keylooter-chatbot__form textarea{
  border:1px solid rgba(121,255,170,.24)!important;
  background:rgba(3,15,10,.58)!important;
  color:#f2ffe0!important;
  box-shadow:inset 0 0 12px rgba(95,255,150,.05)!important;
}
.keylooter-chatbot__form input:focus,
.keylooter-chatbot__form textarea:focus{
  border-color:rgba(173,255,110,.55)!important;
  box-shadow:0 0 0 2px rgba(95,255,150,.10), inset 0 0 14px rgba(95,255,150,.06)!important;
}
.keylooter-chatbot__form button[type=submit]{
  border:1px solid rgba(142,255,181,.72)!important;
  background:linear-gradient(180deg, rgba(225,255,171,.98), rgba(93,211,108,.95), rgba(28,94,48,.98))!important;
  color:#071b0d!important;
  text-shadow:none!important;
  box-shadow:0 0 20px rgba(95,255,150,.20), inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.keylooter-chatbot__status{color:#a8dba2!important}
.keylooter-chatbot__status.is-success{color:#8cff9f!important}
.keylooter-chatbot__status.is-error{color:#ff8f8f!important}


/* V37: Stats-Sektion mit bereitgestellten Pixel-Art-Bildern */
.stats{
  padding:58px 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(247,200,75,.08), transparent 30%),
    linear-gradient(180deg, #090b0e, #060709);
}
.stats-grid{
  max-width:1180px;
  gap:18px;
  align-items:stretch;
}
.stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:100%;
  padding:24px 18px 20px;
  border-right:1px solid rgba(247,200,75,.14);
  background:linear-gradient(180deg, rgba(18,20,25,.74), rgba(7,8,9,.88));
  box-shadow:inset 0 0 24px rgba(247,200,75,.05), 0 10px 24px rgba(0,0,0,.18);
}
.stat strong{
  margin-bottom:8px;
  font-size:clamp(34px, 3.2vw, 42px);
}
.stat span{
  display:block;
  min-height:2.8em;
  color:#d1be94;
  font-size:15px;
  letter-spacing:.03em;
}
.stat-art{
  margin-top:18px;
  height:170px;
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.stat-art img{
  max-width:100%;
  max-height:170px;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(255,185,42,.18)) drop-shadow(0 10px 14px rgba(0,0,0,.38));
}
@media(max-width:980px){
  .stat{padding:22px 14px 18px}
  .stat-art{height:155px}
  .stat-art img{max-height:155px}
}
@media(max-width:620px){
  .stat{padding:22px 16px}
  .stat span{min-height:auto}
  .stat-art{height:180px;margin-top:14px}
  .stat-art img{max-height:180px}
}


/* V39: hochwertigeres gold-rotes Chatbot-Design */
html body .keylooter-chatbot,
.keylooter-chatbot{
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.50)) drop-shadow(0 0 22px rgba(255,124,30,.12));
}
.keylooter-chatbot__toggle{
  border:1px solid rgba(247,202,92,.82)!important;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,235,176,.28), transparent 22%),
    radial-gradient(circle at 72% 72%, rgba(255,118,34,.22), transparent 34%),
    linear-gradient(145deg, rgba(104,17,9,.98) 0%, rgba(57,7,4,.99) 46%, rgba(14,4,3,1) 100%)!important;
  box-shadow:
    0 0 0 2px rgba(0,0,0,.54),
    0 0 0 4px rgba(117,17,10,.50),
    0 0 28px rgba(255,126,31,.22),
    inset 0 1px 0 rgba(255,250,216,.16),
    inset 0 0 24px rgba(247,200,75,.10),
    inset 0 -14px 24px rgba(0,0,0,.22)!important;
}
.keylooter-chatbot__toggle:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,220,136,.18);
  border-radius:50%;
  pointer-events:none;
  box-shadow:inset 0 0 12px rgba(255,214,120,.10);
}
.keylooter-chatbot__toggle:hover{
  transform:translateY(-4px) scale(1.04)!important;
  filter:brightness(1.10)!important;
  box-shadow:
    0 0 0 2px rgba(0,0,0,.54),
    0 0 0 4px rgba(133,26,12,.56),
    0 0 34px rgba(255,126,31,.30),
    inset 0 1px 0 rgba(255,250,216,.22),
    inset 0 0 26px rgba(247,200,75,.14),
    inset 0 -14px 24px rgba(0,0,0,.18)!important;
}
.keylooter-chatbot__icon,
.keylooter-chatbot__toggle img{
  filter:drop-shadow(0 0 14px rgba(255,132,38,.24)) saturate(1.08)!important;
}
.keylooter-chatbot__pulse{
  border-color:rgba(247,200,75,.30)!important;
  box-shadow:0 0 18px rgba(255,136,42,.12);
}
.keylooter-chatbot__panel{
  background:
    radial-gradient(circle at 84% 16%, rgba(255,202,92,.10), transparent 22%),
    radial-gradient(circle at 12% 0%, rgba(255,103,37,.10), transparent 28%),
    linear-gradient(180deg, rgba(56,10,7,.985) 0%, rgba(26,6,5,.992) 48%, rgba(9,4,3,.998) 100%)!important;
  border:1px solid rgba(247,200,75,.45)!important;
  box-shadow:
    0 0 0 2px rgba(0,0,0,.60),
    0 0 0 4px rgba(96,15,9,.42),
    0 0 38px rgba(255,120,31,.16),
    inset 0 0 28px rgba(247,200,75,.06),
    inset 0 1px 0 rgba(255,244,205,.08)!important;
}
.keylooter-chatbot__panel:before{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1px solid rgba(247,220,140,.15);
  background:
    linear-gradient(90deg, rgba(255,211,123,.08), transparent 8%, transparent 92%, rgba(255,211,123,.08)),
    linear-gradient(180deg, rgba(255,211,123,.06), transparent 10%, transparent 90%, rgba(255,211,123,.06));
}
.keylooter-chatbot__panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18px 18px, rgba(247,200,75,.36) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 18px) 18px, rgba(247,200,75,.36) 0 2px, transparent 3px),
    radial-gradient(circle at 18px calc(100% - 18px), rgba(247,200,75,.36) 0 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 18px) calc(100% - 18px), rgba(247,200,75,.36) 0 2px, transparent 3px);
}
.keylooter-chatbot__header{
  border-bottom:1px solid rgba(247,200,75,.18)!important;
  background:
    linear-gradient(180deg, rgba(116,20,11,.52), rgba(43,8,6,.22))!important;
  box-shadow:inset 0 -1px 0 rgba(255,220,136,.06);
}
.keylooter-chatbot__header img{
  filter:drop-shadow(0 0 12px rgba(255,123,30,.28))!important;
}
.keylooter-chatbot__header strong{
  color:#ffd97a!important;
  text-shadow:0 0 12px rgba(247,200,75,.24)!important;
}
.keylooter-chatbot__header span{
  color:#d6b57a!important;
}
.keylooter-chatbot__close{
  border-color:rgba(247,200,75,.36)!important;
  background:linear-gradient(180deg, rgba(65,10,8,.74), rgba(18,5,4,.90))!important;
  color:#ffd97a!important;
  box-shadow:inset 0 1px 0 rgba(255,234,183,.08);
}
.keylooter-chatbot__body{
  background:
    radial-gradient(circle at 50% 0%, rgba(247,200,75,.09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.01), transparent)!important;
}
.keylooter-chatbot__body::-webkit-scrollbar{width:10px}
.keylooter-chatbot__body::-webkit-scrollbar-track{background:rgba(0,0,0,.28)}
.keylooter-chatbot__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(247,200,75,.58), rgba(130,26,13,.72)); border:2px solid rgba(0,0,0,.24)}
.keylooter-chatbot__message{
  color:#ead7ae!important;
  border-radius:14px!important;
}
.keylooter-chatbot__message--bot{
  border:1px solid rgba(247,200,75,.16)!important;
  background:linear-gradient(180deg, rgba(247,200,75,.07), rgba(255,145,61,.03))!important;
  box-shadow:inset 0 1px 0 rgba(255,236,188,.04);
}
.keylooter-chatbot__message--user{
  color:#fff2d0!important;
  border:1px solid rgba(255,126,31,.22)!important;
  background:linear-gradient(180deg, rgba(116,19,11,.32), rgba(54,10,6,.30))!important;
  box-shadow:inset 0 1px 0 rgba(255,227,171,.04);
}
.keylooter-chatbot__form{
  border-top:1px solid rgba(247,200,75,.14)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.01), transparent)!important;
}
.keylooter-chatbot__form span{
  color:#f1da9e!important;
  text-shadow:0 0 8px rgba(247,200,75,.12);
}
.keylooter-chatbot__form input,
.keylooter-chatbot__form textarea{
  border:1px solid rgba(247,200,75,.22)!important;
  background:
    linear-gradient(180deg, rgba(14,6,4,.82), rgba(5,3,2,.92))!important;
  color:#fff0cf!important;
  box-shadow:inset 0 0 14px rgba(247,200,75,.04), inset 0 1px 0 rgba(255,250,220,.03)!important;
}
.keylooter-chatbot__form input::placeholder,
.keylooter-chatbot__form textarea::placeholder{color:rgba(232,202,147,.48)!important}
.keylooter-chatbot__form input:focus,
.keylooter-chatbot__form textarea:focus{
  border-color:rgba(247,200,75,.56)!important;
  box-shadow:0 0 0 2px rgba(247,200,75,.08), 0 0 18px rgba(255,110,24,.08), inset 0 0 14px rgba(247,200,75,.05)!important;
}
.keylooter-chatbot__form button[type=submit]{
  border:1px solid rgba(247,200,75,.82)!important;
  background:
    linear-gradient(180deg, rgba(255,228,147,.98) 0%, rgba(247,200,75,.98) 18%, rgba(173,52,18,.98) 58%, rgba(82,13,8,.99) 100%)!important;
  color:#2c0904!important;
  text-shadow:0 1px 0 rgba(255,245,212,.30)!important;
  box-shadow:
    0 0 22px rgba(255,126,31,.14),
    inset 0 1px 0 rgba(255,253,233,.45),
    inset 0 -8px 14px rgba(85,12,7,.20)!important;
}
.keylooter-chatbot__form button[type=submit]:hover{
  filter:brightness(1.05)!important;
  box-shadow:
    0 0 28px rgba(255,126,31,.20),
    inset 0 1px 0 rgba(255,253,233,.50),
    inset 0 -8px 14px rgba(85,12,7,.18)!important;
}
.keylooter-chatbot__status{color:#cdb082!important}
.keylooter-chatbot__status.is-success{color:#ffd874!important}
.keylooter-chatbot__status.is-error{color:#ff9a86!important}




/* V45: Header-Logo und Text sauber repariert */
.site-header{
  height:78px;
  overflow:visible;
}
.nav-wrap{
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
  gap:18px;
}
.brand{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start;
  gap:12px;
  flex:0 0 auto;
  min-width:0;
  white-space:nowrap;
  line-height:1;
}
.brand-emblem{
  display:block !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  max-height:54px !important;
  object-fit:contain !important;
  object-position:center !important;
}
.brand-text{
  display:inline-block !important;
  font-size:18px !important;
  line-height:1 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
  color:var(--gold);
}
.main-nav{
  flex:1 1 auto;
  justify-content:center;
  min-width:0;
}
.header-cta{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:980px){
  .site-header{height:78px}
  .nav-wrap{height:78px;position:relative}
  .brand-emblem{width:50px !important;height:50px !important;min-width:50px !important;max-width:50px !important;max-height:50px !important}
  .brand-text{display:inline-block !important;font-size:17px !important}
}
@media(max-width:620px){
  .site-header{height:70px}
  .nav-wrap{height:70px;padding:0 16px}
  .brand-emblem{width:46px !important;height:46px !important;min-width:46px !important;max-width:46px !important;max-height:46px !important}
  .brand-text{display:inline-block !important;font-size:15px !important;letter-spacing:.06em}
  .mobile-toggle{margin-left:auto}
}
@media(max-width:390px){
  .brand-text{font-size:13px !important;letter-spacing:.04em}
  .brand{gap:8px}
  .brand-emblem{width:42px !important;height:42px !important;min-width:42px !important;max-width:42px !important;max-height:42px !important}
}


/* V46: Hochwertiges Reward-Karussell */
.rewards{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(247,200,75,.12), transparent 34%),
    radial-gradient(circle at 15% 50%, rgba(90,255,176,.05), transparent 28%),
    linear-gradient(180deg, #06080b, #05070a 48%, #040507);
}
.reward-carousel{
  position:relative;
  margin-top:22px;
  overflow:hidden;
  padding:18px 0 12px;
}
.reward-carousel::before,
.reward-carousel::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:110px;
  z-index:2;
  pointer-events:none;
}
.reward-carousel::before{
  left:0;
  background:linear-gradient(90deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.84) 42%, rgba(5,7,10,0) 100%);
}
.reward-carousel::after{
  right:0;
  background:linear-gradient(270deg, rgba(5,7,10,1) 0%, rgba(5,7,10,.84) 42%, rgba(5,7,10,0) 100%);
}
.reward-track{
  display:flex;
  align-items:stretch;
  gap:22px;
  width:max-content;
  animation:rewardMarquee 34s linear infinite;
  will-change:transform;
}
.reward-carousel:hover .reward-track{animation-play-state:paused}
.reward{
  position:relative;
  flex:0 0 248px;
  min-height:360px;
  padding:20px 18px 18px;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(24,20,18,.96), rgba(10,11,14,.98) 52%, rgba(6,9,12,.99) 100%);
  border:1px solid rgba(247,200,75,.24);
  border-radius:24px;
  box-shadow:
    0 14px 30px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.02),
    inset 0 16px 26px rgba(255,233,170,.03),
    inset 0 -16px 26px rgba(0,0,0,.18);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.reward::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.035);
  pointer-events:none;
}
.reward::after{
  content:"";
  position:absolute;
  inset:auto -14% 68% -14%;
  height:90px;
  background:radial-gradient(circle at 50% 50%, rgba(255,221,140,.14), transparent 62%);
  pointer-events:none;
}
.reward:hover{
  transform:translateY(-6px);
  border-color:rgba(247,200,75,.42);
  box-shadow:
    0 20px 34px rgba(0,0,0,.34),
    0 0 28px rgba(247,200,75,.10),
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 18px 30px rgba(255,233,170,.04),
    inset 0 -18px 30px rgba(0,0,0,.22);
}
.reward-art{
  position:relative;
  height:138px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.reward-art::before{
  content:"";
  position:absolute;
  width:126px;
  height:126px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(247,200,75,.18), rgba(247,200,75,.05) 44%, transparent 74%);
  filter:blur(4px);
}
.reward-art img{
  position:relative;
  z-index:1;
  max-width:152px;
  max-height:122px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(255,185,42,.34)) drop-shadow(0 10px 12px rgba(0,0,0,.46));
}
.reward .rarity{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:126px;
  padding:7px 12px;
  border-radius:999px;
  margin-bottom:10px;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.reward h3{
  margin:2px 0 8px;
  font-size:20px;
  color:#f1e0b7;
  line-height:1.12;
  text-shadow:0 0 12px rgba(0,0,0,.22);
}
.reward p{
  margin:0;
  color:#bfae8d;
  font-size:14px;
  line-height:1.55;
}
.reward--legendary{border-color:rgba(184,107,255,.30)}
.reward--legendary .reward-art::before{background:radial-gradient(circle, rgba(184,107,255,.22), rgba(184,107,255,.06) 48%, transparent 74%)}
.reward--epic{border-color:rgba(255,77,77,.30)}
.reward--epic .reward-art::before{background:radial-gradient(circle, rgba(255,77,77,.22), rgba(255,77,77,.06) 48%, transparent 74%)}
.reward--rare{border-color:rgba(255,216,77,.30)}
.reward--rare .reward-art::before{background:radial-gradient(circle, rgba(255,216,77,.24), rgba(255,216,77,.07) 48%, transparent 74%)}
.reward--uncommon{border-color:rgba(93,255,122,.30)}
.reward--uncommon .reward-art::before{background:radial-gradient(circle, rgba(93,255,122,.22), rgba(93,255,122,.06) 48%, transparent 74%)}
.reward--common{border-color:rgba(255,255,255,.18)}
.reward--common .reward-art::before{background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,.04) 48%, transparent 74%)}
@keyframes rewardMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 11px))}
}
@media(max-width:980px){
  .reward{flex-basis:228px;min-height:346px}
  .reward-track{animation-duration:30s}
}
@media(max-width:620px){
  .reward-carousel::before,.reward-carousel::after{width:44px}
  .reward-track{gap:16px;animation-duration:24s}
  .reward{flex-basis:210px;min-height:330px;padding:18px 15px 16px;border-radius:20px}
  .reward h3{font-size:18px}
  .reward p{font-size:13px}
  .reward-art{height:122px}
  .reward-art img{max-width:136px;max-height:110px}
}


/* V47: Carousel sichtbar erzwingen und Animation deutlicher machen */
#rewards .reward-row{display:none!important}
#rewards .reward-carousel{display:block!important;max-width:1180px;margin-left:auto;margin-right:auto}
#rewards .reward-track{display:flex!important;grid-template-columns:none!important;animation:rewardMarquee 22s linear infinite!important}
#rewards .reward{display:block!important}
@media (prefers-reduced-motion: reduce){#rewards .reward-track{animation:none!important;transform:none!important}}


/* V48: Reward-Karussell pausiert direkt beim Hover auf einer Kachel */
.reward-track.is-paused{animation-play-state:paused !important}
.reward:hover{z-index:3}


/* V49: Karussell-Pause wirklich erzwingen */
#rewards .reward-carousel:hover .reward-track,
#rewards .reward-track:hover,
#rewards .reward-track.is-paused{
  animation-play-state:paused !important;
}
#rewards .reward-carousel.is-paused .reward-track{
  animation-play-state:paused !important;
}


/* V51: Rechtliche Popups im Keylooter-Stil */
.legal-pop{
  position:fixed;
  inset:0;
  z-index:2147482600;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:
    radial-gradient(circle at 50% 12%, rgba(247,200,75,.14), transparent 34%),
    radial-gradient(circle at 18% 72%, rgba(92,255,160,.08), transparent 28%),
    rgba(0,0,0,.78);
  backdrop-filter:blur(6px);
}
.legal-pop.is-open{display:flex;animation:legalBackdrop .24s ease-out both}
.legal-box{
  position:relative;
  width:min(920px,96vw);
  max-height:min(84vh,820px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:2px solid rgba(247,200,75,.48);
  background:
    radial-gradient(circle at 18% 0%, rgba(247,200,75,.10), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(92,255,160,.08), transparent 28%),
    linear-gradient(180deg, rgba(18,16,13,.98), rgba(6,8,10,.99));
  box-shadow:
    0 0 0 4px rgba(0,0,0,.55),
    0 0 44px rgba(247,200,75,.16),
    0 0 110px rgba(92,255,160,.08),
    inset 0 0 58px rgba(247,200,75,.05);
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
  animation:legalSummon .34s cubic-bezier(.16,1,.3,1) both;
}
.legal-box:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(247,200,75,.13);
  pointer-events:none;
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);
}
.legal-orb{
  position:absolute;
  top:-90px;
  right:-70px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(247,200,75,.18), transparent 68%);
  filter:blur(2px);
  pointer-events:none;
}
.legal-x{
  position:absolute;
  right:16px;
  top:14px;
  z-index:4;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(247,200,75,.45);
  color:#f6d27c;
  background:linear-gradient(180deg, rgba(55,24,10,.92), rgba(8,9,10,.96));
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 18px rgba(247,200,75,.08), inset 0 1px 0 rgba(255,255,255,.06);
}
.legal-x:hover{filter:brightness(1.14);transform:rotate(90deg)}
.legal-head{
  position:relative;
  z-index:1;
  padding:28px 34px 18px;
  border-bottom:1px solid rgba(247,200,75,.14);
  background:linear-gradient(180deg, rgba(247,200,75,.05), transparent);
}
.legal-kicker{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 12px;
  border:1px solid rgba(92,255,160,.28);
  color:#91f4bf;
  background:rgba(12,45,31,.42);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:800;
}
.legal-title{margin:0;color:#f6cf78;font-size:clamp(28px,3vw,44px);text-shadow:0 0 20px rgba(247,200,75,.22)}
.legal-subtitle{margin:8px 0 0;color:#c7b68d;line-height:1.5}
.legal-panel{
  position:relative;
  z-index:1;
  display:none;
  padding:24px 34px 8px;
  overflow:auto;
  color:#d8c9a8;
  line-height:1.65;
}
.legal-panel.is-active{display:block}
.legal-panel h3{margin:0 0 16px;color:#fff0bd;font-size:28px}
.legal-panel h4{margin:22px 0 7px;color:#f6c456;text-transform:uppercase;letter-spacing:.08em;font-size:15px}
.legal-panel p{margin:0 0 13px}
.legal-panel strong{color:#ffe2a0}
.legal-panel a{color:#93f4bd;border-bottom:1px solid rgba(147,244,189,.32)}
.legal-panel::-webkit-scrollbar{width:10px}
.legal-panel::-webkit-scrollbar-track{background:rgba(0,0,0,.22)}
.legal-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(247,200,75,.55), rgba(41,92,62,.55));border:2px solid rgba(0,0,0,.28)}
.legal-actions{
  position:relative;
  z-index:2;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  padding:18px 34px 28px;
  border-top:1px solid rgba(247,200,75,.13);
}
.legal-button,.legal-mail{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border:1px solid rgba(247,200,75,.55);
  color:#f6cf78;
  background:linear-gradient(180deg, rgba(55,24,10,.82), rgba(8,9,10,.95));
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:13px;
  cursor:pointer;
  box-shadow:inset 0 0 16px rgba(247,200,75,.06);
}
.legal-mail{color:#93f4bd;border-color:rgba(92,255,160,.34);text-decoration:none}
.legal-button:hover,.legal-mail:hover{filter:brightness(1.14);box-shadow:0 0 24px rgba(247,200,75,.14)}
@keyframes legalBackdrop{from{opacity:0}to{opacity:1}}
@keyframes legalSummon{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){
  .legal-pop{padding:12px}
  .legal-box{max-height:88vh}
  .legal-head{padding:24px 20px 15px}
  .legal-panel{padding:20px 20px 6px}
  .legal-actions{padding:16px 20px 22px;justify-content:stretch}
  .legal-button,.legal-mail{width:100%}
}


/* V52: Belohnung-abholen Quest Flow */
.reward-claim-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:22px;
  margin-right:10px;
  padding:14px 24px;
  border:1px solid rgba(var(--loot-rgb),.88);
  color:#151009;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.13em;
  cursor:pointer;
  background:linear-gradient(180deg, #fff3be 0%, var(--loot) 48%, rgba(var(--loot-rgb),.74) 100%);
  box-shadow:0 0 24px rgba(var(--loot-rgb),.28), inset 0 1px 0 rgba(255,255,255,.52), inset 0 -9px 18px rgba(0,0,0,.16);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  overflow:hidden;
}
.reward-claim-btn::before{
  content:"";
  position:absolute;
  inset:0 auto 0 -85%;
  width:55%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.55), transparent);
  animation:claimShine 2.8s ease-in-out infinite;
}
.reward-claim-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 0 34px rgba(var(--loot-rgb),.46), inset 0 1px 0 rgba(255,255,255,.62)}
.quest-pop,.quest-status-pop{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  z-index:140;
  background:radial-gradient(circle at 50% 35%,rgba(247,200,75,.10),transparent 32%),rgba(0,0,0,.78);
  backdrop-filter:blur(5px);
}
.quest-pop.is-open,.quest-status-pop.is-open{display:flex;animation:questFade .26s ease both}
.quest-box,.quest-status-box{
  position:relative;
  width:min(760px,95vw);
  max-height:min(92vh,820px);
  overflow:auto;
  text-align:center;
  padding:clamp(24px,4vw,42px);
  border:2px solid rgba(247,200,75,.52);
  background:
    radial-gradient(circle at 18% 15%, rgba(99,255,171,.08), transparent 27%),
    radial-gradient(circle at 82% 12%, rgba(255,88,46,.10), transparent 25%),
    linear-gradient(180deg,rgba(22,14,10,.98),rgba(5,8,8,.99));
  box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 55px rgba(247,200,75,.20),inset 0 0 46px rgba(247,200,75,.07);
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);
  animation:questSummon .48s cubic-bezier(.16,1,.3,1) both;
}
.quest-box::before,.quest-status-box::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(247,200,75,.14);
  pointer-events:none;
  clip-path:inherit;
}
.quest-x,.quest-status-x{
  position:absolute;
  top:14px;
  right:16px;
  width:38px;
  height:38px;
  border:1px solid rgba(247,200,75,.42);
  background:rgba(0,0,0,.28);
  color:var(--gold);
  cursor:pointer;
  z-index:3;
}
.quest-x:hover,.quest-status-x:hover{filter:brightness(1.2);box-shadow:0 0 18px rgba(247,200,75,.24)}
.quest-kicker{
  display:inline-flex;
  margin-bottom:12px;
  padding:7px 13px;
  border:1px solid rgba(99,255,171,.25);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(15,64,46,.66),rgba(6,22,18,.74));
  color:#a8ffd0;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:800;
}
.quest-title,.quest-status-box h2{margin:0 0 16px;color:#ffe2a1;font-size:clamp(28px,4vw,44px);text-shadow:0 0 18px rgba(247,200,75,.20),0 3px 18px #000}
.quest-reward-frame{position:relative;width:150px;height:150px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.quest-glow{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(247,200,75,.36),rgba(99,255,171,.10) 45%,transparent 72%);filter:blur(8px);animation:lootPulse 1.8s ease-in-out infinite}
.quest-reward-img{position:relative;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(247,200,75,.38)) drop-shadow(0 12px 18px rgba(0,0,0,.65));animation:rewardFloat 2.4s ease-in-out infinite}
.quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 22px}
.quest-card{position:relative;padding:20px 18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(247,200,75,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.quest-card-label{display:block;margin-bottom:9px;color:#a8ffd0;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}
.quest-card strong{display:block;color:#f7c84b;font-size:20px;margin-bottom:8px}
.quest-card p,.quest-status-box p{margin:0;color:#d7c39a;line-height:1.6}
.popup-asset-preload{display:none!important}
.quest-card--reward{display:flex;flex-direction:column;align-items:center;text-align:center}
.quest-card-reward-visual{display:flex;align-items:center;justify-content:center;width:100%;margin:6px 0 12px}
.quest-card-reward-img{display:block;max-width:min(180px,100%);max-height:150px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(247,200,75,.28)) drop-shadow(0 12px 18px rgba(0,0,0,.4))}

.quest-provider-btn,.quest-finish-btn,.quest-cancel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(247,200,75,.62);
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
  text-decoration:none;
  padding:14px 22px;
  color:#160f08;
  background:linear-gradient(180deg,#fff0b3,#f7c84b 45%,#9b4616 100%);
  box-shadow:0 0 24px rgba(247,200,75,.18),inset 0 1px 0 rgba(255,255,255,.46);
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
}
.quest-provider-btn:hover,.quest-finish-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.quest-status-actions{display:flex;justify-content:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.quest-cancel-btn{color:#f0d29d;background:linear-gradient(180deg,rgba(49,18,12,.94),rgba(9,9,10,.98));border-color:rgba(247,200,75,.30)}
@keyframes claimShine{0%,35%{left:-85%}65%,100%{left:130%}}
@keyframes questFade{from{opacity:0}to{opacity:1}}
@keyframes questSummon{0%{opacity:0;transform:translateY(28px) scale(.9);filter:blur(3px) brightness(1.4)}70%{opacity:1;transform:translateY(-4px) scale(1.015);filter:blur(0) brightness(1.1)}100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}
@media(max-width:680px){.quest-grid{grid-template-columns:1fr}.reward-claim-btn{width:100%;margin-right:0}.pop-action{width:100%}.quest-status-actions{display:grid}.quest-provider-btn,.quest-finish-btn,.quest-cancel-btn{width:100%}}


/* V53: sichtbarer Reward-Quest-Button + Test-Cooldown-Key aktualisiert */
.pop-box .reward-claim-area{display:block!important;margin:24px auto 10px;text-align:center;position:relative;z-index:5}
.pop-box .reward-claim-note{display:block!important;margin:0 0 9px;color:#a8ffd0;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 12px rgba(99,255,171,.42)}
.pop-box .reward-claim-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:260px;min-height:56px;align-items:center!important;justify-content:center!important;font-size:15px!important;z-index:6!important;position:relative!important;border-radius:0!important}
.pop-box .reward-claim-btn::after{content:"✦";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.62);font-size:16px;animation:claimStarPulse 1.4s ease-in-out infinite}
@keyframes claimStarPulse{0%,100%{opacity:.5;transform:translateY(-50%) scale(.9)}50%{opacity:1;transform:translateY(-50%) scale(1.18)}}


/* V54: Quest Button im Truhen-Popup immer sichtbar */
.reward-claim-area{display:flex!important;flex-direction:column;align-items:center;justify-content:center;margin:22px auto 0!important;gap:9px!important;position:relative;z-index:4!important}
.reward-claim-note{display:inline-flex!important;color:#ffe8a8;font-size:12px;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 0 12px rgba(var(--loot-rgb),.38)}
.reward-claim-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:min(330px,100%);justify-content:center;margin:0!important}
.pop-action{display:inline-flex;justify-content:center;align-items:center}
@media(max-width:620px){.reward-claim-btn{width:100%;min-width:0}.reward-claim-area{width:100%}}


/* V57: Quest Teilnehmerdaten Popup */
.quest-user-pop{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  z-index:145;
  background:radial-gradient(circle at 50% 35%,rgba(247,200,75,.12),transparent 32%),rgba(0,0,0,.80);
  backdrop-filter:blur(6px);
}
.quest-user-pop.is-open{display:flex;animation:questFade .26s ease both}
.quest-user-box{
  position:relative;
  width:min(610px,95vw);
  max-height:min(92vh,760px);
  overflow:auto;
  text-align:center;
  padding:clamp(24px,4vw,42px);
  border:2px solid rgba(247,200,75,.52);
  background:
    radial-gradient(circle at 18% 15%, rgba(99,255,171,.08), transparent 27%),
    radial-gradient(circle at 82% 12%, rgba(255,88,46,.10), transparent 25%),
    linear-gradient(180deg,rgba(22,14,10,.98),rgba(5,8,8,.99));
  box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 55px rgba(247,200,75,.20),inset 0 0 46px rgba(247,200,75,.07);
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);
  animation:questSummon .48s cubic-bezier(.16,1,.3,1) both;
}
.quest-user-box::before{content:"";position:absolute;inset:10px;border:1px solid rgba(247,200,75,.14);pointer-events:none;clip-path:inherit}
.quest-user-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid rgba(247,200,75,.42);background:rgba(0,0,0,.28);color:var(--gold);cursor:pointer;z-index:3}
.quest-user-title{margin:0 0 10px;color:#ffe2a1;font-size:clamp(28px,4vw,42px);text-shadow:0 0 18px rgba(247,200,75,.20),0 3px 18px #000}
.quest-user-text{max-width:480px;margin:0 auto 20px;color:#d7c39a;line-height:1.6}
.quest-user-form{display:grid;gap:14px;text-align:left;position:relative;z-index:2}
.quest-user-form label:not(.quest-age-check){display:grid;gap:7px;color:#f7c84b;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
.quest-user-form input[type="text"],.quest-user-form input[type="email"]{
  width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(247,200,75,.26);background:linear-gradient(180deg,rgba(8,11,12,.92),rgba(3,5,6,.98));color:#fff1c8;box-shadow:inset 0 0 16px rgba(247,200,75,.04)
}
.quest-user-form input:focus{outline:none;border-color:rgba(99,255,171,.55);box-shadow:0 0 0 3px rgba(99,255,171,.10),inset 0 0 16px rgba(247,200,75,.04)}
.quest-age-check{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(99,255,171,.22);background:linear-gradient(180deg,rgba(15,64,46,.25),rgba(6,22,18,.36));color:#d7c39a;border-radius:14px;line-height:1.4}
.quest-age-check input{width:22px;height:22px;accent-color:#f7c84b;flex:0 0 auto}
.quest-user-error{min-height:20px;margin:0;color:#ff9a86;font-size:13px;text-align:center}
.quest-user-submit{
  display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border:1px solid rgba(247,200,75,.72);background:linear-gradient(180deg,#f7c84b,#a5461c 56%,#1a3d2e);color:#160c04;font-weight:900;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;box-shadow:0 0 22px rgba(247,200,75,.18),inset 0 1px 0 rgba(255,255,255,.38)
}
.quest-user-submit:hover{filter:brightness(1.08);transform:translateY(-2px)}
.quest-user-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
@media(max-width:680px){.quest-user-form{gap:12px}.quest-user-submit{width:100%}.quest-user-box{padding:28px 18px}}


/* V58: 15-Sekunden Prüfungs-Timer nach Quest-Abschluss */
.quest-review-wait-pop,.quest-review-pop{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  z-index:150;
  background:radial-gradient(circle at 50% 35%,rgba(247,200,75,.14),transparent 32%),rgba(0,0,0,.82);
  backdrop-filter:blur(6px);
}
.quest-review-wait-pop.is-open,.quest-review-pop.is-open{display:flex;animation:questFade .26s ease both}
.quest-review-wait-box,.quest-review-box{
  position:relative;
  width:min(640px,95vw);
  max-height:min(92vh,760px);
  overflow:auto;
  text-align:center;
  padding:clamp(26px,4vw,44px);
  border:2px solid rgba(247,200,75,.52);
  background:
    radial-gradient(circle at 18% 15%, rgba(99,255,171,.08), transparent 27%),
    radial-gradient(circle at 82% 12%, rgba(255,88,46,.10), transparent 25%),
    linear-gradient(180deg,rgba(22,14,10,.98),rgba(5,8,8,.99));
  box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 55px rgba(247,200,75,.20),inset 0 0 46px rgba(247,200,75,.07);
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);
  animation:questSummon .48s cubic-bezier(.16,1,.3,1) both;
}
.quest-review-wait-box::before,.quest-review-box::before{content:"";position:absolute;inset:10px;border:1px solid rgba(247,200,75,.14);pointer-events:none;clip-path:inherit}
.quest-review-box h2,.quest-review-wait-box h2{margin:0 0 14px;color:#ffe2a1;font-size:clamp(28px,4vw,42px);text-shadow:0 0 18px rgba(247,200,75,.20),0 3px 18px #000}
.quest-review-box p,.quest-review-wait-box p{max-width:520px;margin:0 auto 14px;color:#d7c39a;line-height:1.65}
.quest-review-box strong{color:#f7c84b}
.quest-review-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid rgba(247,200,75,.42);background:rgba(0,0,0,.28);color:var(--gold);cursor:pointer;z-index:3}
.quest-review-ring{position:relative;width:140px;height:140px;margin:22px auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg, rgba(247,200,75,.95), rgba(99,255,171,.82), rgba(247,200,75,.95));box-shadow:0 0 34px rgba(247,200,75,.26), inset 0 0 18px rgba(0,0,0,.32);animation:questReviewSpin 1.15s linear infinite}
.quest-review-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(180deg,rgba(22,14,10,.98),rgba(5,8,8,.99));box-shadow:inset 0 0 28px rgba(247,200,75,.10)}
.quest-review-count{position:relative;z-index:1;color:#ffe2a1;font-size:44px;font-weight:900;text-shadow:0 0 18px rgba(247,200,75,.34)}
.quest-review-small{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#a8ffd0!important}
.quest-review-action{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:52px;padding:14px 24px;border:1px solid rgba(247,200,75,.72);background:linear-gradient(180deg,#f7c84b,#a5461c 56%,#1a3d2e);color:#160c04;font-weight:900;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;box-shadow:0 0 22px rgba(247,200,75,.18),inset 0 1px 0 rgba(255,255,255,.38)}
.quest-review-action:hover,.quest-review-x:hover{filter:brightness(1.12);transform:translateY(-2px)}
@keyframes questReviewSpin{to{transform:rotate(360deg)}}
@media(max-width:680px){.quest-review-wait-box,.quest-review-box{padding:28px 18px}.quest-review-action{width:100%}}


/* V59: Quest-Abschluss Timer robust sichtbar */
.quest-review-wait-pop.is-open,.quest-review-pop.is-open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.quest-review-wait-pop,.quest-review-pop{z-index:180!important}
.quest-finish-btn.is-loading{opacity:.75;cursor:wait;pointer-events:none}


/* V60: Quest-Prüfungs-Timer sichtbar erzwingen */
.quest-review-wait-pop[data-force-open="true"],
.quest-review-pop[data-force-open="true"]{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:99999!important;
}
.quest-finish-btn.is-loading{opacity:.82;cursor:wait;filter:saturate(.9)}


/* V62: Quest-Abschluss bleibt im sichtbaren Popup und zeigt Timer */
.quest-status-pop[data-quest-flow="active"]{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:999999!important}
.quest-inline-ring{position:relative;width:148px;height:148px;margin:24px auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg, rgba(247,200,75,.96), rgba(99,255,171,.86), rgba(247,200,75,.96));box-shadow:0 0 36px rgba(247,200,75,.26), inset 0 0 18px rgba(0,0,0,.32);animation:questReviewSpin 1.15s linear infinite}
.quest-inline-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(180deg,rgba(22,14,10,.98),rgba(5,8,8,.99));box-shadow:inset 0 0 28px rgba(247,200,75,.10)}
.quest-inline-count{position:relative;z-index:1;color:#ffe2a1;font-size:46px;font-weight:900;text-shadow:0 0 18px rgba(247,200,75,.34)}
.quest-inline-small{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#a8ffd0!important;margin-top:8px!important}


/* v62 Questbuch clean: Hero button + popup, unabhängig vom Header */
.questbook-hero-btn{
  position:relative;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  margin:16px auto 0;
  padding:11px 20px;
  border:1px solid rgba(247,200,75,.58);
  color:#ffe8ad;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
  font-size:13px;
  background:linear-gradient(180deg,rgba(24,29,23,.94),rgba(10,13,12,.98));
  box-shadow:0 0 24px rgba(99,255,171,.12), inset 0 1px 0 rgba(255,255,255,.10);
  cursor:pointer;
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
}
.questbook-hero-btn img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(99,255,171,.35))}
.questbook-hero-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 30px rgba(99,255,171,.20),0 0 22px rgba(247,200,75,.12), inset 0 1px 0 rgba(255,255,255,.14)}
.questbook-pop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:22px;z-index:300;background:radial-gradient(circle at 50% 32%,rgba(99,255,171,.13),transparent 34%),radial-gradient(circle at 50% 58%,rgba(247,200,75,.10),transparent 38%),rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.questbook-pop.is-open{display:flex;animation:questFade .24s ease both}
.questbook-box{position:relative;width:min(850px,96vw);max-height:min(90vh,760px);overflow:auto;text-align:center;padding:clamp(24px,4vw,42px);border:2px solid rgba(247,200,75,.48);background:radial-gradient(circle at 50% 0%,rgba(99,255,171,.10),transparent 34%),radial-gradient(circle at 15% 12%,rgba(247,200,75,.09),transparent 30%),linear-gradient(180deg,rgba(22,16,10,.98),rgba(6,10,9,.99));box-shadow:0 0 0 4px rgba(0,0,0,.55),0 0 60px rgba(99,255,171,.12),0 0 50px rgba(247,200,75,.12),inset 0 0 46px rgba(247,200,75,.06);clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 28px),0 28px);animation:questSummon .48s cubic-bezier(.16,1,.3,1) both}
.questbook-box::before{content:"";position:absolute;inset:10px;border:1px solid rgba(247,200,75,.14);clip-path:inherit;pointer-events:none}
.questbook-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid rgba(247,200,75,.44);background:rgba(0,0,0,.32);color:#f7c84b;cursor:pointer;z-index:3}
.questbook-x:hover{filter:brightness(1.2);box-shadow:0 0 18px rgba(247,200,75,.24)}
.questbook-art{position:relative;width:180px;height:108px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}
.questbook-art-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(99,255,171,.28),rgba(247,200,75,.12) 46%,transparent 72%);filter:blur(12px);animation:lootPulse 2.1s ease-in-out infinite}
.questbook-art img{position:relative;z-index:1;max-width:180px;max-height:112px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(99,255,171,.22)) drop-shadow(0 12px 18px rgba(0,0,0,.62));animation:rewardFloat 2.8s ease-in-out infinite}
.questbook-kicker{display:inline-flex;margin-bottom:10px;padding:7px 13px;border:1px solid rgba(99,255,171,.25);border-radius:999px;background:linear-gradient(180deg,rgba(15,64,46,.66),rgba(6,22,18,.74));color:#a8ffd0;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
.questbook-box h2{margin:0 0 10px;color:#ffe2a1;font-size:clamp(30px,4vw,46px);text-shadow:0 0 18px rgba(247,200,75,.22),0 3px 18px #000}
.questbook-intro{max-width:650px;margin:0 auto 22px;color:#d7c39a;line-height:1.6}
.questbook-form{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;max-width:760px;margin:0 auto 22px;text-align:left}
.questbook-form label{display:grid;gap:8px;color:#f7c84b;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
.questbook-query{min-height:54px;border:1px solid rgba(247,200,75,.28);background:rgba(0,0,0,.35);color:#f7ead0;padding:0 16px;font:inherit;letter-spacing:.02em;box-shadow:inset 0 0 18px rgba(0,0,0,.26)}
.questbook-query:focus{outline:none;border-color:rgba(99,255,171,.55);box-shadow:0 0 0 3px rgba(99,255,171,.10),inset 0 0 16px rgba(247,200,75,.04)}
.questbook-submit{min-height:54px;padding:0 22px;border:1px solid rgba(247,200,75,.66);background:linear-gradient(180deg,#fff0b3,#f7c84b 48%,#9b4616);color:#160f08;text-transform:uppercase;letter-spacing:.13em;font-weight:900;cursor:pointer;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.questbook-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}
.questbook-results{position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:left}
.questbook-placeholder,.questbook-empty,.questbook-error{margin:0;padding:18px;border:1px solid rgba(247,200,75,.16);background:rgba(0,0,0,.20);color:#d7c39a;text-align:center;line-height:1.55}
.questbook-error{color:#ffb29f;border-color:rgba(255,90,70,.35)}
.questbook-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.questbook-item{position:relative;padding:16px;border:1px solid rgba(247,200,75,.18);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.questbook-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.questbook-item-title{color:#ffe2a1;font-weight:900;font-size:18px}.questbook-item-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#cdbb95;font-size:14px}.questbook-item-meta strong{color:#f7c84b}.questbook-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.questbook-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.26);color:#d7c39a;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.questbook-badge.user_completed,.questbook-badge.reviewing{color:#ffe28c;border-color:rgba(247,200,75,.28)}.questbook-badge.completed{color:#a8ffd0;border-color:rgba(99,255,171,.32)}.questbook-badge.not_done,.questbook-badge.failed{color:#ffad9d;border-color:rgba(255,90,70,.32)}.questbook-rarity.legendär{color:#d79bff!important;border-color:rgba(190,120,255,.35)}.questbook-rarity.episch{color:#ff756b!important;border-color:rgba(255,80,80,.35)}.questbook-rarity.selten{color:#ffe16a!important;border-color:rgba(255,216,77,.35)}.questbook-rarity.ungewöhnlich{color:#8dffb0!important;border-color:rgba(93,255,122,.35)}.questbook-rarity.gewöhnlich{color:#fff!important;border-color:rgba(255,255,255,.25)}
body.questbook-open{overflow:hidden}
@media(max-width:720px){.questbook-form{grid-template-columns:1fr}.questbook-submit{width:100%}.questbook-item-meta{grid-template-columns:1fr}.questbook-art{width:150px;height:88px}.questbook-art img{max-width:150px}.questbook-box{padding:28px 18px;max-height:92vh}.questbook-hero-btn{font-size:12px;padding:10px 15px}.questbook-hero-btn img{width:24px;height:24px}}


/* v62 Questbuch clean final position */
.hero{overflow:visible!important}
.questbook-hero-btn{position:absolute!important;left:50%!important;bottom:clamp(-72px,-5vh,-44px)!important;transform:translateX(-50%)!important;pointer-events:auto!important;z-index:8!important}


/* v62 Questbuch Header: Button statt Header-Belohnungsbutton */
.questbook-header-btn.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(247,200,75,.42);background:linear-gradient(180deg,#30220f,#0b0d0e);color:#f7c84b;cursor:pointer;font:inherit;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}
.questbook-header-btn.header-cta img{width:20px;height:20px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(99,255,171,.34))}
.questbook-header-btn.header-cta span{line-height:1}
.questbook-header-btn.header-cta:hover{filter:brightness(1.12);box-shadow:0 0 22px rgba(99,255,171,.14),0 0 18px rgba(247,200,75,.10)}
.hero-stage .questbook-hero-btn{display:none!important}
.questbook-pop.is-open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body.questbook-open{overflow:hidden}
@media(max-width:980px){.questbook-header-btn.header-cta{display:none!important}}


/* V78: Menschprüfung / Runen-Captcha */
.human-check-pop{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  z-index:999998;
  background:
    radial-gradient(circle at 50% 35%, rgba(99,255,171,.13), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(247,200,75,.12), transparent 42%),
    rgba(0,0,0,.82);
  backdrop-filter:blur(7px);
}
.human-check-pop.is-open{display:flex;animation:questFade .24s ease both}
.human-check-box{
  position:relative;
  width:min(620px,94vw);
  max-height:min(92vh,760px);
  overflow:hidden;
  text-align:center;
  padding:clamp(26px,4vw,44px);
  border:2px solid rgba(247,200,75,.58);
  background:
    radial-gradient(circle at 18% 12%, rgba(99,255,171,.10), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(247,200,75,.11), transparent 26%),
    linear-gradient(180deg, rgba(22,14,10,.985), rgba(5,10,9,.99));
  box-shadow:0 0 0 4px rgba(0,0,0,.54),0 0 62px rgba(99,255,171,.12),0 0 42px rgba(247,200,75,.16),inset 0 0 48px rgba(247,200,75,.07);
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);
  animation:questSummon .46s cubic-bezier(.16,1,.3,1) both;
}
.human-check-box::before{content:"";position:absolute;inset:10px;border:1px solid rgba(247,200,75,.14);clip-path:inherit;pointer-events:none}
.human-check-box::after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg, transparent, rgba(99,255,171,.08), transparent, rgba(247,200,75,.08), transparent);animation:humanAuraSpin 10s linear infinite;pointer-events:none;opacity:.7}
.human-check-box > *{position:relative;z-index:1}
.human-check-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid rgba(247,200,75,.42);background:rgba(0,0,0,.32);color:var(--gold);cursor:pointer;z-index:3}
.human-check-x:hover{filter:brightness(1.15);box-shadow:0 0 18px rgba(247,200,75,.22)}
.human-check-box h2{margin:0 0 12px;color:#ffe2a1;font-size:clamp(28px,4vw,42px);text-shadow:0 0 18px rgba(247,200,75,.20),0 3px 18px #000}
.human-check-text{max-width:480px;margin:0 auto 18px;color:#d7c39a;line-height:1.62}
.human-check-target{display:inline-grid;gap:4px;place-items:center;margin:8px auto 18px;padding:12px 24px;border:1px solid rgba(99,255,171,.28);background:linear-gradient(180deg,rgba(15,64,46,.58),rgba(6,22,18,.72));box-shadow:0 0 28px rgba(99,255,171,.10),inset 0 1px 0 rgba(255,255,255,.05);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.human-check-target span{color:#a8ffd0;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}
.human-target-symbol{color:#fff0bd;font-size:38px;line-height:1;text-shadow:0 0 18px rgba(247,200,75,.5),0 0 28px rgba(99,255,171,.25);animation:humanRunePulse 1.8s ease-in-out infinite}
.human-rune-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px auto 16px;max-width:430px}
.human-rune-btn{min-height:82px;border:1px solid rgba(247,200,75,.42);background:linear-gradient(180deg,rgba(31,22,15,.96),rgba(6,12,11,.98));color:#ffe2a1;font-size:36px;cursor:pointer;box-shadow:0 12px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.human-rune-btn:hover{transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 16px 28px rgba(0,0,0,.28),0 0 24px rgba(99,255,171,.13),inset 0 1px 0 rgba(255,255,255,.10)}
.human-rune-btn.is-correct{border-color:rgba(99,255,171,.8);box-shadow:0 0 30px rgba(99,255,171,.28),inset 0 0 24px rgba(99,255,171,.12)}
.human-rune-btn.is-wrong{border-color:rgba(255,92,64,.7);box-shadow:0 0 24px rgba(255,92,64,.18),inset 0 0 22px rgba(255,92,64,.10);animation:humanWrong .24s ease 2}
.human-check-message{min-height:22px;margin:0 auto 12px;color:#a8ffd0;font-weight:800;letter-spacing:.03em}
.human-check-message.is-error{color:#ff9a86}
.human-refresh{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid rgba(247,200,75,.34);background:linear-gradient(180deg,rgba(49,18,12,.94),rgba(9,9,10,.98));color:#f0d29d;text-transform:uppercase;letter-spacing:.12em;font-weight:900;cursor:pointer;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.human-refresh:hover{filter:brightness(1.12);transform:translateY(-2px)}
@keyframes humanAuraSpin{to{transform:rotate(360deg)}}
@keyframes humanRunePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.18)}}
@keyframes humanWrong{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media(max-width:560px){.human-rune-grid{gap:10px}
.human-check-pop{z-index:210!important}



/* V62 Wizard Review Popup Upgrade */
.quest-review-box--enhanced{
  width:min(960px,96vw) !important;
  max-height:min(90vh,820px) !important;
  overflow:hidden !important;
  padding:clamp(24px,3.2vw,36px) !important;
}
.quest-review-box--enhanced::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 18%, rgba(99,255,171,.16), transparent 22%),
    radial-gradient(circle at 78% 24%, rgba(247,200,75,.10), transparent 26%),
    radial-gradient(circle at 54% 100%, rgba(255,96,56,.10), transparent 26%);
  mix-blend-mode:screen;
  opacity:.9;
}
.quest-review-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,34px);text-align:left}
.quest-review-wizard-wrap{position:relative;min-height:320px;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.quest-review-wizard-glow{position:absolute;inset:16% 14% 10%;border-radius:50%;background:radial-gradient(circle, rgba(95,200,255,.30) 0%, rgba(72,135,255,.16) 24%, rgba(95,255,150,.14) 48%, transparent 72%);filter:blur(12px);animation:questWizardGlow 2.8s ease-in-out infinite}
.quest-review-wizard-runes{position:absolute;inset:10% 8% 12%;background:
 radial-gradient(circle, rgba(247,200,75,.70) 0 1.2px, transparent 1.8px) 20% 24%/68px 68px,
 radial-gradient(circle, rgba(99,255,171,.55) 0 1.1px, transparent 1.8px) 74% 18%/74px 74px,
 radial-gradient(circle, rgba(112,188,255,.54) 0 1.2px, transparent 1.9px) 60% 84%/82px 82px;
 opacity:.8;filter:drop-shadow(0 0 12px rgba(247,200,75,.28));animation:questRuneFloat 7s linear infinite}
.quest-review-wizard{position:relative;z-index:1;max-width:100%;max-height:380px;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(72,135,255,.20));animation:questWizardFloat 4s ease-in-out infinite}
.quest-review-copy{position:relative;z-index:1;padding:8px 4px 8px 0}
.quest-review-copy .quest-kicker{margin-bottom:12px}
.quest-review-copy h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.04}
.quest-review-copy p{max-width:none;margin:0 0 16px !important}
.quest-review-notice{position:relative;margin:18px 0 16px;padding:18px 18px 16px;border:1px solid rgba(247,200,75,.22);background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));box-shadow:inset 0 0 22px rgba(247,200,75,.05), 0 12px 26px rgba(0,0,0,.14);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
.quest-review-notice h3{margin:0 0 10px;color:#ffe8b3;text-transform:uppercase;letter-spacing:.11em;font-size:14px}
.quest-review-notice ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.quest-review-notice li{position:relative;padding-left:24px;color:#eadab6;line-height:1.55}
.quest-review-notice li::before{content:"✦";position:absolute;left:0;top:0;color:#8fffc3;text-shadow:0 0 10px rgba(99,255,171,.35)}
.quest-review-meta{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 10px;border:1px solid rgba(99,255,171,.24);background:linear-gradient(180deg,rgba(15,64,46,.40),rgba(6,22,18,.48));color:#d7f7dd;letter-spacing:.03em;box-shadow:0 0 20px rgba(99,255,171,.10)}
.quest-review-meta strong{color:#a8ffd0;text-shadow:0 0 12px rgba(99,255,171,.24)}
.quest-review-sigil{position:absolute;width:84px;height:84px;pointer-events:none;opacity:.72;background:radial-gradient(circle at 50% 50%, rgba(247,200,75,.28), rgba(247,200,75,.08) 46%, transparent 60%)}
.quest-review-sigil::before,.quest-review-sigil::after{content:"";position:absolute;inset:10px;border:1px solid rgba(247,200,75,.16);transform:rotate(45deg)}
.quest-review-sigil::after{inset:24px;border-color:rgba(99,255,171,.18);transform:rotate(0deg)}
.quest-review-sigil--left{left:-8px;top:-10px}
.quest-review-sigil--right{right:24px;bottom:30px}
.quest-review-action{margin-top:10px;min-width:230px}
@keyframes questWizardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes questWizardGlow{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes questRuneFloat{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}100%{transform:translateY(0) rotate(0deg)}}
@media(max-width:820px){
  .quest-review-box--enhanced{max-height:min(92vh,920px)!important;overflow:auto!important}
  .quest-review-layout{grid-template-columns:1fr;text-align:center}
  .quest-review-copy{padding:0}
  .quest-review-notice{text-align:left}
  .quest-review-wizard-wrap{min-height:240px}
  .quest-review-wizard{max-height:260px}
  .quest-review-meta{justify-content:center}
}
@media(max-width:560px){
  .quest-review-box--enhanced{padding:22px 16px!important}
  .quest-review-action{width:100%;min-width:0}
  .quest-review-wizard-wrap{min-height:200px}
  .quest-review-wizard{max-height:220px}
}


/* V62 Reward Dragon Upgrade: echte Belohnungsbilder + hochwertiges Quest-Popup */
.reward-art{height:150px!important}.reward-art img{max-width:178px!important;max-height:148px!important}
.quest-pop{background:radial-gradient(circle at 50% 36%,rgba(99,255,171,.12),transparent 30%),radial-gradient(circle at 50% 50%,rgba(247,200,75,.12),transparent 46%),rgba(0,0,0,.82)!important;backdrop-filter:blur(7px) saturate(1.1)!important}
.quest-box{width:min(940px,96vw)!important;max-height:min(92vh,840px)!important;overflow:auto!important;padding:clamp(26px,3.4vw,40px)!important;background:radial-gradient(circle at 24% 18%,rgba(99,255,171,.12),transparent 28%),radial-gradient(circle at 84% 10%,rgba(247,200,75,.15),transparent 26%),linear-gradient(180deg,rgba(24,16,10,.98),rgba(4,8,8,.99))!important;box-shadow:0 0 0 4px rgba(0,0,0,.58),0 0 72px rgba(247,200,75,.20),0 0 58px rgba(99,255,171,.10),inset 0 0 52px rgba(247,200,75,.08)!important}
.quest-box::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.055) 48%,transparent 60%),radial-gradient(circle at 50% 94%,rgba(247,200,75,.10),transparent 28%);opacity:.9;mix-blend-mode:screen}
.quest-box .quest-kicker{position:relative;z-index:2;background:linear-gradient(180deg,rgba(15,64,46,.86),rgba(6,22,18,.88));box-shadow:0 0 18px rgba(99,255,171,.12)}
.quest-title{position:relative;z-index:2;margin-bottom:10px!important;text-shadow:0 0 24px rgba(247,200,75,.26),0 3px 18px #000!important}
.quest-reward-frame{width:min(520px,86vw)!important;height:clamp(230px,36vw,390px)!important;margin:4px auto 10px!important;z-index:2;isolation:isolate}
.quest-reward-frame::before{content:"";position:absolute;inset:7% 12%;border-radius:50%;background:radial-gradient(circle,rgba(247,200,75,.22),rgba(99,255,171,.12) 44%,transparent 72%);filter:blur(16px);animation:questDragonAura 2.8s ease-in-out infinite;z-index:-1}
.quest-reward-frame::after{content:"";position:absolute;left:50%;bottom:7%;width:min(520px,86vw);height:70px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%);filter:blur(4px);z-index:-1}
.quest-glow{inset:8%!important;background:radial-gradient(circle,rgba(247,200,75,.38),rgba(99,255,171,.18) 42%,rgba(184,107,255,.12) 60%,transparent 76%)!important;filter:blur(12px)!important}
.quest-reward-img{max-width:100%!important;max-height:100%!important;filter:drop-shadow(0 0 26px rgba(247,200,75,.36)) drop-shadow(0 22px 22px rgba(0,0,0,.68))!important;animation:questDragonFloat 3.4s ease-in-out infinite!important}
.quest-reward-note{position:relative;z-index:2;max-width:720px;margin:0 auto 16px;padding:11px 16px;border:1px solid rgba(99,255,171,.22);background:linear-gradient(180deg,rgba(15,64,46,.42),rgba(6,22,18,.46));color:#d9ffd7;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:12px;box-shadow:0 0 20px rgba(99,255,171,.08)}
.quest-grid{position:relative;z-index:2;grid-template-columns:1.05fr .95fr!important;gap:18px!important;margin-top:16px!important}
.quest-card{border-color:rgba(247,200,75,.24)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 24px rgba(0,0,0,.16)!important;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.quest-card strong{font-size:clamp(19px,2.2vw,26px)!important;text-shadow:0 0 16px rgba(247,200,75,.14)}
.quest-card-reward-visual{margin:8px 0 14px}
.quest-card-reward-img{max-width:min(190px,100%);max-height:160px;filter:drop-shadow(0 0 22px rgba(247,200,75,.32)) drop-shadow(0 18px 22px rgba(0,0,0,.45))}

.quest-provider-btn{position:relative;z-index:2;min-height:62px;min-width:min(380px,100%);font-size:15px;overflow:hidden;background:linear-gradient(180deg,#fff3bd,#f7c84b 38%,#b24e16 72%,#173b2b 100%)!important;box-shadow:0 0 34px rgba(247,200,75,.28),0 0 26px rgba(99,255,171,.10),inset 0 1px 0 rgba(255,255,255,.55)!important}
.quest-provider-btn::before{content:"";position:absolute;inset:-30% auto -30% -45%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-22deg);animation:questBtnShine 2.7s ease-in-out infinite}
.quest-provider-btn::after{content:" ⚔";font-size:16px;margin-left:10px;color:rgba(22,15,8,.72);animation:questSwordPulse 1.5s ease-in-out infinite}
.quest-pop[data-rarity="legendary"] .quest-box{box-shadow:0 0 0 4px rgba(0,0,0,.58),0 0 78px rgba(184,107,255,.22),0 0 62px rgba(247,200,75,.18),inset 0 0 56px rgba(184,107,255,.08)!important}.quest-pop[data-rarity="legendary"] .quest-glow{background:radial-gradient(circle,rgba(184,107,255,.40),rgba(247,200,75,.20) 48%,transparent 74%)!important}
.quest-pop[data-rarity="epic"] .quest-glow{background:radial-gradient(circle,rgba(255,77,77,.34),rgba(247,200,75,.20) 48%,transparent 74%)!important}
.quest-pop[data-rarity="rare"] .quest-glow{background:radial-gradient(circle,rgba(255,216,77,.40),rgba(99,255,171,.14) 48%,transparent 74%)!important}
.quest-pop[data-rarity="uncommon"] .quest-glow{background:radial-gradient(circle,rgba(93,255,122,.36),rgba(247,200,75,.14) 48%,transparent 74%)!important}
@keyframes questDragonFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}
@keyframes questDragonAura{0%,100%{opacity:.70;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes questBtnShine{0%,45%{left:-50%}78%,100%{left:132%}}
@keyframes questSwordPulse{0%,100%{transform:translateX(0);opacity:.65}50%{transform:translateX(3px);opacity:1}}
@media(max-width:720px){.quest-reward-frame{height:clamp(210px,72vw,330px)!important}.quest-grid{grid-template-columns:1fr!important}.quest-reward-note{font-size:11px}.quest-provider-btn{width:100%;min-width:0}}


/* Old chest loot images + premium quest reward presentation */
.keylooter-asset-preload{display:none!important}
.quest-pop .quest-box{position:relative;overflow:hidden}
.quest-pop .quest-box::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 26%,rgba(247,200,75,.10),transparent 34%),radial-gradient(circle at 78% 70%,rgba(99,255,171,.09),transparent 28%)}
.quest-reward-frame{isolation:isolate}
.quest-reward-img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.50)) drop-shadow(0 0 28px rgba(247,200,75,.22));animation:questPrizeFloat 3.4s ease-in-out infinite}
.quest-reward-note{border:1px solid rgba(99,255,171,.24);background:linear-gradient(180deg,rgba(10,42,30,.44),rgba(6,18,14,.44));box-shadow:inset 0 0 18px rgba(99,255,171,.06),0 0 24px rgba(99,255,171,.08)}
.js-start-quest{position:relative;overflow:hidden}
.js-start-quest::after{content:"";position:absolute;top:-35%;bottom:-35%;left:-36%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-22deg);animation:questBtnShine 3s ease-in-out infinite}
@keyframes questPrizeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes questBtnShine{0%,58%{left:-36%}86%,100%{left:126%}}


/* V62 Quest reward compact single-image popup: no upper hero image */
.quest-pop{align-items:center!important;justify-content:center!important;padding:clamp(8px,1.4vw,16px)!important}
.quest-box--compact{
  width:min(1080px,96vw)!important;
  max-height:min(92svh,820px)!important;
  overflow:hidden!important;
  padding:clamp(18px,2.2vw,28px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:clamp(8px,1.1vw,14px)!important;
}
.quest-box--compact .quest-kicker{align-self:center;margin:0!important;padding:8px 22px!important;font-size:12px!important;letter-spacing:.18em!important}
.quest-box--compact .quest-title{margin:0 auto!important;max-width:900px!important;font-size:clamp(34px,5.4vw,66px)!important;line-height:.98!important;text-align:center!important}
.quest-box--compact .quest-reward-note{margin:0 auto!important;max-width:850px!important;padding:10px 16px!important;font-size:clamp(12px,1.6vw,17px)!important;line-height:1.35!important;text-transform:none!important;letter-spacing:.02em!important;color:#f3e8c7!important;background:linear-gradient(180deg,rgba(15,64,46,.32),rgba(6,22,18,.34))!important}
.quest-box--compact .quest-grid{margin:0!important;grid-template-columns:1fr 1fr!important;gap:clamp(12px,1.6vw,20px)!important;align-items:stretch!important}
.quest-box--compact .quest-card{min-height:0!important;padding:clamp(14px,1.8vw,22px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.quest-box--compact .quest-card-label{margin-bottom:8px!important;font-size:clamp(10px,1.05vw,12px)!important;letter-spacing:.16em!important}
.quest-box--compact .quest-card strong{font-size:clamp(22px,2.8vw,32px)!important;line-height:1.12!important;margin-bottom:8px!important}
.quest-box--compact .quest-card p{font-size:clamp(14px,1.8vw,21px)!important;line-height:1.35!important}
.quest-box--compact .quest-card-reward-visual{margin:2px 0 8px!important;height:clamp(120px,18vh,190px)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.quest-box--compact .quest-card-reward-img{max-height:100%!important;max-width:min(260px,86%)!important;object-fit:contain!important;animation:questPrizeFloat 3.4s ease-in-out infinite!important}
.quest-box--compact .quest-provider-btn{align-self:center;margin-top:2px!important;min-height:clamp(48px,6vh,58px)!important;min-width:min(520px,88vw)!important;padding:0 28px!important;font-size:clamp(12px,1.3vw,15px)!important}
.quest-box--compact .quest-x{top:16px!important;right:18px!important;width:50px!important;height:50px!important}
@media(max-width:820px){
  .quest-box--compact{max-height:94svh!important;padding:16px!important;gap:8px!important}
  .quest-box--compact .quest-title{font-size:clamp(30px,8vw,48px)!important}
  .quest-box--compact .quest-grid{grid-template-columns:1fr!important;gap:10px!important}
  .quest-box--compact .quest-card{padding:13px!important}
  .quest-box--compact .quest-card-reward-visual{height:clamp(90px,16vh,130px)!important}
  .quest-box--compact .quest-card p{font-size:14px!important;line-height:1.3!important}
  .quest-box--compact .quest-provider-btn{width:100%!important;min-width:0!important}
}
@media(max-height:760px) and (min-width:821px){
  .quest-box--compact{max-height:94svh!important;padding:16px 22px!important;gap:8px!important}
  .quest-box--compact .quest-title{font-size:clamp(32px,4.6vw,54px)!important}
  .quest-box--compact .quest-card-reward-visual{height:125px!important}
  .quest-box--compact .quest-card p{font-size:16px!important;line-height:1.3!important}
  .quest-box--compact .quest-reward-note{font-size:14px!important;padding:8px 12px!important}
  .quest-box--compact .quest-provider-btn{min-height:48px!important}
}
@media(max-height:620px){
  .quest-box--compact .quest-reward-note{display:none!important}
  .quest-box--compact .quest-title{font-size:clamp(26px,4.4vw,42px)!important}
  .quest-box--compact .quest-card-reward-visual{height:88px!important}
  .quest-box--compact .quest-card p{font-size:13px!important}
}

/* V40: kompakte Aufgaben-Kachel */
.quest-card--task{display:flex;flex-direction:column;justify-content:center;min-height:0}
.quest-task-title{line-height:1.12!important;margin-bottom:10px!important}
.quest-step-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;text-align:left}
.quest-step-list li{position:relative;padding:7px 9px 7px 32px;border:1px solid rgba(168,255,208,.16);background:linear-gradient(180deg,rgba(8,42,31,.42),rgba(5,14,12,.30));color:#e8dcc0;font-size:clamp(13px,1.25vw,16px);line-height:1.25;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.quest-step-list li::before{content:counter(list-item);position:absolute;left:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f7d765,#9b5b13);color:#170e05;font-size:10px;font-weight:900;box-shadow:0 0 10px rgba(247,200,75,.25)}
.quest-task-bonus{margin:10px 0 0!important;padding:8px 10px;border:1px solid rgba(247,200,75,.22);background:rgba(247,200,75,.055);color:#f5e0aa!important;font-size:clamp(12px,1.18vw,15px)!important;line-height:1.35!important;text-align:left}
.quest-provider-name{display:inline-flex;align-items:center;justify-content:center;margin:0 0 8px;padding:5px 10px;border:1px solid rgba(168,255,208,.22);background:rgba(16,82,57,.18);color:#a8ffd0;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}
@media(max-width:720px){.quest-step-list li{font-size:13px;padding-top:6px;padding-bottom:6px}.quest-task-bonus{font-size:12px!important}}


/* V41: hochwertige Quest-Aufgabe-Kachel */
.quest-task-visual{display:grid;gap:9px;align-content:start}
.quest-provider-badge{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"sigil name" "sigil meta";align-items:center;gap:0 10px;margin:0 auto 2px;padding:7px 12px;border:1px solid rgba(168,255,208,.24);background:linear-gradient(180deg,rgba(14,72,50,.42),rgba(5,18,14,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(55,255,166,.08);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);width:min(250px,100%);text-align:left}
.quest-provider-badge span{grid-area:sigil;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#f7d765,#976115 72%);color:#1c1004;font-size:15px;box-shadow:0 0 14px rgba(247,200,75,.26)}
.quest-provider-badge b{grid-area:name;color:#d8ffe9;text-transform:uppercase;letter-spacing:.12em;font-size:12px;line-height:1.1}
.quest-provider-badge small{grid-area:meta;color:#b7a57f;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}
.quest-step-list--cards{gap:6px!important}
.quest-step-list--cards li{display:grid;grid-template-columns:28px 1fr;grid-template-areas:"icon title" "icon desc";gap:0 9px;align-items:center;padding:7px 8px!important;border-color:rgba(247,200,75,.18)!important;background:linear-gradient(90deg,rgba(247,200,75,.08),rgba(16,82,57,.16) 45%,rgba(5,12,10,.30))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 15px rgba(0,0,0,.12)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.quest-step-list--cards li:hover{transform:translateY(-1px);border-color:rgba(168,255,208,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 18px rgba(0,0,0,.16),0 0 16px rgba(168,255,208,.06)!important}
.quest-step-list--cards li::before{display:none!important}
.quest-step-icon{grid-area:icon;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(247,200,75,.28);background:radial-gradient(circle,rgba(247,200,75,.18),rgba(0,0,0,.28));font-size:14px;box-shadow:0 0 12px rgba(247,200,75,.12)}
.quest-step-list--cards strong{grid-area:title;display:block!important;margin:0!important;color:#ffe18b!important;font-size:13px!important;line-height:1.1;text-shadow:0 0 10px rgba(247,200,75,.12)}
.quest-step-list--cards small{grid-area:desc;color:#cdbd99;font-size:10.5px;line-height:1.22}
.quest-task-bonus--premium{display:grid;grid-template-columns:1fr 1fr;gap:3px 9px;margin:4px 0 0!important;padding:9px 10px!important;text-align:center!important;background:linear-gradient(180deg,rgba(247,200,75,.11),rgba(16,82,57,.10))!important;border-color:rgba(247,200,75,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(247,200,75,.08)}
.quest-task-bonus--premium span{grid-column:1/-1;color:#a8ffd0;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:900}
.quest-task-bonus--premium strong{display:block!important;margin:0!important;color:#f7c84b!important;font-size:13px!important;line-height:1.1}
.quest-task-bonus--premium em{color:#c9b990;font-style:normal;font-size:9.5px;line-height:1.1}
@media(max-height:720px){.quest-task-visual{gap:6px}.quest-provider-badge{padding:5px 10px}.quest-provider-badge span{width:26px;height:26px}.quest-step-list--cards li{padding:6px 8px!important}.quest-step-list--cards small{font-size:9.5px}.quest-task-bonus--premium{padding:7px 9px!important}}
@media(max-width:720px){.quest-provider-badge{width:100%;max-width:280px}.quest-step-list--cards li{grid-template-columns:26px 1fr}.quest-step-icon{width:26px;height:26px}.quest-task-bonus--premium{grid-template-columns:1fr}}


/* V42: kompakte, ausgerichtete Quest-Aufgabe ohne Popup-Scroll */
.quest-pop{align-items:center!important;justify-content:center!important;padding:10px!important;overflow:hidden!important}
.quest-box--compact,
.quest-box{max-height:calc(100svh - 24px)!important;overflow:hidden!important}
.quest-box--compact{width:min(1120px,96vw)!important;padding:clamp(14px,2.1vh,22px) clamp(18px,3vw,30px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:clamp(8px,1.3vh,14px)!important}
.quest-box--compact .quest-kicker{margin:0 auto 2px!important;padding:8px 22px!important;font-size:12px!important;letter-spacing:.16em!important}
.quest-box--compact .quest-title{font-size:clamp(30px,4.7vw,58px)!important;line-height:.98!important;margin:0!important;text-wrap:balance}
.quest-box--compact .quest-reward-note{margin:0!important;padding:8px 14px!important;font-size:clamp(13px,1.35vw,17px)!important;line-height:1.25!important}
.quest-box--compact .quest-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(12px,1.8vw,20px)!important;margin:0!important;align-items:stretch!important;min-height:0!important}
.quest-box--compact .quest-card{min-height:0!important;padding:clamp(13px,1.7vh,18px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}
.quest-box--compact .quest-card-label{font-size:clamp(10px,.9vw,12px)!important;margin-bottom:6px!important;letter-spacing:.16em!important}
.quest-box--compact .quest-prize{font-size:clamp(22px,2.4vw,32px)!important;line-height:1.05!important;margin-bottom:6px!important}
.quest-box--compact .quest-prize-text{font-size:clamp(13px,1.25vw,17px)!important;line-height:1.35!important;margin:0!important}
.quest-box--compact .quest-card-reward-visual{height:clamp(105px,19vh,175px)!important;margin:2px 0 8px!important}
.quest-box--compact .quest-card-reward-img{max-height:100%!important;max-width:min(220px,88%)!important}
.quest-card--task{align-items:stretch!important;text-align:center!important}
.quest-card--task .quest-task-title{font-size:clamp(21px,2.2vw,30px)!important;line-height:1.02!important;margin:0 0 8px!important;text-wrap:balance}
.quest-task-visual{display:grid!important;grid-template-rows:auto 1fr auto!important;gap:8px!important;min-height:0!important;align-content:stretch!important}
.quest-provider-strip{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:8px 12px!important;border:1px solid rgba(168,255,208,.22)!important;background:linear-gradient(90deg,rgba(10,63,45,.55),rgba(247,200,75,.06),rgba(10,63,45,.55))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(99,255,171,.07)!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.quest-provider-strip span{color:#a8ffd0!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:11px!important;font-weight:900!important}
.quest-provider-strip strong{color:#ffe7a0!important;font-size:13px!important;margin:0!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.quest-mini-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:7px!important;text-align:left!important;counter-reset:none!important}
.quest-mini-steps li{list-style:none!important;display:grid!important;grid-template-columns:28px 1fr!important;align-items:center!important;gap:9px!important;min-height:44px!important;padding:7px 9px!important;border:1px solid rgba(247,200,75,.18)!important;background:linear-gradient(90deg,rgba(247,200,75,.08),rgba(16,82,57,.13),rgba(0,0,0,.10))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important}
.quest-mini-steps li::before{content:none!important;display:none!important}
.quest-mini-steps b{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:linear-gradient(180deg,#f7d765,#9c6116)!important;color:#190f05!important;font-size:12px!important;line-height:1!important;box-shadow:0 0 12px rgba(247,200,75,.2)!important}
.quest-mini-steps span{display:grid!important;gap:2px!important;min-width:0!important}
.quest-mini-steps strong{font-size:clamp(14px,1.35vw,17px)!important;line-height:1.05!important;color:#ffd966!important;margin:0!important;text-shadow:0 0 10px rgba(247,200,75,.12)!important}
.quest-mini-steps small{font-size:clamp(11px,1.05vw,13px)!important;line-height:1.15!important;color:#d3c29b!important}
.quest-bonus-strip{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid rgba(247,200,75,.25)!important;background:linear-gradient(180deg,rgba(247,200,75,.12),rgba(5,20,15,.28))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 20px rgba(247,200,75,.06)!important}
.quest-bonus-strip span{display:grid!important;gap:1px!important;text-align:center!important}
.quest-bonus-strip strong{font-size:clamp(14px,1.4vw,18px)!important;line-height:1.05!important;color:#f7c84b!important;margin:0!important}
.quest-bonus-strip small{font-size:10px!important;line-height:1.1!important;color:#cbb98f!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.quest-bonus-strip i{font-style:normal!important;color:#a8ffd0!important;font-size:18px!important;font-weight:900!important;text-shadow:0 0 10px rgba(99,255,171,.28)!important}
.quest-box--compact .quest-provider-btn{margin:0 auto!important;min-height:clamp(44px,6vh,56px)!important;width:min(620px,74vw)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:clamp(13px,1.25vw,16px)!important;padding:0 22px!important}
@media(max-height:780px) and (min-width:760px){
  .quest-box--compact{padding:12px 24px!important;gap:7px!important}
  .quest-box--compact .quest-title{font-size:clamp(28px,4vw,46px)!important}
  .quest-box--compact .quest-reward-note{font-size:13px!important;padding:6px 12px!important}
  .quest-box--compact .quest-card{padding:12px!important}
  .quest-box--compact .quest-card-reward-visual{height:110px!important}
  .quest-mini-steps{gap:5px!important}
  .quest-mini-steps li{min-height:38px!important;padding:5px 8px!important}
  .quest-mini-steps strong{font-size:14px!important}
  .quest-mini-steps small{font-size:10px!important}
  .quest-bonus-strip{padding:6px 8px!important}
  .quest-bonus-strip strong{font-size:14px!important}
  .quest-provider-strip{padding:6px 10px!important}
}
@media(max-width:760px){
  .quest-pop{align-items:flex-start!important;overflow:auto!important}
  .quest-box--compact,.quest-box{overflow:auto!important;max-height:none!important}
  .quest-box--compact{width:min(96vw,560px)!important;justify-content:flex-start!important}
  .quest-box--compact .quest-grid{grid-template-columns:1fr!important}
  .quest-box--compact .quest-provider-btn{width:100%!important}
}


/* V43 Quest task clean redesign - visible compact layout */
.quest-pop .quest-box.quest-box--compact{
  width:min(1080px,94vw)!important;
  height:auto!important;
  max-height:min(86svh,760px)!important;
  overflow:hidden!important;
  padding:clamp(14px,2vh,22px) clamp(18px,2.6vw,30px)!important;
  justify-content:center!important;
  gap:clamp(7px,1.1vh,12px)!important;
}
.quest-box--compact .quest-kicker{padding:7px 20px!important;font-size:11px!important;margin:0 auto!important}
.quest-box--compact .quest-title{font-size:clamp(30px,4.1vw,50px)!important;line-height:.96!important;margin:0!important;letter-spacing:.025em!important}
.quest-box--compact .quest-reward-note{padding:7px 12px!important;font-size:clamp(12px,1.15vw,15px)!important;line-height:1.22!important;margin:0!important}
.quest-box--compact .quest-grid{grid-template-columns:.95fr 1.05fr!important;gap:16px!important;margin:0!important;align-items:stretch!important}
.quest-box--compact .quest-card{padding:clamp(12px,1.55vh,16px)!important;justify-content:flex-start!important;min-height:0!important;overflow:hidden!important}
.quest-box--compact .quest-card-label{font-size:10px!important;margin:0 0 6px!important;letter-spacing:.18em!important}
.quest-box--compact .quest-prize{font-size:clamp(20px,2.1vw,28px)!important;margin:0 0 6px!important}
.quest-box--compact .quest-card-reward-visual{height:clamp(92px,16vh,142px)!important;margin:0 0 6px!important}
.quest-box--compact .quest-prize-text{font-size:clamp(12px,1.1vw,15px)!important;line-height:1.25!important;margin:0!important}
.quest-box--compact .quest-card--task{background:linear-gradient(180deg,rgba(8,42,31,.38),rgba(9,8,6,.24))!important;border-color:rgba(168,255,208,.22)!important}
.quest-card--task .quest-task-title{font-size:clamp(20px,2.05vw,27px)!important;line-height:1.03!important;margin:0 0 8px!important;color:#f7c84b!important}
.quest-task-clean{width:100%!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:7px!important;min-height:0!important;text-align:left!important}
.quest-provider-clean{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:7px 11px!important;background:linear-gradient(90deg,rgba(15,95,62,.55),rgba(247,200,75,.08))!important;border:1px solid rgba(168,255,208,.26)!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.quest-provider-clean span{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#a8ffd0!important;font-weight:900!important}
.quest-provider-clean strong{font-size:15px!important;line-height:1!important;margin:0!important;color:#fff0b5!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.quest-clean-steps{display:grid!important;gap:6px!important;min-height:0!important}
.quest-clean-step{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:6px 9px!important;background:linear-gradient(90deg,rgba(247,200,75,.10),rgba(0,0,0,.10))!important;border:1px solid rgba(247,200,75,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.quest-clean-step b{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:linear-gradient(180deg,#ffe27a,#ad6c14)!important;color:#170d04!important;font-size:12px!important;font-weight:900!important;line-height:1!important}
.quest-clean-step span{display:grid!important;gap:1px!important;min-width:0!important}
.quest-clean-step strong{font-size:clamp(14px,1.2vw,16px)!important;line-height:1.05!important;margin:0!important;color:#ffd85a!important;white-space:normal!important}
.quest-clean-step small{font-size:clamp(10px,.95vw,12px)!important;line-height:1.1!important;color:#d8c798!important}
.quest-clean-bonus{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important;padding:8px 9px!important;background:radial-gradient(circle at 50% 0,rgba(247,200,75,.17),transparent 72%),linear-gradient(180deg,rgba(6,53,38,.58),rgba(0,0,0,.15))!important;border:1px solid rgba(247,200,75,.27)!important;text-align:center!important}
.quest-clean-bonus span{display:grid!important;gap:2px!important}
.quest-clean-bonus em{font-style:normal!important;font-size:9px!important;color:#a8ffd0!important;text-transform:uppercase!important;letter-spacing:.12em!important}
.quest-clean-bonus strong{font-size:clamp(13px,1.18vw,16px)!important;line-height:1.05!important;margin:0!important;color:#f7c84b!important}
.quest-clean-bonus i{font-style:normal!important;color:#a8ffd0!important;font-size:18px!important;font-weight:900!important}
.quest-box--compact .quest-provider-btn{width:min(560px,76vw)!important;min-height:46px!important;margin:0 auto!important;font-size:clamp(12px,1.15vw,14px)!important;padding:0 20px!important}
@media(max-height:760px) and (min-width:760px){
  .quest-pop .quest-box.quest-box--compact{max-height:94svh!important;padding:12px 24px!important;gap:6px!important}
  .quest-box--compact .quest-title{font-size:clamp(26px,3.5vw,42px)!important}
  .quest-box--compact .quest-reward-note{display:none!important}
  .quest-box--compact .quest-card-reward-visual{height:92px!important}
  .quest-box--compact .quest-card{padding:10px!important}
  .quest-clean-step{padding:5px 8px!important}
  .quest-clean-step b{width:24px!important;height:24px!important}
  .quest-clean-step strong{font-size:13px!important}
  .quest-clean-step small{font-size:10px!important}
  .quest-clean-bonus{padding:6px 8px!important}
}
@media(max-width:720px){
  .quest-pop .quest-box.quest-box--compact{overflow:auto!important;max-height:94svh!important;justify-content:flex-start!important}
  .quest-box--compact .quest-grid{grid-template-columns:1fr!important}
  .quest-box--compact .quest-provider-btn{width:100%!important}
}


/* V44: Quest popup polish - no image/text overlap + more button breathing room */
.quest-pop .quest-box.quest-box--compact{
  width:min(1160px,94vw)!important;
  max-height:calc(100svh - 44px)!important;
  padding:clamp(16px,2.2vh,26px) clamp(22px,3vw,38px) clamp(22px,3.2vh,34px)!important;
  gap:clamp(9px,1.35vh,16px)!important;
}
.quest-box--compact .quest-title{
  font-size:clamp(32px,4vw,54px)!important;
  line-height:1!important;
  margin:0 0 2px!important;
}
.quest-box--compact .quest-grid{
  gap:clamp(16px,2vw,28px)!important;
}
.quest-box--compact .quest-card--reward{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(96px,118px) auto!important;
  align-content:start!important;
  justify-items:center!important;
  padding:clamp(16px,2vh,22px) clamp(18px,2vw,26px)!important;
  overflow:hidden!important;
}
.quest-box--compact .quest-card--reward .quest-card-label{
  margin:0 0 7px!important;
}
.quest-box--compact .quest-card--reward .quest-prize{
  position:relative!important;
  z-index:3!important;
  max-width:100%!important;
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.08!important;
  margin:0!important;
  text-wrap:balance!important;
  text-align:center!important;
}
.quest-box--compact .quest-card--reward .quest-card-reward-visual{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:clamp(92px,15vh,118px)!important;
  margin:4px 0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
}
.quest-box--compact .quest-card--reward .quest-card-reward-img{
  max-height:100%!important;
  max-width:min(165px,70%)!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 0 18px rgba(247,200,75,.24)) drop-shadow(0 14px 18px rgba(0,0,0,.42))!important;
}
.quest-box--compact .quest-card--reward .quest-prize-text{
  position:relative!important;
  z-index:3!important;
  max-width:92%!important;
  font-size:clamp(12px,1.05vw,15px)!important;
  line-height:1.32!important;
  margin:0 auto!important;
  text-wrap:pretty!important;
}
.quest-box--compact .quest-card--task{
  padding:clamp(16px,2vh,22px) clamp(18px,2vw,26px)!important;
}
.quest-card--task .quest-task-title{
  margin-bottom:10px!important;
}
.quest-task-clean{gap:8px!important}
.quest-clean-step{min-height:42px!important}
.quest-box--compact .quest-provider-btn{
  margin:clamp(8px,1.8vh,18px) auto 0!important;
  min-height:clamp(54px,7vh,66px)!important;
  width:min(620px,78vw)!important;
  padding:0 clamp(30px,4vw,54px)!important;
  letter-spacing:.16em!important;
}
@media(max-height:760px) and (min-width:760px){
  .quest-pop .quest-box.quest-box--compact{max-height:calc(100svh - 28px)!important;padding:12px 28px 18px!important;gap:7px!important}
  .quest-box--compact .quest-title{font-size:clamp(28px,3.4vw,42px)!important}
  .quest-box--compact .quest-card--reward{grid-template-rows:auto auto minmax(78px,92px) auto!important;padding:11px 16px!important}
  .quest-box--compact .quest-card--reward .quest-prize{font-size:clamp(18px,1.65vw,24px)!important}
  .quest-box--compact .quest-card--reward .quest-card-reward-visual{height:86px!important;margin:2px 0 5px!important}
  .quest-box--compact .quest-card--reward .quest-card-reward-img{max-width:min(130px,62%)!important}
  .quest-box--compact .quest-card--reward .quest-prize-text{font-size:12px!important;line-height:1.23!important}
  .quest-box--compact .quest-provider-btn{min-height:50px!important;margin-top:10px!important;width:min(560px,70vw)!important}
}
@media(max-width:720px){
  .quest-box--compact .quest-card--reward{grid-template-rows:auto auto minmax(90px,120px) auto!important}
  .quest-box--compact .quest-card--reward .quest-card-reward-img{max-width:min(170px,72%)!important}
  .quest-box--compact .quest-provider-btn{width:100%!important;padding:0 22px!important}
}


/* V45 FINAL: Quest popup layout fix - no overlap, more button breathing room */
.quest-pop.is-open{align-items:center!important;justify-content:center!important;padding:clamp(14px,2vw,28px)!important;overflow:hidden!important}
.quest-pop .quest-box.quest-box--compact{
  width:min(1320px,94vw)!important;
  max-height:min(88svh,760px)!important;
  padding:clamp(18px,2.4vh,30px) clamp(28px,4vw,48px) clamp(24px,3vh,34px)!important;
  gap:clamp(10px,1.4vh,16px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.quest-box--compact .quest-kicker{margin:0 auto!important;padding:7px 24px!important;font-size:11px!important;line-height:1!important}
.quest-box--compact .quest-title{font-size:clamp(34px,4.2vw,60px)!important;line-height:.94!important;margin:0 auto 2px!important;max-width:1040px!important;white-space:normal!important;text-align:center!important;text-wrap:balance!important}
.quest-box--compact .quest-reward-note{display:none!important}
.quest-box--compact .quest-grid{
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
  margin:0!important;
  min-height:0!important;
}
.quest-box--compact .quest-card{
  min-height:0!important;
  overflow:hidden!important;
  padding:clamp(16px,2vh,22px)!important;
}
.quest-box--compact .quest-card--reward{
  display:grid!important;
  grid-template-rows:auto auto minmax(92px,auto) auto!important;
  align-content:start!important;
  justify-items:center!important;
  gap:clamp(6px,1vh,10px)!important;
  text-align:center!important;
}
.quest-box--compact .quest-card-label{font-size:10px!important;line-height:1!important;margin:0!important;letter-spacing:.18em!important}
.quest-box--compact .quest-prize{
  font-size:clamp(24px,2.15vw,34px)!important;
  line-height:1.02!important;
  margin:0!important;
  max-width:100%!important;
  position:relative!important;
  z-index:2!important;
}
.quest-box--compact .quest-card-reward-visual{
  height:clamp(94px,15vh,150px)!important;
  width:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:1!important;
}
.quest-box--compact .quest-card-reward-img{
  max-height:clamp(88px,14vh,138px)!important;
  max-width:min(190px,64%)!important;
  object-fit:contain!important;
  transform:none!important;
  margin:0!important;
}
.quest-box--compact .quest-prize-text{
  font-size:clamp(13px,1.15vw,16px)!important;
  line-height:1.28!important;
  margin:0 auto!important;
  max-width:92%!important;
}
.quest-box--compact .quest-card--task{padding:clamp(14px,1.75vh,20px)!important;justify-content:center!important}
.quest-card--task .quest-task-title{font-size:clamp(25px,2.55vw,39px)!important;line-height:.98!important;margin:0 0 clamp(8px,1vh,12px)!important;text-wrap:balance!important}
.quest-task-clean{gap:clamp(7px,1vh,10px)!important}
.quest-provider-clean{padding:clamp(6px,.9vh,9px) 16px!important}
.quest-clean-step{min-height:clamp(42px,5vh,52px)!important;padding:clamp(6px,.9vh,9px) 12px!important;grid-template-columns:34px 1fr!important}
.quest-clean-step b{width:28px!important;height:28px!important;font-size:13px!important}
.quest-clean-step strong{font-size:clamp(16px,1.45vw,22px)!important;line-height:1.05!important}
.quest-clean-step small{font-size:clamp(10px,.85vw,13px)!important;line-height:1.05!important}
.quest-clean-bonus{min-height:clamp(48px,6vh,66px)!important;padding:clamp(7px,1vh,10px) 14px!important}
.quest-clean-bonus strong{font-size:clamp(15px,1.45vw,22px)!important;line-height:1!important}
.quest-clean-bonus em{font-size:clamp(8px,.75vw,11px)!important}
.quest-box--compact .quest-provider-btn{
  margin:clamp(14px,2vh,24px) auto 0!important;
  min-height:clamp(54px,6.5vh,66px)!important;
  width:min(660px,70vw)!important;
  padding:0 32px!important;
  font-size:clamp(13px,1.25vw,16px)!important;
  flex:0 0 auto!important;
}
@media(max-height:760px) and (min-width:721px){
  .quest-pop .quest-box.quest-box--compact{max-height:91svh!important;padding:14px 32px 20px!important;gap:8px!important}
  .quest-box--compact .quest-title{font-size:clamp(28px,3.6vw,48px)!important}
  .quest-box--compact .quest-card{padding:12px 14px!important}
  .quest-box--compact .quest-card-reward-visual{height:100px!important}
  .quest-box--compact .quest-card-reward-img{max-height:96px!important;max-width:min(150px,58%)!important}
  .quest-box--compact .quest-prize{font-size:clamp(21px,1.8vw,28px)!important}
  .quest-box--compact .quest-prize-text{font-size:12.5px!important;line-height:1.18!important}
  .quest-card--task .quest-task-title{font-size:clamp(22px,2.2vw,32px)!important;margin-bottom:6px!important}
  .quest-task-clean{gap:6px!important}
  .quest-clean-step{min-height:38px!important;padding:5px 10px!important}
  .quest-clean-step strong{font-size:clamp(15px,1.25vw,19px)!important}
  .quest-clean-step small{font-size:10px!important}
  .quest-clean-bonus{min-height:44px!important;padding:6px 12px!important}
  .quest-box--compact .quest-provider-btn{margin-top:12px!important;min-height:52px!important;width:min(620px,68vw)!important}
}
@media(max-width:720px){
  .quest-pop.is-open{overflow:auto!important;align-items:flex-start!important}
  .quest-pop .quest-box.quest-box--compact{width:min(96vw,560px)!important;max-height:none!important;overflow:visible!important;justify-content:flex-start!important}
  .quest-box--compact .quest-grid{grid-template-columns:1fr!important}
  .quest-box--compact .quest-card-reward-img{max-width:min(170px,70%)!important}
  .quest-box--compact .quest-provider-btn{width:100%!important;min-width:0!important}
}


/* V46 Dragonbig: larger reward dragon in left card without overlap */
.quest-box--compact .quest-card--reward .quest-card-reward-visual,
.quest-card--reward .quest-card-reward-visual{
  min-height:clamp(126px,15vh,172px)!important;
  margin:clamp(6px,1vh,10px) 0 clamp(8px,1.1vh,12px)!important;
}
.quest-box--compact .quest-card--reward .quest-card-reward-img,
.quest-box--compact .quest-card-reward-img,
.quest-card--reward .quest-card-reward-img{
  max-width:min(250px,74%)!important;
  max-height:clamp(126px,15vh,170px)!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
@media(max-width:1180px){
  .quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-box--compact .quest-card-reward-img,
  .quest-card--reward .quest-card-reward-img{max-width:min(220px,72%)!important;max-height:145px!important;}
  .quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-card--reward .quest-card-reward-visual{min-height:132px!important;}
}
@media(max-width:720px){
  .quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-box--compact .quest-card-reward-img,
  .quest-card--reward .quest-card-reward-img{max-width:min(230px,76%)!important;max-height:150px!important;}
}


/* V47 DragonXL FINAL: actually larger reward dragon, override previous viewport limits */
.quest-pop .quest-box.quest-box--compact .quest-card--reward{
  grid-template-rows:auto auto minmax(170px, 1fr) auto !important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
.quest-pop .quest-card--reward .quest-card-reward-visual{
  height:clamp(170px,22vh,235px) !important;
  min-height:clamp(170px,22vh,235px) !important;
  max-height:235px !important;
  margin:clamp(6px,1vh,10px) 0 clamp(7px,1vh,11px) !important;
  overflow:visible !important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
.quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
.quest-pop .quest-card--reward .quest-card-reward-img{
  max-width:min(360px,88%) !important;
  width:min(360px,88%) !important;
  max-height:225px !important;
  height:auto !important;
  object-fit:contain !important;
  transform:none !important;
}
@media(max-height:760px) and (min-width:721px){
  .quest-pop .quest-box.quest-box--compact .quest-card--reward{grid-template-rows:auto auto minmax(138px,150px) auto !important;}
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    max-width:min(300px,82%) !important;
    width:min(300px,82%) !important;
    max-height:148px !important;
  }
}
@media(max-width:720px){
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:180px !important;
    min-height:180px !important;
    max-height:190px !important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    max-width:min(310px,88%) !important;
    width:min(310px,88%) !important;
    max-height:180px !important;
  }
}


/* V48 DragonXXL: 50% larger reward dragon in the left reward card */
.quest-pop .quest-box.quest-box--compact{
  width:min(1140px,96vw)!important;
}
.quest-pop .quest-box.quest-box--compact .quest-grid{
  grid-template-columns:1fr 1.08fr!important;
  gap:clamp(18px,2.2vw,28px)!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward{
  overflow:visible!important;
  padding-left:clamp(16px,2vw,24px)!important;
  padding-right:clamp(16px,2vw,24px)!important;
  grid-template-rows:auto auto minmax(245px, 1fr) auto!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
.quest-pop .quest-card--reward .quest-card-reward-visual{
  height:clamp(245px,31vh,355px)!important;
  min-height:clamp(245px,31vh,355px)!important;
  max-height:355px!important;
  margin:clamp(6px,1vh,10px) 0 clamp(7px,1vh,12px)!important;
  overflow:visible!important;
  position:relative!important;
  z-index:1!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
.quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
.quest-pop .quest-card--reward .quest-card-reward-img{
  width:min(540px,112%)!important;
  max-width:min(540px,112%)!important;
  max-height:340px!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 0 26px rgba(247,200,75,.36)) drop-shadow(0 20px 24px rgba(0,0,0,.48))!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-prize-text{
  position:relative!important;
  z-index:2!important;
}
@media(max-height:760px) and (min-width:721px){
  .quest-pop .quest-box.quest-box--compact .quest-card--reward{grid-template-rows:auto auto minmax(205px,220px) auto!important;}
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    width:min(430px,108%)!important;
    max-width:min(430px,108%)!important;
    max-height:215px!important;
  }
}
@media(max-width:720px){
  .quest-pop .quest-box.quest-box--compact .quest-grid{grid-template-columns:1fr!important;}
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:260px!important;
    min-height:240px!important;
    max-height:280px!important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    width:min(460px,104%)!important;
    max-width:min(460px,104%)!important;
    max-height:260px!important;
  }
}


/* V49 DragonXXXL: another 50% larger reward dragon, final override after all older limits */
.quest-pop .quest-box.quest-box--compact{
  width:min(1240px,97vw)!important;
}
.quest-pop .quest-box.quest-box--compact .quest-grid{
  grid-template-columns:1.05fr 1fr!important;
  gap:clamp(18px,2vw,28px)!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward{
  overflow:visible!important;
  padding-top:clamp(14px,1.8vh,22px)!important;
  padding-bottom:clamp(12px,1.6vh,20px)!important;
  grid-template-rows:auto auto minmax(365px,1fr) auto!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
.quest-pop .quest-card--reward .quest-card-reward-visual{
  height:clamp(365px,42vh,525px)!important;
  min-height:clamp(365px,42vh,525px)!important;
  max-height:525px!important;
  margin:clamp(2px,.7vh,7px) 0 clamp(6px,1vh,12px)!important;
  overflow:visible!important;
  align-items:center!important;
  justify-content:center!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
.quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
.quest-pop .quest-card--reward .quest-card-reward-img{
  width:min(810px,145%)!important;
  max-width:min(810px,145%)!important;
  max-height:510px!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(0 0 34px rgba(247,200,75,.42)) drop-shadow(0 24px 28px rgba(0,0,0,.54))!important;
}
.quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-prize-text{
  position:relative!important;
  z-index:3!important;
}
@media(max-height:820px) and (min-width:721px){
  .quest-pop .quest-box.quest-box--compact .quest-card--reward{grid-template-rows:auto auto minmax(300px,330px) auto!important;}
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    width:min(660px,138%)!important;
    max-width:min(660px,138%)!important;
    max-height:320px!important;
  }
}
@media(max-height:700px) and (min-width:721px){
  .quest-pop .quest-box.quest-box--compact .quest-card--reward{grid-template-rows:auto auto minmax(255px,275px) auto!important;}
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:275px!important;
    min-height:275px!important;
    max-height:275px!important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    width:min(560px,132%)!important;
    max-width:min(560px,132%)!important;
    max-height:270px!important;
  }
}
@media(max-width:720px){
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-visual,
  .quest-pop .quest-card--reward .quest-card-reward-visual{
    height:320px!important;
    min-height:300px!important;
    max-height:360px!important;
  }
  .quest-pop .quest-box.quest-box--compact .quest-card--reward .quest-card-reward-img,
  .quest-pop .quest-box.quest-box--compact .quest-card-reward-img,
  .quest-pop .quest-card--reward .quest-card-reward-img{
    width:min(650px,126%)!important;
    max-width:min(650px,126%)!important;
    max-height:340px!important;
  }
}


/* V46 Airy Quest Task layout - centered and more breathing room */
.quest-box--compact .quest-card--task{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:clamp(18px,2.25vh,28px) clamp(22px,2.6vw,34px)!important;
}
.quest-card--task .quest-task-title{
  width:100%!important;
  text-align:center!important;
  margin:0 0 clamp(12px,1.5vh,18px)!important;
}
.quest-task-clean{
  width:min(100%,540px)!important;
  margin:0 auto!important;
  gap:clamp(10px,1.35vh,16px)!important;
  text-align:center!important;
}
.quest-provider-clean{
  justify-content:center!important;
  gap:clamp(14px,1.6vw,22px)!important;
  padding:clamp(8px,1.1vh,12px) clamp(16px,2vw,24px)!important;
}
.quest-provider-clean span,
.quest-provider-clean strong{
  text-align:center!important;
}
.quest-clean-steps{
  gap:clamp(8px,1.1vh,13px)!important;
}
.quest-clean-step{
  grid-template-columns:40px 1fr!important;
  gap:clamp(12px,1.5vw,18px)!important;
  min-height:clamp(50px,6.2vh,64px)!important;
  padding:clamp(9px,1.2vh,14px) clamp(14px,1.8vw,20px)!important;
  text-align:left!important;
  align-items:center!important;
}
.quest-clean-step b{
  width:34px!important;
  height:34px!important;
}
.quest-clean-step span{
  gap:3px!important;
}
.quest-clean-bonus{
  margin-top:clamp(2px,.45vh,6px)!important;
  min-height:clamp(58px,7vh,78px)!important;
  padding:clamp(10px,1.3vh,15px) clamp(16px,2vw,24px)!important;
  gap:clamp(12px,1.6vw,22px)!important;
}
.quest-clean-bonus span{
  gap:4px!important;
}
.quest-box--compact .quest-provider-btn{
  margin-top:clamp(20px,2.8vh,34px)!important;
  margin-bottom:clamp(2px,.7vh,10px)!important;
}
@media(max-height:760px) and (min-width:721px){
  .quest-box--compact .quest-card--task{padding:14px 22px!important}
  .quest-task-clean{gap:8px!important;width:min(100%,520px)!important}
  .quest-provider-clean{padding:7px 16px!important}
  .quest-clean-step{min-height:42px!important;padding:6px 12px!important;grid-template-columns:34px 1fr!important;gap:10px!important}
  .quest-clean-step b{width:28px!important;height:28px!important}
  .quest-clean-bonus{min-height:48px!important;padding:7px 14px!important;gap:10px!important}
  .quest-box--compact .quest-provider-btn{margin-top:14px!important;margin-bottom:2px!important}
}
@media(max-width:720px){
  .quest-task-clean{width:100%!important}
  .quest-clean-bonus{grid-template-columns:1fr!important}
  .quest-clean-bonus i{display:none!important}
}

/* V46 Aufgabenverwaltung: nicht besetzte Aufgaben im mittelalterlichen Stil */
.quest-unavailable-card{width:100%;min-height:100%;display:grid;place-items:center;text-align:center;gap:8px;padding:18px 16px;border:1px solid rgba(247,200,75,.24);background:radial-gradient(circle at 50% 0,rgba(247,200,75,.12),transparent 62%),linear-gradient(180deg,rgba(18,26,20,.72),rgba(5,7,8,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 26px rgba(0,0,0,.18)}
.quest-unavailable-rune{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(101,240,169,.30);background:rgba(10,45,32,.55);color:#a8ffd0;text-shadow:0 0 12px rgba(101,240,169,.50);font-size:22px}
.quest-unavailable-card strong{margin:0!important;color:#f7c84b!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.1!important;text-align:center!important}
.quest-unavailable-card p{max-width:360px;margin:0!important;color:#ead8ad!important;font-size:clamp(13px,1vw,15px)!important;line-height:1.35!important;text-align:center!important}
.quest-unavailable-card small{max-width:380px;color:#a8ffd0!important;font-size:clamp(11px,.9vw,13px)!important;line-height:1.3!important;text-align:center!important}
.quest-provider-btn.is-disabled{opacity:.72;filter:grayscale(.15);cursor:not-allowed;box-shadow:none!important;background:linear-gradient(180deg,rgba(97,84,54,.55),rgba(31,24,17,.88))!important;color:#cbbf9e!important;border-color:rgba(203,191,158,.35)!important}


/* V47 SEO + High-End Mobile Upgrade */
.skip-link{position:fixed;left:14px;top:10px;z-index:100000;transform:translateY(-140%);padding:10px 14px;border:1px solid rgba(247,200,75,.55);background:#06110c;color:#f7c84b;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.38);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}
.seo-intro{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:rgba(247,200,75,.18)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reward-track{animation:none!important}}
@media(max-width:900px){
  :root{--mobile-safe:env(safe-area-inset-bottom,0px)}
  html{scroll-padding-top:82px}
  .site-header{position:sticky!important;top:0;z-index:9000;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(5,8,9,.96),rgba(5,8,9,.82))!important;border-bottom:1px solid rgba(99,255,171,.15)}
  .nav-wrap{min-height:66px;padding:10px 14px!important;gap:10px;display:grid!important;grid-template-columns:auto 1fr auto auto;align-items:center}
  .brand{min-width:0}.brand-emblem{width:38px!important;height:38px!important}.brand-text{font-size:20px!important;letter-spacing:.04em;white-space:nowrap}
  .header-cta.questbook-header-btn{display:inline-flex!important;grid-column:3;min-width:44px;height:44px;padding:0 12px!important;border-radius:16px;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 18px rgba(99,255,171,.12),inset 0 1px 0 rgba(255,255,255,.08)}
  .header-cta.questbook-header-btn img{width:24px!important;height:24px!important;margin:0!important}.header-cta.questbook-header-btn span{display:none!important}
  .mobile-toggle{display:inline-flex!important;grid-column:4;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border-radius:16px;background:linear-gradient(180deg,rgba(247,200,75,.12),rgba(4,8,7,.88));box-shadow:0 0 18px rgba(247,200,75,.10);font-size:24px;line-height:1}
  .main-nav{display:none!important;position:fixed!important;top:66px!important;left:12px!important;right:12px!important;z-index:8999!important;max-height:calc(100svh - 88px);overflow:auto;flex-direction:column!important;gap:8px!important;padding:14px!important;border:1px solid rgba(247,200,75,.22);border-radius:22px;background:linear-gradient(180deg,rgba(8,16,13,.98),rgba(5,7,8,.98));box-shadow:0 24px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px)}
  .main-nav.is-open{display:flex!important}.main-nav a{width:100%;padding:15px 14px!important;border:1px solid rgba(247,200,75,.12);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));font-size:13px;letter-spacing:.13em}.main-nav a:after{display:none!important}.main-nav a:hover,.main-nav a.active{border-color:rgba(99,255,171,.26);background:linear-gradient(180deg,rgba(99,255,171,.09),rgba(247,200,75,.035))}
  body.kl-nav-open{overflow:hidden}body.kl-nav-open::after{content:"";position:fixed;inset:0;z-index:8990;background:rgba(0,0,0,.48);backdrop-filter:blur(2px)}
  .hero{min-height:auto!important;padding:clamp(22px,4svh,36px) 14px 28px!important}.hero-inner{padding-top:10px!important}.hero-logo{width:min(420px,86vw)!important;margin-top:4px!important}.hero-copy h1{font-size:clamp(34px,11vw,62px)!important;line-height:.95!important;max-width:10ch;margin-inline:auto}.hero-copy p{font-size:clamp(15px,4.2vw,18px)!important;line-height:1.55;max-width:34ch;margin-inline:auto}.hero-stage{min-height:clamp(280px,48svh,430px)!important;margin-top:18px!important}.chest-button{width:min(270px,72vw)!important}.chest-button img{max-height:min(34svh,260px)!important}.knight{max-height:min(35svh,270px)!important;right:0!important}
  .section{padding:56px 14px!important}.section-title{font-size:clamp(28px,8vw,44px)!important;line-height:1.05;margin-bottom:28px!important}.feature-grid{gap:14px!important}.card{padding:22px 18px!important;border-radius:22px}.card h3{font-size:19px}.card p{font-size:14px;line-height:1.55}
  .reward-carousel{margin-inline:-14px!important;padding:4px 14px!important;overflow:hidden}.reward-track{gap:14px!important;animation-duration:42s!important}.reward{min-width:min(78vw,300px)!important;padding:20px 16px!important;border-radius:24px}.reward-art{height:104px!important}.reward h3{font-size:18px!important}.reward p{font-size:13px!important;line-height:1.45}
  .stats{padding:34px 14px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat{border:1px solid rgba(247,200,75,.12)!important;border-radius:22px;padding:16px 10px!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}.stat strong{font-size:clamp(26px,8vw,36px)!important}.stat span{font-size:12px}.stat-art img{max-height:92px!important}
  .footer-inner{grid-template-columns:1fr!important;text-align:center;gap:24px!important}.footer-logo{margin-inline:auto}.footer-torch{margin:0 auto!important;max-width:120px}.site-footer{padding:44px 18px calc(28px + var(--mobile-safe))!important}
  .questbook-pop,.chest-pop,.quest-pop,.human-check-pop,.quest-user-pop,.quest-status-pop,.quest-review-pop{padding:12px!important;align-items:center!important}.questbook-box,.pop-box,.quest-box,.human-check-box,.quest-user-box,.quest-status-box,.quest-review-box{width:min(100%,720px)!important;max-height:calc(100svh - 24px)!important;border-radius:24px!important;clip-path:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch}.quest-box{padding:18px 14px 16px!important}.quest-title{font-size:clamp(24px,7vw,34px)!important}.quest-grid{grid-template-columns:1fr!important;gap:12px!important}.quest-card{padding:14px!important}.quest-provider-btn{width:100%!important;min-height:52px!important;margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:center!important}.quest-task-steps{gap:8px!important}.quest-task-step{padding:10px!important}.quest-card-reward-img{max-height:clamp(170px,34svh,260px)!important;max-width:100%!important}.quest-card-reward-visual{min-height:clamp(178px,36svh,268px)!important}
}
@media(max-width:460px){.stats-grid{grid-template-columns:1fr!important}.brand-text{font-size:18px!important}.hero-copy h1{font-size:clamp(31px,10vw,44px)!important}.quest-task-step{grid-template-columns:30px 1fr!important}.quest-task-step b{width:30px!important;height:30px!important}.quest-bonus-row{grid-template-columns:1fr!important}.quest-bonus-plus{display:none!important}}


/* V49: Nicht-besetzte Quest-Aufgaben mittig und sauber platziert */
.quest-card--task .quest-task-text.is-unavailable,
.quest-card--task .quest-task-visual:has(.quest-unavailable-card){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:clamp(210px,28vh,330px)!important;
  margin:auto 0!important;
  padding:0!important;
  text-align:center!important;
}
.quest-card--task:has(.quest-unavailable-card){
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.quest-card--task:has(.quest-unavailable-card) .quest-task-title{
  text-align:center!important;
  margin:0 auto clamp(10px,1.2vh,16px)!important;
  max-width:100%!important;
}
.quest-unavailable-card{
  width:min(100%,430px)!important;
  min-height:clamp(190px,25vh,300px)!important;
  margin:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:clamp(9px,1.15vh,14px)!important;
  padding:clamp(20px,2.4vh,30px) clamp(18px,2.5vw,32px)!important;
  border-radius:22px!important;
  clip-path:none!important;
  position:relative!important;
  overflow:hidden!important;
}
.quest-unavailable-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 12%,rgba(168,255,208,.13),transparent 36%),radial-gradient(circle at 50% 100%,rgba(247,200,75,.10),transparent 46%);
  pointer-events:none;
}
.quest-unavailable-rune{
  position:relative!important;
  z-index:1!important;
  flex:0 0 auto!important;
  margin:0 auto 2px!important;
  width:clamp(46px,5.2vh,58px)!important;
  height:clamp(46px,5.2vh,58px)!important;
  font-size:clamp(22px,2.5vh,30px)!important;
  box-shadow:0 0 24px rgba(101,240,169,.18),inset 0 0 18px rgba(101,240,169,.08)!important;
}
.quest-unavailable-card strong,
.quest-unavailable-card p,
.quest-unavailable-card small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.quest-unavailable-card strong{
  max-width:360px!important;
  font-size:clamp(18px,1.72vw,25px)!important;
}
.quest-unavailable-card p{
  max-width:360px!important;
  line-height:1.45!important;
}
.quest-unavailable-card small{
  max-width:380px!important;
  line-height:1.42!important;
}
@media(max-height:760px) and (min-width:721px){
  .quest-card--task .quest-task-text.is-unavailable,
  .quest-card--task .quest-task-visual:has(.quest-unavailable-card){min-height:clamp(170px,24vh,240px)!important}
  .quest-unavailable-card{min-height:clamp(158px,22vh,220px)!important;padding:16px 22px!important;gap:8px!important}
  .quest-unavailable-rune{width:42px!important;height:42px!important;font-size:22px!important}
  .quest-unavailable-card strong{font-size:clamp(17px,1.45vw,21px)!important}
  .quest-unavailable-card p{font-size:13px!important;line-height:1.32!important}
  .quest-unavailable-card small{font-size:11px!important;line-height:1.28!important}
}
@media(max-width:720px){
  .quest-card--task .quest-task-text.is-unavailable,
  .quest-card--task .quest-task-visual:has(.quest-unavailable-card){min-height:220px!important}
  .quest-unavailable-card{width:100%!important;min-height:210px!important}
}


/* V50: final hard center for unavailable quest task card */
html body .quest-card.quest-card--task.is-unavailable-task,
html body .quest-card.quest-card--task:has(.quest-unavailable-card){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:0!important;
}
html body .quest-card.quest-card--task.is-unavailable-task .quest-card-label,
html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-card-label{
  align-self:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .quest-card.quest-card--task.is-unavailable-task .quest-task-title,
html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-title{
  width:100%!important;
  text-align:center!important;
  margin:0 auto clamp(12px,1.7vh,22px)!important;
  color:#f7c84b!important;
}
html body .quest-card.quest-card--task.is-unavailable-task .quest-task-text,
html body .quest-card.quest-card--task.is-unavailable-task .quest-task-visual,
html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-text,
html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-visual{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:clamp(240px,34vh,390px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  align-content:center!important;
  justify-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
}
html body .quest-unavailable-card{
  box-sizing:border-box!important;
  width:min(100%,430px)!important;
  max-width:430px!important;
  min-height:auto!important;
  margin:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:clamp(10px,1.4vh,16px)!important;
  padding:clamp(24px,3vh,36px) clamp(20px,2.5vw,34px)!important;
  border:1px solid rgba(247,200,75,.24)!important;
  background:radial-gradient(circle at 50% 0%, rgba(99,255,171,.08), transparent 40%), linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 34px rgba(0,0,0,.18)!important;
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)!important;
}
html body .quest-unavailable-rune{
  width:clamp(48px,5.2vw,66px)!important;
  height:clamp(48px,5.2vw,66px)!important;
  min-width:clamp(48px,5.2vw,66px)!important;
  min-height:clamp(48px,5.2vw,66px)!important;
  margin:0 auto clamp(2px,.5vh,6px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#8fffc3!important;
  border:1px solid rgba(99,255,171,.28)!important;
  background:radial-gradient(circle,rgba(99,255,171,.16),rgba(247,200,75,.08) 55%,rgba(0,0,0,.10))!important;
  box-shadow:0 0 24px rgba(99,255,171,.16), inset 0 0 18px rgba(99,255,171,.08)!important;
  font-size:clamp(23px,2.6vw,34px)!important;
  line-height:1!important;
}
html body .quest-unavailable-card strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
  color:#ffe2a3!important;
  font-size:clamp(19px,1.75vw,27px)!important;
  line-height:1.12!important;
  text-wrap:balance!important;
}
html body .quest-unavailable-card p,
html body .quest-unavailable-card small{
  display:block!important;
  width:100%!important;
  max-width:360px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#d8c59d!important;
  line-height:1.43!important;
  text-wrap:pretty!important;
}
html body .quest-unavailable-card p{font-size:clamp(13px,1.05vw,16px)!important}
html body .quest-unavailable-card small{font-size:clamp(11.5px,.92vw,14px)!important;color:#a8ffd0!important}
html body .quest-provider-btn.is-unavailable,
html body .quest-provider-btn[data-disabled="true"]{
  margin-top:clamp(16px,2vh,26px)!important;
}
@media(max-height:760px) and (min-width:721px){
  html body .quest-card.quest-card--task.is-unavailable-task .quest-task-text,
  html body .quest-card.quest-card--task.is-unavailable-task .quest-task-visual,
  html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-text,
  html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-visual{min-height:clamp(190px,28vh,265px)!important}
  html body .quest-unavailable-card{padding:18px 22px!important;gap:9px!important}
  html body .quest-unavailable-rune{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:23px!important}
  html body .quest-unavailable-card strong{font-size:clamp(17px,1.45vw,22px)!important}
  html body .quest-unavailable-card p{font-size:13px!important;line-height:1.32!important}
  html body .quest-unavailable-card small{font-size:11px!important;line-height:1.28!important}
}
@media(max-width:720px){
  html body .quest-card.quest-card--task.is-unavailable-task .quest-task-text,
  html body .quest-card.quest-card--task.is-unavailable-task .quest-task-visual,
  html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-text,
  html body .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-visual{min-height:230px!important}
  html body .quest-unavailable-card{width:100%!important;max-width:420px!important;min-height:220px!important}
}


/* FINAL FIX: No-Auftrag Kachel wirklich mittig */
html body .quest-pop .quest-card.quest-card--task.is-unavailable-task,
html body .quest-pop .quest-card.quest-card--task:has(.quest-unavailable-card){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:clamp(24px,3vw,40px)!important;
  min-height:clamp(330px,45vh,520px)!important;
}
html body .quest-pop .quest-card.quest-card--task.is-unavailable-task .quest-card-label,
html body .quest-pop .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-card-label{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0 0 clamp(10px,1.4vh,18px)!important;
  align-self:center!important;
}
html body .quest-pop .quest-card.quest-card--task.is-unavailable-task .quest-task-title,
html body .quest-pop .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-title{
  display:block!important;
  width:100%!important;
  max-width:560px!important;
  text-align:center!important;
  margin:0 auto clamp(18px,2.2vh,30px)!important;
  line-height:1.03!important;
  align-self:center!important;
}
html body .quest-pop .quest-card.quest-card--task.is-unavailable-task .quest-task-text,
html body .quest-pop .quest-card.quest-card--task.is-unavailable-task .quest-task-visual,
html body .quest-pop .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-text,
html body .quest-pop .quest-card.quest-card--task:has(.quest-unavailable-card) .quest-task-visual{
  flex:0 0 auto!important;
  display:flex!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin:0 auto!important;
  padding:0!important;
}
html body .quest-pop .quest-unavailable-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:min(100%,520px)!important;
  max-width:520px!important;
  margin:0 auto!important;
  padding:clamp(22px,2.2vw,32px)!important;
  border:1px solid rgba(168,255,208,.24)!important;
  background:linear-gradient(180deg,rgba(14,69,49,.24),rgba(0,0,0,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 34px rgba(0,0,0,.18),0 0 28px rgba(99,255,171,.08)!important;
}
html body .quest-pop .quest-unavailable-rune{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  margin:0 auto 14px!important;
  border-radius:50%!important;
  color:#a8ffd0!important;
  font-size:28px!important;
  line-height:1!important;
  background:radial-gradient(circle,rgba(168,255,208,.16),rgba(247,200,75,.08) 58%,transparent 72%)!important;
  text-shadow:0 0 18px rgba(168,255,208,.48)!important;
}
html body .quest-pop .quest-unavailable-card strong{
  display:block!important;
  width:100%!important;
  margin:0 auto 12px!important;
  color:#f7c84b!important;
  font-size:clamp(23px,2vw,34px)!important;
  line-height:1.05!important;
  text-align:center!important;
}
html body .quest-pop .quest-unavailable-card p,
html body .quest-pop .quest-unavailable-card small{
  display:block!important;
  width:100%!important;
  max-width:470px!important;
  margin:0 auto!important;
  text-align:center!important;
  line-height:1.45!important;
}
html body .quest-pop .quest-unavailable-card small{
  margin-top:10px!important;
  color:#d7c39a!important;
  font-size:clamp(14px,1vw,17px)!important;
}
@media(max-height:760px) and (min-width:721px){
  html body .quest-pop .quest-card.quest-card--task.is-unavailable-task,
  html body .quest-pop .quest-card.quest-card--task:has(.quest-unavailable-card){
    min-height:clamp(285px,39vh,430px)!important;
    padding:clamp(18px,2vw,28px)!important;
  }
  html body .quest-pop .quest-unavailable-card{padding:18px 20px!important;max-width:500px!important}
  html body .quest-pop .quest-unavailable-rune{width:44px!important;height:44px!important;font-size:24px!important;margin-bottom:10px!important}
  html body .quest-pop .quest-unavailable-card strong{font-size:clamp(21px,1.65vw,28px)!important;margin-bottom:8px!important}
  html body .quest-pop .quest-unavailable-card small{font-size:14px!important;margin-top:7px!important}
}