/* aa.css — Anket Avı'na özgü görünüm (ortak: /assets/oyun/oyun.css). Renkler tokens.css'ten; kırmızı yok.
   Deste bileşenleri (od-) Ortak Avı'nın onaylı deste görünümüyle aynı; konunun şekli (kişiler + çetele) aa- önekli. */
[hidden] { display: none !important; }
.gorsel-gizli { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.kural-satir { margin: .15rem auto 0; max-width: 28rem; text-align: center; font-size: var(--punto-kucuk); font-weight: 700; color: var(--yardimci-mor); }
.tanitimda .sonuc, .tanitimda .kural-satir, .tanitimda .od-kart, .tanitimda .od-dugmeler { display: none; }
.tanitim-sekil:empty { display: none; }
.tanitim-sekil { margin: 0 auto .6rem; max-width: 26rem; }

/* Deste */
.od-bas { display: grid; grid-template-columns: 1fr; gap: .3rem; align-items: center; }
.od-sayac { margin: 0; font-weight: 700; text-align: center; white-space: nowrap; }
.od-yiginlar { display: flex; justify-content: stretch; gap: .5rem; min-width: 0; }
.od-deste { flex: 1 1 0; min-width: 0; display: flex; flex-wrap: wrap; align-content: center; align-items: center; gap: .35rem; padding: .3rem .6rem; border-radius: 14px; min-height: 3rem; }
.od-sen { background: var(--bal-acik); border: 2px solid var(--bal); }
.od-obur { background: var(--yardimci-acik); border: 2px solid var(--yardimci-mor); }
.od-obur .obur { width: 2.4rem; height: 2.4rem; }
.od-deste-ad { font-size: .8rem; font-weight: 700; line-height: 1.1; }
.od-deste-kartlar { display: flex; flex-wrap: wrap; gap: 2px; flex: 1 1 100%; min-height: .8rem; }
.od-mini { width: .55rem; height: .8rem; border-radius: 2px; background: var(--bal); }
.od-obur .od-mini { background: var(--yardimci-mor); }
.od .kural-satir { margin-top: .4rem; }
.od-kart { margin: .5rem auto .7rem; max-width: 26rem; padding: .9rem 1rem; border-radius: 18px; background: var(--zemin);
  box-shadow: 0 5px 0 var(--nesne-tas-acik), inset 0 0 0 2px var(--nesne-tas-acik); text-align: left; }
.aa-kart { min-height: 9rem; }   /* 360 px'te en uzun kart: düğmeler kartlar arasında kaymasın (G5); test ölçer */
.aa-b1 .aa-kart { min-height: 11.6rem; }
.aa-b3 .aa-kart, .aa-b4 .aa-kart { min-height: 15.2rem; }
.aa-b5 .aa-kart { min-height: 10.4rem; }
.aa-obur-soz { margin: 0 0 .4rem; font-size: 1.02rem; font-weight: 600; }
.aa-etiket { margin: .2rem 0 0; font-size: var(--punto-kucuk); font-weight: 700; color: var(--yardimci-mor); }
.aa-soru { margin: .3rem 0 0; font-weight: 800; color: var(--nesne-gece); }
.od-dugmeler { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: .5rem; max-width: 26rem; margin: 0 auto .7rem; }
.aa-uc { grid-template-columns: 1fr; }
.od-dugme { min-height: 3.2rem; padding: .3rem .5rem; border-radius: 14px; border: 2px solid var(--nesne-tas-acik); background: var(--kart);
  color: var(--metin); font: inherit; font-weight: 700; line-height: 1.25; cursor: pointer; box-shadow: 0 4px 0 var(--nesne-tas-acik); }
.od-dugme:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--nesne-tas-acik); }
.od-dugme:disabled { opacity: .55; cursor: default; transform: none; }

/* Konunun şekli: kişiler sırayla belirir, cevaplar çeteleye düşer (konunun anket etkileşimiyle aynı görünüm) */
.aa-sekil { margin: .5rem 0 0; display: grid; gap: .5rem; }
.aa-iki { grid-template-columns: 1fr 1fr; }
.aa-cetele-kutu { background: var(--kart); border: 2px solid var(--nesne-tas-acik); border-radius: 12px; padding: .4rem .5rem; min-width: 0; }
.aa-cetele-baslik { margin: 0 0 .2rem; font-weight: 800; font-size: .9rem; }
.aa-kisiler { display: flex; flex-wrap: wrap; gap: .25rem .4rem; align-items: flex-end; }
.aa-kisi { display: flex; align-items: flex-end; gap: .1rem; opacity: 0; animation: belir .25s ease-out forwards; animation-delay: calc(var(--sira) * .18s); }
@media (prefers-reduced-motion: reduce) { .aa-kisi { opacity: 1; animation: none; } }
@keyframes belir { to { opacity: 1; } }
.aa-simge .aa-bas { fill: var(--nesne-cevher); }
.aa-simge .aa-govde { fill: var(--nesne-gece); }
.aa-kucuk .aa-govde { fill: var(--bal); }
.aa-yetiskin .aa-govde { fill: var(--nesne-tas-koyu); }
.aa-balon { background: var(--bal-acik); border-radius: .6rem; padding: .05rem .4rem; font-size: .82rem; margin-bottom: .5rem; color: var(--metin); }
.aa-cetele { width: 100%; border-collapse: collapse; margin-top: .3rem; font-size: .85rem; color: var(--metin); }
.aa-cetele th, .aa-cetele td { text-align: left; padding: .12rem .25rem; border-bottom: 1px solid var(--nesne-tas-acik); }
.aa-cetele th { white-space: nowrap; font-size: .78rem; }
.aa-cetele .aa-sayi { text-align: right; font-weight: 800; }
.aa-cizgi line { stroke: var(--metin); stroke-width: 1.6; stroke-linecap: round; }
.sonuc .aa-sekil { margin-top: .6rem; }
/* Telefonda iki çetele alt alta (yan yana "Kaç kişi" sütunu kesiliyordu; G5, T3) */
@media (max-width: 560px) { .aa-iki { grid-template-columns: 1fr; } }
/* Perdedeki kâğıt sorusu: dar ekranda şıklar tek sütun, uzun sözcük taşmaz (G1, G3) */
@media (max-width: 560px) { .kagit-soru .kagit-siklar { grid-template-columns: 1fr; display: grid; } }
.kagit-soru .secenek { overflow-wrap: anywhere; }