/* Şans çarkı sayfası */
.cark-sayfa{max-width:46rem;padding-bottom:2rem;display:grid;gap:1rem}
.cark-ust{text-align:center;padding:1.4rem 0 .2rem;position:relative;isolation:isolate}
.cark-ust::before{content:"";position:absolute;inset:-40px -20% 0;z-index:-1;background:radial-gradient(50% 60% at 50% 20%,rgba(232,185,49,.2),transparent 70%)}
.cark-logo{width:min(300px,70%);margin:0 auto .6rem;filter:drop-shadow(0 12px 30px rgba(232,185,49,.25))}
.cark-ust h1{font-size:clamp(1.5rem,6vw,2.1rem);background:var(--altin-t);-webkit-background-clip:text;background-clip:text;color:transparent}
.cark-alt{color:var(--gri);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-top:.3rem}

.cark-kural{display:flex;gap:.75rem;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-m);padding:1rem;font-size:.9rem;color:var(--metin2)}
.cark-kural>svg{color:var(--turuncu);flex:none;margin-top:2px}
.cark-kural b{color:var(--altin-yazi)}
.cark-uyari{display:flex;gap:.5rem;align-items:flex-start;margin-top:.8rem;border:1px solid rgba(232,185,49,.45);border-radius:12px;padding:.7rem .8rem;font-weight:600;color:var(--metin);font-size:.86rem}
.cark-uyari svg{color:var(--turuncu);flex:none;width:18px;height:18px;margin-top:1px}

.cark-kart{background:linear-gradient(180deg,var(--kart2),var(--kart));border:1px solid var(--cizgi2);border-radius:var(--r-l);padding:1.2rem 1rem 1.4rem;display:grid;justify-items:center;gap:1rem;box-shadow:var(--golge)}
.uye-cip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--cizgi);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:700;color:var(--altin-yazi);background:rgba(232,185,49,.07)}
.uye-cip svg{width:16px;height:16px}
.cark-kart-h{display:flex;align-items:center;gap:.5rem;font-size:1.35rem;color:var(--altin-yazi)}

.cark-sahne{position:relative;width:min(340px,86vw);aspect-ratio:1}
.cark-cember{position:absolute;inset:0;border-radius:50%;padding:10px;background:conic-gradient(from 0deg,#5a4207,#f2c53d,#7a5a0c,#ffe58a,#5a4207,#f2c53d,#7a5a0c,#ffe58a,#5a4207);box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 40px -6px rgba(232,185,49,.55),inset 0 0 12px rgba(0,0,0,.6)}
.cark{width:100%;height:100%;border-radius:50%;display:block;transform:rotate(0deg);will-change:transform;transform-box:fill-box;transform-origin:center center;transition:transform 7.2s cubic-bezier(.12,.64,.06,1)}
.cark.aninda{transition:none}
.cark text{font-family:"Russo One","Inter",sans-serif;font-size:9.5px;letter-spacing:.02em}
.cark-merkez{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#0a0907;border:3px solid #f2c53d;box-shadow:0 0 0 4px rgba(0,0,0,.5),0 6px 18px rgba(0,0,0,.7);display:grid;place-items:center;overflow:hidden}
.cark-merkez img{width:86%;height:86%;object-fit:cover;border-radius:50%}
.cark-ok{position:absolute;left:50%;top:-6px;z-index:2;width:30px;height:34px;transform:translateX(-50%);background:var(--altin-g);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}

.cark-durum{width:100%;text-align:center;border:1px solid var(--cizgi);background:rgba(232,185,49,.05);border-radius:var(--r-m);padding:.85rem 1rem;font-size:.92rem;color:var(--metin2);display:grid;gap:.3rem}
.cark-durum svg{width:16px;height:16px;color:var(--turuncu);vertical-align:-3px}
.cark-durum b{color:var(--altin-yazi)}
.cark-durum .ince{color:var(--altin-yazi);font-weight:600;font-size:.88rem}
.cark-durum.ok{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.06)}
.cark-durum.ok .ince{color:var(--yesil)}
.cark-durum.red .ince{color:#fca5a5}
.cevir-btn{min-width:13rem;min-height:58px;font-family:var(--h);font-weight:400;font-size:1.35rem;letter-spacing:.06em;border-radius:16px}

.cark-tablo{background:var(--kart);border:1px solid var(--cizgi2);border-radius:var(--r-l);padding:1.2rem 1rem}
.cark-tablo h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:var(--altin-yazi);margin-bottom:.9rem}
.odul-liste{list-style:none;display:grid;gap:.5rem}
.odul-liste li{display:flex;gap:.7rem;align-items:flex-start;background:var(--bg2);border:1px solid var(--cizgi2);border-radius:12px;padding:.7rem .8rem}
.odul-liste li.kazanilan{border-color:var(--altin);box-shadow:0 0 0 1px var(--altin) inset}
.odul-liste .ok-ik{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:rgba(232,185,49,.12);color:var(--altin-yazi)}
.odul-liste .ok-ik svg{width:18px;height:18px}
.odul-liste b{display:block;font-size:.95rem}
.odul-liste small{display:block;color:var(--gri);font-size:.8rem;margin-top:.1rem}

.sonuc{margin:auto;border:0;padding:0;background:transparent;max-width:min(24rem,calc(100% - 2rem));width:100%;color:var(--metin)}
.sonuc::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.sonuc-ic{background:radial-gradient(120% 80% at 50% 0%,#3a2b08,#15110a 70%);border:1px solid var(--cizgi);border-radius:24px;padding:1.6rem 1.3rem;text-align:center;display:grid;gap:.6rem;justify-items:center}
.sonuc[open] .sonuc-ic{animation:sonuc-gir .35s var(--ease)}
@keyframes sonuc-gir{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
.sonuc-ik{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--altin-g);color:#1a1200}
.sonuc-ik svg{width:32px;height:32px}
.sonuc-ust{color:var(--altin-yazi);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.sonuc h2{font-size:1.5rem}
.sonuc-acik{color:var(--metin2);font-size:.92rem}
.sonuc-not{color:var(--gri);font-size:.8rem}
.sonuc form{width:100%;margin-top:.4rem}
@media(prefers-reduced-motion:reduce){.cark{transition-duration:.4s}}