/* Video-only presentation; the existing feed owns all card widths and masonry. */
.mp-cinema-card .mp-cinema-stage {position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:#16141e;color:#fff}
.mp-cinema-card .mp-cinema-stage>.video-thumbnail-link {display:block;width:100%;height:100%;aspect-ratio:16/9}
.mp-home #feedGrid .mp-cinema-card .mp-cinema-stage>.video-thumbnail-link {height:100%!important}
.mp-cinema-card .mp-cinema-stage .video-thumbnail-overlay {display:grid;place-items:center;position:absolute;inset:0;opacity:1;background:linear-gradient(transparent 70%,#15131d22)}
.mp-home #feedGrid .mp-cinema-card .video-play-circle,.mp-cinema-card .video-play-circle {display:grid;place-items:center;width:52px;height:44px;border-radius:13px;background:#211f2bdd!important;border:1px solid #ffffff70;box-shadow:0 3px 10px #0002;transition:transform .18s}
.mp-cinema-card .video-thumbnail-link:hover .video-play-circle {transform:scale(1.06)}
.mp-cinema-card .video-play-circle img {width:20px;height:20px;filter:brightness(0) invert(1)}
.mp-cinema-card .mp-cinema-stage .mp-inline-video {position:absolute;inset:0;width:100%;height:100%;background:#121018}
.mp-cinema-card .mp-inline-video>video,.mp-cinema-card .mp-inline-video>.mp-remote-video {display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain}
.mp-home #feedGrid .mp-cinema-card .mp-inline-video>video {object-fit:contain}
.mp-cinema-card .mp-remote-video iframe {display:block;width:100%;height:100%;min-height:0;border:0}
.mp-cinema-card .mp-video-controls {position:absolute;z-index:3;inset:auto 0 0;display:flex;align-items:center;gap:7px;padding:3px 8px;background:#17131ed9;color:#fff;opacity:1;transition:opacity .15s}
.mp-cinema-card .mp-video-controls button {display:grid;place-items:center;min-width:36px;min-height:36px;flex:none;padding:4px;border:0;background:none;color:inherit;font-size:18px;cursor:pointer}
.mp-cinema-card .mp-video-controls button svg {width:18px;height:18px}
.mp-cinema-card .mp-video-controls input {min-width:0;min-height:24px;height:24px;flex:1;accent-color:var(--mp-purple,#7358e8);appearance:auto;background:none}
.mp-cinema-card .mp-video-controls small {font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mp-cinema-card .mp-inline-video>.mp-video-full {position:absolute;z-index:3;top:7px;right:7px;width:auto;max-width:calc(100% - 14px);padding:7px 9px;min-height:28px;box-sizing:border-box;border:1px solid #ffffff55;border-radius:7px;background:#211b2bcc;color:#fff;font-size:10px;line-height:1.4;text-decoration:none}
.mp-cinema-card .mp-inline-video>small[role="status"] {position:absolute;z-index:3;inset:35% 10px auto;padding:9px;border-radius:8px;background:#211b2be8;color:#fff;font-size:12px;text-align:center}
.mp-cinema-card .mp-inline-video>small[role="status"]:empty {display:none}
.mp-cinema-card [hidden] {display:none!important}
.mp-cinema-card .mp-cinema-size-toggle {display:none}
.mp-cinema-card .mp-cinema-cue {position:absolute;z-index:5;inset:0;display:grid;place-items:center;pointer-events:none}
.mp-cinema-card .mp-cinema-play-echo {position:absolute;display:grid;place-items:center;width:52px;height:44px;border-radius:13px;background:#211f2bdd;color:#fff;animation:mp-cinema-echo .2s ease both}
.mp-cinema-card .mp-cinema-play-echo svg {width:22px;height:22px}
.mp-cinema-card .mp-cinema-slate {width:104px;height:88px;overflow:visible;animation:mp-cinema-action .68s ease both}
.mp-cinema-card .mp-cinema-slate-arm {transform-origin:20px 33px;animation:mp-cinema-snap .48s cubic-bezier(.2,.7,.3,1) both}
.mp-cinema-card .mp-cinema-accent {position:absolute;left:calc(50% - 2px);top:calc(50% - 7px);width:4px;height:14px;border-radius:3px;background:var(--accent);animation:mp-cinema-spark .42s .22s ease-out both}
@keyframes mp-cinema-echo {to{opacity:0;transform:scale(.65)}}
@keyframes mp-cinema-action {0%{opacity:0;transform:scale(.55)}18%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
@keyframes mp-cinema-snap {0%,25%{transform:rotate(-25deg)}65%{transform:rotate(0)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}
@keyframes mp-cinema-spark {0%{opacity:0;transform:translate(calc(var(--x)*.7),calc(var(--y)*.7)) rotate(var(--turn)) scale(.4)}30%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--turn)) scale(1)}}
.mp-cinema-card .mp-cinema-loading {position:absolute;z-index:4;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#15131fca;color:#fff}
.mp-cinema-card .mp-cinema-loading::before {content:"";position:absolute;inset:-8px 0;background:repeating-linear-gradient(0deg,#ffffff13 0 1px,transparent 1px 4px),repeating-linear-gradient(97deg,transparent 0 7px,#ffffff06 7px 8px);opacity:.55;animation:mp-cinema-static 1.8s steps(3,end) infinite}
.mp-cinema-card .mp-cinema-loading::after {content:"";position:absolute;inset:40% 0 auto;height:2px;background:linear-gradient(90deg,#71bcbc44,#b191e744,#da90b144);opacity:.4;animation:mp-cinema-tracking 2.6s linear infinite}
.mp-cinema-card .mp-cinema-loading>span {position:relative;font-family:inherit;font-size:clamp(17px,2vw,22px);font-weight:600;line-height:1.3;letter-spacing:.14em;text-shadow:1px 0 #da90b188,-1px 0 #71bcbc88}
.mp-cinema-card .mp-cinema-stage[data-cinema-cue="true"] .mp-cinema-loading>span {align-self:end;margin-bottom:8px;font-size:13px}
@keyframes mp-cinema-static {0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(5px);opacity:.6}}
@keyframes mp-cinema-tracking {from{transform:translateY(-50px)}to{transform:translateY(110px)}}
/* Match the record cards' metadata and engagement arrangement. */
.mp-home #feedGrid .mp-cinema-card .mp-card-body {padding-top:12px!important}
.mp-home #feedGrid .mp-cinema-card .mp-card-follow {min-height:36px;justify-self:end}
.mp-home #feedGrid .mp-cinema-card .scene-actions {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px 12px 12px;border-top:1px solid var(--mp-line,#eeedf5);margin-top:10px}
.mp-home #feedGrid .mp-cinema-card .mp-content-actions {grid-column:1/-1;display:flex;justify-content:space-between;width:100%;gap:2px}
.mp-home #feedGrid .mp-cinema-card .mp-content-action {min-height:40px;min-width:32px;gap:4px;padding:4px}
.mp-home #feedGrid .mp-cinema-card .mp-content-action[data-content-action="like"] b {display:inline}
.mp-home #feedGrid .mp-cinema-card .mp-view-count {order:0;font-size:10px;padding:0;line-height:1.5}
.mp-home #feedGrid .mp-cinema-card .scene-collab {order:0;min-height:36px;background:none;padding:5px 0 5px 8px}
.mp-home #feedGrid .mp-cinema-card .scene-collab span {font-size:10px}
.mp-cinema-card :is(a,button,input):focus-visible {outline:3px solid var(--mp-purple,#7358e8);outline-offset:-3px}
@media(hover:hover) {
 .mp-cinema-card .mp-cinema-stage[data-cinema-state="playing"]:not(:hover):not(:focus-within) .mp-video-controls {opacity:0}
 .mp-cinema-card .mp-cinema-stage[data-cinema-state="playing"]:not(:hover):not(:focus-within) .mp-video-full {opacity:0}
}
@media(max-width:600px) {
 .mp-home #feedGrid .mp-cinema-card .mp-card-follow {grid-column:1/-1;min-height:36px}
 .mp-home #feedGrid .mp-cinema-card .scene-actions {padding:6px 8px 9px;gap:2px}
 .mp-home #feedGrid .mp-cinema-card .scene-collab {min-width:36px;padding:4px}
 .mp-home #feedGrid .mp-cinema-card .mp-content-action {min-width:28px}
 .mp-cinema-card .mp-video-controls {gap:4px;padding:0 5px}
 .mp-cinema-card .mp-video-controls small {font-size:8px}
 .mp-cinema-card .mp-inline-video>.mp-video-full {top:4px;right:4px;font-size:9px;padding:4px 6px;min-height:24px}
 .mp-cinema-card .mp-cinema-slate {width:82px;height:70px}
 .mp-cinema-card .mp-cinema-stage[data-cinema-cue="true"] .mp-cinema-loading>span {margin-bottom:3px;font-size:11px}
}
@media(max-width:850px) {
 .mp-home #feedGrid>.mp-cinema-card.mp-cinema-expanded {grid-column:1/-1}
 .mp-home #feedGrid>.mp-cinema-expanded .mp-cinema-stage {width:100%;aspect-ratio:var(--cinema-preview-ratio,16/9);max-height:70svh}
 .mp-home #feedGrid .mp-cinema-card .mp-cinema-size-toggle {display:block;position:absolute;z-index:6;top:4px;left:4px;min-height:36px;padding:6px 9px;border:1px solid #ffffff55;border-radius:7px;background:#211b2bcc;color:#fff;font:inherit;font-size:10px;cursor:pointer}
 .mp-home #feedGrid>.mp-cinema-expanded .mp-video-controls button {min-width:44px;min-height:44px}
 .mp-home #feedGrid>.mp-cinema-expanded .mp-video-controls input {min-height:32px}
}
@media(prefers-reduced-motion:reduce) {
 .mp-cinema-card .mp-cinema-cue {display:none!important}
 .mp-cinema-card .mp-cinema-loading::before,.mp-cinema-card .mp-cinema-loading::after {animation:none}
 .mp-cinema-card .mp-video-controls,.mp-cinema-card .video-play-circle {transition:none}
}
