/* SIXTH PATH // css/ui_saha.css :: Sürüm 5 "KOVAN" — SAHA (Örgü'nün alan görevleri) ekranı. Sahibi WP-C; başka hiçbir paket yazmaz
   (scratchpad kovan_plan/SPEC.md §5.3). #saha tam ekran katman (#decision'ın dışında, z 9740 — çağ töreni ve KAVŞAK'ın üstünde),
   body.saha-acik. Zemin --kv-zemin + durağan --kv-alan (css/ui_kovan.css § 0); köşelerde UV HUD köşebentleri (durağan
   gradyan). Tahta tek durağan <svg> (SÜRÜ, ISI) ya da düz HTML (FEROMON, KULUÇKA); hâl sınıflarla. "Simülasyon" dili: kitin
   kabuk, altıgen mikro ızgara, mono telemetri, iz kaydı tuvali (js/sim/saha.js — hamle başına bir kez çizilir).
   Geri bildirim tek atımlık 180 ms opacity (.sh-yeni), katman girişi ve sonuç sayfası 220 ms; body.az-hareket'te hiçbiri. Döngü
   yok, will-change yok, mask/blend/backdrop-filter/filter yok. Renk anlamı: UV seçili / Kovan konuşuyor · lüsiferin bağlı, iyi ·
   nektar feromon, ısı · zehir anomali, eksik; her renk hâli bir işaret ya da sözle birlikte. Hedef: ≤ 30 MB katman @3x, girişten
   2 sn sonra animasyon 0 (scratchpad kv_c/saha_katman.mjs). */

/* === WP-C === */
#saha { position: fixed; inset: 0; z-index: 9740; box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden;
  background: var(--kv-zemin, #07080c) var(--kv-alan); color: var(--kv-metin, #e7e9f1); font-family: var(--kv-govde);
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  -webkit-tap-highlight-color: transparent; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
#saha *, #saha *::before, #saha *::after { box-sizing: border-box; }
#saha button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
#saha .sh-ic { flex: 1; min-height: 0; width: 100%; max-width: 520px; margin: 0 auto; display: flex; flex-direction: column; position: relative; }
#saha.sh-giris > .sh-ic, #saha .sh-sonuc { animation: shGir 220ms ease-out backwards; }
@keyframes shGir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* HUD */
#saha .sh-hud { padding: 10px 14px 7px; border-bottom: 1px solid var(--kv-cizgi); background: linear-gradient(180deg, rgba(15, 18, 25, .92), rgba(7, 8, 12, .6)); }
#saha .sh-kicker { display: block; font: 500 10px/1.3 var(--kv-veri); font-style: normal; letter-spacing: .2em; color: var(--kv-lusiferin); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#saha .sh-bas { display: flex; align-items: flex-start; gap: 8px; margin: 5px 0 3px; }
#saha .sh-hud h2 { flex: 1; min-width: 0; margin: 5px 0 3px; font: 600 18px/1.15 var(--kv-baslik); letter-spacing: .14em; color: var(--kv-metin); }
#saha .sh-bas h2 { margin: 0; }
#saha .sh-acikla { flex: none; padding: 5px 8px 4px; border: 1px solid var(--kv-uv-koyu); background: #120f22; font: 500 10px var(--kv-veri); letter-spacing: .14em; color: var(--kv-uv-acik); }
#saha .sh-brif { margin: 0; font: 500 13px/1.38 var(--kv-govde); color: var(--kv-metin2); }

/* sayaçlar (sayım serbest, ilerleme sözle) */
#saha .sh-olcer { display: flex; gap: 6px; padding: 7px 14px 5px; }
#saha .sh-say { flex: 1; min-width: 0; text-align: left; padding: 4px 7px 5px; border: 1px solid var(--kv-cizgi); background: var(--kv-kabuk); font: 500 9.5px/1.25 var(--kv-veri); letter-spacing: .08em; color: var(--kv-metin2); }
#saha .sh-say span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#saha .sh-say b { display: block; margin-top: 2px; font: 500 12.5px var(--kv-veri); letter-spacing: .04em; color: var(--kv-metin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#saha .sh-say b.uzun { font-size: 10.5px; letter-spacing: 0; }
#saha .sh-say.uyari { border-color: rgba(255, 79, 109, .55); }
#saha .sh-say.uyari b { color: var(--kv-zehir); }
#saha .sh-say.uyari b::before { content: '! '; }

/* iz kaydı (tuval) */
#saha .sh-izk { display: flex; align-items: center; gap: 8px; padding: 0 14px 4px; font: 500 8.5px var(--kv-veri); letter-spacing: .18em; color: var(--kv-metin3); }
#saha .sh-izk span { flex: none; }
#saha .sh-tuval { flex: 1; min-width: 0; height: 16px; display: block; border-bottom: 1px solid var(--kv-izgara); }

/* alan + HUD köşebentleri */
#saha .sh-alan { flex: 1; min-height: 0; position: relative; display: flex; align-items: center; justify-content: center; padding: 8px 10px; overflow: auto;
  background:
    linear-gradient(var(--kv-uv), var(--kv-uv)) left 6px top 6px / 14px 1.5px no-repeat, linear-gradient(var(--kv-uv), var(--kv-uv)) left 6px top 6px / 1.5px 14px no-repeat,
    linear-gradient(var(--kv-uv), var(--kv-uv)) right 6px top 6px / 14px 1.5px no-repeat, linear-gradient(var(--kv-uv), var(--kv-uv)) right 6px top 6px / 1.5px 14px no-repeat,
    linear-gradient(var(--kv-uv), var(--kv-uv)) left 6px bottom 6px / 14px 1.5px no-repeat, linear-gradient(var(--kv-uv), var(--kv-uv)) left 6px bottom 6px / 1.5px 14px no-repeat,
    linear-gradient(var(--kv-uv), var(--kv-uv)) right 6px bottom 6px / 14px 1.5px no-repeat, linear-gradient(var(--kv-uv), var(--kv-uv)) right 6px bottom 6px / 1.5px 14px no-repeat; }
