/* Etkinlik Atölyesi - tüm kurallar .oea-root altında, diğer site bölümlerini etkilemez */
.oea-root,.oea-root *{box-sizing:border-box}
.oea-root{
  --ink:#1b2340;--ink2:#4a5578;--bg:#f3f5fb;--card:#fff;--line:#e3e8f4;
  --pri:#4a3fd6;--pri2:#6b5cf5;--ok:#12a150;--okbg:#e4f8ec;--bad:#d93a3a;--badbg:#fde8e8;--star:#f5a400;
  --g1:#f59e0b;--g2:#0ea5e9;--g3:#f43f5e;--g4:#10b981;
  --r:20px;--sh:0 6px 20px rgba(27,35,64,.08);
  --fs:18px;
  font-family:"Segoe UI","Trebuchet MS",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:var(--fs);line-height:1.45;color:var(--ink);background:var(--bg);
  border-radius:24px;padding:0;margin:0 auto;max-width:1240px;min-height:70vh;position:relative;overflow:hidden;
}
.oea-root.oea-big{--fs:22px}
.oea-root.oea-board{--fs:26px;max-width:none;border-radius:0;min-height:100vh}
.oea-root.oea-read{letter-spacing:.04em;word-spacing:.18em;line-height:1.75}
.oea-root:fullscreen{overflow:auto;max-width:none;border-radius:0}
:where(.oea-root) button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
:where(.oea-root) button:focus-visible,:where(.oea-root) input:focus-visible,:where(.oea-root) a:focus-visible{outline:3px solid var(--pri2);outline-offset:2px}
:where(.oea-root) a{color:var(--pri);text-decoration:none}
:where(.oea-root) :is(h1,h2,h3,h4){margin:0;color:var(--ink);line-height:1.2;font-weight:800}
:where(.oea-root) p{margin:0}
.oea-yukleniyor,.oea-noscript{padding:3em 1em;text-align:center;color:var(--ink2)}

