/* Oda kipinde (/?oda=ID) panelin üstündeki oda şeridi (oda/harita.js): ad, lobi bağlantısı,
   kalan gün, oyuncu düğmeleri, oyun bitince son sıralama. Durum rozeti ve tip çipi
   css/sayfa/oda.css'te (lobiyle ortak). Renkler css/tema.css belirteçleri; kazanan pirinç. */

.oda-serit { padding: var(--bosluk-4) var(--bosluk-5) var(--bosluk-5);
  border: 1px solid var(--cizgi); border-radius: var(--yaricap-2); background: var(--zemin-1); }
.o-serit-bas { display: flex; align-items: center; gap: var(--bosluk-4); min-width: 0; }
.o-serit-bas b { font: 600 var(--boy-5) var(--aile-serif); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.o-lobi { margin-left: auto; font-size: var(--boy-2); font-weight: 600; white-space: nowrap; }
.o-serit-not { margin: var(--bosluk-2) 0 0; color: var(--vurgu-acik);
  font: 600 var(--boy-2) var(--aile-sans); }
.o-oyuncular { display: flex; flex-wrap: wrap; gap: var(--bosluk-2); margin-top: var(--bosluk-3); }
.o-oyuncu { display: inline-flex; align-items: center; gap: var(--bosluk-3);
  padding: var(--bosluk-1) var(--bosluk-4); border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-1); background: var(--zemin-0); font-size: var(--boy-2); }
.o-oyuncu b { font-weight: 600; color: var(--yazi-1); }
.o-oyuncu small { margin-left: auto; color: var(--yazi-2); font-size: var(--boy-1); }
.o-oyuncu .o-tip { font-size: 0; gap: 0; }
.o-siralama { list-style: none; margin: var(--bosluk-3) 0 0; padding: 0; display: flex;
  flex-direction: column; gap: var(--bosluk-1); max-height: 40vh; overflow-y: auto; }
.o-siralama li { display: flex; align-items: center; gap: var(--bosluk-3); }
.o-siralama .o-oyuncu { flex: 1; min-width: 0; }
.o-sira { width: 18px; text-align: right; color: var(--yazi-3);
  font: 600 var(--boy-2) var(--aile-serif); }
.o-siralama li.o-kazanan .o-sira { color: var(--vurgu-acik); font-size: var(--boy-3); }
.o-siralama li.o-kazanan .o-oyuncu { border-color: var(--vurgu-koyu);
  background: var(--vurgu-zemin); }