#saha .sh-svg { display: block; width: 100%; max-width: 380px; height: 100%; max-height: 100%; }
#saha .sh-yeni { animation: shYeni 180ms ease-out backwards; }
@keyframes shYeni { from { opacity: .35; } to { opacity: 1; } }

/* durum satırı (son hamlenin açıklaması) */
#saha .sh-durum { margin: 0 14px; min-height: 2.75em; padding: 4px 0 4px 9px; border-left: 2px solid var(--kv-uv); font: 500 12.5px/1.35 var(--kv-govde); color: var(--kv-metin); }

/* düğmeler: ana basılı tutuş + ikincil */
#saha .sh-alt { padding: 8px 14px 12px; display: flex; flex-direction: column; gap: 7px; }
#saha .sh-ana { position: relative; overflow: hidden; display: block; width: 100%; min-height: 48px; padding: 13px 8px 12px; text-align: center; border: 1px solid var(--kv-uv-koyu); background: #120f22;
  font: 600 12.5px/1.2 var(--kv-baslik); letter-spacing: .16em; color: var(--kv-uv-acik); }
#saha .sh-ana.sh-ana-son { border-color: rgba(63, 214, 193, .6); background: #0b1a1a; color: var(--kv-lusiferin); }
#saha .sh-dolgu { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: linear-gradient(90deg, var(--kv-uv), var(--kv-lusiferin)); transform-origin: left; transform: scaleX(0); }
#saha .sh-ana.tut-dolu .sh-dolgu { transform: scaleX(1); transition: transform var(--tut-ms, 600ms) linear; }
#saha .sh-ana.tut-dolu { background: #181333; }
#saha .sh-ikincil { display: flex; gap: 8px; }
#saha .sh-ikincil button { flex: 1; min-height: 40px; padding: 10px 0 9px; text-align: center; border: 1px solid var(--kv-cizgi); font: 500 11px var(--kv-veri); letter-spacing: .16em; color: var(--kv-metin2); }
#saha .sh-ikincil button:disabled { opacity: .4; cursor: default; }