/* Üst çubuk */
.oea-top{display:flex;flex-wrap:wrap;align-items:center;gap:.6em .8em;padding:.8em 1.1em;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.oea-logo{display:flex;align-items:center;gap:.5em;font-weight:800;font-size:1.1em;cursor:pointer;color:var(--ink)}
.oea-logo i{font-style:normal;display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:12px;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;font-size:1em}
.oea-search{flex:1 1 200px;min-width:160px;display:flex}
.oea-search input{width:100%;font:inherit;padding:.55em .9em;border:2px solid var(--line);border-radius:999px;background:#fafbff;color:var(--ink)}
.oea-top-btns{display:flex;gap:.4em;margin-left:auto;flex-wrap:wrap}
.oea-ibtn{min-height:2.6em;padding:.45em .9em;border-radius:999px;background:#eef0fb;color:var(--ink);font-weight:700;font-size:.85em;display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}
.oea-ibtn:hover{background:#e2e6f9}
.oea-ibtn.on{background:var(--pri);color:#fff}
.oea-main{padding:1.2em 1.1em 2em}
.oea-foot{padding:1em 1.2em 1.4em;text-align:center;font-size:.72em;color:var(--ink2);border-top:1px solid var(--line);background:var(--card)}
.oea-foot a{color:var(--ink2);text-decoration:underline}

/* Genel kartlar */
.oea-hero{display:grid;gap:1.2em;grid-template-columns:1.2fr 1fr;align-items:stretch;margin-bottom:1.4em}
.oea-hero-l{background:linear-gradient(135deg,#4a3fd6,#7a5cf5 60%,#a06bff);color:#fff;border-radius:var(--r);padding:1.5em 1.6em;box-shadow:var(--sh)}
.oea-hero-l h1{color:#fff;font-size:1.7em;margin-bottom:.3em}
.oea-hero-l p{opacity:.92;font-size:.95em}
.oea-stats{display:flex;gap:.6em;margin-top:1em;flex-wrap:wrap}
.oea-chipstat{background:rgba(255,255,255,.18);border-radius:999px;padding:.35em .9em;font-weight:700;font-size:.85em}
.oea-card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:1.2em 1.3em}
.oea-card h2{font-size:1.1em;margin-bottom:.4em}
.oea-sec{margin:1.6em 0 .7em;font-size:1.15em;font-weight:800}
.oea-grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1em}
.oea-grade{border-radius:var(--r);color:#fff;padding:1.1em 1em;text-align:left;min-height:7.4em;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--sh);transition:transform .15s}
.oea-grade:hover{transform:translateY(-3px)}
.oea-grade b{font-size:2.3em;line-height:1}
.oea-grade span{font-weight:700;font-size:.9em;opacity:.95}
.oea-g1{background:linear-gradient(135deg,#f59e0b,#f97316)}
.oea-g2{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.oea-g3{background:linear-gradient(135deg,#f43f5e,#e11d74)}
.oea-g4{background:linear-gradient(135deg,#10b981,#059669)}
.oea-g5{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.oea-today{display:flex;gap:1em;align-items:center}
.oea-today .oea-emo{font-size:2.6em;width:1.4em;text-align:center}
.oea-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:2.8em;padding:.5em 1.3em;border-radius:999px;background:var(--pri);color:#fff!important;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.18)}
.oea-btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.18)}
.oea-btn.sec{background:#eef0fb;color:var(--ink)!important;box-shadow:none}
.oea-btn.sm{min-height:2.4em;padding:.35em 1em;font-size:.85em}
.oea-row2{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.oea-crumb{display:flex;gap:.4em;align-items:center;flex-wrap:wrap;margin-bottom:.9em;font-size:.85em;color:var(--ink2)}
.oea-crumb button{color:var(--pri);font-weight:700}
.oea-h{font-size:1.6em;margin-bottom:.15em}
.oea-sub{color:var(--ink2);margin-bottom:1em;font-size:.92em}
.oea-tabs{display:flex;gap:.45em;flex-wrap:wrap;margin:.6em 0 1.1em}
.oea-tab{padding:.45em 1em;border-radius:999px;background:#fff;border:2px solid var(--line);font-weight:700;font-size:.85em}
.oea-tab.on{background:var(--ink);border-color:var(--ink);color:#fff}
.oea-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1em}
.oea-pack{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:1em 1.1em 1.1em;text-align:left;display:flex;flex-direction:column;gap:.35em;border-top:6px solid var(--gc,var(--pri));transition:transform .15s}
.oea-pack:hover{transform:translateY(-3px)}
.oea-pack .oea-emo{font-size:2em}
.oea-pack h3{font-size:1.02em}
.oea-pack p{font-size:.8em;color:var(--ink2)}
.oea-tag{display:inline-block;font-size:.68em;font-weight:800;padding:.2em .7em;border-radius:999px;background:var(--gc,var(--pri));color:#fff;align-self:flex-start}
.oea-bar{height:.6em;border-radius:99px;background:#e9ecf8;overflow:hidden;margin-top:auto}
.oea-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--star),#ffcd4d);border-radius:99px;transition:width .3s}
.oea-small{font-size:.75em;color:var(--ink2)}
.oea-acts{display:grid;gap:.7em}
.oea-act{display:flex;gap:.9em;align-items:center;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:.8em 1em}
.oea-act .oea-emo{font-size:1.9em;width:1.5em;text-align:center}
.oea-act .oea-at{flex:1;min-width:0}
.oea-act h3{font-size:1em}
.oea-act .oea-small{display:block}
.oea-acts-btns{display:flex;gap:.4em;flex-wrap:wrap;justify-content:flex-end}
.oea-stars{color:#d5d9ea;letter-spacing:.05em;font-size:1.05em;white-space:nowrap}
.oea-stars b{color:var(--star);font-weight:400}
.oea-empty{text-align:center;color:var(--ink2);padding:2em 1em}
.oea-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1em}
.oea-badge{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:1em;text-align:center}
.oea-badge .oea-emo{font-size:2.6em}
.oea-badge.lock{opacity:.5;filter:grayscale(1)}
.oea-badge b{display:block;margin:.2em 0}

/* Oyun alanı */
.oea-play{display:flex;flex-direction:column;gap:.9em}
.oea-phead{display:flex;align-items:center;gap:.7em;flex-wrap:wrap}
.oea-phead h2{font-size:1.15em;flex:1;min-width:8em}
.oea-prog{height:.7em;background:#dfe3f5;border-radius:99px;overflow:hidden}
.oea-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--pri),var(--pri2));width:0;transition:width .3s}
.oea-stage{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:1.3em;min-height:20em}
.oea-q{display:flex;align-items:center;gap:.7em;justify-content:center;text-align:center;margin-bottom:1em}
.oea-q h3{font-size:1.5em}
.oea-vis{text-align:center;font-size:2.4em;line-height:1.3;margin-bottom:.4em;word-break:break-word}
.oea-say{width:2.6em;height:2.6em;border-radius:50%;background:#eef0fb;font-size:1em;flex:none}
.oea-opts{display:grid;grid-template-columns:1fr 1fr;gap:.8em;max-width:46em;margin:0 auto}
.oea-opt{min-height:3.4em;padding:.6em 1em;border-radius:16px;background:#f4f6ff;border:3px solid #dfe3f5;font-weight:800;font-size:1.05em;transition:transform .1s}
.oea-opt:hover{border-color:var(--pri2)}
.oea-opt.ok{background:var(--okbg);border-color:var(--ok);color:#0b6b36}
.oea-opt.bad{background:var(--badbg);border-color:var(--bad);color:#8f1f1f}
.oea-opt[disabled]{cursor:default}
.oea-fb{min-height:1.8em;text-align:center;font-weight:800;margin-top:.9em}
.oea-fb.ok{color:var(--ok)}.oea-fb.bad{color:var(--bad)}
.oea-shake{animation:oeashake .35s}
@keyframes oeashake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.oea-pop{animation:oeapop .3s}
@keyframes oeapop{0%{transform:scale(.8)}60%{transform:scale(1.08)}100%{transform:scale(1)}}

/* Sayı klavyesi */
.oea-calc{display:grid;grid-template-columns:1fr minmax(15em,18em);gap:1.4em;align-items:center}
.oea-eq{text-align:center}
.oea-eq .oea-vis{margin-bottom:.2em}
.oea-eqt{font-size:2.6em;font-weight:800;letter-spacing:.03em}
.oea-disp{margin:.5em auto 0;min-width:4em;max-width:8em;padding:.25em .5em;border:4px solid var(--pri2);border-radius:16px;font-size:2.2em;font-weight:800;text-align:center;min-height:1.5em;background:#fafaff}
.oea-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.oea-pad button{min-height:3.2em;border-radius:16px;background:#eef0fb;font-weight:800;font-size:1.3em;box-shadow:0 3px 0 #cfd5ee}
.oea-pad button:active{transform:translateY(2px);box-shadow:none}
.oea-pad .go{background:var(--ok);color:#fff;box-shadow:0 3px 0 #0b7a3a}

/* Boşluk doldurma */
.oea-sent{font-size:1.7em;font-weight:800;text-align:center;line-height:1.7;margin-bottom:.8em}
.oea-blank{display:inline-block;min-width:3.4em;border-bottom:4px dashed var(--pri2);padding:0 .3em;color:var(--ok);line-height:1.05;vertical-align:baseline}
.oea-chips{display:flex;flex-wrap:wrap;gap:.7em;justify-content:center}
.oea-chip{min-height:2.9em;padding:.4em 1.2em;border-radius:999px;background:#fff;border:3px solid #dfe3f5;font-weight:800;touch-action:manipulation}
.oea-chip:hover{border-color:var(--pri2)}
.oea-chip.sel{background:var(--pri);color:#fff;border-color:var(--pri)}
.oea-chip.ok{background:var(--okbg);border-color:var(--ok);color:#0b6b36}
.oea-chip.bad{background:var(--badbg);border-color:var(--bad)}
.oea-chip[disabled]{opacity:.45;cursor:default}

/* Eşleştirme */
.oea-match{display:grid;grid-template-columns:1fr 1fr;gap:1.4em;max-width:44em;margin:0 auto}
.oea-col{display:grid;gap:.7em;align-content:start}
.oea-m{min-height:3.2em;padding:.5em .8em;border-radius:16px;background:#f4f6ff;border:3px solid #dfe3f5;font-weight:800;text-align:center}
.oea-m.sel{border-color:var(--pri);background:#e9e6ff;transform:scale(1.03)}
.oea-m.done{opacity:.55;cursor:default}
.oea-m.c0{background:#fde68a;border-color:#f59e0b}.oea-m.c1{background:#bae6fd;border-color:#0ea5e9}.oea-m.c2{background:#fecdd3;border-color:#f43f5e}
.oea-m.c3{background:#bbf7d0;border-color:#10b981}.oea-m.c4{background:#ddd6fe;border-color:#7c3aed}.oea-m.c5{background:#fed7aa;border-color:#ea580c}

/* Sıralama */
.oea-slots{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center;min-height:4.4em;padding:.7em;border:3px dashed #cfd5ee;border-radius:18px;margin-bottom:1em;background:#fafbff}
.oea-ord-n{width:1.9em;height:1.9em;border-radius:50%;background:var(--ink);color:#fff;display:inline-grid;place-items:center;font-size:.75em;margin-right:.5em;flex:none}
.oea-chip.ord{display:inline-flex;align-items:center;text-align:left}
.oea-actions{display:flex;gap:.7em;justify-content:center;margin-top:1em;flex-wrap:wrap}

/* Hafıza */
.oea-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:.7em;max-width:40em;margin:0 auto}
.oea-card-m{aspect-ratio:1/1;min-height:4.4em;perspective:600px;position:relative}
.oea-card-m .in{position:absolute;inset:0;transition:transform .35s;transform-style:preserve-3d}
.oea-card-m.flip .in,.oea-card-m.done .in{transform:rotateY(180deg)}
.oea-card-m .f,.oea-card-m .b{position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:.2em;text-align:center;font-weight:800}
.oea-card-m .b{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;font-size:1.6em}
.oea-card-m .f{background:#fff;border:3px solid #dfe3f5;transform:rotateY(180deg);font-size:1.05em;overflow:hidden}
.oea-card-m.done .f{background:var(--okbg);border-color:var(--ok)}

/* Gruplandırma */
.oea-sort-pool{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center;min-height:4em;margin-bottom:1.1em;padding:.4em}
.oea-bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(11em,1fr));gap:1em}
.oea-bin{border:3px dashed #cfd5ee;border-radius:18px;padding:.7em;min-height:9em;background:#fafbff;text-align:center}
.oea-bin.hot{border-color:var(--pri2);background:#efecff}
.oea-bin h4{margin:0 0 .5em;font-size:1em}
.oea-bin .in{display:flex;flex-wrap:wrap;gap:.4em;justify-content:center}
.oea-bin .oea-chip{min-height:2.2em;padding:.2em .8em;font-size:.9em;pointer-events:none}
.oea-ghost{position:fixed;z-index:9999;pointer-events:none;opacity:.9;transform:translate(-50%,-50%) scale(1.08)}
.oea-sort-pool .oea-chip{touch-action:none}

/* Sonuç */
.oea-res{text-align:center;padding:1em 0}
.oea-res .oea-bigstars{font-size:3.4em;letter-spacing:.1em;color:#d5d9ea}
.oea-res .oea-bigstars b{color:var(--star);font-weight:400;display:inline-block;animation:oeapop .5s both}
.oea-res h2{font-size:1.6em;margin:.2em 0}
.oea-newbadge{display:inline-flex;gap:.5em;align-items:center;background:#fff7d6;border:2px solid #f5c542;border-radius:999px;padding:.35em 1em;margin:.3em;font-weight:800;font-size:.9em}
.oea-conf{position:absolute;left:0;right:0;top:0;height:0;overflow:visible;pointer-events:none}
.oea-conf i{position:absolute;top:-10px;width:10px;height:16px;border-radius:2px;animation:oeafall 2.4s linear forwards}
@keyframes oeafall{to{transform:translateY(420px) rotate(540deg);opacity:0}}
.oea-toast{position:fixed;left:50%;bottom:1.4em;transform:translateX(-50%);background:var(--ink);color:#fff;padding:.7em 1.3em;border-radius:999px;font-weight:700;z-index:9999;font-size:.9rem;box-shadow:var(--sh)}

/* Ayarlar paneli */
.oea-pop-panel{position:absolute;right:1em;top:4.4em;width:min(22em,calc(100% - 2em));background:#fff;border-radius:var(--r);box-shadow:0 12px 40px rgba(27,35,64,.25);padding:1em 1.1em;z-index:8}
.oea-pop-panel label{display:flex;align-items:center;gap:.7em;padding:.55em 0;font-weight:700;border-bottom:1px solid var(--line);cursor:pointer}
.oea-pop-panel label:last-child{border:0}
.oea-pop-panel input{width:1.3em;height:1.3em}

/* Yazdırma */
#oea-print{display:none}
@media print{
  body>*:not(#oea-print){display:none!important}
  #oea-print{display:block!important;font-family:"Segoe UI",Arial,sans-serif;color:#000;font-size:14pt}
  #oea-print .pg{page-break-after:always;padding:0}
  #oea-print .pg:last-child{page-break-after:auto}
  #oea-print h1{font-size:20pt;margin:0 0 4pt}
  #oea-print .hd{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:6pt;margin-bottom:12pt;font-size:12pt}
  #oea-print .q{margin:0 0 14pt;break-inside:avoid;font-size:14pt}
  #oea-print .q b{margin-right:6pt}
  #oea-print .ln{display:inline-block;min-width:120pt;border-bottom:1.5px solid #000}
  #oea-print .cols{display:grid;grid-template-columns:1fr 1fr;gap:30pt}
  #oea-print .ft{margin-top:20pt;border-top:1px solid #888;padding-top:4pt;font-size:9pt;color:#444;text-align:center}
  #oea-print .tk-arrow{font-family:"TTKB Dik Temel Abece Arrow","Segoe UI",Arial,sans-serif;font-size:60pt;line-height:1.05}
  #oea-print .tk-dot{font-family:"TTKB Dik Temel Abece Dot","Segoe UI",Arial,sans-serif;font-size:36pt;letter-spacing:8pt;color:#555;white-space:nowrap;overflow:hidden;line-height:1.2}
  #oea-print .ruled{border-bottom:1.5px solid #000;height:34pt;margin:0 0 10pt}
  #oea-print .yrow{break-inside:avoid;margin-bottom:12pt}
  #oea-print .box{display:inline-block;min-width:34pt;min-height:22pt;border:1.5px solid #000;vertical-align:middle;margin:0 2pt}
}


/* TTKB Dik Temel Abece (MEB / TTKB) - dosyalar eklentideki "yazi" klasöründedir */
/* Not: "Uni" dosyası ince, gölge çizgili (ghost) olduğu için ekranda bulanık görünüyordu; 400 ağırlığı da düz dolgulu Bold dosyasına bağlandı. */
@font-face{font-family:"TTKB Dik Temel Abece";src:url("../yazi/TTKBDikTemelAbeceBold.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"TTKB Dik Temel Abece";src:url("../yazi/TTKBDikTemelAbeceBold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"TTKB Dik Temel Abece Dot";src:url("../yazi/TTKBDikTemelAbeceDot.ttf") format("truetype");font-display:swap}
@font-face{font-family:"TTKB Dik Temel Abece Arrow";src:url("../yazi/TTKBDikTemelAbeceArrow.ttf") format("truetype");font-display:swap}
.oea-ttkb{font-family:"TTKB Dik Temel Abece","Segoe UI","Trebuchet MS",system-ui,sans-serif}
.oea-ttkb .oea-q h3{font-size:1.5em;font-weight:400}
.oea-ttkb .oea-opt,.oea-ttkb .oea-m,.oea-ttkb .oea-chip{font-size:1.5em;font-weight:400}
.oea-ttkb .oea-sent{font-size:2.1em;font-weight:400}
.oea-ttkb .oea-ord-n{font-family:"Segoe UI",system-ui,sans-serif}
.oea-ttkb .oea-bin h4{font-weight:400;font-size:1.25em}
.oea-teach{text-align:center;font-size:.8em;color:var(--ink2);margin:-.4em 0 .8em}
.oea-say.big{width:3.2em;height:3.2em;font-size:1.2em;background:var(--pri);color:#fff}
.oea-yaz{display:grid;gap:.7em}
.oea-yaz-model{text-align:center;font-family:"TTKB Dik Temel Abece Arrow","TTKB Dik Temel Abece","Segoe UI",system-ui,sans-serif;font-size:6.5em;line-height:1.05;color:var(--ink)}
.oea-yaz-box{position:relative;height:15em;border:3px solid #cfd5ee;border-radius:18px;background:#fff;overflow:hidden}
.oea-dotbg{position:absolute;inset:0;display:grid;place-items:center;font-family:"TTKB Dik Temel Abece Dot","TTKB Dik Temel Abece","Segoe UI",system-ui,sans-serif;color:#8b96bd;line-height:1;pointer-events:none;white-space:nowrap}
.oea-yaz-box canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}

/* Duyarlı */
@media (max-width:820px){
  .oea-hero,.oea-row2,.oea-calc{grid-template-columns:1fr}
  .oea-grades{grid-template-columns:1fr 1fr}
  .oea-opts{grid-template-columns:1fr}
  .oea-act{flex-wrap:wrap}
  .oea-acts-btns{justify-content:flex-start;width:100%}
  .oea-mem{grid-template-columns:repeat(4,1fr)}
  .oea-eqt{font-size:2.1em}
}
@media (max-width:480px){
  .oea-root{--fs:16px;border-radius:0}
  .oea-top{position:static}
  .oea-b-tahta{display:none}
  .oea-main{padding:1em .8em 1.6em}
  .oea-top{padding:.6em .7em}
  .oea-stage{padding:.9em .7em}
  .oea-match{gap:.7em}
}
@media (prefers-reduced-motion:reduce){
  .oea-root *{animation:none!important;transition:none!important}
}
.oea-voice{padding:.3em 0 .6em;border-bottom:1px solid var(--line)}
.oea-voice select{font:inherit;max-width:100%;padding:.3em .4em;border-radius:8px;border:1px solid var(--line)}
.oea-voice label{border:0;padding:.3em 0;flex-wrap:wrap;gap:.4em}
.oea-vis.multi{white-space:pre-line;text-align:left;font-size:1.5rem;line-height:1.7;display:table;margin:0 auto .6em}
.oea-passage{background:#fff8e6;border:2px dashed #f0c36a;border-radius:var(--r);padding:.9em 1.1em;margin:0 0 1em;text-align:left}
.oea-passage-t{font-size:1.15em;line-height:1.7}
.oea-passage .oea-say{margin-top:.5em;width:auto;padding:.35em .9em;border-radius:99px;font-weight:700}
.oea-big .oea-passage-t{font-size:1.5em}

/* Network sitesinin portal görünümü içinde (üst çubuk + sol menü ile) açıldığında site stillerinin
   başlık, paragraf ve bağlantı ayarlarını bu aracın kendi ayarlarına geri çevirir. */
.oea-root.oea-shell :is(h1,h2,h3,h4){font-family:inherit;font-weight:800;letter-spacing:normal;line-height:1.2;margin:0;color:var(--ink)}
.oea-root.oea-shell p{margin:0}
.oea-root.oea-shell a{text-underline-offset:auto}
.oea-root.oea-shell .oea-hero-l h1{color:#fff;font-size:1.7em;margin-bottom:.3em}
.oea-root.oea-shell h1.oea-h{font-size:1.6em;margin-bottom:.15em}
.oea-root.oea-shell .oea-card h2{font-size:1.1em;margin-bottom:.4em}
.oea-root.oea-shell .oea-pack h3{font-size:1.02em}
.oea-root.oea-shell .oea-act h3{font-size:1em}
.oea-root.oea-shell .oea-phead h2{font-size:1.15em}
.oea-root.oea-shell .oea-q h3{font-size:1.5em}
.oea-root.oea-shell.oea-ttkb .oea-q h3,.oea-root.oea-shell .oea-ttkb .oea-q h3{font-weight:400}
.oea-root.oea-shell .oea-res h2{font-size:1.6em;margin:.2em 0}
.oea-root.oea-shell .oea-teach{margin:-.4em 0 .8em}
.oea-root.oea-shell a.oea-btn,.oea-root.oea-shell a.oea-btn:hover{color:#fff!important;text-decoration:none}
.oea-root.oea-shell a.oea-btn.sec{color:var(--ink)!important}
.oea-root.oea-shell a.oea-ibtn{color:var(--ink);text-decoration:none}
.oea-root.oea-shell a.oea-ibtn.on{color:#fff}

.oea-lock{max-width:520px;margin:2em auto;text-align:center;background:var(--card,#fff);border-radius:20px;padding:2em 1.4em;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.oea-lock-ic{font-size:3em}
.oea-lock p{color:var(--ink2);line-height:1.5}
.oea-lock .oea-actions{justify-content:center;flex-wrap:wrap}
.oea-lock a.oea-btn{text-decoration:none;display:inline-block}

/* ortaokul etkinlik türleri */
.oea-svg{display:block;margin:.4em auto}
.oea-chartbox{margin:0 auto .8em;text-align:center}
.oea-chart-t{font-weight:800;margin-bottom:.3em;color:var(--ink,#2a2d52)}
.oea-tab2{border-collapse:collapse;margin:.3em auto;min-width:min(100%,320px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #dfe3f5}
.oea-tab2 th,.oea-tab2 td{padding:.5em 1em;border:1px solid #dfe3f5;text-align:center;font-weight:700}
.oea-tab2 th{background:#ece9ff}
.oea-sekil{text-align:center;margin:.4em 0 .8em}
.oea-kesir-row{display:flex;flex-wrap:wrap;gap:1.4em;justify-content:center;align-items:flex-end}
.oea-kesir-cell{display:flex;flex-direction:column;align-items:center;gap:.3em;flex:1 1 220px;max-width:480px}
.oea-kc:focus{outline:3px solid #f59e0b}
.oea-toks{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin:1em 0;font-size:1.15em}
.oea-tok{min-height:2.6em}
.oea-passage-t{white-space:pre-line}
.oea-g6{background:linear-gradient(135deg,#14b8a6,#0d9488)}
.oea-g7{background:linear-gradient(135deg,#ec4899,#be185d)}
.oea-g8{background:linear-gradient(135deg,#f97316,#c2410c)}
.oea-g9{background:linear-gradient(135deg,#14b8a6,#0e7490)}
.oea-g10{background:linear-gradient(135deg,#6366f1,#4338ca)}
.oea-g11{background:linear-gradient(135deg,#d946ef,#a21caf)}
.oea-g12{background:linear-gradient(135deg,#64748b,#334155)}

/* ===== Oyun modları (Balon Patlat, Yarış Pisti, Canavar Düellosu) ===== */
.oea-modes{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin:.2em 0 .8em;padding:.6em .8em;background:#fff;border:2px dashed var(--line);border-radius:18px}
.oea-modes-t{font-weight:800;color:var(--ink2);margin-right:.3em}
.oea-mode{padding:.45em .95em;border-radius:999px;background:#f4f6ff;border:2px solid #dfe3f5;font-weight:800;font-size:.95em;transition:transform .1s,background .15s}
.oea-mode:hover{transform:translateY(-1px);border-color:var(--pri2)}
.oea-mode.on{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(74,63,214,.35)}
.oea-hud{font-weight:900;font-size:1.1em;text-align:right;color:var(--ink2);min-height:1.5em}
/* balon */
.oea-arena{position:relative;height:340px;margin:.5em 0;border-radius:22px;overflow:hidden;background:linear-gradient(#bfe6ff,#eaf8ff);border:3px solid #cfe8f8;touch-action:manipulation}
.oea-arena.oea-ar-ilk{background:linear-gradient(#ffe6f2,#fff7d6)}
.oea-arena.oea-ar-lise{background:linear-gradient(#25205c,#4b3f9e);border-color:#352c7a}
.oea-bal{position:absolute;top:0;width:118px;min-height:132px;padding:.6em .5em 1.6em;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:900;line-height:1.15;cursor:pointer;box-shadow:inset -8px -10px 18px rgba(0,0,0,.18),0 6px 14px rgba(0,0,0,.18);will-change:transform;word-break:break-word}
.oea-bal::after{content:"";position:absolute;left:50%;bottom:-34px;width:2px;height:36px;background:rgba(80,80,80,.55)}
.oea-bal-t{font-size:1em;max-width:100%;pointer-events:none}
.oea-arena.oea-ar-ilk .oea-bal{width:138px;min-height:150px;font-size:1.15em}
.oea-bal.b0{background:#ef476f}.oea-bal.b1{background:#118ab2}.oea-bal.b2{background:#f59e0b;color:#3a2600}.oea-bal.b3{background:#06a77d}.oea-bal.b4{background:#8b5cf6}
.oea-bal.pop{animation:oea-balpop .45s forwards}
.oea-bal.away{animation:oea-balaway .45s forwards}
.oea-bal.bad{animation:oea-balbad .45s forwards}
@keyframes oea-balpop{0%{scale:1;opacity:1}40%{scale:1.5;opacity:1}100%{scale:2;opacity:0}}
@keyframes oea-balaway{to{scale:.4;opacity:0}}
@keyframes oea-balbad{0%{scale:1;opacity:1;filter:grayscale(0)}100%{scale:.6;opacity:0;filter:grayscale(1)}}
/* yarış */
.oea-track{border-radius:20px;padding:.5em .6em;margin:.3em 0 .6em;border:3px solid #d8e0ef;background:#eef9e8}
.oea-track.oea-tr-pist{background:repeating-linear-gradient(90deg,#4a4f5c 0 38px,#555b69 38px 40px);border-color:#2f333d}
.oea-track.oea-tr-uzay{background:radial-gradient(circle at 20% 30%,#4b3f9e,#16123f);border-color:#2a2370}
.oea-lane{position:relative;height:3.3em;border-bottom:2px dashed rgba(255,255,255,.45);color:#243}
.oea-tr-pist .oea-lane,.oea-tr-uzay .oea-lane{color:#fff}
.oea-lane:last-child{border-bottom:0}
.oea-lane-n{position:absolute;left:.3em;top:.1em;font-size:.7em;font-weight:900;opacity:.75;z-index:1}
.oea-flag{position:absolute;right:.2em;top:50%;transform:translateY(-50%);font-size:1.7em}
.oea-runner{position:absolute;top:50%;margin-top:-.8em;font-size:2.1em;line-height:1;transition:left .7s ease;will-change:left}
.oea-runner.rv{transition:left .25s linear}
.oea-runner.turbo{filter:drop-shadow(0 0 8px #ff7a00) drop-shadow(0 0 14px #ffd000)}
.oea-race-info{text-align:center;font-weight:900;color:var(--ink2);min-height:1.6em;margin-bottom:.4em}
/* düello */
.oea-duel{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:.6em;align-items:center;padding:.9em;border-radius:22px;margin:.3em 0 .8em;background:linear-gradient(135deg,#fff3e0,#ffe0f0);border:3px solid #f6d6e6}
.oea-duel.oea-du-orta{background:linear-gradient(135deg,#e5f0ff,#ede3ff);border-color:#d4daf6}
.oea-duel.oea-du-lise{background:linear-gradient(135deg,#1e1b4b,#3b1d5e);border-color:#2c2470;color:#fff}
.oea-duel.oea-du-lise .oea-mon-n,.oea-duel.oea-du-lise .oea-duel-msg{color:#fff}
.oea-duel-side{text-align:center}
.oea-kah,.oea-mon{display:inline-block;font-size:3.6em;line-height:1.05;transition:transform .2s}
.oea-mon{font-size:4.4em}
.oea-hearts{min-height:1.5em;font-weight:800;font-size:1.05em}
.oea-mon-n{font-weight:900;font-size:.95em}
.oea-hpbar{height:14px;border-radius:999px;background:rgba(0,0,0,.15);overflow:hidden;margin:.3em auto 0;max-width:12em}
.oea-hpbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .5s}
.oea-duel-msg{text-align:center;font-weight:900;color:var(--ink2);min-height:2.4em}
.oea-kah.atk{animation:oea-atk .5s}
.oea-mon.hit{animation:oea-hit .55s}
.oea-mon.atk2{animation:oea-atk2 .5s}
.oea-kah.hurt{animation:oea-hit .5s}
.oea-mon.dead{animation:oea-dead .8s forwards}
@keyframes oea-atk{0%{transform:translateX(0)}50%{transform:translateX(34px) scale(1.15)}100%{transform:translateX(0)}}
@keyframes oea-atk2{0%{transform:translateX(0)}50%{transform:translateX(-34px) scale(1.12)}100%{transform:translateX(0)}}
@keyframes oea-hit{0%,100%{transform:translateX(0);filter:none}20%{transform:translateX(-8px) rotate(-6deg);filter:brightness(1.6) sepia(1) hue-rotate(-30deg)}60%{transform:translateX(8px) rotate(6deg)}}
@keyframes oea-dead{to{transform:rotate(25deg) scale(.5);opacity:.2}}
.oea-defeat{font-size:4.5em;filter:grayscale(.6)}
.oea-race-q{margin-top:.4em}
@media (max-width:620px){
  .oea-arena{height:300px}
  .oea-bal{width:92px;min-height:108px;font-size:.88em}
  .oea-arena.oea-ar-ilk .oea-bal{width:108px;min-height:122px}
  .oea-duel{grid-template-columns:1fr 1fr;grid-template-areas:"a c" "b b"}
  .oea-duel-mid{grid-column:1/-1;order:3}
  .oea-kah{font-size:2.8em}.oea-mon{font-size:3.4em}
}
@media (prefers-reduced-motion:reduce){
  .oea-bal,.oea-runner,.oea-hpbar i{transition:none}
  .oea-kah.atk,.oea-mon.hit,.oea-mon.atk2,.oea-kah.hurt{animation:none}
}
/* şifre kasası */
.oea-safe{border-radius:22px;padding:1em;margin:.3em 0 .8em;text-align:center;background:linear-gradient(135deg,#eef2f7,#d7dee9);border:3px solid #b8c3d4}
.oea-safe.oea-sf-ilk{background:linear-gradient(135deg,#fff3e0,#ffe0f0);border-color:#f6d6e6}
.oea-safe.oea-sf-lise{background:linear-gradient(135deg,#1e1b4b,#2b2d5e);border-color:#2c2470;color:#fff}
.oea-safe-t{font-weight:900;margin-bottom:.5em;min-height:1.5em}
.oea-ksl{display:flex;gap:.5em;justify-content:center;margin:.3em 0 .6em}
.oea-slot{width:2.2em;height:2.8em;line-height:2.8em;border-radius:12px;background:#fff;color:#2a2f45;border:3px solid #9aa7bd;font-weight:900;font-size:1.5em;box-shadow:inset 0 3px 6px rgba(0,0,0,.12)}
.oea-slot.on{background:#fff7c2;border-color:#f5a400;animation:oea-pop .35s}
.oea-lamps{letter-spacing:.2em;min-height:1.4em}
.oea-note{max-width:22em;margin:.5em auto 0;text-align:left;background:#fffbe6;color:#3b3200;border-radius:10px;padding:.5em .8em;box-shadow:2px 3px 8px rgba(0,0,0,.15);transform:rotate(-.6deg)}
.oea-note-t{font-weight:900;margin-bottom:.2em}
.oea-note-l{font-size:.95em}
/* hazine haritası */
.oea-map-info{text-align:center;font-weight:900;color:var(--ink2);min-height:1.8em;margin-bottom:.4em}
.oea-map{display:grid;grid-template-columns:repeat(6,1fr);gap:.4em;padding:.7em;border-radius:20px;margin-bottom:.8em;background:#e8f7e0;border:3px solid #cfe9c3}
.oea-map.oea-mp-orta{background:linear-gradient(#bfe6ff,#fdf0c8);border-color:#cfe8f8}
.oea-map.oea-mp-lise{background:linear-gradient(135deg,#3b2f2a,#5a4636);border-color:#3b2f2a}
.oea-tile{position:relative;height:3.6em;border-radius:14px;background:rgba(255,255,255,.75);border:2px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:1.3em}
.oea-tile.gecti{opacity:.5}
.oea-tile.simdi{background:#fff;border-color:var(--pri2);box-shadow:0 0 0 3px rgba(107,92,245,.25)}
.oea-tile.t-hedef{background:#fff3b0;border-color:#f5a400}
.oea-tile.t-tuzak{background:#ffe3e3}
.oea-tile.t-bonus{background:#e1f6ff}
.oea-tile-s{font-style:normal}
.oea-pawn{position:absolute;top:-.55em;right:-.2em;font-size:1.25em;animation:oea-hop .7s infinite alternate}
@keyframes oea-hop{to{transform:translateY(-6px)}}
@media (max-width:620px){.oea-map{grid-template-columns:repeat(5,1fr)}.oea-tile{height:3em;font-size:1.1em}}

/* ===== Branşa özel oyunlar (oea-brans.js) ===== */
.oea-ibtn.big{min-width:2.8em;min-height:2.8em;font-size:1.3em;font-weight:900;border-radius:14px}
.oea-br-ctr{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center;align-items:center;margin:.8em 0}
.oea-br-val{font-weight:900;font-size:1.2em;min-width:6em;text-align:center;color:var(--ink2)}
.oea-br-bank{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}
/* terazi */
.oea-ter{--a:0deg;position:relative;height:18em;max-width:32em;margin:1.2em auto 0}
.oea-ter-beam{position:absolute;left:12%;right:12%;top:4.2em;z-index:1;height:.7em;border-radius:99px;background:linear-gradient(#8a5a2b,#6d4520);transform:rotate(var(--a));transition:transform .7s cubic-bezier(.3,1.5,.5,1);box-shadow:0 3px 0 rgba(0,0,0,.18)}
.oea-ter-pan{position:absolute;top:.35em;width:38%;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;transform:rotate(calc(var(--a) * -1));transition:transform .7s cubic-bezier(.3,1.5,.5,1)}
.oea-ter-pan.l{left:-7%}.oea-ter-pan.r{right:-7%}
.oea-ter-str{width:2px;height:2.6em;background:#7a5a37}
.oea-ter-tray{min-width:7em;min-height:5.6em;width:100%;display:flex;flex-wrap:wrap;gap:.2em;align-content:flex-end;justify-content:center;padding:.4em .4em .3em;border-bottom:.45em solid #b9893f;border-radius:0 0 40% 40%/0 0 30% 30%;background:rgba(255,236,190,.55)}
.oea-ter-tok{font-size:1.55em;line-height:1}
.oea-ter-tok.x{font-size:1.05em;font-weight:900;align-self:center}
.oea-ter-yuk{font-weight:900;font-size:1.5em;background:#fff6d8;border:3px solid #e0b33a;border-radius:14px;padding:.2em .7em}
.oea-ter-w{min-width:2.6em;min-height:2.6em;border-radius:999px;font-weight:900;background:#ffd24a;border:3px solid #c99700;color:#4a3500;padding:0 .5em;box-shadow:0 3px 0 rgba(0,0,0,.2)}
.oea-ter-w.b{min-width:3em;min-height:3em;font-size:1.05em}
.oea-ter-post{position:absolute;left:50%;top:4.4em;bottom:1.2em;width:.8em;margin-left:-.4em;background:linear-gradient(90deg,#6d4520,#8a5a2b);border-radius:6px}
.oea-ter-base{position:absolute;left:50%;bottom:0;width:9em;margin-left:-4.5em;height:1.3em;border-radius:12px 12px 4px 4px;background:#6d4520}
.oea-ter.dengede .oea-ter-beam{box-shadow:0 0 0 4px rgba(18,161,80,.35),0 3px 0 rgba(0,0,0,.18)}
/* haritada bul */
.oea-hr{display:grid;gap:2px;max-width:36em;margin:.5em auto;padding:6px;background:#fff;border:3px solid var(--line);border-radius:16px;align-items:stretch}
.oea-hr-ax{display:grid;place-items:center;font-size:.72em;font-weight:900;color:var(--ink2);min-height:1.6em}
.oea-hc{aspect-ratio:1;min-height:1.8em;display:grid;place-items:center;font-size:1.25em;border-radius:6px;padding:0;position:relative;border:0}
.oea-hr-ilk .oea-hc{font-size:1.8em;border-radius:12px}
.oea-hz-deniz{background:#8fd0ff}.oea-hz-ova{background:#b9e8a0}.oea-hz-dag{background:#cdb48a}.oea-hz-orman{background:#86c970}.oea-hz-gol{background:#6bb9f0}.oea-hz-col{background:#f2dd9b}.oea-hz-yol{background:#e8d5b0}
.oea-hc:hover{filter:brightness(1.08);outline:2px solid var(--pri2)}
.oea-hc.yer{box-shadow:inset 0 0 0 2px rgba(0,0,0,.18)}
.oea-hc.ok{outline:4px solid var(--ok);animation:oeapop .5s}
.oea-hc.bad{outline:3px solid var(--bad);background-image:linear-gradient(rgba(217,58,58,.35),rgba(217,58,58,.35))}
.oea-hc.goster{outline:4px dashed var(--pri);animation:oeapop .8s infinite alternate}
.oea-hr-leg{text-align:center;margin:.2em 0}
/* zaman makinesi */
.oea-zm-card{display:flex;align-items:center;gap:.7em;justify-content:center;background:#fff6d8;border:3px solid #e0b33a;border-radius:16px;padding:.7em 1em;margin:.4em auto .8em;max-width:30em;font-size:1.15em}
.oea-zm-ik{font-size:1.8em}
.oea-zm{display:flex;flex-direction:column;gap:.25em;max-width:34em;margin:0 auto;padding-left:.3em;border-left:6px solid var(--pri2)}
.oea-zm-slot{min-height:1.9em;border:2px dashed #b9b3f0;border-radius:12px;background:rgba(107,92,245,.06);color:var(--pri);font-weight:800;font-size:.85em}
.oea-zm-slot:hover,.oea-zm-slot.goster{background:rgba(107,92,245,.2);border-color:var(--pri)}
.oea-zm-slot.bad{border-color:var(--bad);background:var(--badbg)}.oea-zm-slot.ok{border-color:var(--ok);background:var(--okbg)}
.oea-zm-ev{display:flex;gap:.7em;align-items:center;background:#fff;border:2px solid var(--line);border-radius:14px;padding:.5em .8em;font-weight:700}
.oea-zm-y{min-width:4.6em;text-align:center;background:var(--pri);color:#fff;border-radius:999px;font-weight:900;padding:.15em .7em;font-size:.85em}
.oea-zm.ilk .oea-zm-y{background:var(--ok);min-width:2em}
.oea-zm.ilk .oea-zm-slot{min-height:2.4em;font-size:1em}
/* kelime avı */
.oea-ka{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;align-items:flex-start}
.oea-ka-grid{display:grid;gap:2px;flex:1 1 20em;max-width:30em;padding:6px;background:#fff;border:3px solid var(--line);border-radius:16px}
.oea-ka-c{aspect-ratio:1;display:grid;place-items:center;font-weight:900;font-size:clamp(.8em,3.6vw,1.25em);border-radius:8px;background:#f4f5ff;border:0;padding:0;color:var(--ink)}
.oea-ka-c:hover{background:#dfe2ff}
.oea-ka-c.sec{background:var(--pri);color:#fff}
.oea-ka-c.ipucu{background:#ffd24a;animation:oeapop .5s infinite alternate}
.oea-ka-c.bulundu{color:#fff}
.oea-ka-c.r0{background:#12a150}.oea-ka-c.r1{background:#e8590c}.oea-ka-c.r2{background:#1c7ed6}.oea-ka-c.r3{background:#ae3ec9}.oea-ka-c.r4{background:#d6336c}.oea-ka-c.r5{background:#0c8599}
.oea-ka-list{flex:1 1 13em;max-width:20em;display:flex;flex-direction:column;gap:.4em}
.oea-ka-w{display:flex;gap:.6em;align-items:center;background:#fff;border:2px solid var(--line);border-radius:14px;padding:.4em .7em}
.oea-ka-w.ok{background:var(--okbg);border-color:var(--ok)}
.oea-ka-ik{font-size:1.5em}
.oea-ka-t{display:flex;flex-direction:column;line-height:1.2}
.oea-ka-s{font-weight:900;letter-spacing:.12em}
.oea-ka-t small{color:var(--ink2);font-weight:600}
/* deney laboratuvarı */
.oea-dn{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin:.6em 0}
.oea-dn-bench,.oea-dn-meter{flex:1 1 16em;max-width:24em;background:#fff;border:3px solid var(--line);border-radius:18px;padding:.9em 1em;display:flex;flex-direction:column;gap:.6em;align-items:center}
.oea-dn-vis{font-size:3em;min-height:1.3em;transition:transform .25s,opacity .25s}
.oea-dn-x{font-weight:900;font-size:1.1em}
.oea-dn-row{display:flex;gap:.5em;align-items:center;width:100%}
.oea-dn-row input[type=range]{flex:1;min-width:0;accent-color:var(--pri)}
.oea-dn-goal{font-weight:900;color:var(--pri)}
.oea-dn-gauge{position:relative;width:100%;height:1.8em;background:#eef0ff;border-radius:99px;overflow:hidden;border:2px solid var(--line)}
.oea-dn-gauge i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4dabf7,#12a150);transition:width .25s}
.oea-dn-hedef{position:absolute;top:0;bottom:0;width:4px;background:#e8590c;margin-left:-2px}
.oea-dn-oku{font-weight:800;color:var(--ink2);min-height:1.4em}
.oea-dn-kural{margin:.5em auto;max-width:34em;background:#eef9ff;border-left:6px solid #1c7ed6;padding:.6em .9em;border-radius:10px;font-weight:700}
@media (prefers-reduced-motion:reduce){.oea-ter-beam,.oea-ter-pan,.oea-hc.goster,.oea-ka-c.ipucu{transition:none;animation:none}}

/* Gizli kelime */
.oea-gz-w{display:flex;flex-wrap:wrap;gap:.35em;justify-content:center;margin:.7em 0 .3em}
.oea-gz-l{width:1.5em;height:1.9em;line-height:1.9em;text-align:center;font-weight:900;font-size:1.6em;border-bottom:4px solid #4a3fd6;color:#1d4ed8;background:#f4f6ff;border-radius:8px 8px 0 0}
.oea-gz-l.on{animation:oea-pop .35s}
.oea-gz-l.lost{color:#dc2626;border-bottom-color:#dc2626}
.oea-gz-h{text-align:center;letter-spacing:.1em;min-height:1.6em;font-size:1.1em}
.oea-gz-kb{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.3em,1fr));gap:.35em;max-width:36em;margin:.6em auto}
.oea-gz-k{min-height:2.5em;border-radius:12px;background:#fff;border:2px solid var(--line);font-weight:800;font-size:1em;color:var(--ink);cursor:pointer}
.oea-gz-k:hover:not(:disabled){background:#eef0fb}
.oea-gz-k.ok{background:#d1fae5;border-color:#10b981;color:#065f46}
.oea-gz-k.bad{background:#fee2e2;border-color:#ef4444;color:#991b1b;opacity:.75}
.oea-gz-ip{text-align:center;margin-top:.4em}
.oea-acts-h{grid-column:1/-1;font-weight:900;font-size:1.05em;color:var(--ink);margin:.8em 0 .1em;padding-left:.2em}

.oea-hc-w{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:.8em 0;font-size:2.3em;font-weight:900}
.oea-hc-c{padding:0 .03em;color:#1d4ed8}
.oea-hc-g{width:.55em;height:1.5em;margin:0 .08em;padding:0;background:#f4f6ff;border:2px dashed #c7cbe8;border-radius:8px;cursor:pointer;position:relative;font:inherit}
.oea-hc-g:hover:not(:disabled){background:#e4e8ff}
.oea-hc-g.on{background:#fde68a;border:2px solid #f59e0b}
.oea-hc-g.on::after{content:'';position:absolute;left:18%;right:18%;top:50%;height:.12em;min-height:4px;border-radius:3px;background:#92400e;transform:translateY(-50%)}
.oea-hc-g.x{border-color:#ef4444;background:#fee2e2}
.oea-ag-s{display:flex;flex-wrap:wrap;gap:.35em;justify-content:center;margin:.7em 0 .3em}
.oea-ag-sl{width:1.5em;height:1.9em;line-height:1.7em;text-align:center;font-weight:900;font-size:1.6em;border:0;border-bottom:4px solid #4a3fd6;color:#1d4ed8;background:#f4f6ff;border-radius:8px 8px 0 0;cursor:pointer;padding:0}
.oea-ag-sl.on{animation:oea-pop .25s}
.oea-ag-sl.good{color:#047857;border-bottom-color:#10b981;background:#ecfdf5}
.oea-ag-sl.lost{color:#dc2626;border-bottom-color:#dc2626}
.oea-ag-t{display:flex;flex-wrap:wrap;gap:.45em;justify-content:center;margin:.9em 0}
.oea-ag-tb{min-width:2.3em;height:2.6em;border-radius:12px;background:#fff;border:2px solid var(--line);font-weight:900;font-size:1.35em;color:var(--ink);cursor:pointer}
.oea-ag-tb:hover:not(:disabled){background:#eef0fb}
.oea-ag-tb:disabled{opacity:.2;cursor:default}
@media(max-width:560px){.oea-ag-sl,.oea-gz-l{font-size:1.2em;width:1.35em}.oea-ag-s,.oea-gz-w{gap:.25em}.oea-hc-w{font-size:1.9em}.oea-ag-tb{min-width:2.1em;height:2.4em;font-size:1.2em}}

/* İlkokul (1-4. sınıf) tüm ekranlarda TTKB Dik Temel Abece: ayar "ttkb_ilkokul" */
.oea-ttkb-ilk,.oea-ttkb-ilk button,.oea-ttkb-ilk input,.oea-ttkb-ilk select,.oea-ttkb-ilk textarea,.oea-ttkb-ilk :is(h1,h2,h3,h4,h5,p,span,div,a,li,b,strong,label){font-family:"TTKB Dik Temel Abece","Segoe UI","Trebuchet MS",system-ui,sans-serif}
.oea-ttkb-ilk .oea-q h3{font-size:1.5em;font-weight:400}
.oea-ttkb-ilk .oea-opt,.oea-ttkb-ilk .oea-m,.oea-ttkb-ilk .oea-chip{font-size:1.4em;font-weight:400}
.oea-ttkb-ilk .oea-sent{font-weight:400}
.oea-ttkb-ilk .oea-ord-n{font-family:"Segoe UI",system-ui,sans-serif}
.oea-ttkb-ilk .oea-bin h4{font-weight:700}
.oea-ttkb-ilk :is(h1,h2,.oea-btn,.oea-tag,.oea-pack h3){font-weight:700}
.oea-ttkb-ilk .oea-yaz-model{font-family:"TTKB Dik Temel Abece Arrow","TTKB Dik Temel Abece","Segoe UI",system-ui,sans-serif}
.oea-ttkb-ilk .oea-dotbg{font-family:"TTKB Dik Temel Abece Dot","TTKB Dik Temel Abece","Segoe UI",system-ui,sans-serif}
#oea-print.oea-ttkb-ilk,#oea-print.oea-ttkb-ilk :is(div,span,p,b,td,th,li):not(.tk-arrow):not(.tk-dot){font-family:"TTKB Dik Temel Abece","Segoe UI",Arial,sans-serif}
/* yaratıcı oyunlar: macera + dedektif */
.oea-mc-giris{background:#fff7e0;border:2px dashed #e7c15a;border-radius:16px;padding:.9em 1.1em;margin-bottom:.9em;font-weight:700;line-height:1.55;font-size:1.05em}
.oea-mc-kart{display:flex;gap:.9em;align-items:flex-start;background:#fff;border:3px solid #dfe3f5;border-radius:18px;padding:1em 1.1em;margin-bottom:.9em;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.oea-mc-kart.son{border-color:var(--ok)}
.oea-mc-ik{font-size:2.4em;line-height:1}
.oea-mc-m{font-size:1.1em;line-height:1.6;font-weight:600;color:var(--ink,#1f2347)}
.oea-mc-yol{font-size:.9em;opacity:.85;margin:.2em 0 .8em;line-height:1.5}
.oea-mc-sec{display:grid;gap:.7em}
.oea-mc-btn{display:flex;gap:.8em;align-items:center;text-align:left;min-height:3.2em;padding:.7em 1em;border-radius:14px;border:3px solid #dfe3f5;background:#fff;font-weight:700;font-size:1.02em;line-height:1.45;color:var(--ink,#1f2347);touch-action:manipulation}
.oea-mc-btn:hover{border-color:var(--pri2)}
.oea-mc-no{flex:none;width:2em;height:2em;border-radius:50%;background:var(--pri);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.oea-mc-son{background:#eefbf2;border:2px solid var(--ok);border-radius:16px;padding:.9em 1.1em;margin-bottom:.9em}
.oea-mc-son h3{margin:0 0 .35em;color:#0b6b36}
.oea-mc-son p{margin:0;line-height:1.6;font-weight:600;color:var(--ink,#1f2347)}
.oea-dd-ba{font-weight:800;margin-bottom:.5em;opacity:.9}
.oea-dd-kartlar{display:grid;gap:.65em;margin:.6em 0}
.oea-dd-kart{display:flex;flex-wrap:wrap;gap:.7em;align-items:flex-start;text-align:left;padding:.75em 1em;border-radius:14px;border:3px solid #dfe3f5;background:#fff;font-weight:600;line-height:1.5;font-size:1.02em;color:var(--ink,#1f2347);touch-action:manipulation}
.oea-dd-kart:hover{border-color:var(--pri2)}
.oea-dd-kart.sel{background:#eef0ff;border-color:var(--pri)}
.oea-dd-kart.ok{background:var(--okbg);border-color:var(--ok)}
.oea-dd-kart.neutral{opacity:.8}
.oea-dd-no{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#2a2d52;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.9em}
.oea-dd-t{flex:1 1 12em}
.oea-dd-ac{flex-basis:100%;font-size:.92em;font-weight:700;padding-top:.35em;border-top:1px dashed rgba(0,0,0,.18)}

/* ---- Düşünce Macerası: zengin oynanış ---- */
.oea-mc2{animation:oeamcin .35s ease-out}
.oea-mc-ust{display:flex;flex-wrap:wrap;gap:.6em .9em;align-items:center;justify-content:space-between;margin-bottom:.8em}
.oea-mc-serit{flex:1 1 15em;min-width:0}
.oea-mc-hat{height:8px;border-radius:99px;background:#e4e7f7;overflow:hidden;margin-bottom:.45em}
.oea-mc-hat i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pri2),#f59e0b);transition:width .5s ease}
.oea-mc-dots{display:flex;gap:.35em}
.oea-mc-as{flex:1;display:flex;align-items:center;gap:.35em;font-size:.78em;font-weight:800;opacity:.55;min-width:0}
.oea-mc-as b{flex:none;width:1.8em;height:1.8em;border-radius:50%;background:#e4e7f7;color:#4a4f7a;display:inline-flex;align-items:center;justify-content:center}
.oea-mc-as span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oea-mc-as.bitti{opacity:1}.oea-mc-as.bitti b{background:var(--ok);color:#fff}
.oea-mc-as.suan{opacity:1}.oea-mc-as.suan b{background:var(--pri);color:#fff}
.oea-mc-as.yeni b{animation:oeapop .6s}
.oea-mc-kalp{flex:none;font-size:1.15em;letter-spacing:.05em;white-space:nowrap}
.oea-mc-kalp small{font-size:.65em;font-weight:800;opacity:.7;letter-spacing:0}
.oea-mc-banner{background:linear-gradient(90deg,#fff3c4,#ffe4a8);border:2px solid #e7c15a;border-radius:14px;padding:.5em .9em;margin-bottom:.8em;font-weight:900;text-align:center;animation:oeamcin .5s ease-out}
.oea-mc-pusula{border-radius:14px;padding:.55em .9em;margin-bottom:.8em;font-weight:800;animation:oeamcin .35s ease-out}
.oea-mc-pusula.iyi{background:#eefbf2;border:2px solid var(--ok);color:#0b6b36}
.oea-mc-pusula.eh{background:#fff4e0;border:2px solid #f0a53a;color:#8a4b00}
.oea-mc2 .oea-mc-ik{animation:oeamcfloat 3s ease-in-out infinite}
.oea-mc2.a1 .oea-mc-kart{background:#f6faff}.oea-mc2.a2 .oea-mc-kart{background:#fffaf0}.oea-mc2.a3 .oea-mc-kart{background:#fff5f5}
.oea-mc2.aS .oea-mc-kart{background:#f2fcf6}
.oea-mc-ozet{display:flex;flex-wrap:wrap;gap:.4em 1.2em;justify-content:center;font-weight:800;margin:.2em 0 .8em;font-size:.95em}
.oea-mc-sonbaslik{text-align:center;margin:.3em 0 .4em}
.oea-mc-sonlar{display:flex;flex-wrap:wrap;gap:.45em;justify-content:center;margin-bottom:.7em}
.oea-mc-sonchip{border:2px dashed #c9cde8;border-radius:99px;padding:.25em .8em;font-size:.88em;font-weight:700;background:#f4f5fc;color:#6a6f94}
.oea-mc-sonchip.bul{border-style:solid;border-color:var(--ok);background:var(--okbg);color:#0b6b36}
.oea-mc-sonchip.suan{box-shadow:0 0 0 3px rgba(18,161,80,.25)}
.oea-mc-rozet{text-align:center;font-weight:900;background:linear-gradient(90deg,#fff3c4,#ffe0a0);border:2px solid #e7c15a;border-radius:14px;padding:.6em;margin-bottom:.8em;animation:oeapop .6s}
.oea-mc-not{text-align:center;font-weight:700;opacity:.85;margin-bottom:.8em}
@keyframes oeamcin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes oeamcfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* ---- Kanıt Dedektifi: zengin oynanış ---- */
.oea-dd-jok{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin:.4em 0}
.oea-dd-jb{border:2px solid var(--pri2);background:#fff;color:var(--pri);border-radius:99px;padding:.4em .95em;font-weight:800;font-size:.9em;cursor:pointer;font-family:inherit}
.oea-dd-jb:hover:not(:disabled){background:#eef0ff}
.oea-dd-jb:disabled{opacity:.45;cursor:default;border-color:#c9cde8;color:#6a6f94}
.oea-dd-bilgi{text-align:center;font-weight:800;color:var(--pri);min-height:0}
.oea-dd-bilgi:not(:empty){margin:.3em 0;animation:oeamcin .3s ease-out}
.oea-dd-wrap{position:relative}
.oea-dd-kart.ele{opacity:.35;text-decoration:line-through;cursor:default;background:#f0f0f4}
.oea-dd-damga{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);border:6px double #d93a3a;color:#d93a3a;border-radius:12px;padding:.15em .6em;font-size:clamp(1.6rem,7vw,2.8rem);font-weight:900;letter-spacing:.08em;background:rgba(255,255,255,.55);pointer-events:none;animation:oeadamga 2.6s ease both;z-index:3;white-space:nowrap}
.oea-dd-damga.kalici{position:static;display:inline-block;transform:rotate(-6deg);font-size:1.5rem;margin-bottom:.6em;animation:none;opacity:1}
.oea-dd-son{text-align:center;background:#fff;border:3px solid #dfe3f5;border-radius:18px;padding:1em;margin-bottom:.9em}
.oea-dd-rb-buyuk{font-size:3.4em;line-height:1;animation:oeapop .6s}
.oea-dd-son h3{margin:.2em 0}
.oea-dd-son p{margin:0 0 .8em;font-weight:600;line-height:1.55}
.oea-dd-rutbeler{display:flex;gap:.6em;justify-content:center;flex-wrap:wrap}
.oea-dd-rb{display:flex;flex-direction:column;align-items:center;gap:.1em;padding:.5em .9em;border-radius:14px;border:2px dashed #c9cde8;opacity:.5;font-size:.9em}
.oea-dd-rb i{font-style:normal;font-size:1.6em}
.oea-dd-rb.gecti{opacity:.8;border-style:solid;border-color:var(--ok)}
.oea-dd-rb.suan{opacity:1;border-style:solid;border-color:var(--pri);background:#eef0ff;box-shadow:0 0 0 3px rgba(74,63,214,.2)}
@keyframes oeadamga{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(2.2)}18%{opacity:.92;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}75%{opacity:.92;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.oea-dd-damga:not(.kalici){display:none}.oea-mc2,.oea-mc2 .oea-mc-ik,.oea-mc-banner,.oea-mc-pusula,.oea-dd-damga,.oea-mc-hat i,.oea-dd-rb-buyuk,.oea-mc-rozet{animation:none;transition:none}}

/* ---- Klasik oyunlar: zengin oynanış katmanı (hafıza, eşleştirme, sıralama, gruplandırma) ---- */
.oea-zg{margin-bottom:.8em}
.oea-zg-hat{height:8px;border-radius:99px;background:#e4e7f7;overflow:hidden;margin-bottom:.45em}
.oea-zg-hat i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pri2),#f59e0b);transition:width .5s ease}
.oea-zg-as{display:flex;gap:.4em;margin-bottom:.4em}
.oea-zg-as span{flex:1;text-align:center;font-size:.78em;font-weight:800;padding:.2em .3em;border-radius:99px;background:#eef0fb;color:#6a6f94}
.oea-zg-as span.suan{background:var(--pri);color:#fff}
.oea-zg-as span.bitti{background:var(--okbg);color:#0b6b36}
.oea-zg-ust{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;justify-content:center}
.oea-zg-chip{border-radius:99px;padding:.25em .8em;font-size:.85em;font-weight:800;background:#f4f5fc;border:2px solid #dfe3f5;color:#6a6f94}
.oea-zg-chip.sicak{background:#fff3c4;border-color:#f0a53a;color:#8a4b00;animation:oeapop .4s}
.oea-zg-joker{border:2px solid var(--pri2);background:#fff;color:var(--pri);border-radius:99px;padding:.3em .9em;font-weight:800;font-size:.85em;cursor:pointer;font-family:inherit}
.oea-zg-joker:hover:not(:disabled){background:#eef0ff}
.oea-zg-joker:disabled{opacity:.45;cursor:default;border-color:#c9cde8;color:#6a6f94}
.oea-zg-banner{text-align:center;font-weight:900;border-radius:14px;margin-top:.4em;height:0;opacity:0;overflow:hidden}
.oea-zg-banner.goster{height:auto;padding:.45em .8em;background:linear-gradient(90deg,#fff3c4,#ffe4a8);border:2px solid #e7c15a;animation:oeazgban 2.6s ease both}
@keyframes oeazgban{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
.oea-zg-ipucu{outline:4px solid #f59e0b;outline-offset:2px;animation:oeazgpuls .7s ease-in-out 3}
@keyframes oeazgpuls{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.oea-chip.ord.oea-zg-dog{background:var(--okbg);border-color:var(--ok);color:#0b6b36}
.oea-chip.ord.oea-zg-yan{background:var(--badbg);border-color:var(--bad);color:#8f1d1d}
.oea-zg-say{font-weight:800;opacity:.7;font-size:.9em}
@media (prefers-reduced-motion:reduce){.oea-zg-hat i,.oea-zg-chip.sicak,.oea-zg-banner.goster,.oea-zg-ipucu{animation:none;transition:none}}
.oea-opt.oea-zg-ele,.oea-chip.oea-zg-ele{opacity:.3;text-decoration:line-through;cursor:default}

/* ---- Yeni oyun kipleri: Labirent, Hızlı Kartlar, Resim Bulmaca ---- */
.oea-lab{display:grid;max-width:23em;margin:.6em auto;background:#fff;border:4px solid #4a3fd6;border-radius:12px;overflow:hidden}
.oea-lc{aspect-ratio:1/1;display:grid;place-items:center;font-size:1.35em;line-height:1;box-sizing:border-box;border:0 solid #4a3fd6;background:#f6f7ff}
.oea-lc.wn{border-top-width:3px}.oea-lc.we{border-right-width:3px}.oea-lc.ws{border-bottom-width:3px}.oea-lc.ww{border-left-width:3px}
.oea-lc.kapi{background:#fff3c4}.oea-lc.ben{background:#e4f8ec;animation:oeapop .3s}
.oea-lab-ilk{border-color:#f59e0b}.oea-lab-ilk .oea-lc{border-color:#f59e0b;font-size:1.7em}
.oea-lab-lise{border-color:#352c7a}.oea-lab-lise .oea-lc{border-color:#352c7a;font-size:1.15em}
.oea-lab-pad{display:grid;grid-template-columns:repeat(3,3.4em);grid-template-areas:". n ." "w s e";gap:.35em;justify-content:center;margin:.4em auto .8em}
.oea-lab-b{min-height:3em;border-radius:14px;border:3px solid #dfe3f5;background:#fff;font-size:1.2em;font-weight:900;color:var(--pri);cursor:pointer}
.oea-lab-b:active{background:#eef0ff}
.oea-lab-b.b-n{grid-area:n}.oea-lab-b.b-w{grid-area:w}.oea-lab-b.b-s{grid-area:s}.oea-lab-b.b-e{grid-area:e}
.oea-hz-kart{background:#fff;border:4px solid #dfe3f5;border-radius:22px;padding:1.2em 1.1em;margin:.6em auto;max-width:34em;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08);animation:oeamcin .3s ease-out}
.oea-hz-kart.ok{border-color:var(--ok);background:var(--okbg)}.oea-hz-kart.bad{border-color:var(--bad);background:var(--badbg)}
.oea-hz-s{font-size:1.25em;font-weight:800;line-height:1.5;color:var(--ink,#1f2347)}
.oea-hz-ok{margin-top:.6em;font-size:1.35em;font-weight:900;color:var(--pri)}
.oea-hz-sure{height:10px;border-radius:99px;background:#e4e7f7;overflow:hidden;max-width:34em;margin:.2em auto .6em}
.oea-hz-sure i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#f43f5e,#f59e0b);transition-property:width;transition-timing-function:linear}
.oea-hz-bt{display:flex;gap:.8em;justify-content:center;max-width:34em;margin:0 auto}
.oea-hz-b{flex:1;min-height:3.4em;border-radius:16px;border:3px solid #dfe3f5;background:#fff;font-size:1.15em;font-weight:900;cursor:pointer}
.oea-hz-b.dogru:hover:not(:disabled){border-color:var(--ok);background:var(--okbg)}.oea-hz-b.yanlis:hover:not(:disabled){border-color:var(--bad);background:var(--badbg)}
.oea-hz-b:disabled{opacity:.5;cursor:default}
.oea-bm{position:relative;max-width:20em;aspect-ratio:4/3;margin:.6em auto;border:4px solid #4a3fd6;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff7e0,#e9e6ff)}
.oea-bm-e{position:absolute;inset:0;display:grid;place-items:center;font-size:7em;line-height:1}
.oea-bm-t{position:absolute;inset:0;display:grid}
.oea-bm-p{background:linear-gradient(135deg,var(--pri),var(--pri2));border:1px solid rgba(255,255,255,.35);transition:opacity .5s,transform .5s}
.oea-bm-p.acik{opacity:0;transform:scale(.6);pointer-events:none}
.oea-bm-g{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;align-items:center;margin-bottom:.6em}
@media (prefers-reduced-motion:reduce){.oea-lc.ben,.oea-hz-kart,.oea-bm-p{animation:none;transition:none}}

/* ---- Paylaşma penceresi ve QR ---- */
.oea-pl{position:fixed;inset:0;z-index:99999;background:rgba(15,18,45,.7);display:grid;place-items:center;padding:1em;overflow:auto}
.oea-pl-k{background:#fff;color:#1f2347;border-radius:22px;padding:1.2em 1.3em;max-width:25em;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.oea-pl-k h3{margin:.1em 0 .2em}
.oea-pl-qr{display:flex;justify-content:center;margin:.6em 0;border:3px solid #dfe3f5;border-radius:16px;padding:.4em;background:#fff}
.oea-pl-qr svg{max-width:100%;height:auto}
.oea-pl-in{width:100%;box-sizing:border-box;border:2px solid #dfe3f5;border-radius:12px;padding:.55em .7em;font-size:.85em;margin:.4em 0 .7em;font-family:inherit;color:#1f2347;background:#f6f7ff}
.oea-pl a.oea-btn{text-decoration:none;display:inline-flex;align-items:center}

/* ---- Sınıf Yarışması ---- */
.oea-sy-kur{background:#fff;border:3px solid #dfe3f5;border-radius:20px;padding:1em 1.2em;max-width:34em;margin:.4em auto;text-align:center;color:#1f2347}
.oea-sy-ac{line-height:1.55;font-weight:600}
.oea-sy-say{display:flex;gap:.5em;justify-content:center;margin:.6em 0}
.oea-sy-adlar{display:grid;gap:.5em;margin:.6em 0 1em}
.oea-sy-satir{display:flex;align-items:center;gap:.6em;border:3px solid var(--tc);border-radius:14px;padding:.3em .6em;background:#fff}
.oea-sy-ik{font-size:1.5em}
.oea-sy-in{flex:1;border:0;outline:0;font:inherit;font-weight:800;font-size:1.05em;background:transparent;color:#1f2347;min-width:0}
.oea-sy-tablo{display:flex;gap:.5em;flex-wrap:wrap;margin-bottom:.5em}
.oea-sy-t{flex:1 1 7em;display:flex;flex-direction:column;align-items:center;border:3px solid var(--tc);border-radius:16px;padding:.35em .5em;background:#fff;color:#1f2347;opacity:.75;transition:transform .2s}
.oea-sy-t.sira{opacity:1;transform:scale(1.05);box-shadow:0 0 0 4px color-mix(in srgb,var(--tc),transparent 70%)}
.oea-sy-tn{font-weight:800;font-size:.9em;text-align:center}
.oea-sy-p{font-size:1.7em;line-height:1.1}
.oea-sy-bilgi{text-align:center;font-weight:900;font-size:1.1em;margin:.5em 0}
.oea-sy .oea-opt{font-size:1.2em;min-height:3.8em}
.oea-sy-son{text-align:center}
.oea-sy-pod{display:flex;flex-direction:column;gap:.5em;max-width:26em;margin:.8em auto}
.oea-sy-pr{display:flex;align-items:center;gap:.7em;border:3px solid var(--tc);border-radius:16px;padding:.5em .9em;background:#fff;color:#1f2347;font-size:1.1em}
.oea-sy-pr i{font-style:normal;font-size:1.6em}.oea-sy-pr b{flex:1;text-align:left}.oea-sy-pr span{font-weight:900}
.oea-sy-pr.r0{transform:scale(1.04);box-shadow:0 0 0 4px color-mix(in srgb,var(--tc),transparent 70%)}
.oea-root .oea-pl-k,.oea-root .oea-pl-k h3,.oea-root .oea-pl-k p,.oea-root .oea-pl-k .oea-small{color:#1f2347;opacity:1}
.oea-root .oea-pl-k .oea-btn.sec{background:#eef0fb;color:#1f2347;border:2px solid #dfe3f5}
.oea-root .oea-pl-k .oea-btn{color:#fff}
.oea-root .oea-pl-k .oea-btn.sec{color:#1f2347}
.oea-root .oea-sy-kur,.oea-root .oea-sy-kur h3,.oea-root .oea-sy-kur p{color:#1f2347}
.oea-root .oea-sy-son h3{color:inherit}
.oea-root .oea-pl-k .oea-small{color:#4a4f7a !important;opacity:1 !important}
.oea-root .oea-pl-k .oea-btn.sec,.oea-root .oea-pl-k a.oea-btn.sec{color:#1f2347 !important;background:#eef0fb !important}
.oea-root .oea-pl-k h3{color:#1f2347 !important}

/* ===== Yeni oyunlar: renk laboratuvarı, simetri, ritim, nota, bölge (1.81.32) ===== */
.oea-rk-hedef{display:flex;align-items:center;justify-content:center;gap:.7em;font-weight:800;margin:.4em 0}
.oea-rk-sw{display:inline-block;width:1.6em;height:1.6em;border-radius:50%;border:2px solid rgba(0,0,0,.25);vertical-align:middle}
.oea-rk-sw.big{width:3em;height:3em}
.oea-rk-kase{position:relative;width:min(15em,80%);min-height:7.2em;margin:.6em auto;border-radius:0 0 7em 7em/0 0 4em 4em;border:4px solid rgba(120,130,160,.7);border-top-width:2px;display:flex;flex-wrap:wrap;gap:.3em;align-items:center;justify-content:center;padding:.6em;transition:background .25s}
.oea-rk-kase.bos{background-image:repeating-linear-gradient(45deg,rgba(150,160,190,.12) 0 8px,transparent 8px 16px)}
.oea-rk-damla{width:2.2em;height:2.2em;border-radius:50% 50% 50% 8%;border:2px solid rgba(0,0,0,.35);cursor:pointer;padding:0}
.oea-rk-sonuc{text-align:center;font-weight:700;min-height:1.6em}
.oea-rk-palet{display:flex;flex-wrap:wrap;justify-content:center;gap:.6em;margin:.6em 0}
.oea-rk-boya{display:flex;align-items:center;gap:.5em;padding:.5em .9em;border-radius:999px;border:3px solid #dfe3f5;background:#f4f6ff;font-weight:800;cursor:pointer;color:#222}
.oea-rk-boya:hover{border-color:var(--pri2)}
.oea-sy-g{display:grid;gap:3px;width:min(22em,92%);margin:.8em auto;aspect-ratio:1/1}
.oea-sy-c{aspect-ratio:1/1;border-radius:6px;border:2px solid rgba(120,130,160,.55);background:rgba(255,255,255,.55);padding:0;cursor:pointer}
.oea-sy-c.on{background:var(--pri,#5b5bd6);border-color:var(--pri,#5b5bd6)}
.oea-sy-c.ver{cursor:default;opacity:.95}
.oea-sy-c.ver.on{background:#f4a300;border-color:#f4a300}
.oea-sy-c.x{outline:3px solid var(--bad,#d94b4b);outline-offset:-3px}
.oea-sy-c.eks-d{margin-right:6px;position:relative}
.oea-sy-c.eks-d::after{content:"";position:absolute;right:-6px;top:-4px;bottom:-4px;border-right:3px dashed #e63946}
.oea-sy-c.eks-y{margin-bottom:6px;position:relative}
.oea-sy-c.eks-y::after{content:"";position:absolute;bottom:-6px;left:-4px;right:-4px;border-bottom:3px dashed #e63946}
.oea-rm-bilgi{text-align:center;font-weight:800;margin:.4em 0}
.oea-rm-olcu{display:flex;gap:2px;max-width:34em;margin:.6em auto;min-height:4.4em;border:3px solid rgba(120,130,160,.8);border-radius:10px;padding:.3em;border-left-width:6px;border-right-width:6px;background:rgba(255,255,255,.5);color:#222}
.oea-rm-olcu.tasti{border-color:var(--bad,#d94b4b)}
.oea-rm-hucre{display:flex;align-items:center;justify-content:center;border:2px solid rgba(91,91,214,.5);background:rgba(91,91,214,.12);border-radius:8px;cursor:pointer;color:#222;padding:0;min-width:1.4em}
.oea-rm-hucre.kilit{background:rgba(244,163,0,.2);border-color:rgba(244,163,0,.7);cursor:default}
.oea-rm-bos{border:2px dashed rgba(120,130,160,.5);border-radius:8px}
.oea-rm-palet{display:flex;flex-wrap:wrap;justify-content:center;gap:.6em;margin:.8em 0}
.oea-rm-sec{display:flex;flex-direction:column;align-items:center;gap:.1em;padding:.4em .9em;border-radius:14px;border:3px solid #dfe3f5;background:#f4f6ff;font-weight:800;cursor:pointer;color:#222}
.oea-rm-sec small{font-weight:600;opacity:.7}
.oea-rm-sec:hover{border-color:var(--pri2)}
.oea-rm-nota{display:block}
.oea-nt{max-width:30em;margin:.6em auto;background:#fff;color:#222;border-radius:14px;padding:.4em;border:2px solid #dfe3f5}
.oea-nt-svg{width:100%;height:auto;display:block}
.oea-nt-sec{display:grid;grid-template-columns:repeat(4,1fr);gap:.6em;max-width:30em;margin:.8em auto}
.oea-bb{max-width:26em;margin:.6em auto}
.oea-bb-svg{width:100%;height:auto;display:block;border-radius:10px}
.oea-bb-svg.vucut{max-height:60vh;width:auto;margin:0 auto}
.oea-bb-b{cursor:pointer;transition:filter .15s}
.oea-bb-b:hover,.oea-bb-b:focus{filter:brightness(1.25);outline:none}
.oea-bb-b.ok{fill:#2e9e44 !important;stroke:#fff !important;stroke-width:2.5 !important}
.oea-bb-b.ince.ok{fill:none !important;stroke:#2e9e44 !important}
.oea-bb-b.x{fill:#d94b4b !important;stroke:#fff !important}
.oea-bb-b.ince.x{fill:none !important;stroke:#d94b4b !important}
.oea-bb-svg.vucut .oea-bb-b{fill:#cbd5e8;stroke:#7a89a8;stroke-width:1.5}
@media(max-width:560px){.oea-nt-sec{grid-template-columns:repeat(4,1fr);gap:.4em}.oea-rk-boya{padding:.4em .7em}}