/* 🪖 Koçi Komutan · emir dili, nasıl oynanır, 2 kişilik (Riven 30 Eyl). Temel km- kuralları oyunlar.css'te. */
.km-nasil { margin:0 0 8px; padding-left:18px; display:flex; flex-direction:column; gap:5px; font-size:13.5px; line-height:1.4; }
.km-nasil b { color:#fff; } .km-nasil i { font-style:normal; opacity:.8; }
.km-dil-sec { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:6px; }
.km-dil-sec button { display:flex; flex-direction:column; align-items:flex-start; gap:2px; border:2px solid var(--sg-cizgi); background:rgba(255,255,255,.04); color:#e9eaee; border-radius:12px; padding:8px 9px; font:inherit; text-align:left; cursor:pointer; min-width:0; }
.km-dil-sec button b { font-size:14px; } .km-dil-sec button small { font-size:11.5px; opacity:.7; }
.km-dil-sec button.on { border-color:var(--oy-vurgu); background:rgba(154,230,110,.1); }
.km-cipler button.iki { display:inline-flex; flex-direction:column; align-items:center; line-height:1.15; padding:5px 10px; }
.km-cipler button small { font-size:10.5px; font-weight:600; opacity:.75; }
.km-cipler button.on small { opacity:.85; }
.km-not { margin:0; font-size:13px; opacity:.8; }
.km-iki .oy-btn + .oy-btn { margin-top:2px; }
.km-kodgir { display:flex; gap:6px; } .km-kodgir input { flex:1; min-width:0; border:1px solid var(--sg-cizgi); background:rgba(255,255,255,.06); color:#fff; border-radius:12px; padding:10px 12px; font:inherit; font-size:16px; letter-spacing:.12em; }
.km-moral.bekle { color:rgba(233,234,238,.7); } .km-moral.hazir { color:var(--oy-vurgu); }
.kma-mac .km-ust { flex-wrap:wrap; } .kma-mac .km-us.o em { font-style:normal; max-width:9ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kma-sure { position:absolute; left:50%; bottom:8px; transform:translateX(-50%); background:rgba(10,14,8,.8); color:#fff; border-radius:8px; padding:3px 9px; font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; pointer-events:none; }
.kma-durum { margin:0; text-align:center; font-size:12.5px; color:#ffd166; }
.kma-uyari { position:absolute; left:50%; bottom:40px; transform:translateX(-50%); margin:0; max-width:90%; background:rgba(10,14,8,.9); border:1px solid rgba(255,209,102,.5); color:#ffd166; border-radius:10px; padding:6px 10px; font-size:13px; font-weight:700; text-align:center; }
.kma-son .sg-son-bas { text-align:center; } .kma-xp { font-size:22px; font-weight:900; color:#ffd166; margin:4px 0 0; }
.kma-satir { display:flex; align-items:center; gap:8px; padding:8px 4px; border-bottom:1px solid var(--sg-cizgi); } .kma-satir:last-child { border-bottom:0; }
.kma-satir b { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; } .kma-satir.ben b { color:#6ea8ff; } .kma-satir span:not(.yz) { font-size:13px; opacity:.85; }
.kma-not { margin:0; text-align:center; font-size:13px; opacity:.8; }
@media (max-width:380px) { .km-dil-sec button small { display:none; } }