/* Mycora · Mikro Yolculuk — sinematik sahne sayfası */
.yol{--yz:#F4EEE2;--yz2:rgba(244,238,226,.72);--yk:#070a08;--ya:#E9C98B;position:relative;background:var(--yk);color:var(--yz)}
.yol-kap{position:relative;height:calc(100svh - var(--header-h,77px));min-height:440px;max-height:1400px;overflow:hidden;background:var(--yk)}
.yol-tuval{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--yk)}
.yol-kap:fullscreen,.yol-kap:-webkit-full-screen{height:100vh;max-height:none}
.yol-kap.tur{cursor:none}
.yol-kap.tur .yol-kontrol,.yol-kap.tur .yol-giris{display:none!important}

/* yükleme */
.yol-yukleme{position:absolute;inset:0;display:grid;place-content:center;gap:14px;text-align:center;color:var(--yz2);font-size:13px;letter-spacing:.24em;text-transform:uppercase;transition:opacity .8s;pointer-events:none}
.yol-yukleme i{display:block;width:180px;height:1px;background:rgba(244,238,226,.18);position:relative;margin:0 auto}
.yol-yukleme i::after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--ilerleme,0));background:var(--ya);transition:transform .3s}
.yol-hazir .yol-yukleme{opacity:0}

/* giriş örtüsü */
.yol-giris{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gut) clamp(64px,11vh,120px);background:linear-gradient(180deg,rgba(7,10,8,0) 38%,rgba(7,10,8,.72) 100%);transition:opacity .9s,visibility .9s;opacity:0;visibility:hidden}
.yol-hazir .yol-giris{opacity:1;visibility:visible}
.yol-oynuyor .yol-giris{opacity:0;visibility:hidden}
.yol-giris>*{max-width:1120px;width:100%;margin-left:auto;margin-right:auto}
.yol-ust{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ya);margin:0 auto 14px}
.yol-giris h1{font-family:"Fraunces",Georgia,serif;font-weight:340;font-variation-settings:"opsz" 144,"SOFT" 60;font-size:clamp(40px,6.4vw,92px);line-height:.98;letter-spacing:-.02em;margin:0 auto 18px;color:var(--yz)}
.yol-giris h1 em{font-style:italic;font-weight:300;color:var(--ya)}
.yol-lede{font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--yz2);margin:0 auto 28px;max-width:560px!important;margin-left:max(0px,calc((100% - 1120px)/2))!important}
.yol-dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.yol-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;border:1px solid rgba(244,238,226,.34);background:rgba(7,10,8,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--yz);font:600 15px/1 var(--font);cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.yol-btn:hover{background:rgba(244,238,226,.12);border-color:rgba(244,238,226,.6)}
.yol-btn-ana{background:var(--yz);color:#161b14;border-color:var(--yz)}
.yol-btn-ana:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}
.yol-btn:focus-visible,.yol-ikon:focus-visible,.yol-cubuk:focus-visible,.yol-isaret:focus-visible{outline:2px solid var(--ya);outline-offset:3px}

/* oynatma denetimi */
.yol-kontrol{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:28px var(--gut) 18px;background:linear-gradient(180deg,rgba(7,10,8,0),rgba(7,10,8,.55));opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.yol-oynuyor .yol-kontrol,.yol-duraklatildi .yol-kontrol{opacity:1;visibility:visible}
.yol-oynuyor.yol-sakin .yol-kontrol{opacity:0}
.yol-ikon{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(244,238,226,.28);background:rgba(7,10,8,.3);color:var(--yz);cursor:pointer}
.yol-ikon .i-oyn{display:none}
.yol-duraklatildi .yol-ikon .i-dur{display:none}
.yol-duraklatildi .yol-ikon .i-oyn{display:block}
.yol-cubuk{position:relative;flex:1;height:30px;cursor:pointer;touch-action:none}
.yol-cubuk::before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:rgba(244,238,226,.2);border-radius:2px}
.yol-dolu{position:absolute;left:0;top:14px;height:2px;width:0;background:var(--yz);border-radius:2px}
.yol-isaretler{position:absolute;inset:0}
.yol-isaret{position:absolute;top:6px;width:18px;height:18px;margin-left:-9px;padding:0;border:0;background:none;cursor:pointer}
.yol-isaret::before{content:"";position:absolute;left:8px;top:6px;width:2px;height:6px;background:rgba(244,238,226,.55)}
.yol-isaret span{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font:600 10px/1 var(--font);letter-spacing:.12em;color:var(--yz2);opacity:0;transition:opacity .2s}
.yol-cubuk:hover .yol-isaret span{opacity:1}
.yol-sure{flex:none;min-width:84px;text-align:right;font:500 13px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--yz2)}