/* ---- SÜRÜ YOLU ---- */
#saha .sh-suru .sh-h { fill: #0f131b; stroke: #232b3b; stroke-width: 1.2; cursor: pointer; }
#saha .sh-suru .sh-duvar { fill: #040507; stroke: #10141c; cursor: default; }
#saha .sh-suru .sh-anomali { fill: #1a0c12; stroke: var(--kv-zehir); stroke-dasharray: 3 2; }
#saha .sh-suru .sh-kaynak { fill: #2a1f08; stroke: var(--kv-nektar); stroke-width: 2; }
#saha .sh-suru .sh-kovan { fill: #241b4a; stroke: var(--kv-uv); stroke-width: 2; }
#saha .sh-suru .sh-iz { fill: #3a2a0a; stroke: var(--kv-nektar); }
#saha .sh-suru .sh-iz.sh-kaynak { fill: #0d2a26; stroke: var(--kv-lusiferin); stroke-width: 2.4; }
#saha .sh-suru .sh-iz.sh-anomali { fill: #3a0e1a; stroke-dasharray: none; }
#saha .sh-suru .sh-uc { stroke: #ffd27a; stroke-width: 2.6; }
#saha .sh-bagk, #saha .sh-isaretk { pointer-events: none; }
#saha .sh-bag { stroke: var(--kv-nektar); stroke-width: 2.4; stroke-linecap: round; opacity: .85; }
#saha .sh-g { pointer-events: none; }
#saha .sh-g-kovan { fill: none; stroke: var(--kv-uv-acik); stroke-width: 1.5; }
#saha .sh-g-kovan2 { fill: var(--kv-uv); stroke: none; }
#saha .sh-g-kaynak { fill: var(--kv-nektar); stroke: #1a1206; stroke-width: 1; }
#saha .sh-iz + .sh-g-kaynak { fill: var(--kv-lusiferin); }
#saha .sh-g-anomali { fill: var(--kv-zehir); font: 700 15px var(--kv-veri); text-anchor: middle; }
#saha .sh-g-duvar { stroke: #2a3346; stroke-width: 1.4; }

/* ---- FEROMON ÇÖZÜMÜ ---- */
#saha .sf-tahta { width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 8px; }
#saha .sf-satirlar { display: flex; flex-direction: column; gap: 3px; }
#saha .sf-satir { display: grid; grid-template-columns: 18px repeat(4, 34px) 1fr; align-items: center; gap: 5px; padding: 2px 4px; border: 1px solid transparent; }
#saha .sf-satir.simdi { border-color: var(--kv-uv-koyu); background: rgba(155, 123, 255, .06); }
#saha .sf-no { font: 500 10px var(--kv-veri); color: var(--kv-metin3); text-align: right; }
#saha .sf-yuva { width: 34px; height: 30px; display: grid; place-items: center; border: 1px dashed #263044; }
#saha .sf-satir.simdi .sf-yuva { border-style: solid; border-color: var(--kv-cizgi); cursor: pointer; }
#saha .sf-satir.simdi .sf-yuva.sec { border-color: var(--kv-uv); box-shadow: inset 0 0 0 1px var(--kv-uv); }
#saha .sf-yuva:not(.bos) { border-style: solid; border-color: transparent; }
#saha .sf-geri { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding-left: 4px; cursor: pointer; }
#saha .sf-geri b { font: 500 13px/1 var(--kv-veri); letter-spacing: .12em; color: var(--kv-lusiferin); }
#saha .sf-geri i { font: 500 9px var(--kv-veri); font-style: normal; color: var(--kv-metin2); letter-spacing: .06em; white-space: nowrap; }
#saha .sf-geri.bos { font: 500 9px var(--kv-veri); color: var(--kv-uv-acik); letter-spacing: .14em; cursor: default; }
#saha .sf-palet { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; padding-top: 6px; border-top: 1px solid var(--kv-cizgi); }
#saha .sf-p { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 0 3px; border: 1px solid var(--kv-cizgi); background: var(--kv-kabuk); cursor: pointer; }
#saha .sf-p small { font: 500 8px var(--kv-veri); letter-spacing: .06em; color: var(--kv-metin2); }
#saha .sf-p em { position: absolute; top: 1px; right: 2px; font: 600 7.5px var(--kv-veri); font-style: normal; letter-spacing: .04em; }
#saha .sf-p.yok { opacity: .45; }
#saha .sf-p.yok em { color: var(--kv-zehir); }
#saha .sf-p.var { border-color: rgba(63, 214, 193, .55); }
#saha .sf-p.var em { color: var(--kv-lusiferin); }
#saha .sf-glif { display: block; width: 30px; height: 30px; }
#saha .sf-p .sf-glif { width: 32px; height: 32px; }
#saha .sf-gk { fill: #121726; stroke-width: 1.6; }
#saha .sf-gi > * { stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#saha .sf-gi .ac { fill: none; }
#saha .sf-g0 .sf-gk { stroke: var(--kv-uv); } #saha .sf-g0 .sf-gi > * { fill: var(--kv-uv); stroke: var(--kv-uv); }
#saha .sf-g1 .sf-gk { stroke: var(--kv-lusiferin); } #saha .sf-g1 .sf-gi > * { fill: var(--kv-lusiferin); stroke: var(--kv-lusiferin); }
#saha .sf-g2 .sf-gk { stroke: var(--kv-nektar); } #saha .sf-g2 .sf-gi > * { stroke: var(--kv-nektar); }
#saha .sf-g3 .sf-gk { stroke: var(--kv-zehir); } #saha .sf-g3 .sf-gi > * { stroke: var(--kv-zehir); }
#saha .sf-g4 .sf-gk { stroke: var(--kv-uv-acik); } #saha .sf-g4 .sf-gi > * { stroke: var(--kv-uv-acik); }
#saha .sf-g5 .sf-gk { stroke: var(--kv-metin); } #saha .sf-g5 .sf-gi > * { fill: var(--kv-metin); stroke: var(--kv-metin); }
#saha .sf-gi .ac { fill: none !important; }

