/* ALTF4 Direksiyon Merkezi v2: cerceve yok; yuzeyler gradient + golge ile ayrilir.
   Sicak vurgu: turuncu -> amber gradient. Canli veri: yesil. Uyari: pit yolu serit deseni.
   Imza: GT direksiyonu (karbon govde, vites isiklari, ekran) /tr/hub/direksiyon-merkezi/ merkez ve test sayfasinda. */
:root{
  --dm-sig:#2CE58A;--dm-brk:#FF3B4E;--dm-clu:#FFC94A;--dm-mavi:#3D8BFF;
  --dm-sicak:linear-gradient(100deg,#FF5A1F 0%,#FF8A3D 55%,#FFB547 100%);
  --dm-yuzey:linear-gradient(165deg,#121F42 0%,#0C1633 48%,#080F25 100%);
  --dm-yuzey2:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  --dm-ic:inset 0 1px 0 rgba(255,255,255,.06);
  --dm-golge:0 30px 60px -32px rgba(0,0,0,.85);
  --dm-ayrac:rgba(255,255,255,.07);
  --dm-r:18px
}
.dm{padding-bottom:30px}
.dm [hidden]{display:none!important}
.dm-sp{margin-top:96px}
.dm-kick{font-family:var(--font-m);font-size:.7rem;font-weight:700;letter-spacing:3px;color:var(--o-h);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.dm-kick::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--dm-sicak)}
.dm h1{font-family:var(--font-h);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.015em}
.dm h1 em,.dm-isil{font-style:normal;background:var(--dm-sicak);-webkit-background-clip:text;background-clip:text;color:transparent}
.dm h2{font-family:var(--font-h);font-weight:700;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.08;letter-spacing:-.01em}
.dm h3{font-family:var(--font-h);font-weight:700;font-size:1.06rem;line-height:1.3}
.dm-lead{color:#B9C6E2;font-size:1.05rem;line-height:1.75;max-width:60ch;margin-top:16px}
.dm-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:30px;align-items:end;margin-bottom:30px}
.dm-bas p{color:var(--tx2);font-size:.95rem;line-height:1.7;max-width:56ch}
.dm-note{font-family:var(--font-m);font-size:.72rem;letter-spacing:.06em;color:var(--tx3)}
.dm-dip{color:var(--tx2);font-size:.92rem;line-height:1.7}
.dm a.dm-link,.dm-dip a{color:var(--o-h);text-decoration:underline;text-decoration-color:rgba(255,122,69,.4);text-underline-offset:4px}
.dm a.dm-link:hover,.dm-dip a:hover{text-decoration-color:var(--o-h)}
.dm :focus-visible{outline:2px solid #FFB547;outline-offset:3px}
.dm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tam genislik bant (kabugun .container'indan tasar) */
.dm-bant{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}
.dm-bant-ic{position:relative;max-width:1180px;margin:0 auto;padding:0 20px}
.dm-bant-g{position:absolute;inset:0;background-size:cover;background-position:right center;background-repeat:no-repeat}
.dm-bant-g::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050A18 0%,rgba(5,10,24,.94) 30%,rgba(5,10,24,.55) 58%,rgba(5,10,24,.25) 100%),linear-gradient(0deg,#050A18 0%,rgba(5,10,24,0) 38%),linear-gradient(180deg,rgba(5,10,24,.6) 0%,rgba(5,10,24,0) 22%)}

/* dugmeler */
.dm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:12px;border:0;background:rgba(255,255,255,.07);color:var(--tx);font-family:var(--font-h);font-weight:700;font-size:.95rem;letter-spacing:.2px;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dm-btn:hover{background:rgba(255,255,255,.12)}
.dm-btn.dm-ana{background:linear-gradient(135deg,#FF6A2B 0%,#E64400 100%);color:#fff;box-shadow:0 14px 34px -14px rgba(255,90,31,.85),inset 0 1px 0 rgba(255,255,255,.25)}
.dm-btn.dm-ana:hover{transform:translateY(-1px);box-shadow:0 18px 40px -14px rgba(255,90,31,.95),inset 0 1px 0 rgba(255,255,255,.25)}
.dm-btn .dm-ok-i{transition:transform .2s}
.dm-btn:hover .dm-ok-i{transform:translateX(3px)}
.dm-btn.dm-kucuk{min-height:40px;padding:8px 16px;font-size:.84rem;border-radius:10px}
.dm-btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.dm-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* secim (segment) cipleri */
.dm-chips{display:flex;flex-wrap:wrap;gap:8px}
.dm-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:11px;border:0;background:rgba(255,255,255,.055);color:var(--tx);font-family:var(--font-b);font-weight:700;font-size:.88rem;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}
.dm-chip small{font-family:var(--font-m);font-size:.64rem;font-weight:400;letter-spacing:.04em;color:var(--tx3)}
.dm-chip:hover{background:rgba(255,255,255,.1)}
.dm-chip[aria-pressed="true"]{background:var(--dm-sicak);color:#1A0A00;box-shadow:0 10px 26px -12px rgba(255,90,31,.9)}
.dm-chip[aria-pressed="true"] small{color:rgba(26,10,0,.72)}
.dm-chip[aria-disabled="true"]{opacity:.32;cursor:not-allowed}
.dm-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-family:var(--font-m);font-size:.74rem;letter-spacing:.04em;color:var(--tx2)}
.dm-meta span{display:inline-flex;align-items:center;gap:8px}
.dm-meta span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tx3)}
.dm-meta .dm-ok::before{background:var(--dm-sig);box-shadow:0 0 10px var(--dm-sig)}
.dm-meta .dm-uyar::before{background:var(--dm-clu);box-shadow:0 0 10px rgba(255,201,74,.7)}
.dm-meta .dm-resmi::before{background:var(--o);box-shadow:0 0 10px var(--o)}
.dm-meta b{color:var(--tx);font-weight:700}

/* ---------- MERKEZ HERO ---------- */
.dm-hero{min-height:640px;display:flex;align-items:center}
.dm-hero .dm-bant-g{background-position:right 38%}
.dm-hero .dm-bant-g::after{background:linear-gradient(90deg,#050A18 0%,rgba(5,10,24,.96) 34%,rgba(5,10,24,.6) 62%,rgba(5,10,24,.3) 100%),linear-gradient(0deg,#050A18 0%,rgba(5,10,24,0) 40%),linear-gradient(180deg,rgba(5,10,24,.7) 0%,rgba(5,10,24,0) 25%)}
.dm-hero .dm-bant-g::before{content:"";position:absolute;left:-10%;top:-30%;width:70%;height:120%;background:radial-gradient(closest-side,rgba(255,90,31,.20),transparent);z-index:1;pointer-events:none}
.dm-hero .dm-bant-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:30px;align-items:center;padding-top:40px;padding-bottom:60px;width:100%}
.dm-hero h1{font-size:clamp(2.7rem,6.1vw,5.2rem);line-height:.94;text-transform:uppercase;letter-spacing:-.02em}
.dm-sayi{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:30px;font-family:var(--font-m);font-size:.76rem;letter-spacing:.06em;color:var(--tx2)}
.dm-sayi b{color:#fff;font-weight:700;font-size:.95rem;margin-right:4px}
.dm-tele{position:relative;text-align:center}
.dm-tele-ust{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:rgba(5,10,24,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-m);font-size:.7rem;letter-spacing:.08em;color:var(--tx2);box-shadow:var(--dm-ic)}
.dm-tele-ust>span+span{padding-left:12px;border-left:1px solid var(--dm-ayrac)}
.dm-durum{display:inline-flex;align-items:center;gap:8px}
.dm-durum i{width:8px;height:8px;border-radius:50%;background:var(--tx3);display:inline-block}
.dm-durum.dm-canli i{background:var(--dm-sig);box-shadow:0 0 12px var(--dm-sig)}
.dm-durum.dm-canli{color:var(--dm-sig)}
.dm-teker{display:block;width:min(100%,480px);height:auto;margin:16px auto 0;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.dm-teker:active{cursor:grabbing}
.dm-teker:focus{outline:none}
.dm-teker:focus-visible{outline:2px solid #FFB547;outline-offset:6px;border-radius:30px}
.dm-led{transition:fill .08s}
.dm-iz{display:block;width:min(100%,460px);height:56px;margin:6px auto 0}
.dm-pedalcik{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,300px);margin:6px auto 0}
.dm-pedalcik div{height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.dm-pedalcik b{display:block;height:100%;width:0;background:var(--dm-sig);transition:width .05s linear}
.dm-pedalcik div+div b{background:var(--dm-brk)}
.dm-tele-alt{max-width:440px;margin:12px auto 0;font-size:.84rem;color:var(--tx2);line-height:1.6}

/* ---------- AYAR BULUCU ---------- */
.dm-garaj{position:relative;border-radius:26px;padding:34px;background:radial-gradient(90% 70% at 0% 0%,rgba(255,90,31,.10),transparent 60%),var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge)}
.dm-adim{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:24px 0}
.dm-adim+.dm-adim{box-shadow:0 -1px 0 var(--dm-ayrac)}
.dm-adim:first-of-type{padding-top:0}
.dm-adim-b{font-family:var(--font-m);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);padding-top:14px;line-height:1.6}
.dm-adim-b b{display:block;font-family:var(--font-h);font-size:1.7rem;letter-spacing:0;color:rgba(255,255,255,.14);line-height:1;margin-bottom:6px}
.dm-adim.dm-tamam .dm-adim-b b{background:var(--dm-sicak);-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-adim-b small{display:block;font-family:var(--font-b);font-weight:500;letter-spacing:0;text-transform:none;font-size:.78rem;color:var(--tx3);margin-top:6px}
.dm-markalar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.dm-marka{position:relative;display:flex;align-items:center;justify-content:center;height:76px;padding:12px;border-radius:14px;border:0;background:rgba(255,255,255,.035);cursor:pointer;transition:background .2s,box-shadow .2s;color:var(--tx)}
.dm-marka .dm-logo,.dm-marka .dm-yazilogo,.dm-marka .dm-logo-grup{opacity:.62;transition:opacity .2s}
.dm-marka:hover{background:rgba(255,255,255,.07)}
.dm-marka:hover .dm-logo,.dm-marka:hover .dm-yazilogo,.dm-marka:hover .dm-logo-grup{opacity:1}
.dm-marka[aria-pressed="true"]{background:linear-gradient(180deg,rgba(255,90,31,.24),rgba(255,90,31,.05));box-shadow:inset 0 -3px 0 #FF6A2B,0 16px 30px -18px rgba(255,90,31,.8)}
.dm-marka[aria-pressed="true"] .dm-logo,.dm-marka[aria-pressed="true"] .dm-yazilogo,.dm-marka[aria-pressed="true"] .dm-logo-grup{opacity:1}
.dm-marka[aria-disabled="true"]{opacity:.28;cursor:not-allowed}
.dm-logo{display:block;max-width:100%;max-height:24px;width:auto;height:24px;object-fit:contain;filter:brightness(0) invert(1)}
.dm-logo-grup{display:inline-flex;align-items:center;gap:9px}
.dm-logo.dm-logo-kare{width:22px;height:22px}
.dm-yazilogo{font-family:var(--font-h);font-weight:700;font-size:1rem;letter-spacing:.16em;color:#fff;white-space:nowrap}
.dm-marka .dm-yazilogo{font-size:.86rem;letter-spacing:.12em}
.dm-marka .dm-logo-grup{gap:6px}
.dm-marka .dm-logo-grup .dm-yazilogo{font-size:.74rem;letter-spacing:.08em}
.dm-oyunlar-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.dm-oyun-sec{position:relative;display:flex;flex-direction:column;border-radius:13px;overflow:hidden;border:0;background:rgba(255,255,255,.04);cursor:pointer;color:#fff;padding:0;font:inherit;text-align:left;transition:transform .2s,box-shadow .2s,filter .2s,background .2s}
.dm-oyun-sec:hover{background:rgba(255,255,255,.08)}
.dm-oyun-sec img,.dm-oyun-sec .dm-gt{display:block;width:100%;aspect-ratio:616/353;height:auto;object-fit:cover}
.dm-oyun-sec span{display:block;padding:9px 11px 11px;font-weight:700;font-size:.8rem;line-height:1.25}
.dm-oyun-sec:hover{transform:translateY(-2px)}
.dm-oyun-sec[aria-pressed="true"]{background:linear-gradient(180deg,rgba(255,90,31,.3),rgba(255,90,31,.12));box-shadow:0 0 0 2px #FF6A2B,0 16px 30px -14px rgba(255,90,31,.9)}
.dm-oyun-sec[aria-disabled="true"]{filter:grayscale(1) brightness(.45);cursor:not-allowed;transform:none}
.dm-gt{display:flex!important;align-items:center;justify-content:center;background:radial-gradient(80% 90% at 70% 20%,#3a1430,transparent 60%),linear-gradient(135deg,#16244A,#070D1E);font-family:var(--font-h);font-weight:700;font-size:1.7rem;letter-spacing:.08em;color:#fff}
.dm-sonuc{margin-top:8px;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.03)}
.dm-sonuc p{color:var(--tx2);font-size:.94rem;line-height:1.65}
.dm-sonuc.dm-var{background:linear-gradient(100deg,rgba(255,90,31,.22),rgba(255,90,31,.04) 55%,rgba(255,255,255,.02));box-shadow:var(--dm-ic)}
.dm-sonuc-kart{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:center}
.dm-sonuc-kart img,.dm-sonuc-kart .dm-gt{width:150px;border-radius:10px;aspect-ratio:616/353;object-fit:cover;box-shadow:0 12px 26px -12px rgba(0,0,0,.8)}
.dm-sonuc-kart h4{font-family:var(--font-h);font-size:1.25rem;line-height:1.2}
.dm-sonuc-kart p{font-size:.86rem;margin-top:5px}

/* ---------- KARTLAR ---------- */
.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.dm-kart{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge);transition:transform .25s}
.dm-kart img,.dm-kart .dm-gt{display:block;width:100%;aspect-ratio:616/353;height:auto;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.dm-kart-b{padding:4px 18px 18px}
.dm-kart-b h3{font-size:1.14rem}
.dm-kart-b p{margin-top:6px;font-family:var(--font-m);font-size:.68rem;letter-spacing:.03em;color:var(--tx2);line-height:1.6}
.dm-kart:hover{transform:translateY(-4px)}
.dm-kart:hover img{transform:scale(1.03)}
.dm-kart:hover h3{color:#FFB547}
.dm-markagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.dm-marka-kart{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--dm-r);color:var(--tx);text-decoration:none;background:radial-gradient(120% 70% at 50% -10%,var(--mr,rgba(255,90,31,.25)),transparent 62%),var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge);transition:transform .25s}
.dm-marka-kart:hover{transform:translateY(-4px)}
.dm-marka-kart .dm-logo-alan{height:34px;display:flex;align-items:center}
.dm-marka-kart .dm-logo{height:26px;max-height:26px}
.dm-marka-kart h3{font-size:1.1rem}
.dm-marka-kart p{color:var(--tx2);font-size:.86rem;line-height:1.62}
.dm-marka-kart .dm-ok-y{margin-top:auto;font-family:var(--font-m);font-size:.72rem;color:#FFB547}
.dm-minilogo{display:flex;flex-wrap:wrap;gap:6px}
.dm-minilogo span{font-family:var(--font-m);font-size:.66rem;font-weight:700;letter-spacing:.03em;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.07);color:#C8D2EA}

/* ---------- SAYFA BASLIGI (oyun / marka / profil) ---------- */
.dm-pbas{min-height:380px;display:flex;align-items:flex-end}
.dm-pbas .dm-bant-ic{width:100%;padding-top:70px;padding-bottom:46px}
.dm-pbas.dm-kisa{min-height:0}
.dm-pbas.dm-kisa .dm-bant-ic{padding-top:40px;padding-bottom:20px}
.dm-pbas .dm-logo-alan{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.dm-pbas .dm-logo{height:28px;max-height:28px}
.dm-pbas .dm-carpi{font-family:var(--font-m);font-size:.8rem;color:var(--tx3)}
.dm-pbas .dm-oyunad{font-family:var(--font-h);font-weight:700;font-size:1.05rem;letter-spacing:.03em;color:#fff}
.dm-bant .crumbs{padding-top:0;margin-bottom:28px}

/* pit yolu serit deseni: uyari kutusu */
.dm-kontrol{position:relative;margin-top:10px;border-radius:16px;overflow:hidden;padding:20px 22px 20px 34px;background:linear-gradient(100deg,rgba(255,201,74,.12),rgba(255,201,74,.03) 60%,rgba(255,255,255,.015))}
.dm-kontrol::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:repeating-linear-gradient(-45deg,#FFC94A 0 9px,#14100A 9px 18px)}
.dm-kontrol h2{font-size:1.02rem;color:#FFD772;margin-bottom:10px}
.dm-kontrol ul{list-style:none;display:grid;gap:8px}
.dm-kontrol li{color:#D2DBEE;font-size:.9rem;line-height:1.62}
.dm-kontrol a{color:#FFD772;text-decoration:underline;text-underline-offset:3px}

/* secici */
.dm-secici{margin-top:34px;display:grid;gap:12px}
.dm-secici-s{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.025)}
.dm-secici-s>span{font-family:var(--font-m);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);padding-left:8px}

/* ayar panelleri */
.dm-paneller{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;align-items:start}
.dm-panel{border-radius:20px;overflow:hidden;background:var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge)}
.dm-panel-bas{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(90deg,rgba(255,90,31,.14),rgba(255,90,31,0) 70%)}
.dm-panel[data-panel="cihaz"] .dm-panel-bas{background:linear-gradient(90deg,rgba(61,139,255,.16),rgba(61,139,255,0) 70%)}
.dm-panel-bas .dm-kapak{width:64px;height:37px;border-radius:7px;object-fit:cover;flex-shrink:0;box-shadow:0 8px 18px -8px rgba(0,0,0,.9)}
.dm-panel-bas .dm-logo-kutu{width:64px;height:37px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(0,0,0,.35)}
.dm-panel-bas .dm-logo-kutu .dm-logo{max-height:16px;height:16px;max-width:54px}
.dm-panel-bas .dm-logo-kutu .dm-yazilogo{font-size:.52rem;letter-spacing:.1em}
.dm-panel-bas .dm-logo-kutu .dm-logo-grup .dm-yazilogo{display:none}
.dm-panel-bas h2{font-size:1.12rem}
.dm-yol{margin-top:4px;font-family:var(--font-m);font-size:.7rem;color:var(--tx2);line-height:1.6}
.dm-yol b{color:#FFB547;font-weight:700}
.dm-bolum-kaynak{padding:12px 20px 8px;font-family:var(--font-m);font-size:.64rem;letter-spacing:.1em;color:var(--tx3);text-transform:uppercase}
.dm-grup{display:flex;align-items:center;gap:10px;padding:16px 20px 8px;font-family:var(--font-m);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFB547}
.dm-grup::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,181,71,.35),transparent)}
.dm-satirlar{list-style:none;padding:0 8px}
.dm-satir{display:grid;grid-template-columns:minmax(0,1fr) 84px 92px 96px 32px;gap:12px;align-items:center;padding:10px 12px;border-radius:10px}
.dm-satir:nth-child(even){background:rgba(255,255,255,.022)}
.dm-satir:hover{background:rgba(255,255,255,.05)}
.dm-ad b{display:block;font-weight:700;font-size:.92rem;line-height:1.3}
.dm-ad small{display:block;font-family:var(--font-m);font-size:.66rem;color:var(--tx3);margin-top:3px;word-break:break-word}
.dm-olcer{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.dm-olcer i{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--dm-sicak);box-shadow:0 0 10px rgba(255,138,61,.5)}
.dm-deger{font-family:var(--font-m);font-weight:700;font-size:1.02rem;color:#fff;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dm-deger.dm-uzun{white-space:normal;font-size:.78rem;line-height:1.35}
.dm-satir.dm-genis{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 96px 32px}
.dm-satir.dm-genis .dm-olcer{display:none}
.dm-benim{width:100%;min-height:36px;padding:6px 10px;border-radius:9px;border:0;background:rgba(255,255,255,.06);color:var(--tx);font-family:var(--font-m);font-size:.82rem;text-align:right;transition:background .15s,box-shadow .15s}
.dm-benim::placeholder{color:#4F5F84}
.dm-benim:focus{outline:none;background:rgba(255,255,255,.1);box-shadow:0 0 0 2px rgba(255,138,61,.7)}
.dm-benim.dm-degisti{background:rgba(255,90,31,.16);color:#FFB547}
.dm-bilgi{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:var(--tx2);font-family:var(--font-h);font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.dm-bilgi:hover,.dm-bilgi[aria-expanded="true"]{background:var(--dm-sicak);color:#1A0A00}
.dm-acik{grid-column:1/-1;border-radius:12px;padding:14px 16px;font-size:.86rem;color:#C8D2EA;line-height:1.68;background:linear-gradient(100deg,rgba(255,138,61,.12),rgba(255,255,255,.02))}
.dm-acik b{color:#fff}
.dm-acik a{color:#FFB547;text-decoration:underline}
.dm-bos{padding:22px 20px;color:var(--tx2);font-size:.9rem;line-height:1.6}
.dm-bolum{padding-bottom:12px}
.dm-islem{position:sticky;bottom:16px;z-index:20;margin:22px auto 0;width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border-radius:18px;background:rgba(10,17,36,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--dm-ic),0 24px 50px -16px rgba(0,0,0,.9)}
.dm-islem-durum{flex:1 1 260px;max-width:420px;padding:0 10px;font-size:.84rem;color:var(--tx2);line-height:1.5}
.dm-islem-durum.dm-ok{color:var(--dm-sig)}
.dm-ayrinti{margin-top:24px;border-radius:18px;background:var(--dm-yuzey2)}
.dm-ayrinti>summary{cursor:pointer;padding:18px 22px;font-family:var(--font-h);font-weight:700;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.dm-ayrinti>summary::-webkit-details-marker{display:none}
.dm-ayrinti>summary::after{content:"+";width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);font-family:var(--font-m);color:#FFB547}
.dm-ayrinti[open]>summary::after{content:"−"}
.dm-ayrinti-i{padding:0 22px 22px}
.dm-ayrinti-i .dm-panel{box-shadow:none;background:rgba(0,0,0,.18)}
.dm-tablo-kap{overflow-x:auto;border-radius:14px;background:rgba(0,0,0,.2)}
.dm-tablo{border-collapse:collapse;width:100%;min-width:560px;font-size:.86rem}
.dm-tablo th,.dm-tablo td{padding:11px 14px;text-align:left;vertical-align:top}
.dm-tablo tbody tr:nth-child(even) td,.dm-tablo tbody tr:nth-child(even) th{background:rgba(255,255,255,.025)}
.dm-tablo thead th{position:sticky;top:0;background:#111C3B;font-family:var(--font-m);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
.dm-tablo td.dm-n{font-family:var(--font-m);font-weight:700;white-space:nowrap}
.dm-tablo .dm-fark{color:#FFB547}
.dm-kaynaklar{display:grid;gap:14px}
.dm-kaynak{position:relative;padding:22px 24px 22px 28px;border-radius:var(--dm-r);background:var(--dm-yuzey2)}
.dm-kaynak::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 3px 3px 0;background:var(--dm-sicak)}
.dm-kaynak h3{font-size:1.02rem}
.dm-kaynak h3 a{color:var(--tx);text-decoration:none}
.dm-kaynak h3 a:hover{color:#FFB547}
.dm-kaynak dl{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:6px 28px;margin-top:12px;font-size:.84rem;justify-content:start}
.dm-kaynak dl div{display:flex;flex-direction:column;gap:3px}
.dm-kaynak dt{font-family:var(--font-m);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.dm-kaynak dd{color:#C8D2EA}
.dm-kaynak .dm-presetler{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.8rem;color:var(--tx3)}
.dm-kaynak .dm-presetler a{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.06);font-family:var(--font-m);font-size:.72rem;color:#FFB547}
.dm-baglar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.dm-baglar h2{font-size:1.3rem}
.dm-baglar ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dm-baglar a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.055);font-size:.86rem;font-weight:700;color:var(--tx);transition:background .15s,color .15s}
.dm-baglar a:hover{background:rgba(255,90,31,.18);color:#FFB547}
.dm-model-liste{display:grid;gap:12px}
.dm-model-satir{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:center;padding:18px 22px;border-radius:16px;background:var(--dm-yuzey2);scroll-margin-top:90px}
.dm-model-satir:target{background:linear-gradient(100deg,rgba(255,90,31,.2),rgba(255,255,255,.02))}
.dm-model-satir h3{font-size:1.1rem}
.dm-model-satir h3 small{display:block;font-family:var(--font-m);font-weight:400;font-size:.7rem;color:var(--tx3);margin-top:4px}

/* ---------- SOZLUK / SORUN / SSS / HARITA ---------- */
.dm-terimler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.dm-terim{padding:26px 0;box-shadow:0 -1px 0 var(--dm-ayrac);scroll-margin-top:90px}
.dm-terim:target h3{color:#FFB547}
.dm-terim h3{font-size:1.3rem}
.dm-terim h3 small{display:block;font-family:var(--font-m);font-weight:400;font-size:.7rem;color:var(--tx3);letter-spacing:.03em;margin-top:6px}
.dm-terim p{color:#B9C6E2;font-size:.92rem;line-height:1.72;margin-top:10px}
.dm-terim .dm-ipucu{color:#fff;padding:12px 14px;border-radius:12px;background:linear-gradient(100deg,rgba(255,138,61,.13),rgba(255,255,255,.02))}
.dm-sorunlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.dm-sorun{padding:24px;border-radius:var(--dm-r);background:var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge);scroll-margin-top:90px}
.dm-sorun:target{box-shadow:0 0 0 2px #FF6A2B,var(--dm-golge)}
.dm-sorun h3{font-size:1.15rem}
.dm-sorun ol{list-style:none;counter-reset:a;margin:14px 0 0;display:grid;gap:10px}
.dm-sorun li{counter-increment:a;position:relative;padding-left:34px;color:#C8D2EA;font-size:.9rem;line-height:1.6}
.dm-sorun li::before{content:counter(a);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--dm-sicak);color:#1A0A00;font-family:var(--font-m);font-weight:700;font-size:.7rem;display:flex;align-items:center;justify-content:center}
.dm-sorun .dm-chips{margin-top:16px}
.dm-sorun .dm-chips a{min-height:32px;padding:5px 11px;font-size:.76rem}
.dm-sorun-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.dm-sorun-liste a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;box-shadow:0 -1px 0 var(--dm-ayrac);font-family:var(--font-h);font-weight:700;font-size:1.12rem;color:var(--tx);transition:color .15s}
.dm-sorun-liste a::after{content:"→";font-family:var(--font-m);color:var(--tx3);transition:transform .2s,color .15s}
.dm-sorun-liste a:hover{color:#FFB547}
.dm-sorun-liste a:hover::after{transform:translateX(4px);color:#FFB547}
.dm-sss{display:grid}
.dm-sss details{box-shadow:0 -1px 0 var(--dm-ayrac)}
.dm-sss summary{cursor:pointer;padding:20px 40px 20px 0;font-family:var(--font-h);font-weight:700;font-size:1.06rem;list-style:none;position:relative}
.dm-sss summary::-webkit-details-marker{display:none}
.dm-sss summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--font-m);color:#FFB547;font-size:1.1rem}
.dm-sss details[open] summary::after{content:"−"}
.dm-sss details p{padding:0 0 20px;color:#B9C6E2;font-size:.93rem;line-height:1.75;max-width:72ch}
.dm-harita{columns:3 240px;column-gap:40px}
.dm-harita div{break-inside:avoid;margin-bottom:24px}
.dm-harita h3{font-size:.96rem;margin-bottom:8px}
.dm-harita h3 a{color:#fff}
.dm-harita h3 a:hover{color:#FFB547}
.dm-harita ul{list-style:none}
.dm-harita li a{display:block;padding:3px 0;color:var(--tx2);font-size:.85rem}
.dm-harita li a:hover{color:#FFB547}
.dm-durust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.dm-durust div::before{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--dm-sicak);margin-bottom:16px}
.dm-durust b{display:block;font-family:var(--font-h);font-size:1.1rem;margin-bottom:8px}
.dm-durust p{color:#B9C6E2;font-size:.9rem;line-height:1.7}

/* ---------- PROFILLERIM ---------- */
.dm-plist{display:grid;gap:12px}
.dm-pkart{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border-radius:16px;background:var(--dm-yuzey2)}
.dm-pkart input[type=checkbox]{width:20px;height:20px;accent-color:var(--o)}
.dm-pkart h3 a{color:var(--tx)}
.dm-pkart h3 a:hover{color:#FFB547}
.dm-pkart p{color:var(--tx2);font-size:.84rem;margin-top:4px}
.dm-pkart .dm-btns{margin-top:0}

/* ---------- TEST SAYFASI ---------- */
.dmt{margin-top:10px}
.dmt-durum{position:sticky;top:76px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 18px;border-radius:14px;background:rgba(10,17,36,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--dm-ic),0 18px 40px -18px rgba(0,0,0,.9);font-size:.88rem;color:var(--tx2)}
.dmt-cihaz-sec{display:flex;align-items:center;gap:8px;font-size:.8rem}
.dmt-cihaz-sec select{min-height:34px;max-width:260px;border-radius:8px;border:0;background:rgba(255,255,255,.08);color:var(--tx);padding:4px 8px}
.dmt-oneri a{color:#FFB547;text-decoration:underline;text-underline-offset:3px}
.dmt-izgara{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px;margin-top:18px}
.dmt-teker{padding:10px 22px 24px;text-align:center}
.dmt-teker .dm-teker{cursor:default;width:min(100%,440px)}
.dmt-olcu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;text-align:left}
.dmt-olcu div{padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.25)}
.dmt-olcu dt{font-family:var(--font-m);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3)}
.dmt-olcu dd{font-family:var(--font-m);font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums;margin-top:3px}
.dmt-aralik{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:.86rem;color:var(--tx2);text-align:left}
.dmt-aralik input{width:96px;min-height:40px;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:#fff;font-family:var(--font-m);font-weight:700;font-size:1rem;text-align:right;padding:4px 10px}
.dmt-pedallar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 20px 26px}
.dmt-pedal{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.82rem;color:var(--tx2)}
.dmt-pedal-kap{position:relative;width:46px;height:200px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.35));box-shadow:inset 0 2px 8px rgba(0,0,0,.6);overflow:hidden}
.dmt-pedal-kap b{position:absolute;left:4px;right:4px;bottom:4px;height:0;border-radius:10px;max-height:calc(100% - 8px)}
.dmt-pedal[data-pedal="gaz"] b{background:linear-gradient(0deg,#0FA463,#2CE58A);box-shadow:0 0 18px rgba(44,229,138,.6)}
.dmt-pedal[data-pedal="fren"] b{background:linear-gradient(0deg,#C21E35,#FF3B4E);box-shadow:0 0 18px rgba(255,59,78,.6)}
.dmt-pedal[data-pedal="debriyaj"] b{background:linear-gradient(0deg,#D99A12,#FFC94A);box-shadow:0 0 18px rgba(255,201,74,.55)}
.dmt-pedal output{font-family:var(--font-m);font-weight:700;font-size:1.15rem;color:#fff;font-variant-numeric:tabular-nums}
.dmt-pedal.dmt-esiz{opacity:.4}
.dmt-dugmeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:18px 20px 22px}
.dmt-dugmeler span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2A3550,#121A30);box-shadow:inset 0 -2px 4px rgba(0,0,0,.5);font-family:var(--font-m);font-size:.72rem;color:var(--tx3);transition:background .08s}
.dmt-dugmeler span.dmt-bas{background:radial-gradient(circle at 35% 30%,#FFB547,#E64400);color:#1A0A00;font-weight:700;box-shadow:0 0 16px rgba(255,90,31,.8)}
.dmt-dugmeler span.dmt-oldu{color:#FFB547}
.dmt-bekle{grid-column:1/-1;color:var(--tx3);font-size:.86rem;padding:4px 0}
.dmt-eksenler{display:grid;gap:9px;padding:18px 20px 22px}
.dmt-eksen{display:grid;grid-template-columns:62px minmax(0,1fr) 54px;gap:10px;align-items:center;font-family:var(--font-m);font-size:.72rem;color:var(--tx2)}
.dmt-eksen div{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.07)}
.dmt-eksen div::before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:rgba(255,255,255,.18)}
.dmt-eksen b{position:absolute;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#00D5FF,#3D8BFF)}
.dmt-eksen output{text-align:right;font-variant-numeric:tabular-nums;color:#fff}
.dmt-eksen.dmt-atandi b{background:var(--dm-sicak)}
.dmt-adimlar{list-style:none;display:grid}
.dmt-adim{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0;box-shadow:0 -1px 0 var(--dm-ayrac)}
.dmt-adim>b{font-family:var(--font-h);font-size:2.3rem;line-height:1;color:rgba(255,255,255,.12)}
.dmt-adim.dm-tamam>b{background:linear-gradient(100deg,#0FA463,#2CE58A);-webkit-background-clip:text;background-clip:text;color:transparent}
.dmt-adim.dmt-aktif>b{background:var(--dm-sicak);-webkit-background-clip:text;background-clip:text;color:transparent}
.dmt-adim h3{font-size:1.12rem}
.dmt-adim p{color:var(--tx2);font-size:.9rem;line-height:1.55;margin-top:4px}
.dmt-sonuc{color:#fff!important;font-family:var(--font-m);font-size:.8rem!important;line-height:1.6}
.dmt-sonuc.dm-ok{color:var(--dm-sig)!important}
.dmt-sonuc.dm-uyar{color:var(--dm-clu)!important}
.dmt-testler{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.dmt-test{border-radius:18px;background:var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge);display:flex;flex-direction:column}
.dmt-test h3{padding:20px 20px 0;font-size:1.1rem}
.dmt-test-i{padding:10px 20px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.dmt-test-i>p:first-child{color:var(--tx2);font-size:.88rem;line-height:1.58}
.dmt-test-i .dm-btn{align-self:flex-start;margin-top:auto}
.dmt-ilerleme{height:4px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}
.dmt-ilerleme b{display:block;height:100%;width:0;background:var(--dm-sicak)}
.dmt-surus{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.dmt-sahne{position:relative;border-radius:20px;overflow:hidden;background:#060B18;box-shadow:var(--dm-golge)}
.dmt-sahne canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}
.dmt-sahne canvas:focus{outline:none}
.dmt-sahne canvas:focus-visible{outline:2px solid #FFB547;outline-offset:-2px}
.dmt-sahne-ust{position:absolute;left:14px;top:12px;right:14px;display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--font-m);font-size:.72rem;color:#C8D2EA;pointer-events:none;text-shadow:0 1px 4px #000}
.dmt-sahne-ust b{color:#fff;font-weight:700}
.dmt-baslat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.dmt-baslat:hover{transform:translate(-50%,calc(-50% - 1px))}
.dmt-ayar{display:grid;gap:16px;padding:20px;border-radius:20px;background:var(--dm-yuzey);box-shadow:var(--dm-ic),var(--dm-golge)}
.dmt-ayar label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.84rem;color:var(--tx2)}
.dmt-ayar label output{font-family:var(--font-m);font-weight:700;color:#fff}
.dmt-ayar input[type=range]{grid-column:1/-1;width:100%;accent-color:#FF6A2B}
.dmt-ab{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dmt-ab .dm-chip{justify-content:center}
.dmt-egri{width:100%;height:auto;border-radius:12px;background:rgba(0,0,0,.3)}
.dmt-onay{display:flex!important;align-items:center;gap:10px!important;grid-template-columns:none!important;color:#C8D2EA!important}
.dmt-onay input{width:18px;height:18px;accent-color:#FF6A2B}
.dmt-skor{font-family:var(--font-m);font-size:.74rem;color:var(--tx2);line-height:1.75}
.dmt-skor b{color:#fff}

@media(max-width:1100px){.dm-markalar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){
  .dm-hero .dm-bant-ic{grid-template-columns:1fr;gap:10px;padding-top:30px}
  .dm-hero{min-height:0}
  .dm-paneller,.dm-terimler,.dm-durust,.dm-bas,.dm-sorun-liste,.dm-baglar{grid-template-columns:1fr}
  .dm-durust{gap:28px}
  .dmt-izgara,.dmt-surus{grid-template-columns:1fr}
  .dm-satir{grid-template-columns:minmax(0,1fr) 70px 84px 92px 32px}
}
@media(max-width:640px){
  .dm-sp{margin-top:64px}
  .dm-garaj{padding:20px 14px;border-radius:20px}
  .dm-adim{grid-template-columns:1fr;gap:10px;padding:18px 0}
  .dm-adim-b{padding-top:0;display:flex;align-items:baseline;gap:10px}
  .dm-adim-b b{display:inline;font-size:1.2rem;margin:0}
  .dm-adim-b small{display:inline;margin:0}
  .dm-markalar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm-oyunlar-sec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm-sonuc-kart{grid-template-columns:1fr}
  .dm-sonuc-kart img,.dm-sonuc-kart .dm-gt{width:100%}
  .dm-pbas{min-height:0}
  .dm-bant-g::after,.dm-hero .dm-bant-g::after{background:linear-gradient(180deg,rgba(5,10,24,.78) 0%,rgba(5,10,24,.9) 55%,#050A18 100%)}
  .dm-hero .dm-bant-g{background-position:70% top}
  .dm-pbas .dm-bant-ic{padding-top:40px;padding-bottom:30px}
  .dm-secici-s{grid-template-columns:1fr;gap:8px}
  .dm-secici-s>span{padding-left:4px}
  .dm-satirlar{padding:0 4px}
  .dm-satir,.dm-satir.dm-genis{grid-template-columns:minmax(0,1fr) 92px 32px;gap:6px 10px;padding:12px 10px}
  .dm-satir .dm-ad{grid-column:1/3;grid-row:1}
  .dm-satir .dm-bilgi{grid-column:3;grid-row:1}
  .dm-satir .dm-deger{grid-column:1;grid-row:2;text-align:left}
  .dm-satir .dm-olcer{grid-column:1/-1;grid-row:3}
  .dm-satir .dm-benim{grid-column:2/4;grid-row:2}
  .dm-islem{position:static;width:auto}
  .dm-islem .dm-btn{flex:1 1 140px}
  .dm-kaynak dl{grid-template-columns:1fr 1fr}
  .dm-model-satir{grid-template-columns:1fr;gap:12px}
  .dm-pkart{grid-template-columns:auto minmax(0,1fr)}
  .dm-pkart .dm-btns{grid-column:1/-1}
  .dmt-adim{grid-template-columns:44px minmax(0,1fr)}
  .dmt-adim>b{font-size:1.6rem}
  .dmt-adim .dm-btn{grid-column:2;justify-self:start}
  .dmt-pedal-kap{height:140px}
  .dmt-olcu{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.dm-kart,.dm-kart img,.dm-btn,.dm-oyun-sec,.dm-marka-kart,.dm-pedalcik b,.dm-led{transition:none}}
.dm-bant-g.dm-duz{background:radial-gradient(55% 130% at 90% -10%,var(--mr,rgba(255,90,31,.30)),transparent 62%),radial-gradient(40% 90% at 0% 110%,rgba(61,139,255,.14),transparent 60%),linear-gradient(180deg,#0B1530,#050A18)}
.dm-bant-g.dm-duz::after{background:linear-gradient(0deg,#050A18 0%,rgba(5,10,24,0) 45%)}