/*
 * Zirve — oyunlaştırma modülü sayfaları (puanlarım, çark/sandık, çekiliş, anket). moduller.css'ten sonra, yalnız bu sayfalarda yüklenir
 * (oyunlastirma.partials.stil). Yalnız tema token'ları; sınıflar .zo- önekli; ortak çark çizimi (.oy-cark…) modülün module.css'inden gelir.
 */
.zr .zo-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.zr .zo-ust h1{font-size:30px;margin:6px 0 6px}
.zr .zo-ust p{max-width:640px}
.zr .zo-izgara{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.zr .zo-ikili{display:grid;gap:16px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}
.zr .zo-ikili>.panel+.panel{margin-top:0}
@media (max-width:900px){.zr .zo-ikili{grid-template-columns:1fr}}
.zr .zo-bolum{margin-top:16px}
.zr .zo-kucuk{font-size:13px;line-height:1.55}

/* ---------- Puanlarım ---------- */
.zr .zo-puan-kart{min-height:200px}
.zr .zo-puan-kart .tutar small{font:600 15px/1 var(--font-govde);letter-spacing:0;text-transform:none;color:#C9FBEA;margin-left:6px}
.zr .zo-deneyim{display:flex;flex-direction:column;gap:12px}
.zr .zo-deneyim__ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.zr .zo-deneyim__sayi{font:700 32px/1 var(--font-baslik);letter-spacing:-.02em}
.zr .zo-rozet{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font:700 13px/1 var(--font-govde);
    background:color-mix(in srgb,var(--zo-rozet,var(--renk-ana)) 16%,var(--renk-yuzey));color:var(--renk-metin);border:1px solid color-mix(in srgb,var(--zo-rozet,var(--renk-ana)) 45%,var(--renk-kenar))}
.zr .zo-rozet::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--zo-rozet,var(--renk-ana))}
.zr .zo-seviyeler{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.zr .zo-seviyeler li{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);font-size:12.5px;color:var(--renk-metin-soluk)}
.zr .zo-seviyeler li b{color:var(--renk-metin);font-weight:700}
.zr .zo-seviyeler li[aria-current]{background:var(--renk-ana-yumusak);border-color:var(--renk-ana)}
.zr .zo-odul{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--kose-kart);background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);min-height:100%}
.zr .zo-odul__ikon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--renk-ana-yumusak);color:var(--renk-ana)}
.zr .zo-odul__ad{font:700 16px/1.3 var(--font-baslik)}
.zr .zo-odul__fiyat{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:28px;padding:0 10px;border-radius:999px;background:var(--renk-yuzey);border:1px solid var(--renk-kenar);font:700 13px/1 var(--font-rakam)}
.zr .zo-odul__alt{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.zr .zo-odul__alt form{margin:0}
.zr .zo-odul--kapali{opacity:.78}
.zr .zo-kupon{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.zr .zo-kupon code{font:700 14px/1 var(--font-rakam);letter-spacing:.06em;padding:7px 10px;border-radius:9px;background:var(--renk-yuzey-2);border:1px dashed var(--renk-ana);color:var(--renk-metin)}
.zr .zo-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.zr .zo-liste li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--renk-kenar)}
.zr .zo-liste li:first-child{border-top:0;padding-top:0}

/* ---------- Çark / sandık ---------- */
.zr .zo-cark-alan{position:relative;display:grid;place-items:center;padding:28px 18px;border-radius:var(--kose-buyuk);
    background:radial-gradient(circle at 50% 42%,var(--renk-ana-yumusak),transparent 68%),var(--renk-yuzey);border:1px solid var(--renk-kenar)}
