/* Güncel Oyun Oyna - oyun içi sohbet & arkadaş paneli */
#oSosyal{position:relative}
#oSosyal.aktif{background:#7c3aed;border-color:#c4b5fd}
.sYuzen{position:fixed;right:12px;bottom:12px;z-index:79;width:48px;height:48px;border-radius:50%;border:2px solid #4b3d9a;background:#1d174a;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 14px #0008}
.sRozet{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;border-radius:10px;background:#ef4444;color:#fff;font:800 11px/19px Nunito,sans-serif;font-style:normal;padding:0 5px;pointer-events:none}
.sRozet.nokta{min-width:11px;width:11px;height:11px;padding:0;top:-3px;right:-3px;background:#22c55e}
.sRozet.gizli,.sPanel.gizli,.sSekmeler.gizli{display:none}

.sPanel{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);z-index:80;display:flex;flex-direction:column;background:#141a33;border-left:1px solid #2c3766;box-shadow:-10px 0 30px #0009;color:#e8ecff;font:600 15px/1.35 Nunito,system-ui,sans-serif}
.sPanel button{font:inherit;color:inherit;cursor:pointer}
.sUst{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #2c3766;background:#0f1430}
.sUst b{font:800 19px 'Baloo 2',Nunito,sans-serif}
.sBosluk{flex:1}
.sKapat{background:none;border:0;font-size:20px !important;padding:2px 8px;color:#aab3d6 !important}
.sSekmeler{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid #2c3766}
.sSekmeler button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:8px 4px;font-weight:800;font-size:13.5px;color:#aab3d6;white-space:nowrap}
.sSekmeler button.aktif{color:#fff;border-bottom-color:#a78bfa}
.sSekmeler button i{font-style:normal;margin-left:3px;color:#22c55e}
.sSekmeler button i.kirmizi{background:#ef4444;color:#fff;border-radius:9px;padding:0 6px;font-size:11px}
.sGovde{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.sBilgi{padding:8px 12px;font-size:13px;color:#aab3d6;background:#ffffff08}
.sBos{padding:18px 14px;text-align:center;color:#8f99c2;font-size:14px}

.sMesajlar{flex:1;min-height:0;overflow-y:auto;padding:10px 10px 4px;display:flex;flex-direction:column;gap:6px;overscroll-behavior:contain}
.sMsj{max-width:86%;align-self:flex-start;background:#222b52;border-radius:12px 12px 12px 4px;padding:6px 10px;word-wrap:break-word}
.sMsj.ben{align-self:flex-end;background:#5b21b6;border-radius:12px 12px 4px 12px}
.sMsj .sAd{display:block;background:none;border:0;padding:0;font-weight:800;font-size:13px;color:#fbbf24;text-align:left}
.sMsj .sAd:hover{text-decoration:underline}
.sMsj .sMetin{white-space:pre-wrap}
.sMsj small{display:block;text-align:right;font-size:10.5px;color:#ffffff80;margin-top:1px}
.sSil{background:none;border:0;padding:0 2px;font-size:11px}
.sHazir{display:flex;gap:5px;overflow-x:auto;padding:6px 8px;scrollbar-width:none}
.sHazir::-webkit-scrollbar{display:none}
.sHazir button{flex:0 0 auto;background:#222b52;border:1px solid #33407a;border-radius:16px;padding:4px 10px;font-size:13px}
.sForm{display:flex;gap:6px;padding:4px 8px 6px}
.sForm input{flex:1;min-width:0;background:#0b1020;border:1px solid #33407a;border-radius:10px;color:#fff;padding:10px 12px;font:600 16px Nunito,sans-serif}
.sForm button{width:46px;border:0;border-radius:10px;background:#7c3aed;font-size:18px !important}
.sKural{font-size:11.5px;color:#7f89b3;padding:0 10px 10px;margin:0}

.sListe{overflow-y:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:4px}
.sGovde>.sListe:last-child{flex:1;min-height:0}
.sKisi{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#1b2346;border:0;text-align:left;width:100%}
button.sKisi:hover{background:#26305e}
.sKisiAd{display:flex;flex-direction:column;min-width:0}
.sKisiAd small{font-size:12px;color:#8f99c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sNokta{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:#56607f}
.sNokta.on{background:#22c55e;box-shadow:0 0 6px #22c55e}
.sSayi{font-style:normal;background:#ef4444;color:#fff;border-radius:10px;padding:0 7px;font-size:12px;font-weight:800}
.sOk{opacity:.7}
.sKucuk{flex:0 0 auto;border:0;border-radius:8px;background:#7c3aed;padding:5px 10px;font-size:13px !important;font-weight:800 !important;white-space:nowrap}
.sKucuk.sYesil{background:#16a34a}
.sKucuk.sGri{background:#3a4470}

.sOzelUst{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #2c3766;background:#ffffff06}
.sOzelUst small{color:#8f99c2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sGeri,.sMenuBtn{background:#222b52;border:0;border-radius:8px;width:34px;height:32px;font-size:18px !important}

.sMenu{position:absolute;z-index:5;min-width:190px;background:#0f1430;border:1px solid #3b4a8c;border-radius:12px;box-shadow:0 10px 26px #000a;padding:6px;display:flex;flex-direction:column}
.sMenu b{padding:4px 8px 6px;color:#fbbf24;font-size:13px}
.sMenu button{background:none;border:0;text-align:left;padding:8px 10px;border-radius:8px}
.sMenu button:hover{background:#222b52}
.sMenu button:disabled{opacity:.55;cursor:default}

.sMisafir{padding:30px 22px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.sMisafir p{color:#c9d0f0;margin:0}
.sBtn{display:block;width:100%;max-width:260px;padding:11px;border-radius:12px;background:#f59e0b;color:#241300;font-weight:800;text-decoration:none}
.sBtn.sIkincil{background:#26305e;color:#fff}
.sToastYedek{position:fixed;left:50%;top:14px;transform:translateX(-50%);background:#0b1020;border:2px solid #22c55e;color:#fff;padding:10px 16px;border-radius:12px;z-index:200;font:800 14px Nunito,sans-serif}
@media (max-width:520px){.sPanel{width:100vw;border-left:0}}
.sBataklikBtn{cursor:pointer;border:0;font-size:18px;position:relative}
.sKisi.sKapali{opacity:.6}
.sCevrimDisi{margin:6px 10px;padding:10px 12px;border-radius:10px;background:#2a1f3d;color:#e9d5ff;font-size:13.5px;text-align:center}
.sCevrimDisi.gizli,.sYazAlan.gizli{display:none}
.sIstekler{flex:0 0 auto !important}

/* resim/video ekleri */
.sEkBtn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;border-radius:10px;background:#222b52;border:1px solid #33407a;font-size:19px;cursor:pointer}
.sEkBtn:hover{background:#2c3766}
.sMsj.sEkli{padding:4px 4px 5px;max-width:78%}
.sMsj .sEk{display:block;max-width:100%;width:240px;max-height:300px;object-fit:cover;border-radius:9px;background:#0b1020}
.sMsj video.sEk{object-fit:contain;max-height:320px}
.sMsj.sEkli .sMetin{display:block;padding:4px 6px 0}
.sMsj.sEkli small{padding:0 5px}
.sEkIndir{display:block;font-size:11.5px;color:#c4b5fd;padding:3px 6px 0;text-decoration:none}
.sYukleme{position:relative;min-width:180px;padding-right:30px}
.sCubuk{display:block;height:6px;border-radius:3px;background:#ffffff30;margin-top:5px;overflow:hidden}
.sCubuk i{display:block;height:100%;width:0;background:#22c55e;transition:width .2s}
.sIptal{position:absolute;top:4px;right:4px;background:none;border:0;color:#fff;opacity:.75;font-size:13px !important}

.sYazAlan{position:relative}
.sForm{position:relative}

/* 📬 Mesajlarım sayfasına gömülü panel */
.sPanel.sGomulu{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:min(74vh,700px);z-index:1;border:1px solid #2c3766;border-radius:16px;box-shadow:0 10px 30px #0006;overflow:hidden}
.sPanel.sGomulu .sKapat{display:none}
.sForm .cvDugme{width:42px;background:#222b52;border:1px solid #33407a;font-size:19px !important}
.sForm .cvDugme.cevrildi{background:#1e3a5f;border-color:#60a5fa}
.sMsj small .cvBtn{display:inline;font-size:11px}