:root{--gold:#e7b95a;--gold2:#8f5d1f;--purple:#a85ed9;--purple2:#4c1d68;--navy:#06101e;--panel:rgba(5,14,28,.93);--line:rgba(231,185,90,.38);--text:#f6efe3;--muted:#afbdd0;--green:#61dda0;--red:#ef7180}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#040913;color:var(--text);font-family:Inter,sans-serif}.treasure-page{overflow-x:hidden}.treasure-topbar{background:#07101f;border-bottom:1px solid rgba(231,185,90,.42);box-shadow:0 10px 28px rgba(0,0,0,.3)}.treasure-store-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 7px;border:1px solid rgba(223,180,83,.78);border-radius:5px;background:linear-gradient(180deg,#321846,#1f102c);color:#ffe3a5!important;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.treasure-store-btn img{width:28px;height:28px;object-fit:contain}
.treasure-stage{position:relative;min-height:calc(100vh - 64px);padding:64px 0 30px;overflow:hidden}.treasure-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(87,45,128,.22),transparent 32%),linear-gradient(180deg,#0a1020,#040913 68%)}.treasure-bg:after{content:"";position:absolute;inset:0;background:url('/gluecksrad/assets/gnome-scene.png') center/cover no-repeat;opacity:.13;filter:blur(2px) brightness(.45);transform:scale(1.12)}.treasure-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,14,.88),rgba(3,7,14,.18) 35%,rgba(3,7,14,.18) 65%,rgba(3,7,14,.88)),linear-gradient(180deg,rgba(3,7,14,.15),rgba(3,7,14,.68))}
.treasure-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(310px,.9fr) minmax(500px,1.34fr) minmax(330px,.94fr);gap:22px;align-items:start}.panel{background:linear-gradient(180deg,rgba(5,14,28,.94),rgba(5,12,24,.9));border:1px solid var(--line);border-radius:23px;box-shadow:0 24px 55px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.02)}
.treasure-left{padding:26px 22px}.ornament,.divider{display:flex;align-items:center;gap:10px;color:#be6bea}.ornament{margin-bottom:14px}.ornament span,.divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(231,185,90,.7))}.ornament span:last-child,.divider i:last-child{background:linear-gradient(90deg,rgba(231,185,90,.7),transparent)}.ornament b,.divider b{color:#be6bea}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#d88cff;text-align:center}.treasure-left h1{font-family:Cinzel,serif;font-size:clamp(40px,3.8vw,56px);line-height:.94;text-align:center;color:#f0c96f;margin:10px 0 12px}.treasure-left h1 span{color:#f5d98f}.tagline{font-family:Georgia,serif;text-align:center;font-size:20px;line-height:1.35;color:#f2eadf;margin:0 0 16px}.divider{margin:8px 0 18px}.intro{font-family:Georgia,serif;font-size:15px;line-height:1.65;color:#e5dfd7;margin:0 0 20px}
.search-panel{padding:16px;border:1px solid rgba(231,185,90,.42);border-radius:16px;background:rgba(4,11,23,.82)}.search-panel label{display:block;font-family:Cinzel,serif;font-size:13px;font-weight:800;color:#e8c36b;margin-bottom:8px}.name-box{display:flex;align-items:center;border:1px solid rgba(160,173,198,.35);border-radius:9px;background:#091221}.name-box span{width:40px;text-align:center;color:#8592a6}.name-box input{width:100%;height:46px;border:0;background:transparent;color:#fff;padding:0 12px;outline:none;font-size:14px}.search-panel button{width:100%;height:60px;margin-top:14px;border:1px solid #d0a151;border-radius:10px;background:linear-gradient(180deg,#8d48ae,#552071);color:#fff5d9;font-family:Cinzel,serif;font-size:22px;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:0 11px 24px rgba(78,26,100,.4),inset 0 0 0 2px rgba(255,255,255,.05)}.search-panel button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.search-panel button:disabled{opacity:.5;cursor:not-allowed}.button-chest{margin-right:8px}.search-panel small{display:block;text-align:center;margin-top:8px;color:#aebacf}
.cooldown-card{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center;margin-top:13px;padding:14px;border:1px solid rgba(231,185,90,.35);border-radius:15px;background:rgba(4,11,23,.82)}.hourglass{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;border:1px solid rgba(231,185,90,.34);background:radial-gradient(circle,rgba(231,185,90,.12),transparent 70%)}.cooldown-card strong{display:block;font-family:Cinzel,serif;color:#efd17f;font-size:14px}.cooldown-card span{display:block;margin:4px 0;color:#9eacc0;font-size:11px}.cooldown-card b{display:block;color:#ffe09a;font-size:19px}.bridge-pill{display:flex;align-items:center;gap:8px;margin-top:12px;color:#c3cfdf;font-size:10px;font-weight:800}.bridge-pill i{width:8px;height:8px;border-radius:50%;background:#788699}.bridge-pill.online i{background:#63db98;box-shadow:0 0 12px rgba(99,219,152,.45)}.bridge-pill.offline i{background:#ee6a78}.community-note{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.community-note>span{color:#61dda0;font-weight:900}.community-note p{margin:0;color:#c6d0de;font-size:11px;line-height:1.5}
.treasure-center{display:flex;flex-direction:column;gap:14px}.scene-card{position:relative;padding:14px;border:1px solid rgba(231,185,90,.5);border-radius:28px;background:linear-gradient(180deg,#422514,#120d12 10%,#0b1020);box-shadow:0 30px 70px rgba(0,0,0,.42),inset 0 0 0 2px rgba(255,220,146,.05)}.scene-status{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;margin:-32px auto 12px;padding:11px 18px;max-width:84%;border:1px solid rgba(231,185,90,.5);border-radius:999px;background:linear-gradient(180deg,#201129,#0d1321);color:#edc76d;font-family:Cinzel,serif;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.3)}.scene-status span{color:#c273ee}.scene-art{position:relative;height:365px;overflow:hidden;border-radius:19px;border:1px solid rgba(255,255,255,.06);background:#080d17}.scene-art>img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(1.03) brightness(.85);transition:transform .6s ease,filter .6s ease}.scene-card.searching .scene-art>img{transform:scale(1.025) translateX(5px);filter:saturate(1.1) brightness(.95)}.search-sparkles i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd867;box-shadow:0 0 10px #ffd867;opacity:0}.scene-card.searching .search-sparkles i{animation:spark 1.2s infinite}.search-sparkles i:nth-child(1){left:28%;top:28%}.search-sparkles i:nth-child(2){left:45%;top:18%;animation-delay:.2s}.search-sparkles i:nth-child(3){left:62%;top:33%;animation-delay:.5s}.search-sparkles i:nth-child(4){left:75%;top:20%;animation-delay:.75s}.search-sparkles i:nth-child(5){left:54%;top:48%;animation-delay:.3s}.search-sparkles i:nth-child(6){left:83%;top:43%;animation-delay:.6s}
.chest-arena{display:flex;gap:10px;justify-content:center;align-items:end;padding:14px 4px 3px;min-height:118px}.chest-slot{position:relative;flex:1;max-width:104px;transition:transform .34s cubic-bezier(.22,.8,.25,1),filter .3s ease;will-change:transform}.chest-shell{position:relative;height:86px;border:1px solid rgba(231,185,90,.25);border-radius:14px;background:linear-gradient(180deg,#101a2b,#09111e);display:grid;place-items:center;overflow:hidden}.chest-shell img{width:78px;height:78px;object-fit:cover;border-radius:10px;transition:transform .35s ease,filter .35s ease}.chest-slot>span{display:block;text-align:center;color:#a871d6;font-size:18px;font-weight:900;margin-top:2px}.chest-slot.shuffle{filter:brightness(1.2)}.chest-slot.shuffle .chest-shell img{transform:scale(1.06)}.chest-slot.selected{transform:translateY(-8px) scale(1.08);z-index:4}.chest-slot.selected .chest-shell{border-color:#ffd66b;box-shadow:0 0 26px rgba(255,214,107,.34)}.chest-slot.open .chest-shell img{transform:translateY(9px) rotate(-3deg) scale(.93);filter:brightness(.7)}.chest-reveal{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(150,85,218,.42),transparent 60%);opacity:0;transform:translateY(10px) scale(.7);transition:.45s}.chest-slot.open .chest-reveal{opacity:1;transform:none}.chest-reveal img{width:64px!important;height:64px!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(255,222,128,.55))!important;transform:none!important}.scene-footer{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;margin-top:12px;padding:13px 16px;border:1px solid rgba(231,185,90,.32);border-radius:15px;background:rgba(4,11,23,.83)}.scene-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(231,185,90,.35);font-size:22px;background:radial-gradient(circle,rgba(155,75,197,.2),transparent 70%)}.scene-footer strong{display:block;font-family:Cinzel,serif;color:#efca72}.scene-footer span{display:block;color:#bdc8d8;font-size:12px;line-height:1.45;margin-top:3px}
.find-result{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid rgba(231,185,90,.35);border-radius:15px;background:rgba(4,11,23,.86)}.result-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:13px;background:#0b1729;border:1px solid rgba(255,255,255,.06);font-size:24px}.result-icon img{width:48px;height:48px;object-fit:contain}.find-result strong{display:block;color:#fff2cf;font-size:15px}.find-result span{display:block;margin-top:4px;color:#aebbd0;font-size:12px;line-height:1.45}.find-result.success{border-color:rgba(97,221,160,.38)}.find-result.legendary{border-color:rgba(198,103,245,.48);box-shadow:0 0 25px rgba(170,73,220,.13)}.find-result.error{border-color:rgba(239,113,128,.35)}.delivery-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;border:1px solid rgba(231,185,90,.27);border-radius:999px;background:rgba(4,11,23,.76);color:#c6d1e0;font-size:11px;text-align:center}.delivery-banner span{color:#c579eb}
.finds-panel{padding:17px 14px}.finds-title{display:flex;justify-content:center;align-items:center;gap:10px;padding:3px 0 15px;border-bottom:1px solid rgba(231,185,90,.22);font-family:Cinzel,serif;font-size:21px;color:#f0d187}.finds-title span{color:#c579eb}.find-list{display:grid}.find-row{display:grid;grid-template-columns:58px 1fr 45px;gap:10px;align-items:center;min-height:74px;padding:8px 3px;border-bottom:1px solid rgba(255,255,255,.07)}.find-row:last-child{border-bottom:0}.find-row img{width:54px;height:54px;object-fit:contain;padding:4px;border:1px solid rgba(231,185,90,.2);border-radius:9px;background:#0a1424}.find-row strong{display:block;font-family:Georgia,serif;font-size:13px;line-height:1.25;color:#f0eadf}.find-row small{display:block;margin-top:4px;font-size:10px}.find-row>b{justify-self:end;font-family:Georgia,serif;font-size:20px}.legendary small,.legendary>b{color:#e178ff}.rare small,.rare>b{color:#b788ff}.common small,.common>b{color:#86d56c}.valuable small,.valuable>b{color:#59a4ff}.special small,.special>b{color:#d4e45e}.treasure-footer-note{position:relative;z-index:1;display:flex;justify-content:center;gap:34px;margin-top:18px;padding:11px 16px;border:1px solid rgba(231,185,90,.28);border-radius:11px;background:rgba(4,11,23,.78);color:#b9c5d4;font-size:10px}
@keyframes spark{0%,100%{opacity:0;transform:translateY(8px) scale(.5)}50%{opacity:1;transform:translateY(-8px) scale(1.3)}}@media(max-width:1200px){.treasure-grid{grid-template-columns:1fr 1.3fr}.finds-panel{grid-column:1/-1}.find-list{grid-template-columns:repeat(2,1fr)}.find-row{border-right:1px solid rgba(255,255,255,.05)}}@media(max-width:860px){.treasure-stage{padding-top:42px}.treasure-grid{grid-template-columns:1fr}.treasure-center{order:1}.treasure-left{order:2}.finds-panel{order:3}.find-list{grid-template-columns:1fr}.scene-art{height:320px}.treasure-footer-note{flex-direction:column;gap:6px}.treasure-left h1{font-size:46px}}@media(max-width:580px){.treasure-stage{padding-top:28px}.treasure-left{padding:22px 16px}.treasure-left h1{font-size:38px}.tagline{font-size:17px}.scene-card{padding:10px}.scene-status{font-size:12px;max-width:94%;margin-top:-25px}.scene-art{height:280px}.chest-arena{gap:5px}.chest-shell{height:64px}.chest-shell img{width:58px;height:58px}.chest-slot>span{font-size:14px}.scene-footer{grid-template-columns:46px 1fr;padding:11px}.scene-icon{width:42px;height:42px}.search-panel button{font-size:18px;height:55px}.cooldown-card{grid-template-columns:56px 1fr}.hourglass{width:52px;height:52px}.find-row{grid-template-columns:52px 1fr 40px}.find-row img{width:48px;height:48px}.find-row>b{font-size:18px}}

/* V2: Schatzkammer Titel kompakter + Panel-Schutz */
.treasure-left{overflow:hidden}
.treasure-left h1{font-size:clamp(31px,3.05vw,49px)!important;line-height:.96!important;letter-spacing:-.02em;max-width:100%;overflow-wrap:anywhere;word-break:break-word;margin:10px auto 12px}
.treasure-left h1 span{display:block;font-size:.9em}
.treasure-left .tagline{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1200px){.treasure-left h1{font-size:clamp(30px,4.1vw,45px)!important}}
@media(max-width:860px){.treasure-left h1{font-size:42px!important}}
@media(max-width:580px){.treasure-left h1{font-size:34px!important;line-height:.98!important}.treasure-left{padding:22px 15px}}


/* V3: finaler Titel-Fit — beide Zeilen getrennt skalieren */
.treasure-left h1{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:100%;
  max-width:100%;
  margin:10px auto 12px!important;
  padding:0 2px;
  overflow:hidden;
  text-align:center;
  line-height:.92!important;
}
.treasure-left h1 .gnomes-line{
  display:block;
  width:100%;
  font-size:clamp(38px,3.1vw,48px)!important;
  line-height:.95;
  white-space:nowrap;
  color:#f0c96f;
}
.treasure-left h1 .schatz-line{
  display:block;
  width:100%;
  font-size:clamp(27px,2.15vw,34px)!important;
  line-height:1;
  letter-spacing:-.035em;
  white-space:nowrap;
  color:#f5d98f;
}
@media(max-width:1200px){
  .treasure-left h1 .gnomes-line{font-size:42px!important}
  .treasure-left h1 .schatz-line{font-size:30px!important}
}
@media(max-width:860px){
  .treasure-left h1 .gnomes-line{font-size:44px!important}
  .treasure-left h1 .schatz-line{font-size:32px!important}
}
@media(max-width:580px){
  .treasure-left h1 .gnomes-line{font-size:38px!important}
  .treasure-left h1 .schatz-line{font-size:27px!important;letter-spacing:-.04em}
}


/* V4 – Legendärer Fund Celebration */
.scene-card{isolation:isolate}
.scene-card.legendary-found{animation:legendaryCardPulse 1.15s ease-in-out 4;border-color:rgba(244,202,89,.95);box-shadow:0 30px 80px rgba(0,0,0,.46),0 0 42px rgba(188,85,255,.26),0 0 24px rgba(255,210,91,.2),inset 0 0 0 2px rgba(255,230,158,.12)}
.scene-card.legendary-found .scene-art{box-shadow:inset 0 0 60px rgba(180,81,255,.22),0 0 34px rgba(255,206,79,.16)}
.scene-card.legendary-found .scene-art>img{animation:gnomeJubel .58s ease-in-out 6;filter:saturate(1.2) brightness(1.08)}
.chest-slot.legendary-chest{transform:translateY(-12px) scale(1.14)!important;z-index:8;filter:brightness(1.16)}
.chest-slot.legendary-chest .chest-shell{border-color:#ffe17d!important;box-shadow:0 0 0 2px rgba(178,80,243,.36),0 0 32px rgba(255,218,94,.62),0 0 54px rgba(176,73,239,.42)!important;animation:legendaryChestPulse .72s ease-in-out infinite alternate}
.chest-slot.legendary-chest .chest-reveal{background:radial-gradient(circle,rgba(255,220,101,.5) 0%,rgba(173,76,239,.42) 36%,transparent 69%)}
.chest-slot.legendary-chest .chest-reveal img{width:72px!important;height:72px!important;filter:drop-shadow(0 0 10px #fff2b0) drop-shadow(0 0 22px rgba(187,86,255,.78))!important;animation:legendaryItemFloat .9s ease-in-out infinite alternate}
.legendary-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;border-radius:27px}
.legendary-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,rgba(255,242,164,.55),rgba(183,81,255,.22) 34%,transparent 70%);opacity:0;animation:legendaryFlash 1.15s ease-out forwards}
.legendary-banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.72);min-width:min(88%,520px);padding:14px 22px;border:1px solid rgba(255,229,137,.9);border-radius:16px;background:linear-gradient(180deg,rgba(38,16,53,.96),rgba(8,14,27,.96));box-shadow:0 0 0 2px rgba(174,74,234,.24),0 18px 45px rgba(0,0,0,.42),0 0 34px rgba(191,84,255,.3);font-family:Cinzel,serif;text-align:center;color:#ffe39a;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(18px,2.2vw,30px);font-weight:900;opacity:0;animation:legendaryBannerIn .8s .28s cubic-bezier(.2,.8,.2,1) forwards}
.legendary-banner small{display:block;margin-top:6px;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.16em;color:#df9cff}
.legendary-gem{position:absolute;left:50%;top:60%;width:9px;height:13px;background:linear-gradient(135deg,#fff0a8 0 35%,#bc61ff 36% 70%,#6c2da7 71%);clip-path:polygon(50% 0,100% 35%,75% 100%,25% 100%,0 35%);opacity:0;filter:drop-shadow(0 0 7px rgba(211,128,255,.8));animation:legendaryGemFly var(--dur,1.9s) var(--delay,0s) ease-out forwards}
@keyframes legendaryCardPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}
@keyframes legendaryChestPulse{from{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.035)}}
@keyframes legendaryItemFloat{from{transform:translateY(3px) scale(1)}to{transform:translateY(-5px) scale(1.08)}}
@keyframes legendaryFlash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
@keyframes legendaryBannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes legendaryGemFly{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.5)}12%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--rot)) scale(1.15)}}
@keyframes gnomeJubel{0%,100%{transform:scale(1.025) translate(5px,0)}50%{transform:scale(1.045) translate(5px,-7px)}}
@media(max-width:580px){.legendary-banner{padding:12px 14px;font-size:18px}.legendary-gem{width:7px;height:10px}}