/* ---- KULUÇKA TAHSİSİ ---- */
#saha .sk-tahta { width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 6px; margin: auto 0; }
#saha .sk-olaylar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
#saha .sk-olay { padding: 4px 6px 5px; border: 1px solid var(--kv-cizgi); background: var(--kv-kabuk); cursor: pointer; min-width: 0; }
#saha .sk-olay.simdi { border-color: var(--kv-nektar); background: #17130a; }
#saha .sk-olay.gecti { opacity: .7; }
#saha .sk-olay-no { display: block; font: 500 8.5px var(--kv-veri); letter-spacing: .1em; color: var(--kv-metin3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#saha .sk-olay b { display: block; margin-top: 2px; font: 600 10px/1.2 var(--kv-baslik); letter-spacing: .06em; color: var(--kv-metin); }
#saha .sk-olay.simdi b, #saha .sk-olay.simdi .sk-olay-no { color: var(--kv-nektar); }
#saha .sk-simdi { margin: 0; padding: 3px 0 3px 8px; border-left: 2px solid var(--kv-nektar); font: 500 12.5px/1.32 var(--kv-govde); color: var(--kv-metin); }
#saha .sk-olcerler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
#saha .sk-olcer { padding: 4px 6px 5px; border: 1px solid var(--kv-cizgi); background: var(--kv-kabuk); cursor: pointer; font: 500 9px var(--kv-veri); letter-spacing: .1em; color: var(--kv-metin2); }
#saha .sk-olcer > span:first-child { display: block; }
#saha .sk-dilim { display: flex; gap: 2px; margin: 3px 0 2px; }
#saha .sk-dilim b { flex: 1; height: 7px; background: #1b2130; clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%); }
#saha .sk-dilim b.d { background: var(--kv-lusiferin); }
#saha .sk-olcer.h0 .sk-dilim b.d, #saha .sk-olcer.h1 .sk-dilim b.d { background: var(--kv-zehir); }
#saha .sk-olcer.h2 .sk-dilim b.d { background: var(--kv-nektar); }
#saha .sk-olcer em { font-style: normal; font-size: 9.5px; color: var(--kv-metin); }
#saha .sk-olcer.h0 em, #saha .sk-olcer.h1 em { color: var(--kv-zehir); }
#saha .sk-kastlar { display: flex; flex-direction: column; gap: 3px; }
#saha .sk-kast { display: grid; grid-template-columns: 74px 44px 26px 44px 1fr; align-items: center; gap: 5px; padding: 2px 6px; border: 1px solid var(--kv-cizgi); background: var(--kv-kabuk2); }
#saha .sk-ad { font: 600 11px var(--kv-baslik); letter-spacing: .08em; color: var(--kv-metin); }
#saha .sk-kast button { height: 32px; border: 1px solid var(--kv-uv-koyu); background: #120f22; font: 600 18px/1 var(--kv-veri); color: var(--kv-uv-acik); }
#saha .sk-kast button:disabled { opacity: .35; }
#saha .sk-n { text-align: center; font: 500 15px var(--kv-veri); color: var(--kv-metin); }
#saha .sk-pip { display: flex; flex-wrap: wrap; gap: 2px; justify-content: flex-end; }
#saha .sk-pip i { width: 6px; height: 7px; background: #1d2433; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
#saha .sk-pip i.d { background: var(--kv-uv); }

