/* The collection occupies its own modal surface; the theatre stays in place. */
.film-card{min-width:0;display:flex;flex-direction:column;gap:8px}
.film-card:only-child{grid-column:1/-1;width:210px;max-width:100%;justify-self:center}
.film-card .film-poster{width:100%;flex:1}
.film-card .film-poster small{color:#d8c294;font:11px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.film-explore-button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;border-color:#ad946d70;background:#c8ad7612;text-align:left}
.film-explore-button span{font-size:22px;line-height:1;color:#e2c990}
#film-explorer{width:min(1440px,96vw);height:92svh;max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid #9e814959;background:#0b111b;color:#f0eadf;border-radius:4px}
#film-explorer[open]{display:flex;flex-direction:column}
#film-explorer [hidden]{display:none!important}
#film-explorer::backdrop{background:#03050bec;backdrop-filter:blur(12px)}
#film-explorer .film-explorer-header{position:static;width:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #bda16c33;background:linear-gradient(100deg,#172031,#0d121d);flex-shrink:0}
#film-explorer h1{font:normal clamp(30px,3vw,44px)/1 Georgia,serif;letter-spacing:3px;margin:10px 0 0}
.film-explorer-close{font-size:12px;white-space:nowrap;border-color:#c6ad7844;display:flex;gap:20px;align-items:center}
.film-explorer-close span{font-size:23px;line-height:1}
.film-explorer-browser{display:grid;grid-template-columns:230px minmax(0,1fr);flex:1;min-height:0}
.film-explorer-sidebar{overflow:auto;border-right:1px solid #bda16c26;padding:24px 16px;background:#0b1019;scrollbar-width:thin;scrollbar-color:#796748 transparent}
.film-explorer-intro{font:18px Georgia,serif;margin:0 10px 24px;color:#ddd1bb}
.film-explorer-groups h3{font:10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#b9a67f;margin:24px 12px 10px}
.film-explorer-groups h3:first-child{margin-top:0}
.film-explorer-group{width:100%;border:1px solid transparent;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:13px;color:#b5beca;border-radius:2px}
.film-explorer-group small{font-size:10px;color:#b6a584;margin-left:8px}
.film-explorer-group[aria-pressed=true]{color:#f3dfb4;background:#ad915721;border-color:#b69b684a}
.film-explorer-content{padding:30px 32px;overflow:auto;scrollbar-width:thin;scrollbar-color:#796748 transparent}
.film-explorer-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.film-explorer-group-head h2{font-size:36px;margin:8px 0 0}
.film-explorer-count{font-size:11px;color:#b7aa93;white-space:nowrap;padding-bottom:4px}
.film-explorer-help{font-size:12px;margin:12px 0 25px;color:#9eabbc}
.film-explorer-status:empty{display:none}
.film-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;padding-bottom:18px}
.film-explorer-card{min-width:0;border:1px solid #bda16c24;background:#101824;padding:0;text-align:left;overflow:hidden;border-radius:2px;transition:border-color .2s,background .2s}
.film-explorer-card:hover{border-color:#d9bb79;background:#1e2936}
.film-explorer-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#060a10;padding:4px}
.film-explorer-card>span{display:flex;align-items:baseline;gap:10px;padding:13px 12px;font:15px/1.3 Georgia,serif}
.film-explorer-card small{font:10px Arial,sans-serif;color:#bda475}
.film-explorer-mobile-label,.film-explorer-select{display:none}
.film-explorer-view{display:flex;flex-direction:column;min-height:0;flex:1}
.film-explorer-view-head{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid #bda16c26}
.film-explorer-view-head button{font-size:12px;white-space:nowrap}
.film-explorer-view-head h2{font:normal 20px/1.25 Georgia,serif;margin:0;flex:1}
.film-explorer-position{font-size:12px;color:#c0af8b;white-space:nowrap}
.film-explorer-stage{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:none;cursor:grab;background:#050910}
.film-explorer-stage:active{cursor:grabbing}
.film-explorer-image{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center;user-select:none}
.film-explorer-image-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d6c6a3;text-align:center;font-size:13px}
.film-explorer-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;border-top:1px solid #bda16c26}
.film-explorer-tools p{font-size:11px;color:#a0aebe;margin:0}
.film-explorer-zoom,.film-explorer-paging{display:flex;align-items:center;gap:7px}
.film-explorer-tools button{font-size:13px;padding:8px 12px;min-width:40px;min-height:40px}
.film-explorer-scale{font-size:12px;min-width:40px;text-align:center;color:#d7c297}
@media(max-width:1100px){.film-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-explorer-browser{grid-template-columns:200px minmax(0,1fr)}.film-explorer-tools p{display:none}}
@media(max-width:700px){
  #film-explorer{inset:0;margin:0;width:100%;height:100svh;border:0;border-radius:0}
  #film-explorer .film-explorer-header{padding:20px 18px;gap:12px;align-items:center}
  #film-explorer .film-explorer-header .eyebrow{font-size:9px;letter-spacing:1.6px}
  #film-explorer h1{font-size:clamp(22px,7vw,28px);letter-spacing:1px}
  .film-explorer-close{font-size:11px;padding:10px;gap:10px}
  .film-explorer-browser{display:block;overflow:hidden}
  .film-explorer-sidebar{display:none}
  .film-explorer-content{height:100%;padding:20px 18px}
  .film-explorer-mobile-label{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#bda475;margin-bottom:7px}
  .film-explorer-select{display:block;width:100%;font:14px Arial,sans-serif;background:#172131;color:#f3e6cc;border:1px solid #bda16c66;border-radius:2px;padding:12px;margin:0 0 25px;color-scheme:dark}
  .film-explorer-group-head{flex-wrap:wrap;gap:8px}
  .film-explorer-group-head h2{font-size:31px}
  .film-explorer-grid{gap:16px 10px}
  .film-explorer-card>span{font-size:14px;padding:10px 8px;gap:6px}
  .film-explorer-card img{aspect-ratio:4/3;padding:2px}
  .film-explorer-help{font-size:11px;margin-bottom:20px}
  .film-explorer-view-head{flex-wrap:wrap;gap:10px;padding:12px}
  .film-explorer-view-head h2{font-size:18px;order:3;flex-basis:100%}
  .film-explorer-position{margin-left:auto}
  .film-explorer-tools{padding:12px;gap:8px;flex-wrap:wrap}
  .film-explorer-tools button{padding:8px;min-width:38px;min-height:42px}
  .film-explorer-zoom,.film-explorer-paging{gap:4px}
}
@media(prefers-reduced-motion:reduce){.film-explorer-card{transition:none}}