/* =============================================================================
   STUDIO SEOZ — cinema.css (SİNEMATİK AÇILIŞ)
   Yalnızca entry.type === "cinema" olan belgelerde kullanılır. Mevcut giriş
   türlerinin (seoz-entry-*) stillerine dokunmaz.
   ========================================================================= */
.sc-overlay{ position:fixed; inset:0; z-index:5000; overflow:hidden; background:#0E0C0B; cursor:pointer;
  -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none; touch-action:manipulation; }
.sc-overlay.sc-inbox{ position:absolute; z-index:5; }
.sc-backdrop{ position:absolute; inset:0; overflow:hidden; }
.sc-backdrop-inner{ position:absolute; inset:-4%; }
.sc-backdrop-inner > *{ width:100%; height:100%; }
.sc-view{ position:absolute; inset:0; perspective-origin:50% 45%; }
.sc-cam{ position:absolute; inset:0; transform-style:preserve-3d; }
.sc-fit{ position:absolute; left:50%; top:50%; width:400px; height:700px; transform-style:preserve-3d; }
.sc-frame{ position:absolute; inset:0; transform-style:preserve-3d; }
.sc-slot, .sc-piece{ position:absolute; transform-style:preserve-3d; }
.sc-anim{ position:absolute; inset:0; transform-style:preserve-3d; will-change:transform; }
.sc-anim > div, .sc-anim > img{ position:absolute; inset:0; }
.sc-upload{ position:absolute; inset:0; }
.sc-fx{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:40; }
.sc-flash{ position:absolute; inset:0; pointer-events:none; z-index:45; opacity:0; mix-blend-mode:screen; }
.sc-dark{ position:absolute; inset:0; background:#000; pointer-events:none; z-index:39; }
.sc-tint{ position:absolute; inset:0; pointer-events:none; z-index:38; mix-blend-mode:soft-light; }
.sc-glow, .sc-rays{ position:absolute; pointer-events:none; border-radius:50%; mix-blend-mode:screen; }
.sc-fog{ position:absolute; left:-30%; right:-30%; height:45%; pointer-events:none; z-index:38; opacity:.55;
  background:radial-gradient(ellipse at 30% 50%, rgba(200,200,210,.35), transparent 60%), radial-gradient(ellipse at 75% 60%, rgba(180,180,200,.3), transparent 55%);
  filter:blur(6px); }

/* İç kart */
.sc-cardwrap{ position:absolute; left:50px; top:90px; width:300px; height:520px; z-index:20; opacity:0;
  display:flex; align-items:center; justify-content:center; transform-style:preserve-3d; pointer-events:none; }
.sc-card{ position:relative; width:100%; height:100%; transform-style:preserve-3d; }
.sc-card-img img{ filter:drop-shadow(0 14px 28px rgba(0,0,0,.35)); }
.sc-card-title{ box-sizing:border-box; height:auto; min-height:380px; padding:46px 26px; border:1.5px solid; outline:1px solid rgba(201,164,92,.35);
  outline-offset:-10px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  box-shadow:0 22px 50px rgba(0,0,0,.35); border-radius:4px; }
.sc-card-t{ font-family:"Great Vibes","Alex Brush",cursive; font-size:46px; line-height:1.15; overflow-wrap:anywhere; }
.sc-card-s{ font-family:"Cormorant Garamond",serif; font-size:19px; letter-spacing:.06em; opacity:.85; }
.sc-card-orn{ font-family:"Cormorant Garamond",serif; font-size:28px; }
.sc-card-orn-b{ font-size:16px; letter-spacing:.3em; }
.sc-card-logo{ position:relative; width:110px; height:70px; }

/* Arayüz */
.sc-ui{ position:absolute; inset:0; pointer-events:none; z-index:60; }
.sc-hint{ position:absolute; left:50%; bottom:calc(9% + env(safe-area-inset-bottom)); transform:translateX(-50%); padding:10px 20px; border-radius:999px;
  background:rgba(14,12,11,.42); color:#fff; font-family:"Manrope",system-ui,sans-serif; font-size:14px; letter-spacing:.06em; white-space:nowrap;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); animation:scHint 2.2s ease-in-out infinite; }
.sc-hint-bottom{ bottom:calc(4% + env(safe-area-inset-bottom)); }
@keyframes scHint{ 0%,100%{ opacity:.55 } 50%{ opacity:1 } }
.sc-skip{ position:absolute; top:calc(14px + env(safe-area-inset-top)); right:14px; pointer-events:auto; border:none; cursor:pointer;
  padding:8px 14px; border-radius:999px; background:rgba(14,12,11,.38); color:#fff; font:600 13px "Manrope",system-ui,sans-serif; letter-spacing:.04em; }
.sc-skip:hover{ background:rgba(14,12,11,.6); }
.sc-inbox .sc-skip{ top:8px; right:8px; }

/* Hafif mod: pahalı efektler kapalı */
.sc-lite .sc-fog, .sc-lite .sc-tint{ display:none; }
.sc-lite .sc-hint{ backdrop-filter:none; -webkit-backdrop-filter:none; }
.sc-lite .sc-card-img img{ filter:none; }

@media (prefers-reduced-motion: reduce){ .sc-hint{ animation:none; } }

/* ---------- Modellerin ortak çizim parçaları ---------- */
.sc-face{ position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.sc-emblem{ position:absolute; display:flex; align-items:center; justify-content:center; text-align:center; }
.sc-emblem img{ position:relative !important; width:100%; height:100%; object-fit:contain; }

/* ---------- Katmanlı PNG: kalınlık, arka yüz, ışık/gölge maskesi ---------- */
.sc-slab, .sc-front, .sc-backface{ position:absolute; inset:0; }
.sc-lit{ position:absolute; inset:0; pointer-events:none; overflow:hidden; border-radius:inherit; }
.sc-shade{ position:absolute; inset:0; background:#07050A; opacity:0; }
.sc-lit-bar{ position:absolute; top:-15%; bottom:-15%; left:0; width:42%; opacity:0; transform:translateX(-130%) skewX(-16deg);
  background:linear-gradient(90deg, rgba(255,248,230,0), rgba(255,248,230,.55) 50%, rgba(255,248,230,0)); }
.sc-lite .sc-lit-bar{ display:none; }

/* ---------- Ön yükleme ---------- */
.sc-loading{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:70; display:flex; flex-direction:column; align-items:center; gap:12px;
  color:rgba(255,255,255,.85); font:500 13px "Manrope",system-ui,sans-serif; letter-spacing:.08em; pointer-events:none; }
.sc-spin{ width:34px; height:34px; border-radius:50%; border:2px solid rgba(255,255,255,.18); border-top-color:rgba(255,255,255,.85); animation:scSpin 1s linear infinite; }
@keyframes scSpin{ to{ transform:rotate(360deg) } }
@media (prefers-reduced-motion: reduce){ .sc-spin{ animation-duration:2.4s; } }

/* ---------- A2.1 serbest stüdyo ---------- */
.sc-ph{ display:none; position:absolute; inset:0; align-items:center; justify-content:center; text-align:center; padding:8px; box-sizing:border-box;
  border:2px dashed rgba(255,255,255,.55); border-radius:8px; color:rgba(255,255,255,.8); font:600 13px "Manrope",system-ui,sans-serif; background:rgba(255,255,255,.06); }
.sc-freeze .sc-ph{ display:flex; }
.sc-half, .sc-leak{ pointer-events:none; }
/* A2.4 · çekme / kaydırma / basılı tutma ile açılan sahne */
.sc-overlay.sc-gesture{ cursor:grab; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
.sc-overlay.sc-gesture:active{ cursor:grabbing; }

/* K1 · İç kart 3D (yalnızca kartta 3D özelliği kullanılınca kurulur) */
.sc-cardpose{ position:absolute; inset:0; transform-style:preserve-3d; }
.sc-cardinner{ display:flex; align-items:center; justify-content:center; }
.sc-anim > .sc-cardholder{ position:relative; inset:auto; width:100%; display:grid; transform-style:preserve-3d; }
.sc-cardholder.is-img{ height:100%; }
.sc-cardholder > .sc-card{ grid-area:1 / 1; }
.sc-cardholder > .sc-card-back{ align-self:stretch; }
/* görselli yüzler kartın kutusuna sabitlenir: uzun/dar bir arka yüz görseli kartın boyunu değiştiremez */
.sc-cardholder > .sc-card-img{ position:absolute; inset:0; width:100%; height:100%; }
.sc-cardholder > .sc-card-title{ min-height:380px; }
.sc-cardholder > .sc-cardlit{ position:absolute; inset:0; }
.sc-card-mono{ font-family:"Great Vibes","Alex Brush",cursive; font-size:96px; line-height:1; }
.sc-anim > .sc-cardshadow, .sc-cardshadow{ position:absolute; inset:auto; pointer-events:none; opacity:.5; transform:translate3d(0, 18px, -24px) scale(.96); }
.sc-cardshadow-box{ left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); filter:blur(16px); border-radius:8px; }
.sc-anim > img.sc-cardshadow-img{ inset:0; width:100%; height:100%; object-fit:contain; filter:brightness(0) blur(12px); }
.sc-lite .sc-cardshadow{ filter:none; opacity:.22; }
.sc-lite .sc-cardshadow-img{ filter:brightness(0); }
.has-cardshadow .sc-card-img img{ filter:none; }