.screen.sosyal{display:flex;flex-direction:column;gap:16px;text-align:left;align-items:stretch;width:100%;padding:20px 16px}
.sosyal h2{font-family:var(--f-display);font-size:1.7rem;margin:0;color:var(--ink)}
.sosyal h3{font-family:var(--f-display);font-size:1.15rem;margin:0 0 10px}
.sosyal p{max-width:none;margin:0;color:var(--muted);font-size:.88rem}
.sos-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sos-sekmeler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sos-sekmeler button{border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--bg);font-weight:800;min-height:44px}
.sos-sekmeler button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.sos-kimlik,.sos-kutu{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;gap:10px}
.sos-kimlik summary{cursor:pointer;font-size:.85rem;font-weight:800;min-height:24px}.sos-kimlik[open]>summary{margin-bottom:12px}.sos-kimlik[open]>*+*{margin-top:10px}
.sos-form{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;align-items:end}
.sos-oda-islemleri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sosyal .sos-oda-islemleri>.btn{width:100%;height:52px;padding:9px 8px;font-size:.95rem;line-height:1.2}
.sosyal .sos-sekmeler>button{width:100%;height:48px}
.sosyal .sos-form .btn,.sosyal input[type=text],.sosyal input[type=search]{min-height:48px}
.sosyal .sos-form .btn{width:100%;height:48px;line-height:1.2;padding:9px 10px}
.sos-ad-alani{margin:0}.sos-ad-alani .sos-form{width:100%}
.sosyal .sos-ad-sonuc{max-width:none;font-size:.85rem;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.sosyal label{font-size:.84rem;font-weight:800;display:flex;flex-direction:column;gap:5px}
.sosyal input[type=text],.sosyal input[type=search]{width:100%;min-width:0;font:inherit;font-weight:700;padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--card);min-height:48px}
.sos-oyunlar{border:0;padding:0;margin:0;min-width:0}
.sos-oyunlar>legend{padding:0;margin-bottom:9px;font-size:.84rem;font-weight:800}
.sos-oyun-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sosyal label.sos-oyun{position:relative;display:block;min-width:0;cursor:pointer}
.sos-oyun-tahta{--oyun-renk:#3B82C4}.sos-oyun-kule{--oyun-renk:#DC2626}.sos-oyun-zincir{--oyun-renk:#EA580C}.sos-oyun-asmaca{--oyun-renk:#8050C8}
.sos-oyun-cross{--oyun-renk:#267E72}.sos-oyun-say{--oyun-renk:#BD873D}
.sos-oyun>input{position:absolute;z-index:1;top:8px;right:7px;width:14px;height:14px;margin:0;accent-color:var(--oyun-renk);cursor:inherit}
.sos-oyun-icerik{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;height:100%;min-height:82px;padding:9px 8px;border:1.5px solid color-mix(in srgb,var(--oyun-renk) 34%,var(--line));border-radius:13px;background:var(--card);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--oyun-renk) 15%,transparent)}
.sos-oyun-icerik strong{font-family:var(--f-display);font-size:.82rem;line-height:1.2;color:var(--ink);overflow-wrap:normal}
.sos-oyun-ikon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:var(--oyun-renk);background:color-mix(in srgb,var(--oyun-renk) 13%,var(--card))}
.sos-oyun-ikon svg{width:19px;height:19px}
.sos-oyun>input:checked+.sos-oyun-icerik{border-color:var(--oyun-renk);background:color-mix(in srgb,var(--oyun-renk) 5%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--oyun-renk) 22%,transparent),inset 0 -3px 0 color-mix(in srgb,var(--oyun-renk) 23%,transparent)}
.sos-oyun>input:focus-visible+.sos-oyun-icerik{outline:3px solid var(--accent);outline-offset:3px}
.sos-oyunlar:disabled .sos-oyun{cursor:default}.sos-oyun>input:disabled:not(:checked)+.sos-oyun-icerik{opacity:.55}
@media(max-width:360px){.sos-oyun-grid{gap:6px}.sos-oyun-icerik{padding:9px 6px;min-height:88px}.sos-oyun-icerik strong{font-size:.76rem}}
.sos-gorunur{flex-direction:row!important;align-items:center;gap:8px!important;min-height:44px}
.sos-gorunur input{width:20px;height:20px;accent-color:var(--accent)}
.sos-durum{font-size:.85rem;font-weight:800;display:flex;gap:8px;align-items:center;min-height:24px;color:var(--muted)}
.sos-nokta{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}.sos-nokta.acik{background:var(--good)}
.sos-liste{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}
.sos-kisi{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);align-items:center;flex-wrap:wrap}
.sos-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;flex:none;background:var(--slot);color:var(--accent);font-weight:800}
.sos-ad{display:flex;flex:1 1 100px;flex-direction:column;min-width:0;gap:2px}.sos-ad b{overflow-wrap:anywhere;font-size:.95rem}.sos-ad small{font-size:.75rem;color:var(--muted)}
.sos-islemler{display:flex;flex:1 1 100%;gap:6px;align-items:stretch}.sos-islemler>*{flex:1 1 0;min-width:0}
.sos-min{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:8px 10px;min-height:44px;font-size:.8rem;font-weight:800}
.sos-min.vurgu{border-color:var(--accent);color:var(--accent)}
.sosyal button:disabled{opacity:.5;cursor:default}
.sos-bos{padding:18px 12px;border:1px dashed var(--line);border-radius:14px;line-height:1.5}
.sos-uyari{padding:10px 12px;border-radius:12px;background:var(--slot);color:var(--ink)!important;font-weight:700}
.sos-bildirim{display:block;width:100%;text-align:center;border:1px solid var(--accent);background:var(--card);color:var(--accent);border-radius:14px;padding:12px;font:inherit;font-weight:800;margin:0;min-height:44px}
.sos-bildirim{border-width:2px;text-align:left;box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 12%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--card));color:var(--ink)}
.sos-notice-heading{display:flex;gap:9px;align-items:center;margin-bottom:10px;font-size:.94rem}.sos-notice-bell{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:22px}
.sos-bildirim .sos-kutu{padding:0;border:0;background:none}.sos-bildirim .sos-kutu h3{font-size:.78rem;margin:6px 0}.sos-bildirim .sos-kisi{padding:10px}.sos-bildirim .sos-islemler{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sos-bildirim .sos-islemler button{min-height:44px;font:inherit;font-size:.8rem}.sos-bildirim [data-sos-action=accept-friend],.sos-bildirim [data-sos-action=accept-invite]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sos-bildirim [data-sos-action=block]{display:none}.sos-notice-status{font-size:.8rem;font-weight:650;line-height:1.4}
.sos-notice-new .sos-notice-bell{animation:sos-notice-nudge .65s ease-in-out 3;transform-origin:50% 20%}@keyframes sos-notice-nudge{0%,100%{transform:rotate(0)}20%{transform:rotate(-13deg)}45%{transform:rotate(13deg)}70%{transform:rotate(-7deg)}}
@media(prefers-reduced-motion:reduce){.sos-notice-new .sos-notice-bell{animation:none}}
.ik-online,.ik-arkadas{--h:var(--accent)}
.sos-kod{font-variant-numeric:tabular-nums;letter-spacing:.04em;overflow-wrap:anywhere}
.sos-not{font-size:.75rem!important;line-height:1.5}
.ana-sosyal{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--card);display:flex;flex-direction:column;gap:10px;min-width:0}
.ana-sosyal-bas{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ana-sosyal h3{font-family:var(--f-display);font-size:1.1rem;margin:0;line-height:1.2}
.ana-sosyal p{font-size:.78rem;color:var(--muted);line-height:1.4;margin:0}
.ana-sosyal-durum{font-size:.7rem;color:var(--muted);font-weight:800}
.ana-sosyal-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ana-sosyal-nav button{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px;text-align:left;min-height:58px;font-weight:800;display:flex;flex-direction:column;gap:3px}
.ana-sosyal-nav button span{font-weight:700;font-size:.7rem;color:var(--muted)}
.ana-sosyal-nav button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(min-width:1080px){
 body[data-ana="ana"] .wrap{max-width:1000px}
 body[data-ana="ana"] .top,body[data-ana="ana"] .anaalt{width:calc(100% - 304px);max-width:696px;align-self:flex-start}
 body[data-ana="ana"] .anaekran[data-ana="ana"]{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:24px;align-items:start}
 body[data-ana="ana"] .anaekran[data-ana="ana"]>*{grid-column:1}
 body[data-ana="ana"] .anaekran[data-ana="ana"]>#ana-sosyal{grid-column:2;grid-row:1 / span 7;position:sticky;top:18px}
 .ana-sosyal-nav{grid-template-columns:1fr}
}
@media(max-width:480px){.sos-form{grid-template-columns:1fr}.screen.sosyal{padding:16px 12px}.sosyal .sos-form .btn{width:100%}}
.sosyal[data-social-tab="arkadas"] :is(.sos-oyunlar,.sos-oda-islemleri){display:none}
#sos-dinamik{display:grid;gap:18px}.sosyal .sos-bos{padding:12px;font-size:.82rem}
.sos-islemler{position:relative}.sos-islemler>.sos-more{flex:0 0 44px;min-width:44px}.sos-more summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:1.3rem;line-height:1;font-weight:800}.sos-more summary::-webkit-details-marker{display:none}.sos-more>div{position:absolute;right:0;top:calc(100% + 4px);z-index:5;display:grid;gap:6px;min-width:180px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 6px 20px #14202B22}.sos-more:not([open])>div{display:none}.sos-islemler>span.sos-not{align-self:center}
@media(max-width:360px){body.social-menu .sos-sekmeler button{font-size:.82rem;padding-inline:6px;overflow-wrap:normal}body.social-menu .sos-baslik h2{font-size:1.15rem}body.social-menu .screen.sosyal{padding:14px 12px}}
.sos-game-picker{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--card);color:var(--ink)}
.sos-game-picker::backdrop{background:#10182799}.sos-game-picker h2{font-family:var(--f-display);font-size:1.2rem;margin:0 0 8px}.sos-game-picker p{font-size:.84rem;color:var(--muted);line-height:1.4;margin:0 0 14px}
.sos-pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sos-pick-grid button{display:flex;align-items:center;gap:9px;min-height:62px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);font:inherit;font-size:.86rem;font-weight:750;text-align:left}.sos-pick-grid svg{width:27px;height:27px;flex:none}.sos-pick-grid button:disabled{opacity:.45}.sos-pick-grid button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.sos-game-picker>[data-sos-picker-close]{width:100%}.sos-group-panel{position:relative;z-index:8;flex:none;margin:14px 0;padding:16px;border:2px solid var(--accent);border-radius:18px;background:var(--card);color:var(--ink);text-align:left;width:100%}.sos-group-panel h3{font-family:var(--f-display);font-size:1.1rem;margin:0 0 7px}.sos-group-panel p{font-size:.84rem;line-height:1.4;margin:0 0 10px;color:var(--muted)}.sos-group-panel ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.sos-group-panel li{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}.sos-group-panel li b{font-size:.76rem;color:var(--accent)}.sos-group-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sos-group-actions button{font:inherit;font-size:.8rem;color:var(--ink);background:var(--bg)}.sos-group-actions [data-sos-action=group-ready]{background:var(--accent);color:var(--accent-ink)}.sos-group-actions button:disabled{opacity:.5}
.sw-new-overlay>.sos-group-panel{width:calc(100% - 24px);max-width:620px;margin:8px auto 12px;max-height:40dvh;overflow:auto}
.sos-notice-bell svg{width:23px;height:23px}