/* Oyun masası: telefon düzeni ve genel cila (okey.css'in üstüne biner, en son yüklenir) */
@media (max-width:700px){
  body.ostage .ohead{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center;padding:6px 10px}
  body.ostage .ohead .btn,body.ostage .ohead .btn.ghost,body.ostage .ohead .otokchip,body.ostage .ohead .ochip{padding:6px 10px;font-size:.78rem;min-height:0;height:34px}
  body.ostage .ohead>*:not(:first-child){justify-self:end}
  .ogiftbtn{width:30px!important;height:30px!important;padding:0!important;display:grid!important;place-items:center;font-size:.9rem!important}
  .ogiftbtn em{display:none!important}
  body.ostage .oseat{padding:10px 8px 8px;gap:6px}
  body.ostage .oseat:not(.me){flex-direction:column;align-items:center;text-align:center}
  body.ostage .oseat .oinfo strong{font-size:.9rem}
  body.ostage .oseat .oinfo span{font-size:.74rem}
  body.ostage .ocenter{overflow:visible;gap:8px}
  body.ostage .otable.n3,body.ostage .otable.n4{grid-template-rows:auto minmax(0,1fr)}
  .ostatus,.oturnpill{max-width:100%}
}
@media (max-width:700px){
  .kreact{display:none}
  body.ostage .ohint{display:none}
  body.ostage .oacts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;padding:6px 8px;min-height:58px;align-content:center}
  body.ostage .oacts .btn,body.ostage .oacts .ototal{padding:6px 2px;font-size:.66rem;line-height:1.15;min-height:40px;white-space:normal}
  body.ostage .ostatus{min-height:38px}
}
/* Hediye düğmesi her yerde küçük yuvarlak simge (yazı avatarın üstüne binmesin) */
.oseat .ogiftbtn{position:absolute!important;top:6px!important;left:6px!important;width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:.85rem!important;gap:0!important}
.oseat .ogiftbtn em{display:none!important}
.kbids:has(.btn){display:grid!important;grid-template-columns:repeat(5,minmax(0,44px));justify-content:center;gap:6px}
.kbids .btn{padding:7px 0;text-align:center}
.kpanel .oturnpill,.kfelt .oturnpill{gap:8px}
@media (max-width:700px){
  .kfelt .oseat.pos-top{flex-direction:row!important;gap:10px;padding:6px 10px}
  .kfelt .oseat.pos-top .oinfo{text-align:left}
  .kfelt .oring{transform:scale(.85)}
  .kfelt .kpanel{max-width:100%}
  .khandwrap{padding:6px 4px 10px}
  body.ostage .obottom .oseat{padding:6px 10px}
  .kfelt.otable{padding-bottom:6px}
}
@media (max-width:700px){
  body.ostage .ohead .ologo{display:none}
  body.ostage .ohead{grid-template-columns:1fr;gap:4px}
  body.ostage .ohead>*:not(:first-child){justify-self:stretch}
  body.ostage .ohead .ohbtns{display:flex;flex-wrap:nowrap;gap:5px;justify-content:space-between}
  body.ostage .ohead strong{font-size:.95rem;white-space:nowrap}
  .kpanel small{display:none}
  .kfelt .oseat .oinfo span{font-size:.7rem}
  .kfelt .oseat{padding:4px 8px}
}
@media (max-width:700px){
  body.ostage .ohead .ohbtns>*{min-width:0;flex:0 1 auto}
  body.ostage .ohead .ohbtns .btn{padding:6px 8px;font-size:.7rem}
  body.ostage .ohead .ohbtns .kscore{padding:5px 8px;font-size:.72rem}
  body.ostage .ohead{overflow:hidden}
  .kfelt.otable,body.ostage .kfelt.otable{align-content:start;grid-auto-rows:min-content;overflow:hidden}
  .kfelt .oseat{align-self:start}
}
.owarena{padding-top:34px}
.owseatp .ogiftbtn{position:static!important;width:auto!important;height:auto!important;padding:3px 12px!important;border-radius:999px!important;display:inline-flex!important}
.owseatp .ogiftbtn em{display:inline!important}

/* Telefon: üstteki rakip koltuğu tek satırda (avatar | bilgi | atık), hediyeler altında; masa merkezi sıkışmasın */
@media (max-width:700px){
  body.ostage .otable .oseat.pos-top:not(.me){flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:8px 12px;text-align:left}
  body.ostage .otable .oseat.pos-top .oinfo{text-align:left}
  body.ostage .otable .oseat.pos-top .ogifts{flex-basis:100%;justify-content:center}
  body.ostage .otable .oseat.pos-top .opile{padding:2px 8px}
}