/* W-SunucuSite (C) — /altay tanıtım sayfası. Tema: buz gümüşü, gece mavisi, kurt-kartal; 2008 Metin2 poster havası.
   Bölüm/sınıf adları GORSEL-PLAN.md §2 ile B (/aspendos) ile aynı. ChatGPT parçaları /assets/sunucu/altay/ui/*.png:
   dosya yokken tarayıcı 404'ü yok sayar, alttaki renk/gradyan yedeği görünür (kod değişmeden parça gelince devreye girer).
   Mobil öncelikli: < 768 telefon, 768-1023 tablet, >= 1024 masaüstü. Hover yalnız süs; hiçbir işlev hover'a bağlı değil. */

main.landing-altay {
  --sv-c:#8fdcff; --sv-c2:#d9f4ff; --sv-vurgu:#2f7fd6; --sv-ton:#c9d6e3; --sv-zemin:#070d14; --sv-kart:rgba(9,18,26,.93);
  --sv-cizgi:rgba(143,220,255,.22); --sv-cizgi2:rgba(143,220,255,.45); --sv-yazi:#e3eef6; --sv-soluk:#9fb3c4;
  --sv-pad:56px; --sv-gutter:16px;
  display:block; color:var(--sv-yazi); font-family:var(--sans);
  background-color:var(--sv-zemin);
  background-image:url(/assets/sunucu/altay/ui/doku-zemin.webp), radial-gradient(120% 60% at 50% 0%, #10263a 0%, var(--sv-zemin) 60%);
  background-size:512px, 100% 100%;
  overflow-x:clip;
}
@media (min-width:1024px){ main.landing-altay { --sv-pad:96px; --sv-gutter:20px; } }

.landing-altay .sv-in { max-width:1200px; margin:0 auto; padding:0 var(--sv-gutter); }
.landing-altay .sv-in-dar { max-width:860px; }
.landing-altay section { padding:var(--sv-pad) 0; position:relative; }
.landing-altay h1, .landing-altay h2, .landing-altay h3 { font-family:var(--serif); color:var(--sv-c2); margin:0; letter-spacing:.02em; }
.landing-altay p { margin:0; line-height:1.55; }
.landing-altay img { max-width:100%; height:auto; }

/* --- başlık + ayraç --- */
.landing-altay .sv-baslik { text-align:center; font-size:24px; line-height:1.25; display:flex; align-items:center; justify-content:center; gap:10px;
  text-shadow:0 2px 12px rgba(47,127,214,.45); }
.landing-altay .sv-baslik::before, .landing-altay .sv-baslik::after { content:""; flex:0 1 110px; height:21px;
  background:url(/assets/sunucu/altay/ui/baslik-kanat.webp) center/contain no-repeat, linear-gradient(90deg, transparent, var(--sv-cizgi2)) center/100% 1px no-repeat; }
.landing-altay .sv-baslik::after { transform:scaleX(-1); }
@media (min-width:768px){ .landing-altay .sv-baslik { font-size:38px; } .landing-altay .sv-baslik::before, .landing-altay .sv-baslik::after { flex-basis:220px; height:41px; } }
.landing-altay .sv-alt { text-align:center; color:var(--sv-soluk); margin:10px auto 28px; max-width:720px; }
.landing-altay .sv-ayrac { height:20px; max-width:300px; margin:0 auto;
  background:url(/assets/sunucu/altay/ui/ayrac.webp) center/contain no-repeat, linear-gradient(90deg, transparent, var(--sv-cizgi2), transparent) center/100% 1px no-repeat; }
@media (min-width:768px){ .landing-altay .sv-ayrac { height:40px; max-width:600px; } }

/* --- kart --- */
.landing-altay .sv-kart { background:var(--sv-kart); border:1px solid var(--sv-cizgi2); border-radius:10px; padding:20px;
  box-shadow:inset 0 1px 0 rgba(217,244,255,.08), 0 10px 30px rgba(0,0,0,.35); }
@supports (border-image-source:url(x.png)) {
  .landing-altay .sv-kart.ui-hazir { border-image:url(/assets/sunucu/altay/ui/kart-cerceve.webp) 56 / 20px stretch; background-clip:padding-box; }
}
@media (min-width:768px){ .landing-altay .sv-kart { padding:28px; } }

/* --- düğmeler / rozet --- */
.landing-altay .sv-btn, .landing-altay .sv-btn-2 { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 26px;
  font-family:var(--serif); font-weight:700; letter-spacing:.05em; font-size:15px; text-decoration:none; border-radius:8px; white-space:nowrap; }
.landing-altay .sv-btn { color:#06121c; background:linear-gradient(180deg, #e6f7ff 0%, #8fdcff 45%, #3d8fd8 100%); border:1px solid #d9f4ff;
  box-shadow:0 0 0 1px rgba(6,18,28,.6) inset, 0 6px 24px rgba(47,127,214,.45); }
.landing-altay .sv-btn-2 { color:var(--sv-c2); background:linear-gradient(180deg, rgba(20,40,58,.95), rgba(9,18,26,.95)); border:1px solid var(--sv-cizgi2); min-height:44px; }
@media (min-width:768px){ .landing-altay .sv-btn { min-height:52px; } .landing-altay .sv-btn-2 { min-height:48px; } }
.landing-altay .sv-btn:focus-visible, .landing-altay .sv-btn-2:focus-visible { outline:2px solid var(--sv-c2); outline-offset:3px; }
.landing-altay .sv-rozet { display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 12px; border-radius:4px; font:700 12px/1 var(--serif); letter-spacing:.08em;
  border:1px solid var(--sv-cizgi2); background:rgba(9,18,26,.85); color:var(--sv-c2); }
.landing-altay .sv-rozet[data-st="vurgu"] { background:linear-gradient(180deg, #2f7fd6, #1b4f8c); border-color:#8fdcff; color:#fff; }
.landing-altay .sv-rozet[data-st="acik"]::before, .landing-altay .sv-rozet[data-st="yakinda"]::before, .landing-altay .sv-rozet[data-st="bakim"]::before { content:""; width:8px; height:8px; border-radius:50%; }
.landing-altay .sv-rozet[data-st="acik"] { color:#bff7c9; border-color:rgba(108,224,140,.6); }
.landing-altay .sv-rozet[data-st="acik"]::before { background:#5fe07f; box-shadow:0 0 8px #5fe07f; }
.landing-altay .sv-rozet[data-st="yakinda"] { color:#ffe3a3; border-color:rgba(255,200,90,.55); }
.landing-altay .sv-rozet[data-st="yakinda"]::before { background:#ffc65a; }
.landing-altay .sv-rozet[data-st="bakim"] { color:#ffc0b0; border-color:rgba(255,120,90,.55); }
.landing-altay .sv-rozet[data-st="bakim"]::before { background:#ff7a5a; }
@media (min-width:768px){ .landing-altay .sv-rozet { height:30px; font-size:13px; } }

/* --- oyun karesi + yer tutucu --- */
.landing-altay .sv-kare { margin:0; position:relative; border-radius:10px; overflow:hidden; border:1px solid var(--sv-cizgi2); background:#0b1824;
  box-shadow:0 12px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.6); }
.landing-altay .sv-kare picture { display:block; width:100%; }
.landing-altay .sv-kare img { display:block; width:100%; height:100%; object-fit:cover; }
.landing-altay .sv-hero-kare picture { height:100%; }
.landing-altay .sv-kare figcaption { padding:10px 14px; font-size:14px; color:var(--sv-soluk); background:linear-gradient(180deg, rgba(9,18,26,.6), rgba(9,18,26,.95)); }
.landing-altay .sv-kare figcaption b { color:var(--sv-c2); font-family:var(--serif); margin-right:6px; }
.landing-altay .sv-yer { display:flex; align-items:center; justify-content:center; aspect-ratio:3/2; width:100%;
  background:repeating-linear-gradient(135deg, rgba(143,220,255,.05) 0 12px, transparent 12px 24px), linear-gradient(180deg, #11273a, #0a1620); color:var(--sv-soluk); font-size:13px; text-align:center; padding:12px; }
.landing-altay .sv-yer span::before { content:"⛰ "; color:var(--sv-c); }

/* --- 1. kahraman --- */
.landing-altay .sv-hero { padding-top:24px;
  background:url(/assets/sunucu/altay/ui/hero-bg-m.webp) center top/cover no-repeat, radial-gradient(90% 70% at 50% 20%, #17405f 0%, #0b1a28 55%, var(--sv-zemin) 100%); }
@media (min-width:768px){ .landing-altay .sv-hero { background-image:url(/assets/sunucu/altay/ui/hero-bg.webp), radial-gradient(70% 80% at 70% 30%, #17405f 0%, #0b1a28 55%, var(--sv-zemin) 100%); padding-top:48px; } }
.landing-altay .sv-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:40px; pointer-events:none;
  background:url(/assets/sunucu/altay/ui/kenar-alt.webp) center bottom/100% 100% no-repeat, linear-gradient(180deg, transparent, var(--sv-zemin)); }
.landing-altay .sv-hero-in { display:grid; gap:24px; }
.landing-altay .sv-hero-metin { text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.landing-altay .sv-logo { margin:0; line-height:0; }
.landing-altay .sv-logo img { width:300px; filter:drop-shadow(0 8px 24px rgba(0,0,0,.6)); }
.landing-altay .sv-rozetler { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.landing-altay .sv-slogan { font-family:var(--serif); font-size:22px; color:var(--sv-c2); line-height:1.3; text-shadow:0 2px 14px rgba(47,127,214,.5); }
.landing-altay .sv-hero-alt { color:var(--sv-ton); max-width:460px; }
.landing-altay .sv-dugmeler { display:flex; flex-direction:column; gap:10px; width:100%; max-width:358px; }
.landing-altay .sv-not { font-size:13px; color:var(--sv-soluk); }
/* telefon sırası: logo → kare → metin (plan §3.1) */
.landing-altay .sv-hero-in { display:flex; flex-direction:column; align-items:center; }
.landing-altay .sv-hero-metin { display:contents; }
.landing-altay .sv-hero-metin > * { order:3; }
.landing-altay .sv-hero-metin > .sv-logo { order:1; }
.landing-altay .sv-hero-kare { order:2; aspect-ratio:3/2; width:100%; }
.landing-altay .sv-hero-metin > .sv-rozetler { order:3; }
@media (max-width:1023px){ .landing-altay .sv-hero-metin > * { text-align:center; } .landing-altay .sv-hero-in { gap:14px; } }
@media (min-width:1024px){
  .landing-altay .sv-hero-in { display:grid; grid-template-columns:46fr 54fr; align-items:center; gap:40px; }
  .landing-altay .sv-hero-metin { display:flex; text-align:left; align-items:flex-start; }
  .landing-altay .sv-logo img { width:520px; margin-left:-16px; }
  .landing-altay .sv-rozetler { justify-content:flex-start; }
  .landing-altay .sv-slogan { font-size:30px; }
  .landing-altay .sv-dugmeler { flex-direction:row; max-width:none; width:auto; }
  .landing-altay .sv-hero-kare { order:0; }
}

/* --- 2. kurgu kartları --- */
.landing-altay .sv-kartlar { display:grid; gap:10px; grid-template-columns:1fr 1fr; }
@media (min-width:768px){ .landing-altay .sv-kartlar { gap:14px; } }
@media (min-width:1024px){ .landing-altay .sv-kartlar { grid-template-columns:repeat(4, 1fr); gap:18px; } }
.landing-altay .sv-kurgu .sv-kart { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:14px 10px; }
.landing-altay .sv-kurgu .sv-kart h3 { font-size:15px; line-height:1.25; }
.landing-altay .sv-kurgu .sv-kart p { font-size:13px; line-height:1.45; color:var(--sv-ton); }
@media (min-width:768px){ .landing-altay .sv-kurgu .sv-kart { padding:24px 18px; } .landing-altay .sv-kurgu .sv-kart h3 { font-size:17px; } .landing-altay .sv-kurgu .sv-kart p { font-size:14.5px; } }
/* ikon yuvası: ChatGPT ikonu gelene kadar buz rengi madalyon */
.landing-altay .ikon { display:inline-block; width:48px; height:48px; border-radius:50%; flex:none;
  background:radial-gradient(circle at 35% 30%, #d9f4ff 0 6%, #5fb6ea 30%, #1b4f8c 70%, #0a1a2a 100%); box-shadow:0 0 0 2px rgba(201,214,227,.55), 0 0 14px rgba(47,127,214,.45); background-size:cover; }
@media (min-width:768px){ .landing-altay .ikon { width:64px; height:64px; } }
.landing-altay .ikon[data-ikon] { background-image:var(--ik), radial-gradient(circle at 35% 30%, #d9f4ff 0 6%, #5fb6ea 30%, #1b4f8c 70%, #0a1a2a 100%); }
.landing-altay .ikon[data-ikon="tek-kilic"]{--ik:url(/assets/sunucu/altay/ui/ikon-tek-kilic.webp)} .landing-altay .ikon[data-ikon="yukseltme"]{--ik:url(/assets/sunucu/altay/ui/ikon-yukseltme.webp)}
.landing-altay .ikon[data-ikon="efsunsuz"]{--ik:url(/assets/sunucu/altay/ui/ikon-efsunsuz.webp)} .landing-altay .ikon[data-ikon="sansla-usta"]{--ik:url(/assets/sunucu/altay/ui/ikon-sansla-usta.webp)}
.landing-altay .ikon[data-ikon="at-madalyonu"]{--ik:url(/assets/sunucu/altay/ui/ikon-at-madalyonu.webp)} .landing-altay .ikon[data-ikon="oran-x1"]{--ik:url(/assets/sunucu/altay/ui/ikon-oran-x1.webp)}
.landing-altay .ikon[data-ikon="oto-av"]{--ik:url(/assets/sunucu/altay/ui/ikon-oto-av.webp)} .landing-altay .ikon[data-ikon="seviye-sinir"]{--ik:url(/assets/sunucu/altay/ui/ikon-seviye-sinir.webp)}
.landing-altay .ikon[data-ikon="nesne-market"]{--ik:url(/assets/sunucu/altay/ui/ikon-nesne-market.webp)} .landing-altay .ikon[data-ikon="biyolog"]{--ik:url(/assets/sunucu/altay/ui/ikon-biyolog.webp)}
.landing-altay .ikon[data-ikon="av-gorevi"]{--ik:url(/assets/sunucu/altay/ui/ikon-av-gorevi.webp)} .landing-altay .ikon[data-ikon="madencilik"]{--ik:url(/assets/sunucu/altay/ui/ikon-madencilik.webp)}
.landing-altay .ikon[data-ikon="ruh-tasi"]{--ik:url(/assets/sunucu/altay/ui/ikon-ruh-tasi.webp)} .landing-altay .ikon[data-ikon="seytan-kulesi"]{--ik:url(/assets/sunucu/altay/ui/ikon-seytan-kulesi.webp)}

/* --- 3. yol / zincir --- */
.landing-altay .sv-blok { margin-top:28px; }
.landing-altay .sv-blok-b { font-size:19px; display:flex; align-items:center; gap:10px; }
.landing-altay .sv-blok-alt { color:var(--sv-soluk); margin:6px 0 16px; font-size:14.5px; }
.landing-altay .sv-blok-not { color:var(--sv-soluk); font-size:13.5px; margin-top:14px; }
.landing-altay .sv-ikon-esya { width:40px; height:40px; image-rendering:auto; object-fit:contain; filter:drop-shadow(0 2px 3px rgba(0,0,0,.7)); }
.landing-altay .sv-blok-b .sv-ikon-esya { width:32px; height:32px; }
.landing-altay .sv-zincir { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; align-items:stretch; gap:0; }
.landing-altay .sv-zincir .dugum { display:grid; grid-template-columns:60px auto 1fr; column-gap:10px; row-gap:2px; align-items:center;
  background:var(--sv-kart); border:1px solid var(--sv-cizgi); border-radius:10px; padding:8px 10px; }
.landing-altay .sv-zincir .dugum > b { grid-column:2; }
.landing-altay .sv-zincir .dugum > .sans { grid-column:3; justify-self:start; }
.landing-altay .sv-zincir .dugum > .yang { grid-column:2 / -1; justify-self:start; }
.landing-altay .sv-zincir .dugum > .kaynak { grid-column:2 / -1; }
.landing-altay .sv-zincir .dugum > .dg { grid-row:1 / span 3; grid-column:1; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:2px;
  background:url(/assets/sunucu/altay/ui/dugum.webp) center/contain no-repeat, radial-gradient(circle, #16324a 0 58%, #0a1622 60%); box-shadow:0 0 0 2px rgba(201,214,227,.55), inset 0 0 12px rgba(143,220,255,.25); }
.landing-altay .sv-zincir .dugum > .dg .sv-ikon-esya { width:32px; height:32px; }
.landing-altay .sv-zincir .dg .m { position:relative; display:inline-flex; }
.landing-altay .sv-zincir .dg .m i { position:absolute; right:-4px; bottom:-4px; font:700 11px/1 var(--sans); font-style:normal; color:#fff; background:#1b4f8c; border-radius:6px; padding:2px 3px; }
.landing-altay .sv-zincir .dg .sayi { font:700 20px/1 var(--serif); color:var(--sv-c2); }
.landing-altay .sv-zincir .dugum > b { font-family:var(--serif); font-size:17px; color:var(--sv-c2); }
.landing-altay .sv-zincir .sans { font-weight:700; color:#fff; font-size:15px; display:flex; align-items:center; gap:8px; }
.landing-altay .sv-zincir .sans::after { content:""; flex:none; width:72px; height:6px; border-radius:3px;
  background:linear-gradient(90deg, var(--sv-c) calc(var(--s) * 1%), rgba(143,220,255,.12) 0); }
.landing-altay .sv-zincir .yang { font-size:13.5px; color:#f3d98b; }
.landing-altay .sv-zincir .kaynak { font-size:12.5px; color:var(--sv-soluk); line-height:1.4; }
.landing-altay .sv-zincir .kaynak strong { color:var(--sv-ton); font-weight:600; }
.landing-altay .sv-zincir .ok { height:14px; width:24px; margin:0 0 0 26px; flex:none;
  background:url(/assets/sunucu/altay/ui/ok.webp) center/contain no-repeat; transform:none; position:relative; }
.landing-altay .sv-zincir .ok::before { content:""; position:absolute; left:11px; top:2px; bottom:6px; width:2px; background:var(--sv-cizgi2); }
.landing-altay .sv-zincir .ok::after { content:""; position:absolute; left:7px; bottom:2px; border:5px solid transparent; border-top:7px solid var(--sv-c); }
.landing-altay .sv-zincir .dugum-son { border-color:var(--sv-c); box-shadow:0 0 18px rgba(143,220,255,.25); }
.landing-altay .sv-zincir .yang-yalniz .sv-ikon-esya { opacity:.9; }
/* masaüstü: yatay zincir, düğümler sütun */
@media (min-width:1024px){
  .landing-altay .sv-zincir { flex-direction:row; align-items:stretch; }
  .landing-altay .sv-zincir .dugum { flex:1 1 0; min-width:0; grid-template-columns:1fr; justify-items:center; text-align:center; row-gap:4px; padding:12px 6px; align-content:start; }
  .landing-altay .sv-zincir .dugum > .dg { grid-row:auto; grid-column:auto; width:72px; height:72px; }
  .landing-altay .sv-zincir .dugum > b, .landing-altay .sv-zincir .dugum > .sans, .landing-altay .sv-zincir .dugum > .yang, .landing-altay .sv-zincir .dugum > .kaynak { grid-column:auto; justify-self:center; }
  .landing-altay .sv-zincir .sans { flex-direction:column; gap:4px; }
  .landing-altay .sv-zincir .sans::after { width:56px; flex:none; }
  .landing-altay .sv-zincir .ok { width:18px; height:auto; margin:0; align-self:center; }
  .landing-altay .sv-zincir .ok::before { left:0; right:6px; top:50%; bottom:auto; width:auto; height:2px; }
  .landing-altay .sv-zincir .ok::after { left:auto; right:-2px; top:calc(50% - 5px); bottom:auto; border:5px solid transparent; border-left:7px solid var(--sv-c); }
  .landing-altay .sv-zincir-kilic .kaynak { font-size:11.5px; }
}
.landing-altay .sv-ikili { display:grid; gap:16px; margin-top:28px; }
.landing-altay .sv-ikili > .sv-blok { margin-top:0; }
@media (min-width:1024px){ .landing-altay .sv-ikili { grid-template-columns:1fr 1fr; gap:22px; } }
.landing-altay .sv-ikili-kare .sv-kare { aspect-ratio:auto; }
.landing-altay .sv-zincir-kisa .dugum > b { font-size:15px; }
.landing-altay .sv-cubuk { display:flex; height:46px; border-radius:8px; overflow:hidden; border:1px solid var(--sv-cizgi2); margin-top:14px; }
.landing-altay .sv-cubuk span { width:calc(var(--w) * 1%); flex:none; min-width:0; --w:0; display:flex; align-items:center; justify-content:center; font-size:12px; color:#06121c; white-space:nowrap; overflow:hidden; gap:3px; }
.landing-altay .sv-cubuk span b { font-size:13px; }
.landing-altay .sv-cubuk-acik { list-style:none; padding:0; margin:10px 0 0; display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; color:var(--sv-ton); }
.landing-altay .sv-cubuk-acik li { display:flex; align-items:center; gap:6px; }
.landing-altay .sv-cubuk-acik li::before { content:""; width:12px; height:12px; border-radius:3px; background:var(--r); }
.landing-altay .sv-cubuk [data-k="0"] { background:#c9d6e3; } .landing-altay .sv-cubuk [data-k="1"] { background:#8fdcff; }
.landing-altay .sv-cubuk [data-k="2"] { background:#5fb6ea; } .landing-altay .sv-cubuk [data-k="3"] { background:#3d8fd8; color:#fff; } .landing-altay .sv-cubuk [data-k="4"] { background:#2a5fae; color:#fff; }
.landing-altay .sv-cubuk [data-k="3"] b, .landing-altay .sv-cubuk [data-k="4"] b { font-size:11px; }
@media (max-width:767px){ .landing-altay .sv-cubuk [data-k="2"] b, .landing-altay .sv-cubuk [data-k="3"] b, .landing-altay .sv-cubuk [data-k="4"] b { display:none; } }
.landing-altay .sv-sanslar { margin-top:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:14.5px; color:var(--sv-ton); }
.landing-altay .sv-sanslar b { color:#fff; }
.landing-altay .sv-sanslar .sv-ikon-esya { width:28px; height:28px; }

/* --- 4. patronlar --- */
.landing-altay .sv-patron { background:url(/assets/sunucu/altay/ui/bant-bg.webp) center/cover no-repeat, linear-gradient(180deg, #08131d, #0e2235 50%, #08131d); }
.landing-altay .sv-patron::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,13,20,.6), rgba(7,13,20,.35) 40%, rgba(7,13,20,.7)); pointer-events:none; }
.landing-altay .sv-patron .sv-in { position:relative; }
.landing-altay .sv-patron-izgara { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (min-width:1024px){ .landing-altay .sv-patron-izgara { grid-template-columns:repeat(3, 270px); justify-content:center; gap:22px 40px; } }
.landing-altay .sv-patron-kart { background:var(--sv-kart); border:1px solid var(--sv-cizgi2); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; text-align:center; padding-bottom:12px; }
.landing-altay .pk-kare { aspect-ratio:2/3; overflow:hidden; position:relative; }
.landing-altay .pk-kare .sv-yer { aspect-ratio:2/3; height:100%; }
.landing-altay .pk-kare picture, .landing-altay .pk-kare img { width:100%; height:100%; object-fit:cover; display:block; }
.landing-altay .sv-patron-kart h3 { font-size:16px; margin-top:10px; padding:0 8px; }
.landing-altay .sv-patron-kart h3 small { color:var(--sv-c); font-size:12px; }
.landing-altay .pk-yer { font-size:13px; color:var(--sv-soluk); }
.landing-altay .pk-sat { font-size:12.5px; color:var(--sv-ton); padding:0 8px; }
.landing-altay .sv-odul { list-style:none; display:flex; gap:6px; justify-content:center; padding:0; margin:8px 0; }
.landing-altay .sv-odul li { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:6px;
  background:url(/assets/sunucu/altay/ui/odul-yuva.webp) center/cover, #0c1a27; border:1px solid var(--sv-cizgi2); }
.landing-altay .sv-odul .sv-ikon-esya { width:32px; height:32px; }
@media (min-width:768px){ .landing-altay .sv-patron-kart h3 { font-size:19px; } .landing-altay .sv-odul li { width:56px; height:56px; } }
.landing-altay .sv-serit { text-align:center; color:var(--sv-soluk); font-size:14px; margin-top:22px; }

/* --- 5. haritalar --- */
.landing-altay .sv-harita-izgara { display:grid; gap:16px; }
@media (min-width:768px){ .landing-altay .sv-harita-izgara { grid-template-columns:1fr 1fr; gap:22px; } }
@media (min-width:1024px){ .landing-altay .sv-harita-izgara { grid-template-columns:repeat(3, 1fr); } }
.landing-altay .sv-harita-kart picture, .landing-altay .sv-harita-kart .sv-yer, .landing-altay .sv-ikili-kare picture, .landing-altay .sv-ikili-kare .sv-yer { aspect-ratio:3/2; }

/* --- 6. NPC --- */
.landing-altay .sv-npc-izgara { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (min-width:1024px){ .landing-altay .sv-npc-izgara { grid-template-columns:repeat(3, 1fr); gap:22px; } }
.landing-altay .sv-npc-kart { background:var(--sv-kart); border:1px solid var(--sv-cizgi); border-radius:10px; padding:14px 12px; text-align:center; }
.landing-altay .npc-kare { width:120px; height:120px; margin:0 auto 10px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 3px rgba(201,214,227,.6), 0 0 18px rgba(47,127,214,.4); }
.landing-altay .npc-kare .sv-yer { aspect-ratio:1; height:100%; font-size:11px; border-radius:50%; }
.landing-altay .npc-kare picture, .landing-altay .npc-kare img { width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:767px){ .landing-altay .npc-kare { width:88px; height:88px; } }
.landing-altay .sv-npc-kart h3 { font-size:16px; }
.landing-altay .sv-npc-kart p { font-size:13.5px; color:var(--sv-ton); margin-top:6px; }
@media (min-width:768px){ .landing-altay .sv-npc-kart { padding:20px; } .landing-altay .sv-npc-kart h3 { font-size:19px; } .landing-altay .sv-npc-kart p { font-size:14.5px; } }

/* --- 7. özellikler --- */
.landing-altay .sv-ozellik-liste { display:grid; gap:12px; }
@media (min-width:768px){ .landing-altay .sv-ozellik-liste { grid-template-columns:1fr 1fr; gap:16px; } }
.landing-altay .sv-ozellik-kart { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:start; padding:16px; }
@media (min-width:768px){ .landing-altay .sv-ozellik-kart { grid-template-columns:64px 1fr; } }
.landing-altay .sv-ozellik-kart h3 { font-size:17px; }
.landing-altay .sv-ozellik-kart p { font-size:14px; color:var(--sv-ton); margin-top:4px; }
.landing-altay .oz-kare { grid-column:1 / -1; border-radius:8px; overflow:hidden; border:1px solid var(--sv-cizgi); }
.landing-altay .oz-kare picture, .landing-altay .oz-kare img { display:block; width:100%; height:auto; }
.landing-altay .sv-yok { margin-top:22px; }
.landing-altay .sv-yok h3 { font-size:19px; text-align:center; }
.landing-altay .sv-yok ul { list-style:none; padding:0; margin:14px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; }
@media (min-width:1024px){ .landing-altay .sv-yok ul { grid-template-columns:repeat(5, 1fr); } }
.landing-altay .sv-yok li { font-size:14px; color:var(--sv-ton); display:flex; gap:8px; align-items:center; }
.landing-altay .sv-yok li::before { content:"✕"; color:#ff8a7a; font-weight:700; flex:none; width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center;
  background:url(/assets/sunucu/altay/ui/carpi.webp) center/contain no-repeat; }

/* --- 8. galeri: kaydırmalı şerit (parmakla kaydırılır, oklar tek dokunuş) --- */
.landing-altay .sv-galeri-serit { display:grid; grid-auto-flow:column; grid-auto-columns:88%; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
  padding-bottom:4px; overscroll-behavior-x:contain; }
.landing-altay .sv-galeri-serit::-webkit-scrollbar { display:none; }
.landing-altay .sv-galeri-serit > .sv-kare { scroll-snap-align:center; }
.landing-altay .sv-galeri-serit > .sv-kare picture { aspect-ratio:3/2; }
.landing-altay .sv-galeri-serit > .sv-poster picture { aspect-ratio:3/2; background:#050b11; }
.landing-altay .sv-galeri-serit > .sv-poster img { object-fit:contain; }
@media (min-width:768px){ .landing-altay .sv-galeri-serit { grid-auto-columns:calc((100% - 24px) / 2.15); } }
@media (min-width:1024px){ .landing-altay .sv-galeri-serit { grid-auto-columns:calc((100% - 44px) / 3); gap:22px; } }
.landing-altay .sv-galeri-ok { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:16px; }
.landing-altay .sv-ok-btn { width:48px; height:48px; border-radius:50%; border:1px solid var(--sv-cizgi2); background:#0c1a27; color:var(--sv-c2); font-size:26px; line-height:1; cursor:pointer; }
.landing-altay .sv-ok-btn:disabled { opacity:.35; }
.landing-altay .sv-nokta { display:flex; gap:6px; }
.landing-altay .sv-nokta i { width:8px; height:8px; border-radius:50%; background:rgba(143,220,255,.25); }
.landing-altay .sv-nokta i.on { background:var(--sv-c); }

/* --- 9. SSS (details: tek dokunuşla açılır) --- */
.landing-altay .sv-sss-liste { padding:6px 0; margin-top:24px; }
.landing-altay .sv-sss details { border-bottom:1px solid var(--sv-cizgi); }
.landing-altay .sv-sss details:last-child { border-bottom:0; }
.landing-altay .sv-sss summary { list-style:none; cursor:pointer; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px;
  font-family:var(--serif); font-size:16px; color:var(--sv-c2); }
.landing-altay .sv-sss summary::-webkit-details-marker { display:none; }
.landing-altay .sv-sss summary::after { content:"+"; flex:none; width:26px; height:26px; border-radius:50%; border:1px solid var(--sv-cizgi2); display:flex; align-items:center; justify-content:center; color:var(--sv-c); font-family:var(--sans); }
.landing-altay .sv-sss details[open] summary::after { content:"−"; }
.landing-altay .sv-sss details p { padding:0 20px 16px; color:var(--sv-ton); font-size:15px; }

/* --- 10. çapraz --- */
.landing-altay .sv-capraz { background:url(/assets/sunucu/altay/ui/bant-bg.webp) center/cover no-repeat, linear-gradient(180deg, #08131d, #10263a); }
.landing-altay .sv-capraz-in { display:grid; gap:28px; align-items:center; }
@media (min-width:1024px){ .landing-altay .sv-capraz-in { grid-template-columns:1fr 1fr; gap:48px; } }
.landing-altay .sv-capraz-kart { display:block; position:relative; border-radius:12px; overflow:hidden; text-decoration:none; border:1px solid rgba(233,199,121,.5); box-shadow:0 12px 40px rgba(0,0,0,.5); }
.landing-altay .sv-capraz-kart img { display:block; width:100%; height:auto; }
.landing-altay .ck-metin { position:relative; padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; align-items:flex-start;
  background:rgba(18,11,7,.95); color:#f3e6c8; font-size:13px; }
@media (min-width:1024px){ .landing-altay .ck-metin { position:absolute; left:0; right:0; bottom:0; padding:16px 20px; background:linear-gradient(180deg, transparent, rgba(18,11,7,.94) 40%); }
  .landing-altay .sv-capraz-kart { padding-top:0; } }
.landing-altay .ck-metin b { font-family:var(--serif); font-size:20px; color:#fbe7ad; }
.landing-altay .ck-metin .sv-btn-2 { margin-top:6px; color:#fbe7ad; border-color:rgba(233,199,121,.55); background:rgba(24,14,9,.9); }
.landing-altay .sv-capraz-cagri { text-align:center; display:flex; flex-direction:column; align-items:center; gap:20px; }
.landing-altay .sv-capraz-cagri .sv-baslik::before, .landing-altay .sv-capraz-cagri .sv-baslik::after { display:none; }

@media (prefers-reduced-motion: reduce){ .landing-altay .sv-galeri-serit { scroll-behavior:auto; } }

/* CSP style-src 'self': satır içi style yok → değerler veri özniteliğinden */
.landing-altay .sv-cubuk span[data-k="0"]{--w:70} .landing-altay .sv-cubuk span[data-k="1"]{--w:13} .landing-altay .sv-cubuk span[data-k="2"]{--w:8} .landing-altay .sv-cubuk span[data-k="3"]{--w:6} .landing-altay .sv-cubuk span[data-k="4"]{--w:3}
.landing-altay .sv-cubuk-acik li[data-k="0"]{--r:#c9d6e3} .landing-altay .sv-cubuk-acik li[data-k="1"]{--r:#8fdcff} .landing-altay .sv-cubuk-acik li[data-k="2"]{--r:#5fb6ea} .landing-altay .sv-cubuk-acik li[data-k="3"]{--r:#3d8fd8} .landing-altay .sv-cubuk-acik li[data-k="4"]{--r:#2a5fae}
.landing-altay .sans[data-s="90"]{--s:90}
.landing-altay .sans[data-s="81"]{--s:81}
.landing-altay .sans[data-s="72"]{--s:72}
.landing-altay .sans[data-s="63"]{--s:63}
.landing-altay .sans[data-s="54"]{--s:54}
.landing-altay .sans[data-s="45"]{--s:45}
.landing-altay .sans[data-s="36"]{--s:36}
.landing-altay .sans[data-s="27"]{--s:27}
.landing-altay .sans[data-s="18"]{--s:18}

/* görseli henüz olmayan patron: büyük ödül ikonu; harita: yazılı küçük kart */
.landing-altay .pk-ikon { height:110px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle, #16324a 0 40%, #0a1622 75%); border-bottom:1px solid var(--sv-cizgi); }
.landing-altay .pk-ikon .sv-ikon-esya { width:64px; height:64px; }
@media (min-width:1024px){ .landing-altay .pk-ikon { height:150px; } .landing-altay .pk-ikon .sv-ikon-esya { width:80px; height:80px; } }
.landing-altay .sv-harita-ek { list-style:none; padding:0; margin:16px 0 0; display:grid; gap:10px; }
@media (min-width:768px){ .landing-altay .sv-harita-ek { grid-template-columns:repeat(3, 1fr); gap:16px; } }
.landing-altay .sv-harita-ek li { padding:14px 16px; font-size:14px; color:var(--sv-ton); }
.landing-altay .sv-harita-ek b { color:var(--sv-c2); font-family:var(--serif); display:block; margin-bottom:4px; }

/* E (görsel paket, Altay zip2): ChatGPT parçaları bağlandı. Ölçüler: dugme-* 1200x~240 (uç %21), rozet-* ~434x120 (uç %22), kart-cerceve 512 (dilim 64) */
@media (max-width:767px) and (max-resolution:1.5dppx){ .landing-altay .sv-hero { background-image:url(/assets/sunucu/altay/ui/hero-bg-m-720.webp), radial-gradient(90% 70% at 50% 20%, #17405f 0%, #0b1a28 55%, var(--sv-zemin) 100%); } }
@media (min-width:768px) and (max-width:1439px) and (max-resolution:1.5dppx){ .landing-altay .sv-hero { background-image:url(/assets/sunucu/altay/ui/hero-bg-1280.webp), radial-gradient(70% 80% at 70% 30%, #17405f 0%, #0b1a28 55%, var(--sv-zemin) 100%); } }
.landing-altay .sv-hero-metin, .landing-altay .sv-hero-alt, .landing-altay .sv-hero-metin small { text-shadow:0 1px 3px rgba(0,0,0,.95), 0 0 14px rgba(3,8,14,.85); }
.landing-altay .sv-hero::after { height:12vw; max-height:150px; min-height:44px; background-size:100% 100%, 100% 100%; }
@media (max-width:767px){ .landing-altay .sv-patron, .landing-altay .sv-capraz { background-image:url(/assets/sunucu/altay/ui/bant-bg-m.webp), linear-gradient(180deg, #08131d, #10263a); } }
/* kartlar: buz-gümüş çerçeve */
.landing-altay .sv-kart, .landing-altay .sv-patron-kart { border:22px solid transparent; border-radius:0; border-image:url(/assets/sunucu/altay/ui/kart-cerceve.webp) 64 / 22px stretch; background-clip:padding-box; box-shadow:none; }
.landing-altay .sv-kurgu .sv-kart { padding:6px 4px 8px; }
@media (min-width:768px){ .landing-altay .sv-kart, .landing-altay .sv-patron-kart { border-width:26px; border-image-width:26px; } .landing-altay .sv-kurgu .sv-kart { padding:10px 8px 12px; } .landing-altay .sv-kart { padding:12px; } }
.landing-altay .sv-patron-kart { padding-bottom:4px; }
/* oyun kareleri: harita çerçevesi */
.landing-altay .sv-kare picture, .landing-altay .sv-kare .sv-yer { position:relative; }
.landing-altay .sv-kare picture::after { content:""; position:absolute; inset:0; pointer-events:none; background:url(/assets/sunucu/altay/ui/harita-cerceve.webp) center/100% 100% no-repeat; }
.landing-altay .sv-kare { border:0; border-radius:0; background:transparent; }
/* özellik ikonları: küre yerine gerçek ikon */
.landing-altay .ikon[data-ikon] { border-radius:0; box-shadow:none; background:var(--ik) center/contain no-repeat; filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)); width:64px; height:64px; }
@media (min-width:768px){ .landing-altay .ikon[data-ikon] { width:84px; height:84px; } }
/* düğmeler */
.landing-altay .sv-btn, .landing-altay .sv-btn-2 { --h:50px; min-height:var(--h); border-radius:0; box-shadow:none; background:none; border-style:solid; border-color:transparent;
  border-width:0 calc(var(--h)*1.05); padding:0 4px; text-shadow:0 1px 2px rgba(0,0,0,.95), 0 0 10px rgba(0,0,0,.6); }
.landing-altay .sv-btn { color:#fff; border-image:url(/assets/sunucu/altay/ui/dugme-ana.webp) 0 21% fill / 0 calc(var(--h)*1.05) stretch; }
.landing-altay .sv-btn-2 { --h:46px; color:var(--sv-c2); border-image:url(/assets/sunucu/altay/ui/dugme-ikincil.webp) 0 21% fill / 0 calc(var(--h)*1.05) stretch; }
@media (min-width:768px){ .landing-altay .sv-btn { --h:56px; } .landing-altay .sv-btn-2 { --h:52px; } }
.landing-altay .sv-btn:hover, .landing-altay .sv-btn-2:hover { filter:brightness(1.12); }
.landing-altay .sv-btn:active, .landing-altay .sv-btn-2:active { transform:scale(.98); }
/* rozetler */
.landing-altay .sv-rozet[data-st] { --rh:30px; height:var(--rh); border-radius:0; background:none; border-style:solid; border-color:transparent;
  border-width:0 calc(var(--rh)*.8); padding:0 2px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.95); }
.landing-altay .sv-rozet[data-st="acik"] { border-image:url(/assets/sunucu/altay/ui/rozet-acik.webp) 0 22% fill / 0 calc(var(--rh)*.8) stretch; }
.landing-altay .sv-rozet[data-st="yakinda"] { color:#2a1a02; text-shadow:0 1px 0 rgba(255,236,190,.6); border-image:url(/assets/sunucu/altay/ui/rozet-yakinda.webp) 0 22% fill / 0 calc(var(--rh)*.8) stretch; }
.landing-altay .sv-rozet[data-st="bakim"] { border-image:url(/assets/sunucu/altay/ui/rozet-bakim.webp) 0 22% fill / 0 calc(var(--rh)*.8) stretch; }
.landing-altay .sv-rozet[data-st="vurgu"] { border-image:url(/assets/sunucu/altay/ui/rozet-vurgu.webp) 0 22% fill / 0 calc(var(--rh)*.8) stretch; }
.landing-altay .sv-rozet[data-st="acik"]::before { background:#a6ffbd; box-shadow:0 0 6px #5fe07f; }
@media (min-width:768px){ .landing-altay .sv-rozet[data-st] { --rh:34px; } }
/* yol zinciri */
.landing-altay .sv-zincir .dugum > .dg { border-radius:0; box-shadow:none; background:url(/assets/sunucu/altay/ui/dugum.webp) center/contain no-repeat, radial-gradient(circle, #0c1c2b 0 50%, transparent 51%); width:64px; height:64px; }
@media (min-width:1024px){ .landing-altay .sv-zincir .dugum > .dg { width:84px; height:84px; } }
.landing-altay .sv-zincir .ok { background:none; width:44px; height:40px; margin:0 0 0 10px; }
.landing-altay .sv-zincir .ok::after { display:none; }
.landing-altay .sv-zincir .ok::before { inset:0; left:0; top:0; bottom:0; right:0; width:auto; height:auto; background:url(/assets/sunucu/altay/ui/ok.webp) center/100% auto no-repeat; transform:rotate(90deg); }
@media (min-width:1024px){ .landing-altay .sv-zincir .ok { width:34px; height:auto; margin:0; } .landing-altay .sv-zincir .ok::before { transform:none; top:0; bottom:0; height:auto; } }
/* küçük işaretler */
.landing-altay .sv-sss summary::after { content:""; border:0; border-radius:0; width:26px; height:26px; background:url(/assets/sunucu/altay/ui/arti.webp) center/contain no-repeat; }
.landing-altay .sv-sss details[open] summary::after { content:""; background-image:url(/assets/sunucu/altay/ui/eksi.webp); }
.landing-altay .sv-yok li::before { content:""; }
.landing-altay .sv-ok-btn { font-size:0; border:0; background:url(/assets/sunucu/altay/ui/ok-sag.webp) center/80% no-repeat; }
.landing-altay .sv-ok-btn[data-galeri-geri] { background-image:url(/assets/sunucu/altay/ui/ok-sol.webp); }
.landing-altay .sv-hero { padding-bottom:calc(min(12vw, 150px) + 12px); }
@media (max-width:767px){ .landing-altay .sv-hero { padding-bottom:calc(max(12vw, 44px) + 10px); } }
@media (min-width:1024px){ .landing-altay .sv-zincir .ok { height:22px; width:36px; } }
@media (min-width:1024px){ .landing-altay .sv-zincir .ok { align-self:flex-start; margin-top:43px; } }