/* Veyrath — ana sayfa ve akıcılık düzeni (2.3, 15.10.2026).
   - Ana sayfa başlığı: tek bir arka plan resmi (oyun afişi), efekt ve hareket yok. Logo resmin içindedir.
   - Üst menüde yeni amblem.
   - Kahraman bölümü: düz resim gösterilmez; 3B karakter hazır olunca yumuşakça belirir (resimden modele atlama yok).
   - Arka plan bulanıklığı (backdrop-filter) her yerde kapalı. */

/* --- Başlık sahnesi ---
   Yatay ekranda yalnız yatay afiş, dikey ekranda yalnız dikey afiş. İkisi asla aynı anda yüklenmez/gösterilmez.
   background-size:cover: alan boşluksuz dolar, oran korunur, esneme ve tekrar yok. Yükseklik ekran boyu (svh). */
.hero-cam > *{display:none!important}
.hero-embers,.hero-vignette,.hero-scroll{display:none!important}
.hero{min-height:100vh!important;min-height:100svh!important;aspect-ratio:auto!important;align-items:end!important;overflow:hidden!important}
.hero-cam{animation:none!important;will-change:auto!important;transform:none!important;inset:0!important;
  background-color:#07060a;background-image:url(/img/hero/veyrath-hero.webp);
  background-size:cover;background-position:center 30%;background-repeat:no-repeat}
@media (orientation:portrait){
  .hero-cam{background-image:url(/img/hero/veyrath-hero-800.webp);background-position:center top}
}
/* Düğmelerin okunması için alt kenarda hafif koyu geçiş (resmin üstünde, ek resim yok). */
.hero-scene:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,7,10,0),rgba(8,7,10,.55) 60%,rgba(8,7,10,.85))}
.nav.is-clear:before{background:linear-gradient(180deg,rgba(8,7,10,.55),rgba(8,7,10,0))!important;border-bottom-color:transparent!important}
/* Yatay ekran: yazısız manzara; amblem, slogan ve düğmeler resmin üstünde ortada.
   Dikey ekran: afişin kendi logosu ve yazısı var; amblem ve slogan gizlenir, düğmeler afişin yazısının üstünde. */
.hero-title{display:block!important;width:clamp(200px,26vw,380px);aspect-ratio:390/327;margin:0 auto;
  background:url(/img/brand/veyrath-amblem-buyuk.webp) center/contain no-repeat;filter:drop-shadow(0 10px 30px rgba(0,0,0,.7))}