/* ---- ISI DENGESİ ---- */
#saha .sh-isi .si-h { stroke-width: 1.4; cursor: pointer; }
#saha .sh-isi .si-soguk { fill: #17123a; stroke: var(--kv-uv); }
#saha .sh-isi .si-ilik { fill: #0d2a26; stroke: var(--kv-lusiferin); }
#saha .sh-isi .si-sicak { fill: #2e1a06; stroke: var(--kv-nektar); }
#saha .sh-isi .si-son { stroke: #ffffff; stroke-width: 2.4; }
#saha .si-g { pointer-events: none; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#saha .si-g0 { stroke: var(--kv-uv-acik); }
#saha .si-g1 { stroke: var(--kv-lusiferin); fill: rgba(63, 214, 193, .25); }
#saha .si-g2 { stroke: var(--kv-nektar); fill: rgba(242, 181, 74, .3); }

/* ---- NASIL sayfası ---- */
#saha .sh-nasil-l { margin: 10px 14px 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 9px; font: 500 14px/1.42 var(--kv-govde); color: var(--kv-metin); }
#saha .sh-nasil-l li::marker { font: 500 11px var(--kv-veri); color: var(--kv-uv); }
#saha .sh-nasil-ornek { flex: 0 1 auto; min-height: 0; margin: 12px 14px auto; padding: 10px; display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--kv-cizgi); background: var(--kv-kabuk) var(--kv-petek); overflow: auto; }
#saha .sh-lejant { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 14px; font: 500 12.5px var(--kv-govde); color: var(--kv-metin2); }
#saha .sh-lejant li, #saha .sh-lejant-g span { display: flex; align-items: center; gap: 6px; }
#saha .sh-lejant-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
#saha .sh-lejant-g small { font: 500 10px var(--kv-veri); color: var(--kv-metin2); }
#saha .sh-nasil-ornek p { margin: 0; font: 500 12.5px/1.4 var(--kv-govde); color: var(--kv-metin2); }
#saha .sh-ornek-svg { display: block; width: 100%; max-width: 300px; height: auto; max-height: 170px; margin: 0 auto 6px; }
#saha .sh-ornek-suru .sh-ornek-svg { max-width: 220px; }
#saha .sh-ornek-fer .sf-satir { margin-bottom: 6px; border-color: var(--kv-cizgi); }
#saha .sh-ornek-kul table { width: 100%; border-collapse: collapse; margin-bottom: 6px; font: 500 12px var(--kv-govde); color: var(--kv-metin); }
#saha .sh-ornek-kul th { text-align: left; font: 600 11px var(--kv-baslik); letter-spacing: .06em; padding: 3px 4px 3px 0; }
#saha .sh-ornek-kul td { padding: 3px 4px; color: var(--kv-metin2); }
#saha .sh-ornek-kul td:nth-child(3) { font: 500 10.5px var(--kv-veri); color: var(--kv-lusiferin); letter-spacing: .06em; }
#saha .si-ok { fill: none; stroke: var(--kv-metin2); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#saha .sh-lejant-p { margin: 10px 0 0; font: 500 12px var(--kv-veri); color: var(--kv-lusiferin); }
#saha .lj { min-width: 26px; padding: 2px 4px; text-align: center; font: 600 13px var(--kv-veri); font-style: normal; border: 1px solid var(--kv-cizgi); color: var(--kv-metin); }
#saha .lj-kovan { color: var(--kv-uv); border-color: var(--kv-uv); }
#saha .lj-kaynak { color: var(--kv-nektar); border-color: var(--kv-nektar); }
#saha .lj-iz { color: var(--kv-nektar); }
#saha .lj-anomali { color: var(--kv-zehir); border-color: var(--kv-zehir); border-style: dashed; }
#saha .lj-duvar { color: var(--kv-metin3); background: #040507; }
#saha .lj-soguk { color: var(--kv-uv-acik); border-color: var(--kv-uv); }
#saha .lj-ilik { color: var(--kv-lusiferin); border-color: var(--kv-lusiferin); }
#saha .lj-sicak { color: var(--kv-nektar); border-color: var(--kv-nektar); }

