.creator-card{position:relative;isolation:isolate;width:100%;min-height:340px;max-width:680px;border:1px solid #aeb8ba35;border-radius:10px;overflow:hidden;transform:perspective(1300px) rotateY(-5deg);background:#17212a;box-shadow:0 20px 40px #0004}.creator-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e171aeb,#12191b77),url('chapter-community.webp') center/cover}.creator-content{padding:36px;max-width:520px}.creator-kicker{font-size:9px;letter-spacing:.16em;color:#c9987c}.creator-monogram{display:grid;place-items:center;margin:25px 0 16px;width:64px;height:64px;border:1px solid #b7c3c23d;border-radius:9px;background:#24343e8a;font:22px 'Segoe UI',sans-serif;color:#c7d0d0}.creator-content h3{font-size:clamp(27px,3vw,43px);line-height:1.1;margin:12px 0;letter-spacing:-.03em}.creator-content p{font-size:13px;line-height:1.7;color:#c0c8ca;max-width:330px}.creator-link{display:inline-block;font-size:12px;padding:10px 0;color:#e0c5ac;border-bottom:1px solid #b88a694f}.creator-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:18px}.creator-controls button{width:34px;height:34px;border:1px solid #ffffff20;border-radius:5px;font-size:19px}.creator-controls button:hover{background:#ffffff0b}.creator-count{font:11px monospace;color:#bac2c4}.creator-controls .creator-pause{font-size:13px}@media(max-width:760px){.creator-card{min-height:240px;transform:none}.creator-content{padding:20px}.creator-monogram{width:42px;height:42px;font-size:16px;margin:14px 0 10px}.creator-content h3{font-size:27px;margin:9px 0}.creator-content p{font-size:11px;margin:7px 0}.creator-link{font-size:11px;padding:6px 0}.creator-controls{margin-top:10px;gap:16px}}

#home-community .creator-avatar{width:100%;height:100%;max-height:none;object-fit:cover;border:0;border-radius:8px;box-shadow:none}.creator-monogram{overflow:hidden}.creator-content h3{min-height:1.1em}

.creator-link[aria-disabled=true]{color:#a5afb4;border-color:transparent;cursor:default}.creator-monogram{position:relative}

/* Dedicated broadcast-inspired backdrop, independent of the Community scene. */
.creator-art{background:radial-gradient(ellipse at 90% 15%,#8b65462b,transparent 58%),radial-gradient(ellipse at 85% 90%,#475c6a35,transparent 65%),linear-gradient(120deg,#10191f,#20292c)}
.creator-art::before{content:'';position:absolute;width:420px;height:420px;right:-150px;top:-120px;border:1px solid #c7b8a01b;border-radius:50%;box-shadow:0 0 0 42px #c7b8a009,0 0 0 84px #c7b8a006,0 0 0 126px #c7b8a004;transform:rotate(-20deg) scaleX(.75)}
.creator-art::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff03 40px),linear-gradient(90deg,#10191f90,transparent 85%);pointer-events:none}

.creator-content{min-height:348px}.creator-content p{min-height:45px}.creator-socials{display:flex;gap:9px;margin-top:20px;align-items:center}.creator-socials a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c2a78e5c;border-radius:9px;color:#e0c5ac;background:linear-gradient(145deg,#ffffff09,#ffffff02);transition:background .2s,transform .2s}.creator-socials svg{width:18px;height:18px}.creator-socials a[href]:hover{background:#c9987c24;transform:translateY(-2px)}.creator-socials a[aria-disabled=true]{color:#7f8a92;border-color:#ffffff12;cursor:default;background:#ffffff02}.creator-art{background:radial-gradient(ellipse at 95% 25%,#b7794230,transparent 55%),radial-gradient(ellipse at 65% 110%,#36566a40,transparent 65%),linear-gradient(125deg,#10191ff5,#20292cf5)}.creator-art::after{background:repeating-linear-gradient(115deg,transparent 0 60px,#c2a78e08 61px,transparent 62px),linear-gradient(90deg,#10191fc9,transparent 95%)}
@media(max-width:760px){.creator-content{min-height:270px}.creator-content p{min-height:36px}.creator-socials{gap:7px;margin-top:14px}.creator-socials a{width:32px;height:32px}.creator-socials svg{width:16px;height:16px}}

/* Flat broadcast card: content and frame share one unwarped surface. */
#home-community .topic-art,#home-community .creator-card,#home-community .creator-card:hover{transform:none!important;clip-path:none!important}
.creator-art{background:radial-gradient(ellipse at 85% 20%,#354563 0,transparent 60%),linear-gradient(145deg,#101721,#1e2834 65%,#121a24)!important}
.creator-art::before{inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;box-shadow:none;background:linear-gradient(135deg,transparent 55%,#8796b20b 55%,#8796b20b 56%,transparent 56%)}
.creator-art::after{background:radial-gradient(ellipse at 0 100%,#0005,transparent 70%)}
.creator-socials a{border-color:#ffffff20;background:#10151dcc;border-radius:10px;width:38px;height:38px}
.creator-socials a[data-network="Twitch"]{color:#a970ff}
.creator-socials a[data-network="YouTube"]{color:#ff4545}
.creator-socials a[data-network="TikTok"]{color:#f1f3f6}
.creator-socials a[data-network="TikTok"] svg{filter:drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55)}
.creator-socials a[data-network="Kick"]{color:#53fc18}
.creator-socials a[data-network="Instagram"]{color:#f078b5}
.creator-socials a[data-network="Discord"]{color:#8b95ff}
.creator-socials a[aria-disabled="true"]{opacity:.5;border-style:dashed}
.creator-socials a[href]:hover{background:#ffffff12;border-color:currentColor}
@media(max-width:760px){.creator-socials a{width:32px;height:32px}}

/* Community identity follows the survival artwork, without a blue dashboard panel. */
.creator-card{background:#121614;border-color:#b1a08a38;box-shadow:0 16px 32px #0005}
.creator-art{background:linear-gradient(90deg,#111613f5 0%,#111613e6 32%,#11161385 66%,#11161330),url('campaign-road-hq.webp') 88% 62%/cover!important}
.creator-art::before{display:none}
.creator-art::after{background:linear-gradient(0deg,#111410aa,transparent 60%),linear-gradient(120deg,#b19b7008,transparent 65%)}
.creator-kicker{color:#b99a7b}.creator-monogram{border-color:#b1a08a45;background:#161c18}

/* Compact, stable creator surface with room for all six networks. */
.creator-card{min-height:300px;max-width:600px}.creator-content{min-height:300px;padding:26px}.creator-monogram{margin:18px 0 12px}.creator-content p{min-height:32px}.creator-socials{margin-top:14px}
@media(max-width:760px){.creator-card{min-height:245px}.creator-content{min-height:245px;padding:18px}.creator-monogram{margin:12px 0 8px}.creator-content p{min-height:28px}.creator-socials{margin-top:10px;gap:7px}.creator-socials a{width:36px;height:36px;flex:0 0 36px;box-sizing:border-box}.creator-socials svg{width:17px;height:17px}}

/* Approved survivor portraits, composited behind the identity controls. */
.creator-art{background:#111715!important;overflow:hidden}
#home-community .creator-art .creator-backdrop{position:absolute;right:0;top:0;height:100%;width:auto;max-width:100%;max-height:none;object-fit:contain;object-position:right center;border:0;border-radius:0;box-shadow:none;opacity:0;transition:opacity .38s ease-in-out}
#home-community .creator-art .creator-backdrop.visible{opacity:1}
.creator-art::after{z-index:1;background:linear-gradient(90deg,#111715 0%,#111715ef 25%,#111715aa 46%,#11171525 78%,#11171510),linear-gradient(0deg,#11171577,transparent 55%)}
@media(max-width:760px){.creator-art::after{background:linear-gradient(90deg,#111715f5,#111715ba 45%,#11171525 100%),linear-gradient(0deg,#11171599,transparent 60%)}}

button[data-carousel-icon]{display:inline-flex;align-items:center;justify-content:center;line-height:1}button[data-carousel-icon] svg{display:block;width:18px;height:18px;flex:none}