.cark{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.25rem;display:grid}.cark__bilgi{display:contents}.cark__bilgi>*{text-align:center;margin:0}.cark__adimlar,.cark__ipucu{order:2}.cark__sahne{order:1}.cark__aciklama{color:var(--soluk);font-size:1.15rem}@media (width>=900px){.cark:not(.cark--etkinlik){grid-template-columns:minmax(0,1fr) minmax(0,560px);place-items:center stretch;column-gap:clamp(2rem,6vw,5rem)}.cark:not(.cark--etkinlik) .cark__bilgi{align-content:center;gap:1rem;display:grid}.cark:not(.cark--etkinlik) .cark__bilgi>*{text-align:left}.cark:not(.cark--etkinlik)>:not(.cark__bilgi,.cark__sahne){grid-column:1/-1}}.cark__adimlar{counter-reset:adim;border-top:2px solid;border-image:var(--cizgi-marka) 1;gap:0;width:100%;max-width:460px;padding:0;list-style:none;display:grid}.cark__adimlar li{counter-increment:adim;border-bottom:1px solid var(--cizgi);color:var(--soluk);text-align:left;grid-template-columns:2.2rem 1fr;padding:.8rem 0;font-size:.95rem;display:grid}.cark__adimlar li:before{content:counter(adim, decimal-leading-zero);background:var(--gradyan);color:#0000;-webkit-background-clip:text;background-clip:text;grid-row:span 2;font-weight:800}.cark__adimlar b{color:var(--metin)}.cark__sahne{aspect-ratio:1;background:radial-gradient(closest-side at 30% 35%,#e3262f38,#0000),radial-gradient(closest-side at 72% 68%,#1ba6df38,#0000);width:min(100%,560px);margin-top:1rem;position:relative}.cark__teker{filter:drop-shadow(0 18px 30px #0e0a2e4d);width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.12,.8,.18,1)}.cark__yazi{font-size:17px;font-weight:800}.cark__imlec{z-index:2;filter:drop-shadow(0 4px 6px #0000004d);width:44px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.cark__dugme{aspect-ratio:1;width:24%;font:inherit;letter-spacing:.05em;cursor:pointer;border:6px solid #fff;border-radius:50%;font-size:clamp(.9rem,3vw,1.2rem);font-weight:800;transition:transform .15s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000059}.cark__dugme:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.06)}.cark__dugme:disabled{cursor:wait}.cark__ipucu{color:var(--soluk);margin:0;font-size:.9rem}.cark__hata{color:var(--kirmizi-yazi);margin:0;font-weight:600}.cark__tamekran{color:inherit;cursor:pointer;font:inherit;opacity:.7;background:0 0;border:1px solid;border-radius:999px;padding:.4rem 1rem;font-size:.85rem}.cark--etkinlik{background:radial-gradient(circle at 50% 30%, #2a2163, var(--gece));color:#fff;align-content:center;min-height:100dvh;padding:1.5rem}.cark--etkinlik .cark__aciklama,.cark--etkinlik .cark__ipucu{color:#c9c5e6}.cark--etkinlik .cark__sahne{width:min(88vmin,760px)}.cark--etkinlik h1{font-size:clamp(2rem,5vw,3.5rem)}.cark__sonuc{text-align:center;border:0;border-top:10px solid var(--renk,var(--kan));background:var(--zemin);width:min(92vw,460px);color:var(--metin);border-radius:28px;padding:2rem 1.75rem 1.5rem;animation:.35s cubic-bezier(.3,1.5,.5,1) cark-ac;box-shadow:0 30px 80px #00000073}.cark__sonuc::backdrop{backdrop-filter:blur(3px);background:#0e0a2e99}@keyframes cark-ac{0%{opacity:0;transform:scale(.8)}}.cark__tur{letter-spacing:.1em;text-transform:uppercase;color:var(--renk,var(--kan));font-size:.8rem;font-weight:800;display:inline-block}.cark__sonuc h2{margin:.5rem 0 1rem;font-size:1.45rem}.cark__soru{font-size:1.2rem;font-weight:600}.cark__ikili{justify-content:center;gap:.6rem;display:flex}.cark__dogru,.cark__yanlis{gap:.5rem;font-size:1.2rem;font-weight:800;display:grid}.cark__dogru{color:var(--yesil)}.cark__yanlis{color:var(--kirmizi-yazi)}.cark__dogru span,.cark__yanlis span{color:var(--soluk);font-size:.95rem;font-weight:400}.cark__kapat{color:var(--metin);margin-top:1.25rem}.cark__sonuc .dugme+.cark__kapat{margin-left:.5rem}.konfeti{pointer-events:none;z-index:1000;position:fixed;inset:0;overflow:hidden}.konfeti i{border-radius:2px;width:10px;height:16px;animation:linear forwards konfeti-dus;position:absolute;top:-20px}@keyframes konfeti-dus{to{transform:translate(var(--x), 110vh) rotate(720deg)}}
