/* BRIEF 10 istisnası (m/oyun.html): önceki tasarımın kuralları #oyun altında. Üretilir: cms/araclar/kapsam_css.py oyun */
#oyun{--e-onna:cubic-bezier(.16,1,.3,1);--e-yumusak:cubic-bezier(.45,0,.55,1);--ust:64px;--ust:72px}
html:not(.js) #oyun .yalniz-js{display:none !important}
#oyun .imza{font-family:"Vujahday Script",cursive;font-weight:400;color:#E9C46A;letter-spacing:0;white-space:nowrap}
#oyun .kap{width:100%;max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
#oyun .sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#oyun .dugme-altin:hover,#oyun .dugme-altin:focus-visible{background:#F6F1E7 !important;color:#120A20 !important}
#oyun .dugme-cizgi:hover,#oyun .dugme-cizgi:focus-visible{border-color:#E9C46A !important;color:#E9C46A !important}
@media (max-width:760px){#oyun .kap{padding:0 18px}}
@media (max-width:760px){#oyun .orta-dev{font-size:34px !important;line-height:1.08 !important}}
@media (max-width:760px){#oyun.bolum{padding-top:64px !important;padding-bottom:64px !important}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){#oyun .belir{animation:belir linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){#oyun .belir-2{animation-range:entry 8% entry 65%}}}
#oyun.oyun-bolum{position:relative;overflow:hidden;isolation:isolate}
@supports (overflow:clip){#oyun.oyun-bolum{overflow:clip}}
#oyun .soru-izleri span{position:absolute;z-index:-1;pointer-events:none;font-weight:700;line-height:1;color:rgba(18,10,32,.07)}
#oyun .soru-izleri span:nth-child(1){left:-2%;top:6%;font-size:300px;transform:rotate(-12deg)}
#oyun .soru-izleri span:nth-child(2){left:38%;bottom:3%;font-size:200px;transform:rotate(10deg)}
#oyun .soru-izleri span:nth-child(3){right:3%;top:-4%;font-size:180px;transform:rotate(14deg)}
#oyun .soru-izleri span:nth-child(4){right:30%;top:34%;font-size:120px;transform:rotate(-8deg)}
#oyun .oyun-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
#oyun .oyun-adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
#oyun .oyun-adimlar li{display:flex;align-items:center;gap:14px;font-size:17px}
#oyun .oyun-adimlar li b{font-weight:600}
#oyun .oyun-adimlar li span{flex:none;width:36px;height:36px;border-radius:50%;background:#120A20;color:#E9C46A;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
#oyun .oyun-noktalar{display:flex;gap:8px}
#oyun .oyun-kart{position:relative;container-type:inline-size;padding:22px;border-radius:26px;background:#1A1030;color:#F6F1E7;box-shadow:0 40px 90px rgba(18,10,32,.35)}
#oyun .oyun-ekran{display:flex;flex-direction:column;min-height:600px;min-height:calc(100cqw * 448 / 498 + 132px)}
#oyun .oyun-ekran > div{flex:1 1 auto}
#oyun .oyun-perdeli{position:relative;isolation:isolate;border-radius:18px;overflow:hidden}
#oyun .oyun-onizleme{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;z-index:-1;filter:blur(16px) brightness(.32) saturate(.8)}
#oyun .oyun-giris{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 12px;text-align:center;box-sizing:border-box}
#oyun .oyun-foto{position:relative;aspect-ratio:498/448;border-radius:18px;overflow:hidden;background:#120A20}
#oyun .oyun-foto > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#oyun .oyun-rozet{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:999px;background:rgba(18,10,32,.85);color:#F6F1E7;font-size:13px;font-weight:600}
#oyun .oyun-halka{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#oyun .oyun-halka ellipse{fill:rgba(233,196,106,.12);stroke:#E9C46A;stroke-width:2.5;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}
#oyun .oyun-sonuc{position:absolute;left:14px;right:14px;bottom:14px;margin:0;padding:14px 16px;border-radius:14px;font-size:16px;font-weight:600;line-height:1.4}
#oyun .oyun-ozet{list-style:none;margin:4px 0;padding:0;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}
#oyun .oyun-ozet li{position:relative;width:92px;flex:none}
#oyun .oyun-ozet img{display:block;width:100%;aspect-ratio:498/448;object-fit:cover;border-radius:12px}
#oyun .oyun-isaret{position:absolute;right:-6px;top:-6px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #1A1030}
@media (max-width:420px){#oyun .oyun-ozet li{width:78px}}
#oyun .oyun-cubuk{height:6px;border-radius:999px;background:rgba(246,241,231,.15);overflow:hidden}
#oyun .oyun-cubuk > span{display:block;height:100%;border-radius:inherit;background:#E9C46A}
#oyun .oyun-yanit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
@media (max-width:900px){#oyun .oyun-izgara{grid-template-columns:minmax(0,1fr);gap:36px}}
@media (max-width:760px){#oyun .oyun-kart{padding:14px;border-radius:22px}}
@media (max-width:760px){#oyun .oyun-ekran{min-height:calc(min(100cqw * 448 / 498, 52vh, 360px) + 192px)}}
@media (max-width:760px){#oyun .oyun-foto{max-height:min(52vh,360px);width:100%}}
@media (max-width:760px){#oyun .soru-izleri span:nth-child(1){font-size:200px}}
@media (max-width:760px){#oyun .oyun-yanit{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:no-preference){#oyun .oyun-cubuk > span{transition:width .2s linear}}
@media (prefers-reduced-motion:no-preference){#oyun .oyun-sonuc{animation:cevap-pop .45s var(--e-onna) both}}
@media (prefers-reduced-motion:no-preference){#oyun .oyun-halka ellipse{animation:halka-ciz .6s var(--e-onna) both}}
@media (prefers-reduced-motion:no-preference){#oyun .oyun-giris,#oyun .oyun-foto > img{animation:bul-gel .4s var(--e-onna) both}}
#oyun .y02745{margin: 0px;max-width: 440px;font-size: 17px;line-height: 1.7;color: rgb(42, 27, 69)}
#oyun .y18852{display: flex;flex-direction: column;gap: 24px;min-width: 0px;align-self: start}
#oyun .y2dbd1{display: flex;align-items: center;gap: 12px}
#oyun .y2e6fb{margin: 0px;font-size: 13px;font-weight: 600;letter-spacing: 0.08em;color: rgb(42, 27, 69)}
#oyun .y33ba9{min-height: 52px;padding: 0px 30px;border: 0px;border-radius: 999px;background: rgb(233, 196, 106);color: rgb(18, 10, 32);font-size: 16px;font-weight: 600;cursor: pointer}
#oyun .y44799{color: rgb(42, 27, 69);font-size: 1.15em}
#oyun .y65814{margin: 0px;font-size: 26px;line-height: 1.25;font-weight: 600}
#oyun .y87350{margin: 0px;font-size: 15px;color: rgb(217, 208, 230)}
#oyun .ya9256{margin: 0px;font-size: 56px;line-height: 1.04;font-weight: 600;letter-spacing: -0.03em}
#oyun.yc8151{padding: 110px 0px;background: rgb(233, 196, 106);color: rgb(18, 10, 32)}
#oyun .ycf130{font-size: 14px;font-weight: 500;color: rgb(42, 27, 69)}
#oyun .ye229a{display: block;width: 14px;height: 14px;border-radius: 50%;box-sizing: border-box;background: transparent;border: 2px solid rgba(18, 10, 32, 0.45)}
@keyframes belir{from{transform:translateY(26px)}to{transform:none}}
@keyframes bul-gel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cevap-pop{0%{opacity:0;transform:translateY(12px) scale(.94)}60%{opacity:1;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes halka-ciz{from{stroke-dashoffset:60;opacity:0}to{stroke-dashoffset:0;opacity:1}}