/* The first screen carries the match; cutout posts carry the conversation. */
.hero{min-height:900px}
.hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:58px;padding-top:168px;padding-bottom:100px;align-items:start}
.hero-copy{padding-top:84px;padding-bottom:0}
.hero-tv-stage{width:100%;padding:0;margin:0;min-width:0;position:relative}
.tv-set{position:relative;width:100%;padding-bottom:22px;isolation:isolate}
.tv-set::before{content:'';position:absolute;inset:12% -7% 3%;background:radial-gradient(ellipse,#b1c7951a,transparent 66%);filter:blur(25px);z-index:-1}
.tv-frame{position:relative;padding:7px 7px 13px;border:1px solid #707075;border-radius:10px;background:linear-gradient(145deg,#3a3a3e,#131315 20%,#080809 75%,#434346);box-shadow:0 22px 44px #0007,0 0 0 1px #000;overflow:hidden}
.tv-display{position:relative;aspect-ratio:16/9;overflow:hidden;background:#152018;border:1px solid #050506;border-radius:3px}
.tv-display>img{display:block;width:100%;height:100%;object-fit:cover}
.tv-display::after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff0a,transparent 42%);box-shadow:inset 0 0 10px #0007;pointer-events:none}
.tv-led{position:absolute;bottom:5px;left:50%;width:3px;height:2px;border-radius:1px;background:#ddddcc;box-shadow:0 0 4px #ffffff44}
.tv-foot{position:absolute;width:9%;height:4px;bottom:11px;background:linear-gradient(#6a6a70,#222225);box-shadow:0 6px 10px #0007;border-radius:2px;z-index:-1}
.tv-foot-left{left:17%;transform:rotate(-39deg)}
.tv-foot-right{right:17%;transform:rotate(39deg)}
.tv-score{position:absolute;top:13px;left:13px;display:flex;align-items:center;background:#11151aeb;box-shadow:0 2px 8px #0004;border-radius:3px;color:#fff;overflow:hidden;font-size:9px;font-weight:700;letter-spacing:.03em}
.tv-score>span{padding:8px 10px}
.tv-score>b{display:flex;gap:8px;padding:8px 10px;background:#f0f0eb;color:#171719;font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
.tv-score>b>span{font-weight:400;color:#707076}
.tv-score>small{padding:8px 9px;color:#dedee1;font-size:8px;letter-spacing:.02em;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff20}
.tv-live{position:absolute;right:13px;top:14px;display:flex;align-items:center;gap:4px;color:white;text-shadow:0 1px 3px #000;font-size:8px;font-weight:750;letter-spacing:.1em}
.tv-live i{width:4px;height:4px;border-radius:50%;background:#ed6861}
.second-screen-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 4px 22px;font-size:8px;color:#aaaab2}
.second-screen-label>span:first-child{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.09em;color:#e4b986;font-weight:600;white-space:nowrap}
.second-screen-label .status-dot{width:4px;height:4px}
.hero-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start;position:relative}
.hero-posts .tv-post{position:relative;padding:17px;border-radius:15px;background:#18181cef;box-shadow:0 18px 38px #0005,0 2px 5px #0003}
.tv-post .card-person{gap:8px}
.tv-post .card-person .avatar{width:30px;height:30px}
.tv-post .card-person b{font-size:11px}
.tv-post .card-person small{font-size:8px;margin-top:3px}
.tv-post .card-person time{font-size:8px}
.tv-post>p{font-size:14px;line-height:1.48;margin-top:13px}
.tv-post .post-actions{margin-top:15px;font-size:8px;gap:9px}
.tv-post .post-actions .ui-icon{width:12px;height:12px}
.tv-post .post-actions>.primary-actions{gap:7px}
.tv-post .post-actions .primary-actions>span{gap:3px}
.tv-post .post-actions>.secondary-actions{gap:5px}
.tv-post-roast{transform:translateX(-12px)}
.tv-post-reply{transform:translate(12px,32px)}
.reply-context{display:block;font-size:8px;color:#a3a3ad;margin-top:12px}
.tv-post .reply-context+p{margin-top:6px}
.hero-posts .tv-post-punchline{grid-column:1 / -1;width:82%;justify-self:center;margin-top:32px;transform:translateX(-8px)}
.tv-post-punchline .post-actions>.primary-actions{flex:none;gap:22px}
.tv-post-punchline .secondary-actions{margin-left:auto}
.hero-tv-stage .preview-label{margin-top:22px;padding:0;text-align:center;font-size:8px;color:#98989f}
@media(min-width:1500px){.hero{min-height:940px}.hero-layout{padding-top:182px}.hero-copy{padding-top:90px}}
@media(max-width:1100px){.hero-layout{gap:38px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);padding-top:155px}.hero-copy{padding-top:73px}.hero-posts{gap:12px}.hero-posts .tv-post{padding:14px}.tv-post>p{font-size:13px}.tv-post .secondary-actions{display:none}.tv-post-punchline .secondary-actions{display:flex}.tv-post-roast{transform:translateX(-7px)}.tv-post-reply{transform:translate(7px,29px)}.second-screen-label{gap:8px}.second-screen-label>span:last-child{font-size:7px}.tv-score{top:10px;left:10px;font-size:8px}.tv-score>span{padding:7px 8px}.tv-score>b{padding:7px 8px;font-size:10px}.tv-score>small{font-size:7px;padding:7px}.tv-live{right:10px;top:12px;font-size:7px}}
@media(max-width:800px){.hero{min-height:0}.hero-layout{grid-template-columns:minmax(0,1fr);padding-top:132px;padding-bottom:92px;gap:46px}.hero-copy{padding-top:0}.hero-tv-stage{width:min(580px,100%);justify-self:center}.hero-posts .tv-post{padding:19px}.tv-post>p{font-size:14px}.tv-post .secondary-actions{display:flex}.tv-post-roast{transform:translateX(-5px)}.tv-post-reply{transform:translate(5px,26px)}.hero-posts .tv-post-punchline{margin-top:25px}.second-screen-label{margin-top:12px;margin-bottom:22px}.second-screen-label>span:last-child{font-size:8px}.tv-score{font-size:9px}.tv-score>b{font-size:11px}.tv-score>small{font-size:8px}}
@media(max-width:480px){.hero-layout{padding-top:125px;gap:36px}.hero-tv-stage{width:100%;padding:0}.tv-frame{padding:5px 5px 10px;border-radius:7px}.tv-led{bottom:4px}.tv-set{padding-bottom:18px}.tv-foot{bottom:9px}.tv-score{top:9px;left:9px;font-size:7px}.tv-score>span{padding:6px}.tv-score>b{font-size:9px;padding:6px;gap:6px}.tv-score>small{font-size:6px;padding:6px}.tv-live{font-size:6px;top:11px;right:10px}.second-screen-label{margin:12px 0 18px}.second-screen-label>span:first-child{font-size:7px}.second-screen-label>span:last-child{font-size:7px}.hero-posts{grid-template-columns:minmax(0,1fr);gap:13px}.hero-posts .tv-post{width:92%;padding:17px;transform:none;grid-column:1;justify-self:start;margin:0}.hero-posts .tv-post-reply{justify-self:end}.hero-posts .tv-post-punchline{justify-self:start}.tv-post .card-person .avatar{width:32px;height:32px}.tv-post .card-person b{font-size:12px}.tv-post .card-person small,.tv-post .card-person time{font-size:9px}.tv-post>p{font-size:14px}.tv-post .post-actions{font-size:9px}.tv-post .post-actions .ui-icon{width:13px;height:13px}.tv-post-punchline .post-actions>.primary-actions{flex:1;gap:7px}.hero-tv-stage .preview-label{margin-top:18px}.hero-copy{padding:0}}
@media(max-width:350px){.second-screen-label>span:last-child{display:none}.hero-posts .tv-post{width:96%;padding:15px}.tv-post>p{font-size:13px}.tv-post .post-actions .ui-icon{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.tv-post-roast,.tv-post-reply,.hero-posts .tv-post-punchline{transform:none}}