.yol-canli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yol-hata .yol-giris,.yol-hata .yol-kontrol{display:none}
.yol-hata .yol-yukleme{opacity:1;letter-spacing:.04em;text-transform:none;font-size:15px;padding:0 var(--gut)}

/* video diyaloğu */
.yol-dialog{border:0;border-radius:22px;padding:0;max-width:min(520px,calc(100vw - 32px));width:100%;background:var(--paper,#FFFDF7);color:var(--ink,#26301E);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.yol-dialog::backdrop{background:rgba(7,10,8,.6);backdrop-filter:blur(4px)}
.yol-dform{padding:28px 28px 24px;display:grid;gap:16px}
.yol-dform h2{font-family:"Fraunces",Georgia,serif;font-weight:420;font-size:26px;line-height:1.15;margin:0}
.yol-dform p{margin:0;color:var(--ink2,#4A5142);font-size:15px;line-height:1.5}
.yol-dform fieldset{border:1px solid var(--line,#E7E2D5);border-radius:14px;padding:10px 14px 12px;margin:0;display:grid;gap:8px}
.yol-dform legend{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute,#6B7360);padding:0 6px}
.yol-dform label{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.yol-dform small{color:var(--mute,#6B7360);font-size:13px}
.yol-ilerleme div{height:6px;border-radius:6px;background:var(--line,#E7E2D5);overflow:hidden}
.yol-ilerleme i{display:block;height:100%;width:0;background:var(--leaf,#2E7D46);transition:width .2s}
.yol-ilerleme span{display:block;margin-top:8px;font-size:14px;color:var(--ink2,#4A5142);font-variant-numeric:tabular-nums}
.yol-uyari{color:#8a3b12!important}
.yol-dbtn{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}

/* metin sürümü */
.yol-metin{background:var(--paper,#FFFDF7);padding:clamp(56px,8vw,110px) 0}
.yol-metin-bas{max-width:680px;margin-bottom:40px}
.yol-metin-bas h2{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:10px 0 14px}
.yol-metin-bas p{color:var(--ink2,#4A5142);font-size:17px;line-height:1.6;margin:0}
.yol-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.yol-liste li{border-top:1px solid var(--hair,rgba(38,48,30,.14));padding:18px 0 8px}
.yol-no{font:600 12px/1 var(--font);letter-spacing:.2em;color:var(--mute,#6B7360)}
.yol-liste h3{font-family:"Fraunces",Georgia,serif;font-weight:420;font-size:24px;margin:10px 0 8px}
.yol-liste p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink2,#4A5142)}
.yol-cta{margin-top:48px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:24px;border-radius:20px;background:var(--cream,#FCF4E3)}
.yol-cta p{margin:0;font-size:16px;flex:1 1 280px}
.yol-bag{margin:22px 0 0;font-size:15.5px;color:var(--ink2,#4A5142)}
.yol-bag a{font-weight:600;color:var(--ink,#1F2419);text-decoration:underline;text-underline-offset:3px;margin-left:4px}

@media (max-width:900px){
  .yol-liste{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .yol-kap{height:calc(100svh - var(--header-h,64px));min-height:520px}
  .yol-giris{padding-bottom:88px}
  .yol-dugmeler{gap:10px}
  .yol-btn{height:46px;padding:0 18px;font-size:14.5px}
  .yol-btn-ana{flex:1 1 100%;justify-content:center}
  .yol-kontrol{gap:10px;padding-bottom:14px}
  .yol-sure{min-width:0}
  .yol-liste{grid-template-columns:1fr}
  .yol-dform{padding:22px 20px 20px}
}
@media (prefers-reduced-motion:reduce){
  .yol-giris,.yol-kontrol,.yol-yukleme{transition:none}
}

/* oynarken sayfanın sabit WhatsApp düğmeleri sahnenin üstüne binmesin */
body:has(.yol-oynuyor) .wa-float,body:has(.yol-oynuyor) .wa-bar{opacity:0;pointer-events:none;transition:opacity .4s}

/* ses düğmesi */
.yol-ikon .i-sessiz{display:none}
.yol-sessiz .yol-ikon .i-ses{display:none}
.yol-sessiz .yol-ikon .i-sessiz{display:block}
.yol-sesli{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}

/* durumlar */
.yol-duraklatildi .yol-giris,.yol-bitti .yol-giris{opacity:0;visibility:hidden}
/* kayıt modu (?tur=1): sahne pencereyi kaplar, site kabuğu gizlenir — OBS / ekran kaydı için */
html.yol-tur-modu,html.yol-tur-modu body{overflow:hidden;background:#000}
html.yol-tur-modu header.site,html.yol-tur-modu .mnav,html.yol-tur-modu .wa-float,html.yol-tur-modu .wa-bar{display:none!important}
html.yol-tur-modu .yol-kap{position:fixed;inset:0;height:100vh;max-height:none;z-index:9999}