/* Etkinlik Atölyesi · 2 kişilik düello (1.85.0). Tüm kurallar .oea-root altındadır.
 * Oyuncu 1 = Mavi ● , Oyuncu 2 = Turuncu ▲ (renk körlüğüne uygun çift; ayrıca simge, ad ve metin etiketi vardır).
 * Koyu renkli zeminde beyaz yazı: mavi #1d4ed8 (6,7:1), turuncu #c2410c (5,2:1). */
.oea-root .oea-du [hidden]{display:none!important}
.oea-root .oea-du-p0{--dc:#1d4ed8;--dl:#e8efff}
.oea-root .oea-du-p1{--dc:#c2410c;--dl:#fff0e6}
.oea-root .oea-du-sec .oea-mode,.oea-root .oea-du-modlar .oea-mode{min-height:44px}
.oea-root .oea-du .oea-say{width:44px;height:44px;min-width:44px;font-size:1em}
.oea-root .oea-du{display:flex;flex-direction:column;gap:.8em;color:#1f2347;min-width:0}
.oea-root .oea-du :is(h3,p){color:#1f2347}
.oea-root .oea-du button{touch-action:manipulation}

/* Kurulum */
.oea-root .oea-du-kur{background:#fff;border:3px solid #dfe3f5;border-radius:20px;padding:1em 1.2em;max-width:36em;margin:.4em auto;text-align:center;align-items:stretch}
.oea-root .oea-du-kur h3{font-size:1.3em}
.oea-root .oea-du-ac,.oea-root .oea-du-modac{line-height:1.5;font-weight:600}
.oea-root .oea-du-adlar{display:grid;grid-template-columns:minmax(0,1fr);gap:.5em;text-align:left}
.oea-root .oea-du-satir{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;border:3px solid var(--dc);border-radius:14px;padding:.4em .7em;background:var(--dl);font-weight:700;color:#1f2347}
.oea-root .oea-du-satir .oea-du-sim{font-size:1.3em;color:var(--dc)}
.oea-root .oea-du-etk{flex:1 1 12em;font-size:.9em}
.oea-root .oea-du-in{flex:1 1 8em;width:8em;min-width:0;max-width:100%;min-height:44px;border:2px solid #b8c0e0;border-radius:10px;padding:.3em .6em;font:inherit;font-weight:800;background:#fff;color:#1f2347}
.oea-root .oea-du-in:focus-visible{outline:3px solid var(--dc);outline-offset:2px}
.oea-root .oea-du-gizli{text-align:center}
.oea-root .oea-du-modlar{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap}
.oea-root .oea-du-ters-k{display:flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;font-weight:700;cursor:pointer;text-align:left}
.oea-root .oea-du-ters-k input{width:1.4em;height:1.4em;flex:none}
.oea-root .oea-du-kur .oea-actions{justify-content:center}

/* Skor kartları */
.oea-root .oea-du-skor{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.oea-root .oea-du-kart{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2em .5em;border:4px solid var(--dc);border-radius:16px;padding:.5em .6em;background:#fff;color:var(--dc);font-weight:800;min-height:44px;min-width:0}
.oea-root .oea-du-kart .oea-du-ad{overflow-wrap:anywhere}
.oea-root .oea-du-kart .oea-du-puan{font-size:1.8em;line-height:1;color:#1f2347}
.oea-root .oea-du-kart .oea-du-etiket{flex-basis:100%;text-align:center;font-size:.75em;letter-spacing:.06em;min-height:1.2em}
.oea-root .oea-du-kart.sira{background:var(--dc);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--dc),transparent 70%)}
.oea-root .oea-du-kart.sira .oea-du-puan{color:#fff}
.oea-root .oea-du-sim{font-size:1.1em;line-height:1}

/* Orta bilgi alanı */
.oea-root .oea-du-orta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;text-align:center;min-width:0}
.oea-root .oea-du-orta-s{flex-direction:row;flex-wrap:wrap;gap:.3em .8em}
.oea-root .oea-du-tur{font-weight:900;font-size:1.05em;color:#1f2347}
.oea-root .oea-du-duyuru{font-weight:800;min-height:2.6em;display:flex;align-items:center;justify-content:center;font-size:.95em;color:#1f2347;overflow-wrap:anywhere}
.oea-root .oea-du-sonra-k{display:flex;justify-content:center}
.oea-root .oea-du-orta .oea-du-sonra{width:100%}

/* Alan ve paneller */
.oea-root .oea-du-alan{display:grid;grid-template-columns:1fr;gap:.8em;align-items:stretch;min-width:0}
.oea-root .oea-du-hiz .oea-du-alan{grid-template-columns:minmax(0,1fr) 11em minmax(0,1fr)}
.oea-root .oea-du-panel{display:flex;flex-direction:column;border:4px solid var(--dc,#7a86b8);border-radius:20px;background:#fff;overflow:hidden;min-width:0}
.oea-root .oea-du-panel.oea-du-notr{--dc:#6b7599}
.oea-root .oea-du-bas{display:flex;align-items:center;gap:.5em;background:var(--dc);color:#fff;padding:.45em .8em;font-weight:900;min-height:44px}
.oea-root .oea-du-bas .oea-du-ad{flex:1;min-width:0;overflow-wrap:anywhere}
.oea-root .oea-du-bas .oea-du-sim{font-size:1.2em}
.oea-root .oea-du-pl{font-size:.85em;white-space:nowrap}
.oea-root .oea-du-pl b{font-size:1.5em;vertical-align:-.1em}
.oea-root .oea-du-gv{padding:.7em .8em;flex:1;text-align:center}
.oea-root .oea-du-dr{min-height:2.4em;padding:.35em .8em .6em;font-weight:800;font-size:.9em;text-align:center;color:var(--dc,#1f2347)}
.oea-root .oea-du-panel.kazandi{background:var(--dl);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc),transparent 65%)}
.oea-root .oea-du-panel.kilit .oea-du-opts{opacity:.55}
.oea-root .oea-du-q{display:flex;align-items:center;justify-content:center;gap:.5em;text-align:center;margin-bottom:.6em}
.oea-root .oea-du-s{font-size:1.25em;line-height:1.3;overflow-wrap:anywhere}
.oea-root .oea-du-s:focus{outline:none}
.oea-root .oea-du-alt-s{text-align:center;font-weight:700;letter-spacing:.04em;margin-bottom:.6em;overflow-wrap:anywhere}
.oea-root .oea-du-dogru{text-align:center;font-weight:900;color:#0b6b36;margin:.4em 0}
.oea-root .oea-du-opts{display:grid;grid-template-columns:1fr;gap:.55em}
.oea-root .oea-du-sira .oea-du-opts{grid-template-columns:1fr 1fr;max-width:46em;margin:0 auto}
.oea-root .oea-du-opt{display:flex;align-items:center;justify-content:flex-start;gap:.6em;text-align:left;min-height:48px;padding:.5em .8em;overflow-wrap:anywhere;font-size:1em}
.oea-root .oea-du-opt:focus-visible{outline:3px solid var(--dc);outline-offset:2px}
.oea-root .oea-du-opt .oea-du-t{flex:1;min-width:0}
.oea-root .oea-du-tus{flex:none;display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:8px;background:var(--dc);color:#fff;font-size:.85em;font-weight:900}
.oea-root .oea-du:not(.oea-du-ks) .oea-du-tus{display:none}
.oea-root .oea-du-opt[disabled]{opacity:.6}
.oea-root .oea-du-opt.ok[disabled],.oea-root .oea-du-opt.bad[disabled]{opacity:1}
.oea-root .oea-du-sonuclar{display:grid;gap:.5em;margin:.6em 0 .2em}
.oea-root .oea-du-sonuc{display:flex;align-items:center;gap:.6em;border:3px solid var(--dc);border-radius:14px;padding:.4em .8em;background:var(--dl);font-weight:800;min-height:44px;color:#1f2347}
.oea-root .oea-du-sonuc b{flex:1;min-width:0;overflow-wrap:anywhere}
.oea-root .oea-du-sonuc.dogru{border-style:solid}
.oea-root .oea-du-sonuc.yanlis{border-style:dashed}

/* Karşılıklı oturma: üstteki alan ters döner, bilgi ortada */
.oea-root .oea-du-ters .oea-du-alan{display:flex;flex-direction:column}
.oea-root .oea-du-ters .oea-du-panel.oea-du-p0{order:3}
.oea-root .oea-du-ters .oea-du-orta{order:2}
.oea-root .oea-du-ters .oea-du-panel.oea-du-p1{order:1;transform:rotate(180deg)}

/* Alt çubuk */
.oea-root .oea-du-alt{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}
.oea-root .oea-du-alt .oea-ibtn{min-height:44px;font-size:.9em}

/* Hafıza tahtası */
.oea-root .oea-du-mem{border:4px solid var(--dc);border-radius:20px;padding:.7em;background:var(--dl)}
.oea-root .oea-du-mem{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.oea-root .oea-du-mem .oea-card-m{min-height:44px;min-width:0}
.oea-root .oea-du-kartm:focus-visible{outline:3px solid var(--dc);outline-offset:2px}
.oea-root .oea-du-mem .oea-card-m.done .f{background:#fff}
.oea-root .oea-du-mem .oea-card-m.oea-du-s0 .f{border-color:#1d4ed8}
.oea-root .oea-du-mem .oea-card-m.oea-du-s1 .f{border-color:#c2410c;border-style:dashed}
.oea-root .oea-du-rz{position:absolute;right:.3em;bottom:.1em;font-style:normal;font-size:.9em}
.oea-root .oea-du-mem .oea-card-m.oea-du-s0 .oea-du-rz{color:#1d4ed8}
.oea-root .oea-du-mem .oea-card-m.oea-du-s1 .oea-du-rz{color:#c2410c}
.oea-root .oea-du-mem .oea-card-m .f span{font-size:1em;overflow-wrap:anywhere;line-height:1.15}

/* Sonuç */
.oea-root .oea-du-son{position:relative;text-align:center;align-items:center;padding:.6em 0}
.oea-root .oea-du-sonbas{font-size:1.7em;outline:none}
.oea-root .oea-du-pod{display:grid;gap:.5em;width:100%;max-width:26em}
.oea-root .oea-du-pr{display:flex;align-items:center;gap:.7em;border:3px solid var(--dc);border-radius:16px;padding:.5em .9em;background:#fff;color:#1f2347;font-size:1.1em;min-height:44px}
.oea-root .oea-du-pr i{font-style:normal;font-size:1.5em}
.oea-root .oea-du-pr b{flex:1;text-align:left;min-width:0;overflow-wrap:anywhere;color:var(--dc)}
.oea-root .oea-du-pr span{font-weight:900}
.oea-root .oea-du-pr.kazanan{background:var(--dl);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc),transparent 70%)}
.oea-root .oea-du-ozet{font-weight:700;max-width:34em}
.oea-root .oea-du-kayit{max-width:34em}
.oea-root .oea-du-son .oea-actions{justify-content:center}

/* Dokunmatik ekranda klavye tuş etiketleri gösterilmez */
@media (hover:none) and (pointer:coarse){
  .oea-root .oea-du-tus{display:none!important}
}

/* Dar ekran: alanlar alt alta */
@media (max-width:820px){
  .oea-root .oea-du-hiz .oea-du-alan{grid-template-columns:1fr}
  .oea-root .oea-du-sira .oea-du-opts{grid-template-columns:1fr}
}
@media (max-width:480px){
  .oea-root .oea-du-kur{padding:.8em .7em}
  .oea-root .oea-du-gv{padding:.6em .6em}
  .oea-root .oea-du-s{font-size:1.1em}
  .oea-root .oea-du-mem{padding:.4em;gap:.35em;border-width:3px}
  .oea-root .oea-du-mem .oea-card-m .f span{font-size:.85em}
}
@media (prefers-reduced-motion:reduce){
  .oea-root .oea-du *{animation:none!important;transition:none!important}
}