/* ---- SONUÇ ---- */
#saha .sh-sonuc { overflow-y: auto; }
#saha .sh-damga { position: relative; width: 176px; height: 152px; margin: 16px auto 6px; display: grid; place-items: center; text-align: center; }
#saha .sh-damga svg { position: absolute; inset: 0; width: 100%; height: 100%; }
#saha .sh-damga polygon { fill: #0f1219; stroke-width: 2; }
#saha .sh-damga polygon.ic { fill: none; stroke-width: 1; stroke-dasharray: 4 3; }
#saha .sh-damga b { position: relative; margin-top: -8px; font: 600 14px var(--kv-baslik); letter-spacing: .12em; }
#saha .sh-damga i { position: absolute; bottom: 32px; left: 0; right: 0; font: 500 13px var(--kv-veri); font-style: normal; letter-spacing: .2em; }
#saha .sh-s-kusursuz .sh-damga polygon { stroke: var(--kv-lusiferin); } #saha .sh-s-kusursuz .sh-damga b, #saha .sh-s-kusursuz .sh-damga i { color: var(--kv-lusiferin); }
#saha .sh-s-yeterli .sh-damga polygon { stroke: var(--kv-uv); } #saha .sh-s-yeterli .sh-damga b, #saha .sh-s-yeterli .sh-damga i { color: var(--kv-uv-acik); }
#saha .sh-s-eksik .sh-damga polygon { stroke: var(--kv-zehir); } #saha .sh-s-eksik .sh-damga b, #saha .sh-s-eksik .sh-damga i { color: var(--kv-zehir); }
#saha .sh-genel { margin: 4px 16px 0; text-align: center; font: 500 11px/1.4 var(--kv-veri); letter-spacing: .06em; color: var(--kv-metin2); }
#saha .sh-satir { margin: 10px 16px 0; font: 500 15.5px/1.45 var(--kv-govde); color: var(--kv-metin); }
#saha .sh-gerekce { margin: 10px 16px 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 3px; font: 500 11.5px/1.4 var(--kv-veri); color: var(--kv-metin2); }
#saha .sh-gerekce li::before { content: '⬡ '; color: var(--kv-uv); }
#saha .sh-kazanc { margin: 12px 14px 0; padding: 9px 11px; border: 1px solid rgba(63, 214, 193, .45); border-left-width: 3px; background: #0a1716; }
#saha .sh-kazanc b { display: block; font: 600 11.5px var(--kv-baslik); letter-spacing: .12em; color: var(--kv-lusiferin); }
#saha .sh-kazanc p { margin: 4px 0 2px; font: 500 13.5px/1.4 var(--kv-govde); color: var(--kv-metin); }
#saha .sh-kazanc small { font: 500 10px var(--kv-veri); color: var(--kv-metin3); letter-spacing: .04em; }
#saha .sh-kazanc.sh-izli { border-color: rgba(255, 79, 109, .45); background: #170a0e; }
#saha .sh-kazanc.sh-izli b { color: var(--kv-zehir); }
#saha .sh-sonuc .sh-alt { margin-top: auto; padding-top: 14px; }

