.recap-cinema{z-index:20;color:var(--color-hs-ink);background:var(--color-hs-paper);grid-template-rows:minmax(0,1fr) 52px;grid-template-columns:minmax(0,1fr) minmax(0,3.6fr) minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:clip}.tweet-reel{background:var(--color-hs-sand);border-right:3px solid var(--color-hs-ink);flex-direction:column;grid-area:1/1/-1;min-width:0;min-height:0;display:flex;position:relative}.tweet-reel-reverse{border-right:0;border-left:3px solid var(--color-hs-ink);grid-column:3}.reel-label{z-index:1;color:var(--color-hs-paper);letter-spacing:.05em;background:var(--color-hs-teal);border-bottom:3px solid var(--color-hs-ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:9px;font-weight:900;display:flex;position:absolute;inset:0 0 auto}.tweet-reel-reverse .reel-label{background:var(--color-hs-orange)}.reel-viewport{flex:1;min-height:0;padding:0 12px;position:relative;overflow:hidden;mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000)}.reel-track{animation:60s linear infinite tweet-loop}.tweet-reel-reverse .reel-track{animation-direction:reverse}.reel-set{gap:14px;min-height:100dvh;padding-bottom:14px;display:grid}.reel-tweet{background:var(--color-hs-paper);border:2px solid var(--color-hs-ink);min-width:0;padding:16px}.reel-tweet:nth-child(3n+2){background:#f0d885}.reel-tweet:nth-child(3n+3){background:#d8e4df}.reel-author{align-items:center;gap:8px;font-size:11px;display:flex}.reel-author>div{flex:1;min-width:0}.reel-author strong,.reel-author :where(div) span{overflow-wrap:anywhere;display:block}.reel-author :where(div) span{opacity:.6;font-size:10px}.reel-author>span:last-child{margin-left:auto}.reel-avatar{background:var(--color-hs-gold);border:1px solid var(--color-hs-ink);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.reel-ghost-name{background:var(--color-hs-ink);opacity:.12;width:60px;height:8px}.reel-ghost-lines{gap:9px;margin:24px 0;display:grid}.reel-ghost-lines span{background:var(--color-hs-ink);opacity:.12;height:7px}.reel-ghost-lines span:last-child{width:60%}.reel-pending-label{letter-spacing:.07em;opacity:.65;font-size:8px;font-weight:800}.cinema-center{background:var(--color-hs-paper);flex-direction:column;grid-area:1/2;justify-content:center;align-items:stretch;min-width:0;min-height:0;display:flex;overflow-y:auto}.cinema-heading{text-align:center;background:var(--color-hs-gold);border-bottom:3px solid var(--color-hs-ink);flex-shrink:0;padding:16px 12px}.cinema-heading>span{letter-spacing:.1em;font-size:9px;font-weight:800}.cinema-heading h2{font-family:var(--font-bungee);margin-top:8px;font-size:clamp(24px,3.4vw,54px);line-height:1.05}.cinema-heading em{color:var(--color-hs-red);font-style:normal}.cinema-heading br{display:none}.cinema-screen{background:var(--color-hs-ink);border-bottom:3px solid var(--color-hs-ink);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.cinema-screen video{object-fit:cover;width:100%;height:100%;max-height:100%;display:block}.cinema-note{text-align:center;flex-shrink:0;padding:6px 12px}.cinema-note>span{font-size:10px;display:block}.cinema-nav{border-top:3px solid var(--color-hs-ink);grid-area:2/2;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.cinema-nav button{cursor:pointer;min-height:44px;font-size:12px;font-weight:800}.cinema-nav>span{font-family:var(--font-bungee);font-size:10px}.recap-cinema :focus-visible{outline:3px solid var(--color-hs-red);outline-offset:-3px}.tweet-reel:focus-within .reel-track,.recap-cinema[data-hidden=true] .reel-track{animation-play-state:paused}:where(.recap-cinema[data-paused=true]) .reel-track{animation:none}:where(.recap-cinema[data-paused=true]) .reel-copy{display:none}:where(.recap-cinema[data-paused=true]) .reel-viewport{overscroll-behavior:contain;overflow-y:auto}@media (hover:hover){.tweet-reel:hover .reel-track{animation-play-state:paused}}@keyframes tweet-loop{to{transform:translateY(-50%)}}@media (width<=767px){.recap-cinema{grid-template-rows:minmax(300px,1.3fr) minmax(0,1fr) 48px;grid-template-columns:1fr 1fr;inset:0}.cinema-center{border-bottom:3px solid var(--color-hs-ink);grid-area:1/1/auto/-1}.cinema-heading{padding:10px}.cinema-heading h2{margin-top:4px;font-size:25px}.cinema-heading>span{font-size:8px}.cinema-screen{min-height:100px}.cinema-note{padding:6px 8px}.cinema-note>span{margin:0;font-size:9px}.tweet-reel{border-right:3px solid var(--color-hs-ink);grid-row:2}.tweet-reel-reverse{border:0;grid-column:2}.reel-label{padding:8px;font-size:8px}.reel-viewport{padding:0 8px}.reel-set{min-height:0}.reel-tweet{padding:12px}.reel-author{gap:5px;font-size:10px}.reel-avatar{width:24px;height:24px}.cinema-nav{grid-area:3/1/auto/-1;padding:0 12px}.cinema-nav>span{display:none}}@media (prefers-reduced-motion:reduce){.reel-track{animation:none}.reel-copy{display:none}.reel-viewport{overscroll-behavior:contain;overflow-y:auto}}.reel-embed{border:2px solid var(--color-hs-ink);background:#fff;min-width:0;overflow:hidden}.reel-embed-content{min-width:250px}.reel-embed-content .twitter-tweet{margin:0!important}.reel-embed-fallback{overflow-wrap:anywhere;gap:12px;padding:20px 14px;font-size:12px;display:grid}.reel-embed-fallback a{font-weight:800;text-decoration:underline}.recap-play{aspect-ratio:1;width:clamp(40px,4vw,56px);color:var(--color-hs-ink);background:var(--color-hs-gold);border:3px solid var(--color-hs-ink);box-shadow:5px 5px 0 var(--color-hs-ink);place-items:center;transition:transform .16s ease-out,box-shadow .16s ease-out;display:grid;position:relative}.recap-play svg{width:58%;height:58%}@media (hover:hover){button:hover>.recap-play{box-shadow:7px 7px 0 var(--color-hs-ink);transform:translate(-2px,-2px)}}button:active>.recap-play{box-shadow:1px 1px 0 var(--color-hs-ink);transform:translate(4px,4px)}@media (prefers-reduced-motion:reduce){.recap-play{transition:none}}