:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:#f9faff;background:#090b12 url('background.webp') center center/cover fixed no-repeat}.page{min-height:100vh;display:grid;place-items:center;padding:40px 18px;background:linear-gradient(115deg,rgba(6,8,15,.76),rgba(11,8,24,.58)),radial-gradient(ellipse at top,rgba(134,54,255,.2),transparent 65%)}.profile{width:min(100%,490px);padding:35px clamp(20px,5vw,40px);border:1px solid rgba(211,200,255,.22);border-radius:28px;text-align:center;background:rgba(12,13,24,.68);box-shadow:0 24px 100px rgba(0,0,0,.45),0 0 40px rgba(142,52,255,.13);backdrop-filter:blur(16px)}.avatar{display:grid;place-items:center;margin:auto;width:92px;height:92px;border-radius:50%;border:3px solid #a4ff39;background:linear-gradient(135deg,#762be0,#10111c 70%);font-size:3.4rem;font-weight:900;color:#b4ff47;box-shadow:0 0 26px #9bfa3c66,0 0 36px #a148f955}h1{margin:18px 0 5px;font-size:clamp(2.6rem,9vw,3.5rem);letter-spacing:.12em;line-height:1.15;background:linear-gradient(100deg,#a8ff45,#e6f8d5 46%,#ac67ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 36px #8bff2b2b}.subtitle{margin:0;color:#d7d4e7;letter-spacing:.12em;font-size:.82rem}.tagline{margin:21px 0 26px;color:#f0ecff;font-weight:600;line-height:1.5}.links{display:grid;gap:13px}.social{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;min-height:68px;padding:12px 16px;border:1px solid #ffffff30;border-radius:15px;background:linear-gradient(110deg,#23223acc,#151523e8);color:#fff;text-decoration:none;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.social span{font-size:1.65rem;text-align:center}.social strong{font-size:1.05rem}.social small{font-size:.72rem;color:#d0c8e1;text-align:right}.social:not(.disabled):hover,.social:not(.disabled):focus-visible{transform:translateY(-3px);border-color:#a7ff52;box-shadow:0 0 22px #9bfa3c33;outline:none}.twitch{border-left:3px solid #a970ff}.youtube{border-left:3px solid #ff3e58}.instagram{border-left:3px solid #ed70c5}.discord{border-left:3px solid #7d8aff}.disabled{opacity:.6;cursor:not-allowed}footer{margin-top:29px;color:#b9b3c9;font-size:.74rem}@media(max-width:440px){.profile{padding:27px 16px}.social{grid-template-columns:30px 1fr auto;padding:10px}.social small{font-size:.66rem}}@media(prefers-reduced-motion:reduce){.social{transition:none}}

/* Interaktive Neon-Buttons und eigenständiger Partner-Bereich */
.social{position:relative;isolation:isolate;overflow:hidden;will-change:transform;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,border-color .26s,background .26s}
.social>*{position:relative;z-index:1}
.social::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-130%);transition:transform .65s ease;pointer-events:none}
.social:not(.disabled):hover::before,.social:not(.disabled):focus-visible::before{transform:translateX(130%)}
.social:not(.disabled):active{transform:translateY(-1px) scale(.985)}
.twitch:not(.disabled):hover,.twitch:focus-visible{border-color:#b583ff;box-shadow:0 0 25px #9146ff70,0 10px 26px #0005}
.youtube:not(.disabled):hover,.youtube:focus-visible{border-color:#ff536b;box-shadow:0 0 25px #ff304e66,0 10px 26px #0005}
.instagram:not(.disabled):hover,.instagram:focus-visible{border-color:#ff83d7;box-shadow:0 0 25px #ee5cbb66,0 10px 26px #0005}
.discord:not(.disabled):hover,.discord:focus-visible{border-color:#899bff;box-shadow:0 0 25px #6478ff70,0 10px 26px #0005}
.partner-heading{display:flex;align-items:center;gap:10px;margin:10px 0 0;color:#d2c4e5;font-size:.68rem;font-weight:800;letter-spacing:.23em}
.partner-heading::before,.partner-heading::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#a45bff99,#69ffc599)}
.partner-heading::after{transform:rotate(180deg)}
.partner{border:1px solid #a75aff88;border-left:3px solid #6affb5;background:linear-gradient(110deg,#311646ee,#122d2dee);box-shadow:0 0 16px #9945ff22}
.partner strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.partner em{font-style:normal;font-size:.55rem;letter-spacing:.09em;padding:4px 6px;border-radius:5px;color:#081b13;background:#9bffc9}
.partner:not(.disabled):hover,.partner:not(.disabled):focus-visible{border-color:#89ffce;box-shadow:0 0 26px #a445ff77,0 0 18px #5bffc455}
.partner.disabled{opacity:.77;cursor:default}
.partner.disabled::before{display:none}
@media(prefers-reduced-motion:reduce){.social{transition:none;will-change:auto}.social::before{display:none}}

/* Version 4: Chibi-Logo mit Krone und neuer Gaming-Hintergrund */
.avatar-wrap{position:relative;width:138px;height:138px;margin:12px auto 0;filter:drop-shadow(0 0 15px rgba(141,255,42,.35))}
.avatar-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;border:2px solid rgba(166,255,77,.85);box-shadow:0 0 24px rgba(160,57,255,.55)}
.crown{position:absolute;z-index:2;left:50%;top:-37px;transform:translateX(-50%);font-size:44px;line-height:1;color:#dcff42;text-shadow:0 0 9px #b1ff31,0 0 20px #a348ff}
.tagline,.partner-heading{display:none}
.subtitle{margin-bottom:27px}
.page{background:linear-gradient(115deg,rgba(6,8,15,.46),rgba(11,8,24,.33)),radial-gradient(ellipse at top,rgba(134,54,255,.13),transparent 65%)}
@media(max-width:440px){.avatar-wrap{width:116px;height:116px}.crown{font-size:38px;top:-31px}}
