/* FURORE / MOBILE CINEMA — addon only. Original background and desktop gallery intact. */
@media (max-width:1100px), (max-aspect-ratio:4/3) {
  .mobile-layout { width:100%; max-width:920px; margin:0 auto; isolation:isolate; }
  .mobile-cinema-stage {
    position:relative; width:100%; margin:8px auto 0;
    display:grid; place-items:center; perspective:1100px;
    transform-style:preserve-3d; isolation:isolate;
  }
  .mobile-cinema-stage::before {
    content:''; position:absolute; left:10%; right:10%; bottom:-11px; height:40px;
    z-index:-1; pointer-events:none; border-radius:50%;
    background:radial-gradient(ellipse,rgba(148,178,200,.22),transparent 70%);
    filter:blur(16px);
  }
  .mobile-cinema-stage .mobile-feature {
    z-index:3; width:87%; max-width:690px; aspect-ratio:16/9;
    border:1px solid rgba(221,230,237,.35);
    border-radius:3px; overflow:hidden;
    box-shadow:0 16px 38px rgba(0,0,0,.63),0 0 0 1px rgba(5,9,14,.6);
    transform:translateZ(24px); backface-visibility:hidden;
    transition:box-shadow .35s ease;
  }
  .mobile-cinema-stage .mobile-feature > img {
    object-fit:cover; image-rendering:auto; transform:none !important;
    filter:none !important; backface-visibility:hidden;
  }
  .mobile-cinema-wing {
    position:absolute; display:block; z-index:1; top:16%; height:68%; width:23%;
    min-width:66px; max-width:165px; padding:0; margin:0;
    border:1px solid rgba(220,225,229,.36); border-radius:3px;
    overflow:hidden; cursor:pointer; background:#0e1519;
    box-shadow:0 11px 32px rgba(0,0,0,.6);
    transform-style:preserve-3d; backface-visibility:hidden;
    transition:filter .25s ease,transform .35s ease;
  }
  .mobile-cinema-wing img {display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto;}
  .mobile-cinema-wing::after { content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 67%); }
  .mobile-cinema-wing span {
    position:absolute; top:50%; z-index:1; color:#fff; text-shadow:0 1px 9px #000;
    font-size:37px; font-weight:200; line-height:1; transform:translateY(-50%);
  }
  .mobile-cinema-wing--prev {left:-4%; transform-origin:right center;
    transform:rotateY(28deg) translateZ(1px);}
  .mobile-cinema-wing--next {right:-4%; transform-origin:left center;
    transform:rotateY(-28deg) translateZ(1px);}
  .mobile-cinema-wing--prev span {left:10px;}
  .mobile-cinema-wing--next span {right:10px;}
  .mobile-cinema-wing--next::after {background:linear-gradient(-90deg,rgba(0,0,0,.34),transparent 67%);}
  .mobile-cinema-wing:focus-visible {outline:2px solid #fff;outline-offset:3px;z-index:5;}
  .mobile-cinema-wing:active {filter:brightness(1.23);}
  .mobile-cinema-caption {display:flex;justify-content:space-between;margin:16px 3px 0;
    font-size:9px;letter-spacing:.17em;color:#e9e5dd;opacity:.8;}
  .mobile-gallery {perspective:850px;perspective-origin:50% 45%;padding-top:12px;padding-bottom:26px;
    overflow-y:visible; overscroll-behavior-inline:contain;}
  .mobile-card {position:relative; flex:0 0 clamp(135px,44vw,235px);
    border:1px solid rgba(221,231,236,.28); border-radius:3px;
    transform:rotateY(-9deg) translateZ(0);transform-origin:center center;
    box-shadow:9px 14px 25px #0008;
    transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,outline-color .3s ease;
    contain:paint;
  }
  .mobile-card img {image-rendering:auto; transform:none !important; filter:none !important;}
  .mobile-card.is-selected {transform:translateY(-5px) translateZ(12px) rotateY(0deg);
    box-shadow:0 13px 28px #000b;outline:1px solid rgba(239,245,248,.8);}
  .mobile-card:hover:not(.is-selected) {transform:rotateY(-5deg) translateY(-2px);filter:none;}
  .mobile-card span {display:block;position:absolute;bottom:0;left:0;right:0;
    padding:17px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.78));
    color:white;font-size:9px;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
  .mobile-current-info {margin-top:14px;}
  html[data-theme="day"] .mobile-cinema-stage .mobile-feature {border-color:rgba(49,56,62,.4);box-shadow:0 13px 35px #313f4b70;}
  html[data-theme="day"] .mobile-cinema-caption {color:#323e42;}
  html[data-theme="day"] .mobile-cinema-wing {border-color:rgba(58,72,81,.45);}
}
@media (min-width:600px) and (max-width:1100px), (min-width:600px) and (max-aspect-ratio:4/3) {
  .mobile-cinema-stage .mobile-feature {width:80%;}
  .mobile-cinema-wing--prev {left:1%;}
  .mobile-cinema-wing--next {right:1%;}
  .mobile-gallery {justify-content:safe center;}
}
@media (max-width:375px) {
  .mobile-cinema-stage .mobile-feature {width:87%;}
  .mobile-cinema-wing {height:65%;top:17%; min-width:56px;}
  .mobile-cinema-caption {font-size:8px;letter-spacing:.11em;}
  .mobile-card {flex-basis:43vw;}
}
@media (prefers-reduced-motion:reduce) {
  .mobile-cinema-wing,.mobile-card,.mobile-cinema-stage .mobile-feature {transition:none !important;}
}