.collection-dialog[data-collection="cinema"]{--ink:#f3f3f1;--paper:#111113;color:var(--ink);background:radial-gradient(ellipse at 50% 55%,#27272a,transparent 66%),#111113;width:min(1120px,calc(100% - 36px));max-height:94dvh;padding:20px 30px 0;border:1px solid #ffffff35;box-shadow:0 24px 90px #0009;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#555 #111}
.collection-dialog[data-collection="cinema"]::backdrop{background:#050506bf;backdrop-filter:blur(12px)}
.collection-dialog[data-collection="cinema"] .dialog-toolbar{height:28px;justify-content:flex-end}
.collection-dialog[data-collection="cinema"] #collection-eyebrow{display:none}
.collection-dialog[data-collection="cinema"] .icon-button{color:#d1d1d1;font-size:27px;width:34px;height:34px;border:1px solid #ffffff26;border-radius:50%}
.collection-dialog[data-collection="cinema"] h2{font:400 30px/1.5 "Songti SC","SimSun",serif;text-align:center;letter-spacing:9px;margin:4px 0 22px;padding-left:9px;color:#f2f2ee}
.cinema-stage{margin:0 -30px;position:relative}
.cinema-stage::before,.cinema-stage::after{content:"";position:absolute;top:0;bottom:0;width:50px;z-index:2;pointer-events:none}.cinema-stage::before{left:0;background:linear-gradient(90deg,#111113,transparent)}.cinema-stage::after{right:0;background:linear-gradient(-90deg,#111113,transparent)}
.cinema-track{--card-width:clamp(190px,25vw,280px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;outline-offset:-3px;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.cinema-track::-webkit-scrollbar{display:none}.cinema-track.dragging{scroll-snap-type:none;cursor:grabbing}.cinema-track.dragging .cinema-card{pointer-events:none}
.cinema-strip{display:flex;align-items:center;gap:30px;width:max-content;padding:18px max(0px,calc((min(1120px,100vw - 36px) - 2px - var(--card-width))/2)) 12px}
.cinema-card{flex:0 0 var(--card-width);width:var(--card-width);scroll-snap-align:center;scroll-snap-stop:always;display:block;padding:0;background:transparent;text-align:center;color:#b8b8b8;user-select:none;-webkit-user-select:none;transform:scale(.88);opacity:.52;transition:transform .35s,opacity .35s;cursor:pointer}
.cinema-card[aria-pressed="true"]{transform:scale(1);opacity:1;color:#f7f7f5}
.cinema-image{height:min(48dvh,380px);min-height:220px;width:100%;display:flex;align-items:center;justify-content:center;background:#09090a;border:1px solid #ffffff25;box-shadow:0 15px 35px #0005;overflow:hidden;transition:border-color .3s}
.cinema-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:grayscale(1);transition:filter .35s}
.cinema-card[aria-pressed="true"] .cinema-image{border-color:#e7e7e7b3}.cinema-card[aria-pressed="true"] img{filter:none}
.cinema-name{display:block;margin-top:21px;font:400 20px/1.5 "Songti SC","SimSun",serif;letter-spacing:4px;padding-left:4px;white-space:nowrap}
.cinema-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin:13px 0 18px}
.cinema-controls>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff35;border-radius:50%;font-size:21px;color:#eee;transition:background .2s}.cinema-controls>button:hover{background:#ffffff15}.cinema-controls>button:disabled{opacity:.25;cursor:default}
.cinema-dots{display:flex;align-items:center;gap:5px}.cinema-dots button{width:20px;height:30px;position:relative}.cinema-dots button::after{content:"";position:absolute;left:8px;top:13px;width:4px;height:4px;background:#707074;border-radius:50%;transition:background .2s,transform .2s}.cinema-dots button[aria-current="true"]::after{background:#fff;transform:scale(1.7)}
.collection-dialog[data-collection="cinema"] :focus-visible{outline:2px solid #fff;outline-offset:3px}.collection-dialog[data-collection="cinema"] .cinema-track:focus-visible{outline-offset:-3px}
.collection-dialog[data-collection="cinema"] .collection-back{border-top:1px solid #ffffff1f;color:#b6b6b6;font-size:11px;min-height:42px;padding:11px 0;letter-spacing:2px}
@media(max-width:600px){.collection-dialog[data-collection="cinema"]{width:calc(100% - 20px);padding:16px 18px 0}.collection-dialog[data-collection="cinema"] h2{font-size:25px;margin:9px 0 16px}.cinema-stage{margin:0 -18px}.cinema-track{--card-width:62vw}.cinema-strip{gap:14px;padding-inline:calc((100vw - 22px - var(--card-width))/2)}.cinema-image{height:min(48dvh,360px);min-height:200px}.cinema-stage::before,.cinema-stage::after{width:22px}.cinema-name{font-size:19px;margin-top:18px}.cinema-controls{gap:14px;margin:14px 0}.cinema-dots{gap:1px}}
@media(prefers-reduced-motion:reduce){.cinema-card,.cinema-image,.cinema-image img,.cinema-dots button::after{transition:none}}