.debate-artwork{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-panel);background:var(--color-surface-raised)}.debate-cover>img{display:block;width:100%;height:100%;object-fit:cover}.debate-matchup{display:grid;grid-template-columns:1fr 1fr;isolation:isolate;background:var(--color-bg)}.debate-matchup::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(116deg,transparent 0 4%,color-mix(in srgb,var(--color-battle-purple) 20%,transparent) 4.2% 4.6%,transparent 4.9% 9%),linear-gradient(116deg,transparent 28%,color-mix(in srgb,var(--color-battle-purple) 20%,transparent) 37%,transparent 38%,color-mix(in srgb,var(--color-battle-purple) 70%,transparent) 42%,transparent 42.5%,color-mix(in srgb,var(--color-battle-orange) 80%,transparent) 46%,transparent 46.5%,color-mix(in srgb,var(--color-battle-orange) 90%,transparent) 48%,transparent 48.5%,color-mix(in srgb,var(--color-battle-purple) 60%,transparent) 54%,transparent 55%,color-mix(in srgb,var(--color-battle-orange) 25%,transparent) 61%,transparent 66%);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 72%,transparent)}.debate-matchup::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 46% 48%,color-mix(in srgb,var(--color-battle-orange) 26%,transparent),transparent 34%),radial-gradient(ellipse at 55% 45%,color-mix(in srgb,var(--color-battle-purple) 34%,transparent),transparent 40%)}.debate-fighter{min-height:0;position:relative;min-width:0;overflow:hidden;display:grid;place-items:center}.debate-fighter>img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(180deg,#000 var(--battle-portrait-fade-start),transparent 100%)}.debate-fighter.is-mirrored>img{transform:scaleX(-1)}.debate-fighter-initials{font-size:clamp(24px,5vw,64px);color:var(--color-avatar-text);font-weight:700}.debate-vs{position:absolute;top:48%;left:50%;display:flex;align-items:baseline;transform:translate(-50%,-50%) skew(-10deg) rotate(-8deg);z-index:2;font:700 clamp(76px,13vw,175px)/0.95 var(--font-heading);letter-spacing:-.12em;padding-right:.12em;filter:drop-shadow(0 12px 12px color-mix(in srgb,var(--color-bg) 85%,transparent))}.debate-vs>span{position:relative;isolation:isolate;color:var(--vs-face);background:linear-gradient(155deg,color-mix(in srgb,var(--vs-face) 65%,var(--color-heading)) 5%,var(--vs-face) 46%,color-mix(in srgb,var(--vs-face) 70%,var(--color-bg)) 52%,var(--vs-face) 74%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0.6px color-mix(in srgb,var(--vs-face) 55%,var(--color-heading))}.debate-vs>span::before{content:attr(data-letter);position:absolute;inset:0;z-index:-1;color:color-mix(in srgb,var(--vs-face) 45%,var(--color-bg));-webkit-text-fill-color:currentColor;-webkit-text-stroke:1px var(--color-bg);text-shadow:1px 1px 0 currentColor,2px 2px 0 currentColor,3px 3px 0 currentColor,4px 4px 0 currentColor,5px 5px 0 currentColor,6px 6px 0 currentColor,7px 7px 0 currentColor,8px 8px 0 var(--color-bg)}.debate-vs>span:first-child{--vs-face:var(--color-battle-orange)}.debate-vs>span:last-child{--vs-face:var(--color-battle-purple)}.debate-matchup-group{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.public-debate-card>.debate-artwork{border-radius:0}.public-debate-card .debate-vs{font-size:clamp(56px,6vw,90px)}.detail-media{margin-bottom:var(--space-6)}.detail-media .debate-artwork{aspect-ratio:16/7;max-height:480px;min-height:270px}.detail-media .debate-cover{aspect-ratio:auto;min-height:0;max-height:none}.detail-media .debate-cover>img{width:100%;height:auto;object-fit:contain}.detail-media .debate-fighter>img{width:110%;max-width:none;height:100%;align-self:end;object-fit:contain}.profile-avatar{display:block;width:72px;height:72px;object-fit:cover;border-radius:var(--radius-pill);border:var(--border-width-active) solid var(--color-border);margin-bottom:var(--space-3)}.analytics-header .profile-avatar{width:100px;height:100px}@media (max-width:600px){.detail-media .debate-artwork{min-height:210px;aspect-ratio:16/10}.detail-media .debate-cover{min-height:0;aspect-ratio:auto}.detail-media .debate-vs{font-size:78px;top:54%}.detail-media .debate-fighter>img{width:124%;height:100%}}