.hero-title > *{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hero-desc{display:none!important}
.hero-slogan{animation:none!important;margin:clamp(12px,2vh,24px) 0 clamp(18px,3vh,32px)!important;text-shadow:0 2px 14px #000,0 0 3px #000}
.hero{align-items:center!important}
.hero-content{position:relative!important;top:auto!important;width:min(1100px,100% - 32px)!important;margin:0 auto!important;
  padding:calc(var(--nav-h,72px) + 8px) 0 4vh!important;transform:none!important;opacity:1!important}
.hero-cam{background-position:center center!important}
@media (orientation:portrait){
  /* Dikey ekran: yazısız dikey manzara; amblem, slogan ve düğmeler ortada. */
  .hero-cam{background-position:center center!important}
  .hero-title{width:clamp(170px,55vw,300px)}
}

.hero-actions{animation:none!important;margin-top:0!important;flex-wrap:wrap;justify-content:center}
@media (max-width:480px){.hero-actions{gap:10px;flex-wrap:nowrap}.hero-actions .btn{padding-inline:16px;font-size:.85rem}}
html,body{overflow-x:hidden;overflow-x:clip}

/* --- Üst menü amblemi: sayfanın en üstünde (afiş görünürken) gizli, aşağı inince görünür --- */
.nav.is-clear .nav-logo{visibility:hidden}
.nav-logo .logo svg,.nav-logo .logo-word{display:none!important}
.nav-logo .logo:before{content:"";display:block;width:64px;height:54px;background:url(/img/brand/veyrath-amblem.webp) center/contain no-repeat}

/* --- Kahraman bölümü --- */
.chars-poster{display:none!important}
.chars-pillar{filter:none!important;opacity:.7}

/* --- Genel --- */
*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* --- Oyun sayfası: "Her şey Kırılma ile başladı" bölümü sabit (kaydırmalı boşluk yok, tüm metin görünür) --- */
.breaking{height:auto!important;--p:1!important}
.breaking .breaking-pin{position:relative!important;height:auto!important;padding:clamp(60px,10vh,110px) 0!important}
.breaking .breaking-beats{min-height:0!important;display:grid;gap:clamp(24px,4vh,40px)}
.breaking .breaking-beat{position:static!important;opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto!important}
.breaking .breaking-dots{display:none!important}
/* --- Eşyalar: "Düşüren: boss" satırı gösterilmez --- */
.arsenal-from{display:none!important}
.breaking-crack{opacity:.4}
/* --- Ana sayfa: "Veyrath Online nedir?" ve "Kırılma" metni, arka plansız düz yazı --- */
.home-about{text-align:center;padding-block:clamp(56px,9vh,96px) 0!important}
.home-about .inscription{font-size:var(--fs-3xl,2.4rem);margin-bottom:16px}
.home-about .lede{max-width:40em;margin-inline:auto}
.breaking{background:none!important}
.breaking .breaking-bg{display:none!important}
.breaking .breaking-title{text-shadow:none!important}
.breaking .breaking-beat p{text-shadow:none!important}
/* --- Market: VIP paket kartları --- */
.vip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding-block:8px 64px}
.vip-card{--m1:#6d6f73;--m2:#c9ccd1;--m3:#3a3c40;--ink:#f1f1f1;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:34px 18px 22px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.25)),#0f0d12;
  border:1px solid color-mix(in srgb,var(--m2) 45%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.4)}
.vip-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--m3),var(--m2),var(--m1))}
.vip-demir{--m1:#5b5f66;--m2:#9aa0a8;--m3:#2e3136}
.vip-bronz{--m1:#7a4a24;--m2:#d08a4e;--m3:#4a2a12}
.vip-gumus{--m1:#8d949c;--m2:#eef1f4;--m3:#5b6168}
.vip-altin{--m1:#9a7420;--m2:#ffd970;--m3:#5e4510}
.vip-platin{--m1:#6f8f9c;--m2:#dff4ff;--m3:#3f5a66}
.vip-soon{position:absolute;top:12px;right:12px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:99px;
  color:#120f08;background:var(--m2);font-weight:700}
.vip-badge{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;margin:6px 0 16px;font:700 1.9rem/1 var(--font-display,serif);letter-spacing:.06em;
  color:#120f08;background:radial-gradient(circle at 35% 30%,var(--m2),var(--m1) 60%,var(--m3));box-shadow:0 0 0 3px #0f0d12,0 0 0 4px var(--m1),0 8px 24px rgba(0,0,0,.5)}
.vip-tier{font-family:var(--font-display,serif);font-size:1.5rem;margin:0;color:var(--m2)}
.vip-days{margin:4px 0 18px;font-size:1.05rem;color:#e6ddcc;font-weight:600}
.vip-price{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;margin-bottom:16px;
  border:1px dashed color-mix(in srgb,var(--m2) 40%,transparent);background:rgba(0,0,0,.25)}
.vip-price-label{font-size:.8rem;color:#a99f8c;text-transform:uppercase;letter-spacing:.08em}
.vip-price-value{font-size:1.2rem;color:#e6ddcc;min-width:3ch;text-align:right}
.vip-buy{width:100%;justify-content:center;opacity:.75;cursor:not-allowed}
@media (max-width:480px){.vip-grid{grid-template-columns:1fr 1fr;gap:12px}.vip-badge{width:72px;height:72px;font-size:1.5rem}.vip-card{padding:30px 12px 16px}.vip-tier{font-size:1.25rem}}
@media (max-width:360px){.vip-grid{grid-template-columns:1fr}}
.vip-card{padding-top:50px}
@media (max-width:480px){.vip-card{padding-top:44px}.vip-platin{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}}
@media (max-width:360px){.vip-platin{width:auto;justify-self:stretch}}