/* Gemeinsamer Look für /links und /r/… (Link-in-Bio & Smartlinks) */
:root{--bg:#161717;--bg-2:#1e1f1f;--c-500:#6f6f6b;--c-400:#8e8d88;--c-300:#b3b1aa;--c-100:#e7e5de;--acid:#93de0a;--line:rgba(231,229,222,.13);
  --mono:"JetBrains Mono",ui-monospace,monospace;--sans:"Archivo",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{min-height:100vh;color:var(--c-100);font:400 16px/1.5 var(--sans);background:
  radial-gradient(60rem 40rem at 50% -10%,rgba(147,222,10,.10),transparent 60%),var(--bg);overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.wrap{position:relative;max-width:30rem;margin:0 auto;padding:2.4rem 1.25rem 2rem}
.mono{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.dim{color:var(--c-400)}
.head{text-align:center}
.mark{width:96px;height:96px;margin:0 auto;display:block;filter:drop-shadow(0 0 18px rgba(147,222,10,.45));animation:glow 6s ease-in-out infinite}
@keyframes glow{50%{filter:drop-shadow(0 0 30px rgba(147,222,10,.7))}}
h1{margin-top:.9rem;font:900 2.3rem/.9 var(--sans);font-variation-settings:"wdth" 125;letter-spacing:-.02em;text-transform:uppercase}
h1 em{font-style:normal;color:var(--acid);text-shadow:0 0 18px rgba(147,222,10,.4)}
.claim{margin-top:.6rem}
.claim em{font-style:normal;color:var(--acid)}
.stack{display:grid;gap:.6rem;margin-top:1.8rem}
.lbl{margin:1.6rem 0 -.1rem;text-align:center}
.btn{position:relative;display:flex;align-items:center;gap:.9rem;min-height:58px;padding:.75rem 1rem;border:1px solid var(--line);background:rgba(30,31,31,.78);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .2s,box-shadow .25s,transform .12s}
.btn:hover{border-color:var(--acid);box-shadow:0 0 22px rgba(147,222,10,.25)}
.btn:active{transform:scale(.985)}
.btn .t{flex:1;min-width:0}
button.btn{color:inherit}
.btn b{display:block;font:800 1rem/1.15 var(--sans);font-variation-settings:"wdth" 112;text-transform:uppercase;letter-spacing:.01em}
.btn small{display:block;margin-top:.2rem;color:var(--c-400);font:400 .78rem/1.35 var(--sans)}
.btn img{width:52px;height:52px;object-fit:cover;flex:none;background:#0c0d0d}
.btn .ar{flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--ar) center/contain no-repeat;mask:var(--ar) center/contain no-repeat;
  --ar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E")}
.btn.hot{background:var(--acid);color:#0a0b0b;border-color:var(--acid)}
.btn.hot small{color:rgba(10,11,11,.7)}
.btn.hot:hover{box-shadow:0 0 28px rgba(147,222,10,.55)}
.date{flex:none;width:52px;text-align:center;font:900 1.25rem/1 var(--sans);font-variation-settings:"wdth" 125}
.date span{display:block;margin-bottom:.25rem;font:600 .6rem/1 var(--mono);letter-spacing:.12em;color:var(--acid)}
.btn.hot .date span{color:#0a0b0b}
.socials{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.4rem;margin-top:1.8rem}
.socials a{padding:.6rem .3rem;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;border:1px solid var(--line);font:600 .66rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:border-color .2s,color .2s}
.socials a:hover{border-color:var(--acid);color:var(--acid)}
/* ab 5 Socials zweizeilig und symmetrisch (5 = 3+2, ab 6 = je 3), damit nichts abgeschnitten wird */
.socials:has(>:nth-child(5)){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
.socials:has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
.socials:has(>:nth-child(5):last-child)>a{grid-column:span 2}
.socials:has(>:nth-child(5):last-child)>a:nth-child(n+4){grid-column:span 3}
.foot{margin-top:2.2rem;text-align:center}
.foot a{padding:.4rem;display:inline-block}
.foot a:hover{color:var(--acid)}
/* Smartlink */
.cover{display:block;width:100%;height:auto;max-width:20rem;aspect-ratio:1;object-fit:cover;margin:0 auto;background:#0c0d0d;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px var(--line)}
.cover.logo{object-fit:contain;padding:16%}
h2{margin-top:1.3rem;font:900 2rem/.95 var(--sans);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.02em;text-align:center}
.sub{margin-top:.5rem;text-align:center}
.pf{justify-content:space-between}
.pf .go{flex:none;padding:.55rem .8rem;border:1px solid currentColor;font:600 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.toast{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);padding:.8rem 1.1rem;background:var(--acid);color:#0a0b0b;font:600 .72rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;z-index:9}
.empty{margin-top:2rem;text-align:center;color:var(--c-300)}
@media (prefers-reduced-motion:reduce){.mark{animation:none}}
@media (max-width:420px){.socials a{font-size:.58rem;letter-spacing:.05em}}
@media (max-width:360px){.socials{gap:.3rem}.socials a{font-size:.52rem;letter-spacing:.02em;padding:.6rem .15rem}}

h1,h2,h3,.btn b,.tier strong{overflow-wrap:normal;word-break:normal;hyphens:manual;-webkit-hyphens:manual}
/* CD-Hülle um Cover */
.cdcase{position:relative;display:block;width:100%;max-width:22rem;margin:0 auto;aspect-ratio:1332/1228;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.cdcase>img{position:absolute!important;left:9.0841%;top:1.1401%;width:90.0901%!important;height:97.7199%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover;margin:0!important;background:#0c0d0d;box-shadow:none!important}
.cdcase>img.logo{object-fit:contain;padding:9%}
.cdcase::after{content:"";position:absolute;inset:0;background:url(../img/cd-case.webp) center/100% 100% no-repeat;pointer-events:none}

/* Linktree: aufklappbare Gruppen (Kooperationen & Codes, Friends & Crew) */
.grp-h,.pc-h{width:100%;font:inherit;cursor:pointer;text-align:left}
.grp-h .chev,.pc-h .chev{flex:none;width:12px;height:12px;border-right:2px solid var(--acid);border-bottom:2px solid var(--acid);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
.grp-h[aria-expanded="true"]{border-color:rgba(147,222,10,.55)}
.grp-h[aria-expanded="true"] .chev{transform:rotate(-135deg) translate(-3px,-3px)}
.grp-b{display:grid;gap:.4rem;margin:.4rem 0 0 .9rem;padding-left:.8rem;border-left:2px solid rgba(147,222,10,.35)}
.grp-b .btn{min-height:52px}
.grp-b .btn img,.grp-b .av{width:44px;height:44px;flex:none}
.av{display:grid;place-items:center;border-radius:50%;border:1px solid rgba(147,222,10,.45);background:#0c0d0d;color:var(--acid);font:900 1rem/1 var(--sans)}
.av.sq{border-radius:0}
/* Linktree: Partner-Eintrag zum Aufklappen */
.pc.feat>.pc-h{border-color:rgba(147,222,10,.55);box-shadow:inset 3px 0 0 var(--acid)}
.pc-h[aria-expanded="true"] .chev{transform:rotate(-135deg) translate(-3px,-3px)}
.pc-b{display:grid;gap:.75rem;padding:.9rem;border:1px solid var(--line);border-top:0;background:rgba(18,19,19,.85)}
.pc-m{margin:-.9rem -.9rem 0;background:#000}
.pc-m video,.pc-m img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#000}
.pc-m iframe{display:block;width:100%;height:560px;border:0;background:#fff}
.pc-ig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;width:100%;aspect-ratio:4/5;max-height:60vh;border:0;cursor:pointer;color:var(--c-100);text-align:center;background:radial-gradient(circle at 50% 45%,rgba(147,222,10,.14),transparent 60%),#0c0d0d;font:inherit}
.pc-ig .pl{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--acid);display:grid;place-items:center;box-shadow:0 0 22px rgba(147,222,10,.35)}
.pc-ig .pl::before{content:"";margin-left:5px;border-left:16px solid var(--acid);border-top:10px solid transparent;border-bottom:10px solid transparent}
.pc-ig b{font:600 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.pc-ig small{max-width:24ch;color:var(--c-400);font-size:.74rem;line-height:1.4}
.pc-k{display:flex;justify-content:space-between;gap:1rem;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-400)}
.pc-k span:first-child{color:var(--acid)}
.pc-t{color:var(--c-300);font-size:.9rem;line-height:1.5}
.pc-code{display:flex;align-items:stretch;justify-self:start;min-height:46px;padding:0;border:1px dashed rgba(147,222,10,.7);background:rgba(147,222,10,.06);color:var(--acid);cursor:pointer;font:inherit}
.pc-code b{display:flex;align-items:center;padding:0 .9rem;font:700 .85rem var(--mono);letter-spacing:.16em}
.pc-code i{display:flex;align-items:center;padding:0 .75rem;font:600 .56rem var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;background:var(--acid);color:#0c0d0d}
.pc-go{min-height:50px}
.grp-b[hidden],.pc-b[hidden]{display:none}

/* Player (PT.player) */
.ptp{margin:1rem 0 .2rem;text-align:left}
.ptp-tabs{display:flex;gap:.35rem;margin-bottom:.45rem}
.ptp-tabs button{padding:.42rem .75rem;border:1px solid var(--line,#2c2e2c);background:transparent;color:var(--c-300,#b3b1aa);font:700 .62rem/1 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.ptp-tabs button[aria-selected="true"]{border-color:var(--acid,#93de0a);color:var(--acid,#93de0a)}
.ptp-box{border:1px solid var(--line,#2c2e2c);background:rgba(20,21,21,.85)}
.ptp.on .ptp-box{border:0;background:transparent}
.ptp-go{display:flex;align-items:center;gap:.85rem;width:100%;padding:.85rem .95rem;border:0;background:transparent;color:var(--c-100,#e7e5de);text-align:left;cursor:pointer;font:inherit}
.ptp-go:hover .ptp-ic,.ptp-go:focus-visible .ptp-ic{box-shadow:0 0 22px rgba(147,222,10,.6)}
.ptp-ic{flex:none;position:relative;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--acid,#93de0a);transition:box-shadow .2s}
.ptp-ic::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:.5rem 0 .5rem .8rem;border-color:transparent transparent transparent #0d0e0e}
.ptp-go b{display:block;font:800 .95rem/1.15 var(--sans,sans-serif);text-transform:uppercase}
.ptp-go small{display:block;margin-top:.2rem;font-size:.74rem;color:var(--c-400,#8e8d88)}
.ptp-note{margin:0;padding:0 .95rem .8rem;font-size:.68rem;line-height:1.45;color:var(--c-400,#8e8d88)}
.ptp-note label{display:inline-flex;align-items:center;gap:.3rem;margin-left:.3rem;white-space:nowrap;cursor:pointer}