/* ---- AÇIKLAMA / ÇIK sayfası (dokun-aç, dokun-kapa) ---- */
#saha .sh-katman { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; }
#saha .sh-perde { flex: 1; background: rgba(3, 4, 8, .74); }
#saha .sh-sayfa { max-height: 74%; overflow-y: auto; padding: 12px 16px 14px; border-top: 1px solid var(--kv-uv); background: var(--kv-kabuk) var(--kv-petek); }
#saha .sh-sayfa h3 { margin: 0 0 6px; font: 600 14px var(--kv-baslik); letter-spacing: .16em; color: var(--kv-uv-acik); }
#saha .sh-sayfa h4 { margin: 10px 0 3px; font: 500 9.5px var(--kv-veri); letter-spacing: .18em; color: var(--kv-lusiferin); }
#saha .sh-sayfa p, #saha .sh-sayfa ol { margin: 0; font: 500 13.5px/1.42 var(--kv-govde); color: var(--kv-metin); }
#saha .sh-sayfa ol { padding-left: 18px; display: flex; flex-direction: column; gap: 4px; color: var(--kv-metin2); }
#saha .sh-sayfa .sh-ozel { padding: 6px 8px; border-left: 2px solid var(--kv-nektar); background: rgba(242, 181, 74, .06); }
#saha .sh-kapat { display: block; width: 100%; margin-top: 12px; min-height: 40px; border: 1px solid var(--kv-cizgi); font: 500 11px var(--kv-veri); letter-spacing: .16em; color: var(--kv-metin2); }
#saha .sh-cikis .sh-ana { margin-top: 12px; border-color: rgba(255, 79, 109, .5); background: #1a0a10; color: #ffb3c0; }

/* ---- kartın üstünde: ÇÖZÜLMÜŞ SİNYAL (sıradaki zarlı hükmün şıkları) ---- */
#decision .dc-opt.sh-sinyal:not(.armed):not(.f7-yasak):not(.tut-ogret)::after { content: attr(data-sinyal); position: absolute; top: -7px; right: 10px; padding: 1px 5px; border: 1px solid rgba(63, 214, 193, .6); background: #07080c;
  font: 500 8.5px var(--kv-veri); letter-spacing: .12em; color: var(--kv-lusiferin); pointer-events: none; }
/* Genelge satırı (genelgeEk) */
#ck-tore .ck-satirlar li.sh-genelge b { letter-spacing: .06em; }

/* ---- 360 × 640 ve kısa ekran ---- */
@media (max-height: 700px) {
  #saha .sh-hud { padding: 7px 12px 5px; }
  #saha .sh-hud h2 { font-size: 16px; }
  #saha .sh-brif { font-size: 12px; line-height: 1.3; }
  #saha .sh-olcer { padding: 5px 12px 3px; }
  #saha .sh-durum { margin: 0 12px; min-height: 2.6em; font-size: 12px; }
  #saha .sh-alt { padding: 6px 12px 9px; gap: 6px; }
  #saha .sh-ana { min-height: 44px; padding: 11px 6px 10px; }
  #saha .sh-ikincil button { min-height: 36px; padding: 8px 0 7px; }
  #saha .sf-satir { grid-template-columns: 16px repeat(4, 32px) 1fr; gap: 4px; }
  #saha .sf-yuva { width: 32px; height: 27px; }
  #saha .sf-glif { width: 26px; height: 26px; }
  #saha .sf-p .sf-glif { width: 28px; height: 28px; }
  #saha .sk-kast button { height: 28px; }
  #saha .sk-simdi { font-size: 12px; }
  #saha .sh-brif { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  #saha .sh-nasil-l { font-size: 13px; gap: 7px; }
  #saha .sh-damga { width: 156px; height: 134px; margin-top: 10px; }
  #saha .sh-damga i { bottom: 27px; }
  #saha .sh-satir { font-size: 14.5px; }
}
body.az-hareket #saha .sh-yeni, body.az-hareket #saha.sh-giris > .sh-ic, body.az-hareket #saha .sh-sonuc { animation: none; }