/* GİRİŞ VİDEOSU (giris.js #gv-giris) — yeni oyuncunun ilk "Yeni Dünya"sından önce bir kez; Ayarlar'dan yeniden izlenir.
   Düz obsidyen zemin, tek video katmanı, üstünde düz metin altyazı: fildişi yazı, yumuşak koyu gölge (text-shadow), üstünde
   ince altın kıl. Satır Alegreya, başlık Cinzel, çağrı Alegreya italik; hepsi --yk (erisim.js yazı boyu) ile büyür.
   Dik telefonda video ekranı doldurur (cover: yanlardan kırpılır), geniş ekranda sığdırılır (contain) — iki durumda da
   videonun yüksekliği ekranın yüksekliği, yani başlığın ve çağrının %60 / %72 konumu karedeki mührün altına düşer.
   WebView kuralları: sonsuz animasyon, kalıcı will-change, mask, mix-blend-mode, backdrop-filter, filter YOK; geçişler
   tek atımlık opacity (body.az-hareket altında hiç). Katman işi bitince DOM'dan çıkar (giris.js kapat). */
#gv-giris { position: fixed; inset: 0; z-index: 9760; overflow: hidden; background: #0b0a07; color: #efe6d2; outline: none;
  -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; touch-action: none; }
#gv-giris .gv-video, #gv-giris .gv-afis { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;
  display: block; background: #0b0a07; pointer-events: none; }
#gv-giris .gv-afis { opacity: 0; }
#gv-giris .gv-afis.on { opacity: 1; }
@media (min-aspect-ratio: 9/16) { #gv-giris .gv-video, #gv-giris .gv-afis { object-fit: contain; } }

/* altyazı: ortak — fildişi, gölge, üstünde altın kıl; solma tek atımlık */
#gv-giris .gv-satir, #gv-giris .gv-baslik, #gv-giris .gv-cagri { position: absolute; left: 0; right: 0; z-index: 1; box-sizing: border-box; margin: 0 auto;
  padding: 0 max(20px, env(safe-area-inset-right, 0px)) 0 max(20px, env(safe-area-inset-left, 0px)); max-width: 34em;
  text-align: center; color: #efe6d2; pointer-events: none; opacity: 0; transition: opacity 220ms ease-out;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 0 14px rgba(0, 0, 0, .7); }
#gv-giris .gv-satir.on, #gv-giris .gv-baslik.on, #gv-giris .gv-cagri.on { opacity: 1; }
#gv-giris .gv-satir::before, #gv-giris .gv-baslik::before { content: ''; display: block; width: 44px; height: 1px; margin: 0 auto 10px;
  background: rgba(197, 160, 89, .85); }
#gv-giris .gv-satir { bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)) + 9vh); bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)) + 9dvh);
  font: 500 calc(18px * var(--yk, 1))/1.36 var(--a-govde, 'Alegreya', Georgia, serif); letter-spacing: .01em; }
#gv-giris .gv-baslik { top: 58%; font: 700 calc(26px * var(--yk, 1))/1.1 var(--a-baslik, 'Cinzel', Georgia, serif); letter-spacing: .22em;
  text-indent: .22em; }   /* harf aralığının sondaki payı: yazı kılın altında ortada kalsın */
#gv-giris .gv-cagri { top: 70%; font: italic 500 calc(17px * var(--yk, 1))/1.3 var(--a-govde, 'Alegreya', Georgia, serif); }
#gv-giris .gv-cagri span { display: block; }
/* basılı tutmanın dolgusu: çağrının altında altın çizgi, oyunun her yerindeki süreyle (--tut-ms) */
#gv-giris .gv-cagri s { position: relative; display: block; width: 120px; height: 2px; margin: 12px auto 0; overflow: hidden; border-radius: 1px;
  background: rgba(197, 160, 89, .28); text-decoration: none; }
#gv-giris .gv-cagri s i, #gv-giris .gv-gec s i, #gv-giris .gv-secim s i { position: absolute; inset: 0; border-radius: inherit; background: #c5a059;
  transform: scaleX(0); transform-origin: 0 50%; }
#gv-giris.tut-dolu .gv-cagri s i, #gv-giris .gv-gec.tut-dolu s i, #gv-giris .gv-secim .tut-dolu s i { transform: scaleX(1); transition: transform var(--tut-ms, 600ms) linear; }

/* GEÇ: küçük, sağ üstte, güvenli alanın içinde; kısa dokunuş hiçbir şey yapmaz */
#gv-giris .gv-gec { position: absolute; z-index: 2; top: max(12px, env(safe-area-inset-top, 0px)); right: max(12px, env(safe-area-inset-right, 0px));
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px 3px; box-sizing: border-box; overflow: hidden;
  font: 700 calc(10px * var(--yk, 1))/1.2 var(--a-baslik, 'Cinzel', Georgia, serif); letter-spacing: .16em; color: rgba(239, 230, 210, .86);
  background: rgba(11, 10, 7, .62); border: 1px solid rgba(197, 160, 89, .42); border-radius: 999px; cursor: pointer; }
#gv-giris .gv-gec[hidden] { display: none; }
#gv-giris .gv-gec s { position: absolute; left: 14px; right: 14px; bottom: 6px; height: 2px; overflow: hidden; border-radius: 1px;
  background: rgba(197, 160, 89, .22); text-decoration: none; pointer-events: none; }

/* AZ HAREKET: başlık karesi + İZLE / GEÇ (ikisi de basılı tutma) */
#gv-giris .gv-secim { position: absolute; z-index: 2; left: 0; right: 0; bottom: calc(max(16px, env(safe-area-inset-bottom, 0px)) + 6vh);
  display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; width: 100%; max-width: 440px; margin: 0 auto;
  padding: 0 max(16px, env(safe-area-inset-right, 0px)) 0 max(16px, env(safe-area-inset-left, 0px)); }
#gv-giris .gv-secim[hidden] { display: none; }
#gv-giris .gv-secim .pr-btn:is(#pr-k, *) { position: relative; width: 100%; min-height: 50px; padding: 0 14px 4px; overflow: hidden; letter-spacing: .14em; }
#gv-giris .gv-secim .pr-btn span { position: relative; }
#gv-giris .gv-secim s { position: absolute; left: 16px; right: 16px; bottom: 8px; height: 3px; border-radius: 2px; overflow: hidden;
  background: rgba(28, 21, 6, .2); text-decoration: none; pointer-events: none; }
#gv-giris .gv-secim .pr-btn--ikincil s { background: rgba(197, 160, 89, .2); }
#gv-giris .gv-secim .pr-btn--birincil s i { background: #1c1506; }

@media (max-height: 640px) {
  #gv-giris .gv-satir { font-size: calc(16px * var(--yk, 1)); }
  #gv-giris .gv-baslik { font-size: calc(22px * var(--yk, 1)); }
}
/* az hareket: altyazı solmadan gelir ve gider (dolgu çizgisi ui_erisim.css kuralına uyar) */
body.az-hareket #gv-giris .gv-satir, body.az-hareket #gv-giris .gv-baslik, body.az-hareket #gv-giris .gv-cagri { transition: none; }