.zr .zo-cark-alan .oy-cark{max-width:440px}
.zr .zo-cark-alan .oy-cark__svg{filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--renk-ana) 22%,transparent))}
.zr .oy-cark__dis{fill:var(--renk-yuzey-3,var(--renk-yuzey-2));stroke:var(--renk-ana);stroke-width:3}
.zr .oy-cark__gobek{fill:var(--renk-yuzey);stroke:var(--renk-ana);stroke-width:3}
.zr .oy-cark__ibre{fill:var(--renk-ana);stroke:var(--renk-yuzey);stroke-width:2}
.zr .oy-cark__yazi{font-family:var(--font-baslik);font-weight:700}
.zr .oy-sandik__govde{background:linear-gradient(160deg,color-mix(in srgb,var(--renk-ana) 80%,#000),color-mix(in srgb,var(--renk-ikincil,var(--renk-ana)) 70%,#000));border-color:var(--renk-ana)}
.zr .oy-sandik__kapak{background:linear-gradient(160deg,var(--renk-ana),color-mix(in srgb,var(--renk-ana) 70%,#000));border-color:var(--renk-ana)}
.zr .zo-haklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0 0 16px}
.zr .zo-hak{padding:14px;border-radius:var(--kose-kart);background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar)}
.zr .zo-hak dt{font:600 12px/1.2 var(--font-govde);letter-spacing:.06em;text-transform:uppercase;color:var(--renk-metin-soluk)}
.zr .zo-hak dd{margin:8px 0 0;font:700 26px/1 var(--font-baslik)}
.zr .zo-cevir{display:flex;flex-direction:column;gap:10px;margin:0}
.zr .zo-cevir .dg{width:100%;justify-content:center}
.zr .zo-durum{min-height:20px;margin:12px 0 0;font-size:13.5px;color:var(--renk-metin-soluk)}
.zr .zo-sonuc{margin:14px 0 0;padding:18px;border-radius:var(--kose-kart);background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);text-align:center}
.zr .zo-sonuc:focus-visible{outline:3px solid var(--renk-vurgu,var(--renk-ana));outline-offset:2px}
.zr .zo-sonuc--kazandi,.zr .oy-sonuc--kazandi{background:color-mix(in srgb,var(--renk-basari) 12%,var(--renk-yuzey));border-color:color-mix(in srgb,var(--renk-basari) 45%,var(--renk-kenar))}
.zr .zo-sonuc__baslik{display:block;font:700 22px/1.2 var(--font-baslik);margin-bottom:6px}
.zr .zo-sonuc p{margin:0 0 10px}
.zr .zo-dilimler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.zr .zo-dilimler li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);font-size:13.5px}
.zr .zo-dilimler li span{margin-left:auto;font:700 12.5px/1 var(--font-rakam);color:var(--renk-metin-soluk)}
.zr .zo-nokta{flex:none;width:12px;height:12px;border-radius:4px;background:var(--zo-renk,var(--renk-ana))}
.zr .zo-nokta.oy-d1{background:color-mix(in srgb,var(--renk-ana) 55%,var(--renk-yuzey))}
.zr .zo-nokta.oy-d2{background:color-mix(in srgb,var(--renk-vurgu,var(--renk-ana)) 70%,var(--renk-metin))}
.zr .zo-nokta.bos{background:var(--renk-yuzey-3,var(--renk-kenar))}
.zr .zo-kurallar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.zr .zo-kurallar li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5}
.zr .zo-kurallar li .ikon{flex:none;color:var(--renk-ana);margin-top:1px}

/* ---------- Çekiliş / anket kartları ---------- */
.zr .zo-kart{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--kose-buyuk);background:var(--renk-yuzey);border:1px solid var(--renk-kenar);
    color:var(--renk-metin);text-decoration:none;transition:border-color .15s,transform .15s;min-height:100%}
.zr a.zo-kart:hover,.zr a.zo-kart:focus-visible{border-color:var(--renk-ana);transform:translateY(-2px)}
.zr .zo-kart__ikon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--renk-ana-yumusak);color:var(--renk-ana)}
.zr .zo-kart__baslik{font:700 18px/1.3 var(--font-baslik)}
.zr .zo-kart__alt{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--renk-metin-soluk)}
.zr .zo-kart__cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--renk-ana)}
.zr .zo-durum-rz{align-self:flex-start}
.zr .zo-durum-rz.yayinda{background:color-mix(in srgb,var(--renk-basari) 16%,var(--renk-yuzey));color:var(--renk-basari)}
.zr .zo-durum-rz.bekliyor{background:color-mix(in srgb,var(--renk-uyari) 16%,var(--renk-yuzey));color:var(--renk-uyari)}
.zr .zo-durum-rz.cekildi{background:var(--renk-yuzey-3,var(--renk-yuzey-2));color:var(--renk-metin)}
.zr .zo-odul-bant{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--kose-kart);background:var(--renk-ana-yumusak);border:1px solid color-mix(in srgb,var(--renk-ana) 35%,var(--renk-kenar));margin:0 0 16px}
.zr .zo-odul-bant b{font:700 18px/1.3 var(--font-baslik)}
.zr .zo-kazananlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;counter-reset:zo}
.zr .zo-kazananlar li{counter-increment:zo;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);font-weight:700}
.zr .zo-kazananlar li::before{content:counter(zo);width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--renk-ana);color:var(--renk-ana-metin);font:700 12px/1 var(--font-rakam)}
.zr .zo-denetim summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;min-height:28px}
.zr .zo-denetim code{display:block;margin-top:4px;word-break:break-all;font:12.5px/1.5 var(--font-rakam);color:var(--renk-metin-soluk)}
.zr .zo-denetim p{margin:12px 0 0}
.zr .zo-secenekler{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.zr .zo-secenek{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:var(--kose-kart);background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);cursor:pointer;font-weight:600}
.zr .zo-secenek:hover{border-color:var(--renk-ana)}
.zr .zo-secenek:has(input:checked){border-color:var(--renk-ana);background:var(--renk-ana-yumusak)}
.zr .zo-secenek input{width:18px;height:18px;accent-color:var(--renk-ana);margin:0}
.zr .zo-sonuclar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.zr .zo-sonuclar li{display:flex;flex-direction:column;gap:8px}
.zr .zo-sonuclar__ust{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.zr .zo-sonuclar__ust b{font-family:var(--font-rakam)}
.zr .zo-sonuclar li.secili .zo-sonuclar__ust span{font-weight:700}
.zr .zo-mevzuat{margin-top:18px;display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--renk-metin-soluk)}
@media (max-width:560px){.zr .zo-ust h1{font-size:24px}.zr .zo-hak dd{font-size:22px}.zr .zo-cark-alan{padding:18px 8px}}
.zr .zo-kupon .dg{min-height:34px;height:34px;padding:0 12px;font-size:13px}

/* Denetim bilgisi açılır başlığı: dokunma hedefi 44 px */
.zr .zo-denetim>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}