/* Integrates into the existing CSS columns; original card rules stay intact. */
.jelly-cinema-stack{break-inside:avoid;display:block}
.theater-entry{break-inside:avoid;margin:0 0 var(--gap);width:100%;background:transparent;border:0}
.theater-link{display:block;width:100%;padding:8% 4% 0;color:var(--fg);text-decoration:none;border-radius:10px;outline-offset:5px}
.theater-link:focus-visible{outline:2px solid var(--pink)}
.entry-tv{display:block;position:relative;padding:6% 6% 0;border:1px solid #e2e0d8;border-radius:11% 11% 12% 12%;background:linear-gradient(125deg,#fbfbf9,#eeece5 60%,#f4f3ee);box-shadow:inset 2px 2px 2px #ffffffcc,inset -2px -2px 2px #00000014,0 4px 0 #d9d7cd}
.entry-tv:after{content:'';display:block;position:absolute;width:40%;height:5%;left:30%;bottom:-6%;border-radius:0 0 20% 20%;background:#e6e4dc}
.entry-bezel{display:block;padding:4%;border-radius:12%;background:linear-gradient(135deg,#ffffff,#e3e1d9);box-shadow:inset 1px 2px 3px #0000000f}
.entry-screen{display:grid;place-items:center;aspect-ratio:4/3;border-radius:9%;border:1px solid #3e3f46;color:#ecebea;background:radial-gradient(ellipse at 50% 45%,#25282d,#101216 70%);font:clamp(19px,2.5vw,32px)/1 'Coolvetica',Arial,sans-serif;letter-spacing:.12em;text-shadow:0 0 9px #f4f4f533}
.entry-chin{display:flex;align-items:center;justify-content:space-between;gap:12%;height:33px;padding:0 3%}
.entry-speaker{width:21%;height:10px;background:repeating-linear-gradient(0deg,#d6d3c8 0 1px,#f2f1ec 1px 3px);border-radius:20%}
.entry-slot{height:2px;width:31%;background:#d9d6cb;box-shadow:0 1px #fff}
.entry-power{height:6px;width:6px;border-radius:50%;background:#9aadb0;box-shadow:0 0 4px #b5d6c750}
.theater-hint{display:block;text-align:center;margin-top:24px;padding-bottom:7px;font:16px 'Coolvetica',Arial,sans-serif;opacity:0;transition:opacity 160ms ease}
.theater-link:focus-visible .theater-hint{opacity:1}
@media(hover:hover) and (pointer:fine){.theater-link:hover .theater-hint{opacity:1}.theater-link:hover .entry-screen{color:#fff}}
@media(hover:none),(pointer:coarse){.theater-hint{opacity:1}}
@media(max-width:640px){.jelly-cinema-stack{break-inside:auto}.theater-entry{margin:12px 0 var(--gap)}.theater-link{width:min(100%,460px);margin:auto;padding:5% 3% 0}.theater-hint{opacity:1;font-size:18px}.entry-screen{font-size:clamp(26px,7vw,40px)}.entry-chin{height:38px}}
@media(prefers-reduced-motion:reduce){.theater-hint{transition:none}}
/* At the legacy 640px overlap, columns are still two wide. A final spanner
   places the phone entrance below both columns without changing their rules. */
@media(max-width:640px){.theater-entry{column-span:all}}