/* KARMA v9 — game-survivor hero illustration for join CTA */
.join-panel{min-height:330px;isolation:isolate;background:radial-gradient(ellipse at 88% 65%,rgba(196,19,43,.28),transparent 50%),linear-gradient(110deg,rgba(39,11,19,.94),rgba(18,7,12,.92))!important}
.join-panel>div:first-child{max-width:59%;position:relative;z-index:2}
.join-characters{position:absolute;right:-2%;bottom:-2%;width:48%;height:112%;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;pointer-events:none;overflow:visible;filter:drop-shadow(0 10px 22px #000b)}
.join-characters::before{content:"";position:absolute;inset:24% 0 0;background:radial-gradient(ellipse at 55% 60%,rgba(220,25,41,.23),transparent 64%);pointer-events:none}
.join-characters img{width:100%;height:100%;object-fit:contain;object-position:center bottom;position:relative;transform:translateY(2%)}
.join-monogram{display:none!important}
@media(max-width:900px){.join-panel>div:first-child{max-width:65%}.join-characters{width:44%;right:-5%;opacity:.80}}
@media(max-width:650px){.join-panel{padding:30px 24px 220px!important;min-height:480px}.join-panel>div:first-child{max-width:100%}.join-characters{width:92%;height:260px;bottom:-3%;right:-17%;opacity:.72;mask-image:linear-gradient(90deg,transparent,black 30%);-webkit-mask-image:linear-gradient(90deg,transparent,black 30%)}.join-panel .join-ip{font-size:22px}.join-panel .join-actions{position:relative;z-index:3}}
