/* Feinschliff: ruhiger, hochwertiger Look */
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#050d15;letter-spacing:.005em}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#6fa8dc0d 1px,transparent 1px),linear-gradient(90deg,#6fa8dc0d 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%)}
body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,#02070c 100%)}
.logo{display:flex;align-items:center;gap:10px;animation:none;font-weight:800;letter-spacing:3px;font-size:17px}.logo svg{filter:drop-shadow(0 0 8px #38bdf877)}
.banner{animation:none}
header{background:#071420d9;border-bottom:1px solid #6fa8dc1f}
.card{background:linear-gradient(180deg,#0f2234cc,#0a1826cc);backdrop-filter:blur(14px);border:1px solid #6fa8dc1f;box-shadow:0 12px 40px #00000059,inset 0 1px 0 #ffffff0a}
.card:hover{box-shadow:0 12px 44px #00000066,0 0 0 1px #2f7bf555}
h2{font-size:17px;letter-spacing:.02em;font-weight:700}
button{border-radius:9px;font-weight:600;letter-spacing:.01em;background:linear-gradient(180deg,#3b82f6,#2563eb)!important;box-shadow:0 2px 10px #2563eb44,inset 0 1px 0 #ffffff2e;animation:none!important}
button:hover{filter:brightness(1.12)}
button.g{background:#14283b!important;box-shadow:inset 0 0 0 1px #6fa8dc26}button.r{background:#7f1d1d!important;box-shadow:none}
.side button.on,.side button{box-shadow:none;background:transparent!important}.side button.on{background:linear-gradient(90deg,#1d4ed855,transparent)!important;box-shadow:inset 3px 0 0 #38bdf8!important}
.side{background:linear-gradient(180deg,#081521,#06101a);border-right:1px solid #6fa8dc1f}
.side small{color:#58738c;font-size:11px;letter-spacing:.14em;margin:6px 14px 6px;font-weight:700}
.side svg{width:18px;height:18px;margin-right:12px;vertical-align:-4px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.pill{border:1px solid #6fa8dc26;background:#0a1b2a}.pbtn{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 5px;box-shadow:none!important;background:#0a1b2a!important}
.av2{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:linear-gradient(135deg,#38bdf8,#2563eb)}
.hero2{border:1px solid #6fa8dc26;border-radius:16px;padding:34px;background:linear-gradient(105deg,#0b1d2cf5 40%,#0b1d2c80),radial-gradient(600px 300px at 90% 0,#2f7bf544,transparent),url(banner.svg) center/cover;box-shadow:0 16px 50px #0006}
.hero2 h1{font-weight:800;letter-spacing:.04em}
.mc{background:linear-gradient(180deg,#102639,#0a1a29);border-color:#6fa8dc22;box-shadow:0 8px 28px #0005}.mc:hover{box-shadow:0 14px 36px #2f7bf533}
.cas{display:inline-flex;padding:4px;gap:4px;background:#0a1b2a;border:1px solid #6fa8dc26;border-radius:12px;margin-bottom:16px}
.cas button{background:transparent!important;box-shadow:none;color:var(--mu);padding:9px 26px}.cas button.on{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;color:#fff}
/* Vollbild-Fenster (Profil, Slots) */
.full{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 80% -10%,#1d4ed833,transparent),#050d15;animation:up .25s both}
.fbar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#071420f2;border-bottom:1px solid #6fa8dc26;flex-shrink:0}.fbar b{font-size:17px}
.fbody{flex:1;overflow:auto;padding:24px}.full .slotf{flex:1;width:100%;height:auto;min-height:0;border-radius:0}
.pfw{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}
@media(max-width:900px){.pfw{grid-template-columns:1fr}.fbody{padding:14px}}
.full .pcard{padding:22px;border:1px solid #2f7bf566;background:linear-gradient(120deg,#0b3a78,#0a1e3b)}.full .av{width:68px;height:68px;font-size:30px}
/* Slot-Cover */
.sgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.sl{position:relative;overflow:hidden;padding:0;aspect-ratio:3/4;border-radius:14px;border:1px solid #ffffff1f!important;background:#07111b!important;box-shadow:0 10px 26px #0007!important;transition:transform .25s,box-shadow .25s}
.sl:hover{transform:translateY(-6px);box-shadow:0 18px 40px hsl(var(--h) 90% 45% / .45)!important}
.art{position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,hsl(var(--h) 90% 60% / .95),transparent 58%),repeating-conic-gradient(from 0deg at 50% 36%,hsl(var(--h) 75% 32%) 0 9deg,hsl(var(--h) 75% 20%) 9deg 18deg);display:grid;place-items:center;padding-bottom:70px}
.art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,#fff3,transparent 25%),linear-gradient(180deg,transparent 45%,#030a12f2)}
.art span{position:relative;z-index:1;font-size:78px;filter:drop-shadow(0 8px 14px #000a);animation:flt 4s ease-in-out infinite}
.cap{position:absolute;left:0;right:0;bottom:0;padding:14px;text-align:left;z-index:2}.cap b{display:block;font-size:17px;line-height:1.15;text-shadow:0 2px 8px #000}.cap small{opacity:.75}
.sl em{position:absolute;top:10px;right:10px;z-index:2;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border-radius:99px;background:#000a;border:1px solid #ffffff33}
/* Blackjack + Aimtraining */
.felt{background:radial-gradient(ellipse at 50% 0,#0f5132,#0a3622 70%);border:1px solid #6fa8dc26;border-radius:16px;padding:22px;display:grid;gap:14px;box-shadow:inset 0 0 70px #0009}
.cards{display:flex;gap:10px;min-height:112px;flex-wrap:wrap;margin-top:6px}.bjmsg{text-align:center;font-size:22px;font-weight:800;min-height:34px}
.pc{width:76px;height:108px;border-radius:9px;background:#f8fafc;color:#0f172a;display:flex;flex-direction:column;justify-content:space-between;padding:7px 9px;font-weight:800;font-size:20px;box-shadow:0 6px 14px #0008}.pc.red{color:#dc2626}.pc span{align-self:flex-end;font-size:30px;line-height:1}
.pc.back{background:repeating-linear-gradient(45deg,#1d4ed8,#1d4ed8 6px,#1e3a8a 6px,#1e3a8a 12px);border:3px solid #f8fafc}
.pc.nw{animation:deal .4s both}@keyframes deal{from{opacity:0;transform:translate(-60px,-80px) rotate(-18deg)}to{opacity:1;transform:none}}
.aimf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.aimf label{color:var(--mu);font-size:13px;display:grid;gap:6px}@media(max-width:700px){.aimf{grid-template-columns:1fr}}
.aimv{position:relative;flex:1;min-height:0;background:#000}.aimv canvas{display:block;width:100%;height:100%}
.xh{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #000a,0 0 10px #38bdf8;pointer-events:none}
.amsg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#050d15b8;pointer-events:none}.amsg button{pointer-events:auto}

/* Aimtraining Maps */
.mapg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.map{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:0 0 14px;border-radius:14px;overflow:hidden;background:#07111b!important;border:1px solid #ffffff1f!important;color:#fff;transition:transform .2s,box-shadow .2s}
.map:hover{transform:translateY(-4px)}
.map.on{border-color:var(--a)!important;box-shadow:0 0 0 2px var(--a),0 12px 30px #0008!important}
.map .mp{align-self:stretch;height:84px;position:relative;background:radial-gradient(circle at 50% 120%,var(--a),transparent 70%),var(--b);border-bottom:1px solid #ffffff14;margin-bottom:6px}
.map .mp i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--t);box-shadow:0 0 12px var(--t)}
.map .mp i:nth-child(1){left:22%;top:30%}.map .mp i:nth-child(2){left:58%;top:52%}.map .mp i:nth-child(3){left:76%;top:22%}
.map .me{position:absolute;top:8px;right:10px;font-size:20px}
.map b,.map small,.map em{padding:0 14px}.map b{font-size:16px}.map small{color:var(--mu);line-height:1.35}.map em{font-style:normal;color:#fbbf24;font-size:12px;font-weight:700;margin-top:2px}
.dchip.on{background:#2f7bf5!important;border-color:#2f7bf5!important;color:#fff!important}

/* ===== Fortnite Shop / Events ===== */
.fsm{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.fsm span{font-size:13px;padding:5px 12px;border-radius:99px;background:#0008;border:1px solid #ffffff22}.fsm b{color:#fbbf24;font-variant-numeric:tabular-nums}
.fchips{gap:8px;flex-wrap:wrap}.fchips .dchip{padding:6px 12px;font-size:13px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.fi{border-radius:14px;overflow:hidden;background:#07111b;border:1px solid #ffffff1a;border-bottom:3px solid var(--rc);box-shadow:0 8px 22px #0006;transition:transform .2s,box-shadow .2s}.fi[hidden]{display:none}
.fi:hover{transform:translateY(-5px);box-shadow:0 14px 34px color-mix(in srgb,var(--rc) 45%,transparent)}
.fim{position:relative;aspect-ratio:1;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rc) 55%,#07111b),#07111b 75%);display:grid;place-items:center}.fim img{width:100%;height:100%;object-fit:cover}
.fim em{position:absolute;top:8px;left:8px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:99px;background:#fbbf24;color:#451a03}
.fib{padding:10px 12px 12px;display:grid;gap:2px}.fib>b{font-size:14px;line-height:1.2}.fib small{color:var(--mu);font-size:12px}
.fpr{display:flex;align-items:center;gap:6px;margin-top:6px}.fpr img{width:18px;height:18px}.fpr b{color:#fff}.fpr s{color:var(--mu);font-size:12px}
.evd h3{margin:22px 0 10px;font-size:17px;text-transform:capitalize}.evn{font-size:11px;font-weight:800;letter-spacing:.1em;padding:3px 9px;border-radius:99px;background:#2f7bf5;color:#fff;margin-right:6px}
.evg{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.ev{display:flex;gap:14px;align-items:center;padding:12px;border-radius:14px;background:linear-gradient(120deg,#0b1d2c,#08121d);border:1px solid #6fa8dc26;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}.ev:hover{transform:translateY(-3px);border-color:#38bdf8}
.ev img,.evi{width:76px;height:76px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#0c2234;display:grid;place-items:center;font-size:28px}
.evb{display:grid;gap:5px;min-width:0}.evb b{font-size:15px;line-height:1.25}.evt{font-size:13px;color:#9cc4ff}.evc{display:flex;gap:6px;flex-wrap:wrap}.evc span{font-size:11px;padding:2px 9px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff1f}
.sfail{padding:10px 16px;background:#071420;border-top:1px solid #6fa8dc26;font-size:13px;color:var(--mu);display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0}
/* ===== Leaderboard ===== */
.lbw{position:relative;border-radius:18px;padding:34px 18px 22px;margin-bottom:14px;overflow:hidden;border:1px solid #38bdf833;background:radial-gradient(700px 340px at 50% -5%,#38bdf833,transparent 70%),radial-gradient(500px 300px at 8% 100%,#2f7bf522,transparent),radial-gradient(500px 300px at 92% 100%,#2f7bf522,transparent),linear-gradient(#06101e,#050b16)}
.lbt{text-align:center;margin-bottom:26px}.lbt small{letter-spacing:.3em;font-size:11px;color:#4f8fe8;font-weight:700}.lbt h2{font:800 clamp(30px,6vw,48px) Georgia,serif;letter-spacing:.06em;margin:6px 0;color:#eaf3ff}.lbt p{margin:0;color:#8aa4c4}
.pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;align-items:end;max-width:900px;margin:0 auto}
.pdm{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.pav{position:relative;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font:800 30px system-ui;background:radial-gradient(circle,#12305a,#06101e);border:3px solid #4f8fe8;box-shadow:0 0 24px #4f8fe855}.pav.g1{width:100px;height:100px;font-size:42px;border-color:#38bdf8;box-shadow:0 0 40px #38bdf888}
.crw{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-style:normal;font-size:30px;color:#38bdf8;text-shadow:0 0 14px #38bdf8}.pplus{position:absolute;right:-6px;top:-4px;width:22px;height:22px;border-radius:50%;background:#0d1b30;border:1px solid #4f8fe866;display:grid;place-items:center;font-size:13px;color:#4f8fe8}
.pnm{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:#38bdf8;max-width:100%;overflow:hidden;text-overflow:ellipsis}.p1 .pnm{font-size:16px;color:#bae6fd}.p3 .pnm{color:#38bdf8}.p2 .pnm{color:#38bdf8}
.pcd{width:100%;border-radius:12px;padding:14px 10px 16px;text-align:center;display:grid;gap:5px;justify-items:center;border:1px solid #4f8fe855;background:linear-gradient(#0e1c33dd,#07101fdd);box-shadow:0 18px 30px #0008,inset 0 -3px 0 #2f7bf555}
.p1 .pcd{padding-top:22px;padding-bottom:22px;border-color:#38bdf899;box-shadow:0 20px 44px #0009,0 0 34px #38bdf833,inset 0 -3px 0 #2f7bf5aa}
.pn{font:400 clamp(34px,6vw,52px)/1 Georgia,serif;color:#93c5fd}.p1 .pn{font-size:clamp(44px,7vw,64px);color:#bae6fd}.pcd small{letter-spacing:.2em;font-size:10px;color:#7f9cc0}.pcd>b{font-size:clamp(20px,3.4vw,28px);color:#fff}.p1 .pcd>b{color:#bae6fd}
.rbd{font-size:12px;font-weight:700;padding:4px 14px;border-radius:99px;background:linear-gradient(#38bdf8,#1d4ed8);color:#04122b;border:1px solid #bae6fd88}.pcd em{font-style:normal;font-size:12px;color:#8aa4c4}.ptk{font-size:13px;color:#93c5fd}
.lbl{max-width:900px;margin:22px auto 0;display:grid;gap:8px}.lrw{display:grid;grid-template-columns:34px 36px minmax(80px,1.2fr) 2fr auto auto;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff12}
.lrw.me{border-color:#2f7bf5;background:#2f7bf51a}.lrk{font:700 18px Georgia,serif;color:#4f8fe8;text-align:center}.lav{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#0d1b30;border:2px solid #4f8fe888}
.lbar{height:6px;border-radius:9px;background:#ffffff12;overflow:hidden}.lbar i{display:block;height:100%;background:linear-gradient(90deg,#2f7bf5,#38bdf8)}.ltk{color:#38bdf8;font-weight:700;white-space:nowrap}
@media(max-width:640px){.pod{gap:8px}.pav{width:54px;height:54px;font-size:22px}.pav.g1{width:72px;height:72px}.pnm{font-size:12px}.pcd{padding:10px 4px}.pcd em{display:none}.lrw{grid-template-columns:26px 30px 1fr auto;}.lbar,.lrw .mu{display:none}}
/* ===== Profil ===== */
.prw{max-width:1100px;margin:0 auto;display:grid;gap:14px}
.prh{position:relative;display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:30px;border-radius:18px;border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);background:radial-gradient(600px 260px at 12% 0,color-mix(in srgb,var(--rc) 40%,transparent),transparent 70%),linear-gradient(120deg,#0b2a4d,#08121d);box-shadow:0 18px 50px #0007}
.prav{position:relative;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font:800 46px system-ui;background:radial-gradient(circle,#16385f,#0a1b2f);border:4px solid var(--rc);box-shadow:0 0 34px color-mix(in srgb,var(--rc) 60%,transparent)}.prav i{position:absolute;right:-8px;bottom:-6px;font-style:normal;font-size:30px}
.prn small{letter-spacing:.2em;color:#9cc4ff;font-size:11px}.prn h2{margin:4px 0 10px;font-size:clamp(26px,5vw,40px)}.prb{display:flex;gap:8px;flex-wrap:wrap}.prb .rbd{background:color-mix(in srgb,var(--rc) 35%,#0a1b2f);color:#fff;border-color:var(--rc)}.prb .ad{background:#7f1d1d}.prb .tkb{background:#0008;color:#fbbf24;border-color:#fbbf2466}
.prf{margin-left:auto;text-align:right}.prf small{display:block;font-size:10px;letter-spacing:.15em;color:#9cc4ff;margin-bottom:6px}.prf div{display:flex;gap:5px;justify-content:flex-end}.prf i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font:700 12px system-ui;font-style:normal}.prf .w{background:#16a34a}.prf .l{background:#dc2626}
.prs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.prs>div{padding:16px;border-radius:14px;background:#0b1d2c;border:1px solid #6fa8dc26;display:grid;gap:4px;justify-items:center;text-align:center}.prs small{color:var(--mu);font-size:12px;letter-spacing:.05em}.prs b{font-size:26px}
.dn{--p:0%;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c55e var(--p),#ffffff1a 0)}.dn b{width:50px;height:50px;border-radius:50%;background:#0b1d2c;display:grid;place-items:center;font-size:15px}
.lad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.lad .st{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff12;opacity:.45}.lad .st span{font-size:26px}.lad .st small{font-weight:700}.lad em{font-style:normal;font-size:11px;color:var(--mu)}
.lad .done{opacity:.85}.lad .cur{opacity:1;border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--c) 40%,transparent)}
.pbar{height:10px;border-radius:9px;background:#ffffff14;overflow:hidden}.pbar i{display:block;height:100%;background:linear-gradient(90deg,#2f7bf5,#38bdf8);border-radius:9px}
.prg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prw .card{margin:0}
.bdg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bdg>div{display:grid;justify-items:center;gap:2px;padding:8px 2px;border-radius:10px;background:#ffffff08;filter:grayscale(1);opacity:.35;text-align:center}.bdg>div.on{filter:none;opacity:1;background:#fbbf2418;border:1px solid #fbbf2455}.bdg span{font-size:24px}.bdg small{font-size:10px;line-height:1.1}
@media(max-width:900px){.prg,.prg2{grid-template-columns:1fr}.prs{grid-template-columns:repeat(2,1fr)}.prf{margin-left:0;text-align:left}.prf div{justify-content:flex-start}}

.p2 .pnm{color:#7dd3fc}.p3 .pnm{color:#a5b4fc}.ptk,.ltk{color:#fbbf24}.p1 .pnm{color:#e0f2fe}
.slotc{flex:1;position:relative;overflow:hidden;background:#000;min-height:0}.slotp{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#000}
.cropc{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mu)}.cropc button{padding:4px 10px}
.mapv{overflow:auto;max-height:76vh;border-radius:12px;background:#0b0f14;border:1px solid #ffffff1a;cursor:grab}.mapv img{display:block;max-width:none;height:auto}