/* ═══ FETİH — Profesyonel katman: maç, lobi, semt. En son yüklenir. ═══ */
:root { --p-bg: #0b0c0f; --p-s1: #121318; --p-s2: #1a1c22; --p-s3: #23262e; --p-ln: #2a2d36; --p-tx: #eceef2; --p-dim: #9ba0ab; --p-font: "Segoe UI Variable Text", Inter, "Segoe UI", system-ui, sans-serif; }

/* ─── Üst çubuk ─── */
@media (min-width:761px){#screen-game#screen-game .hud-top { height: 50px !important; padding: 0 10px !important; background: rgba(11,12,15,.96) !important; border-bottom: 1px solid #1e2027 !important; backdrop-filter: none !important; gap: 8px; }}
@media (min-width:761px){#screen-game#screen-game .hud-brand { display: none !important; }}
@media (min-width:761px){#screen-game#screen-game .res-chips { gap: 3px !important; align-items: center; }}
@media (min-width:761px){#screen-game#screen-game .res { height: 38px !important; min-width: 0 !important; padding: 0 10px !important; gap: 7px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .res:hover { background: var(--p-s2) !important; }}
@media (min-width:761px){#screen-game#screen-game .res small, #screen-game#screen-game .res .tick small { display: block; font: 500 10.5px/1.1 var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--p-dim) !important; }}
@media (min-width:761px){#screen-game#screen-game .res b { font: 600 14px/1.15 var(--p-font) !important; font-variant-numeric: tabular-nums; color: var(--p-tx) !important; }}
@media (min-width:761px){#screen-game#screen-game .res svg { width: 16px !important; height: 16px !important; color: #7d828d !important; }}
@media (min-width:761px){#screen-game#screen-game .res.gold svg { color: #e7b73e !important; }}
@media (min-width:761px){#screen-game#screen-game #res-pop { display: none !important; }}
@media (min-width:761px){#screen-game#screen-game .income-badge { font: 600 10.5px var(--p-font) !important; color: #86efac !important; background: transparent !important; border: 0 !important; padding: 0 0 0 3px !important; }}
@media (min-width:761px){#screen-game#screen-game .income-badge.neg { color: #fca5a5 !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-actions { gap: 2px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-actions .icon-btn { width: 34px !important; height: 34px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #b6bac3 !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-actions .icon-btn:hover { background: var(--p-s2) !important; color: #fff !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-actions .icon-btn svg { width: 17px !important; height: 17px !important; }}
.hud-more { position: relative; }
.hud-more-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 90; width: 220px; padding: 5px; display: flex; flex-direction: column; gap: 1px; background: var(--p-s1); border: 1px solid var(--p-ln); border-radius: 11px; box-shadow: 0 16px 40px rgba(0,0,0,.6); }
.hud-more-menu.hidden { display: none; }
@media (min-width:761px){#screen-game#screen-game .hud-more-menu .icon-btn.hud-more-item { width: 100% !important; height: 34px !important; display: flex !important; align-items: center; justify-content: flex-start; gap: 9px; padding: 0 9px !important; font: 500 13px var(--p-font); }}
@media (min-width:761px){#screen-game#screen-game .hud-more-menu .icon-btn.hud-more-item.hidden { display: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-more-menu .icon-btn.danger { color: #fca5a5 !important; }}
.pm-open { position: relative; }
.pm-open-badge { position: absolute; top: 1px; right: 1px; min-width: 15px; height: 15px; padding: 0 3px; display: grid; place-items: center; border-radius: 8px; background: #ef4444; color: #fff; font: 700 9.5px var(--p-font); }
.pm-open-badge.hidden { display: none; }

/* ─── Sol çubuk ve paneller ─── */
@media (min-width:761px){#screen-game#screen-game .v6-rail { top: 62px !important; left: 10px !important; width: 44px !important; padding: 5px !important; gap: 2px !important; background: rgba(18,19,24,.96) !important; border: 1px solid #24262e !important; border-radius: 12px !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-rail button { width: 34px !important; height: 34px !important; border-radius: 8px !important; color: #9ba0ab !important; background: transparent !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-rail button:hover { background: var(--p-s2) !important; color: #fff !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-rail button.active { background: #f2efe8 !important; color: #111 !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-rail svg { width: 17px !important; height: 17px !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-panel { top: 62px !important; left: 62px !important; width: 330px !important; bottom: 12px !important; background: rgba(18,19,24,.98) !important; border: 1px solid #24262e !important; border-radius: 12px !important; font-family: var(--p-font) !important; }}
@media (min-width:761px){#screen-game#screen-game .vp-head { padding: 12px 14px !important; border-bottom: 1px solid #22242c !important; }}
@media (min-width:761px){#screen-game#screen-game .vp-head b { font: 600 14px var(--p-font) !important; letter-spacing: 0 !important; text-transform: capitalize; }}
@media (min-width:761px){#screen-game#screen-game .vp-section h4, #screen-game#screen-game .v6-block h4 { font: 600 12px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--p-dim) !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-card, #screen-game#screen-game .v9-goal, #screen-game#screen-game .diplo-card { padding: 9px 11px !important; background: var(--p-s2) !important; border: 1px solid #292c35 !important; border-radius: 9px !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-card .row b, #screen-game#screen-game .v9-goal b { font-size: 13px !important; font-weight: 600 !important; }}
@media (min-width:761px){#screen-game#screen-game .v9-goal .row { gap: 8px; }}
@media (min-width:761px){#screen-game#screen-game .v6-btn { padding: 6px 11px !important; border-radius: 8px !important; font: 500 12.5px var(--p-font) !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-btn.danger { background: rgba(239,68,68,.14) !important; color: #fca5a5 !important; border: 1px solid rgba(239,68,68,.4) !important; }}
@media (min-width:761px){#screen-game#screen-game .v6-panel select, #screen-game#screen-game .v6-panel input { font-family: var(--p-font) !important; }}

/* ─── Sağ sütun ─── */
@media (min-width:761px){#screen-game#screen-game .hud-panel.collapsible, #screen-game#screen-game #panel-players, #screen-game#screen-game #panel-chat { font-family: var(--p-font) !important; background: rgba(18,19,24,.96) !important; border: 1px solid #24262e !important; border-radius: 12px !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-panel .hp-head { padding: 9px 12px !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-panel .hp-head b { font: 600 13px var(--p-font) !important; letter-spacing: 0 !important; text-transform: capitalize; }}
@media (min-width:761px){#screen-game#screen-game .hud-panel .hp-head svg { width: 16px !important; height: 16px !important; }}
@media (min-width:761px){#screen-game#screen-game .pp-sub { font: 400 11.5px var(--p-font) !important; letter-spacing: 0 !important; color: var(--p-dim) !important; }}

/* ─── Bilgi kartı ─── */
@media (min-width:761px){#screen-game#screen-game .sel-card { font-family: var(--p-font) !important; background: rgba(18,19,24,.98) !important; border: 1px solid #2a2d36 !important; border-radius: 13px !important; box-shadow: 0 16px 44px rgba(0,0,0,.55) !important; }}
@media (min-width:761px){#screen-game#screen-game .sel-card h3 { font: 700 18px "Segoe UI Variable Display", var(--p-font) !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-stat small { font: 400 12px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--p-dim) !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-stat b { font: 600 13.5px var(--p-font) !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-actions { gap: 6px !important; margin-top: 6px !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-actions .btn { min-height: 34px !important; height: 34px !important; padding: 0 12px !important; border-radius: 8px !important; font: 600 13px var(--p-font) !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-actions .btn svg { width: 15px !important; height: 15px !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-actions .btn kbd, #screen-game#screen-game .sc-actions .key { font-size: 10px !important; padding: 0 4px !important; }}
@media (min-width:761px){#screen-game#screen-game .sc-note, #screen-game#screen-game .sc-row, #screen-game#screen-game .sc-units { font: 400 12.5px/1.45 var(--p-font) !important; letter-spacing: 0 !important; }}
@media (min-width:761px){#screen-game#screen-game .utab { font: 500 12px var(--p-font) !important; border-radius: 7px !important; }}
@media (min-width:761px){#screen-game#screen-game .pct-val { font: 500 12px var(--p-font) !important; letter-spacing: 0 !important; }}
@media (min-width:761px){#screen-game#screen-game .btn:disabled { opacity: .45 !important; }}

/* ─── Harita çizgileri: yakınlaşınca kalınlaşmasın ─── */
#cells path.cell { vector-effect: non-scaling-stroke; }
#sel-layer path, .sel-ring, .src-ring { vector-effect: non-scaling-stroke; }
#sel-layer .sel-ring { stroke: #fff !important; stroke-width: 2px !important; stroke-dasharray: none !important; filter: none !important; animation: none !important; }
#sel-layer .sel-ring.target { stroke-width: 2px !important; stroke-dasharray: 6 4 !important; }
#sel-layer .src-ring { stroke-width: 1.5px !important; stroke-dasharray: 4 4 !important; animation: none !important; }

/* ─── Olay akışı ve bildirimler ─── */
#toast-timeline { top: 58px !important; max-width: 420px !important; }
#toast-timeline > * { padding: 6px 11px !important; font: 500 12px var(--p-font) !important; border-radius: 9px !important; background: rgba(18,19,24,.92) !important; border: 1px solid #2a2d36 !important; box-shadow: 0 6px 20px rgba(0,0,0,.45) !important; }
#toast-timeline svg { width: 14px !important; height: 14px !important; }
.toasts .toast, .toast { font: 500 13px var(--p-font) !important; border-radius: 10px !important; background: #1a1c22 !important; border: 1px solid #2f323c !important; box-shadow: 0 10px 28px rgba(0,0,0,.5) !important; }
.hype-title { font-family: "Segoe UI Variable Display", var(--p-font) !important; letter-spacing: .02em !important; }

/* ─── Yetenek çubuğu ─── */
.v9-bar { background: rgba(18,19,24,.96) !important; border-color: #24262e !important; border-radius: 12px !important; }
.v9-ab, .v9-emote { width: 40px !important; height: 40px !important; border-radius: 9px !important; background: var(--p-s2) !important; border-color: #2d3039 !important; }
.v9-goals { border-color: #2d3039 !important; background: var(--p-s2) !important; color: var(--p-tx) !important; border-radius: 9px !important; }
.fh-coach { background: rgba(18,19,24,.98) !important; border-color: #2a2d36 !important; }

/* ─── Lobi ─── */
#screen-lobby, #screen-semt#screen-semt { font-family: var(--p-font); }
#screen-lobby#screen-lobby .pcard, #screen-semt#screen-semt .pcard { flex-wrap: wrap; row-gap: 6px; }
#screen-lobby#screen-lobby .pcard .pinfo, #screen-semt#screen-semt .pcard .pinfo { flex: 1 1 0; min-width: 0; }
#screen-lobby#screen-lobby .pcard .pname, #screen-semt#screen-semt .pcard .pname { display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13.5px; }
#screen-lobby#screen-lobby .pcard .psub, #screen-semt#screen-semt .pcard .psub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#screen-lobby#screen-lobby .pcard:has(.bot-x) .pinfo { flex-basis: calc(100% - 60px); }
#screen-lobby#screen-lobby .pcard:has(.bot-x) .badge-st { margin-left: 46px; }
#screen-lobby#screen-lobby .pcard:has(.bot-x) .bot-x { margin-left: auto; }
.badge-st.bot { font: 600 10.5px var(--p-font) !important; letter-spacing: 0 !important; }
#screen-lobby#screen-lobby .swatches .sw, #screen-semt#screen-semt .swatches .sw { border: 2px solid rgba(255,255,255,.14); }
#screen-lobby#screen-lobby .swatches .sw:hover { transform: scale(1.12); }
#screen-lobby#screen-lobby #lobby-chat .msg, #screen-game#screen-game #game-chat .msg { font-family: var(--p-font); }

/* ─── Semt ─── */
.input-ic { display: flex !important; align-items: center; gap: 8px; }
.input-ic input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; padding-left: 0 !important; }
@media (min-width:761px){#screen-semt#screen-semt .semt-mapwrap text, #screen-semt#screen-semt svg text { font-family: var(--p-font) !important; letter-spacing: 0 !important; }}

/* ─── Maç sonu ─── */
.rs-akce { margin: 8px 0 0; padding: 9px 12px; border-radius: 10px; background: rgba(231,183,62,.09); border: 1px solid rgba(231,183,62,.3); text-align: left; font: 13px var(--p-font); color: #eadfbd; }
.rs-akce b { display: flex; justify-content: space-between; color: #f7e7b9; }
.rs-akce ul { list-style: none; margin: 5px 0 0; padding: 0; font-size: 12px; color: #c9c0a2; }
.rs-akce li { display: flex; justify-content: space-between; }

/* ─── Mesajlar ─── */
.pm-box { position: fixed; right: 14px; bottom: 14px; z-index: 8900; width: 340px; height: min(520px, calc(100vh - 80px)); display: flex; flex-direction: column; background: var(--p-s1); color: var(--p-tx); border: 1px solid var(--p-ln); border-radius: 14px; box-shadow: 0 22px 60px rgba(0,0,0,.6); font: 13.5px/1.45 var(--p-font); overflow: hidden; }
.pm-box.hidden { display: none; }
.pm-head { flex: none; display: flex; align-items: center; gap: 6px; padding: 10px 12px; border-bottom: 1px solid #22242c; }
.pm-head b { flex: 1; font-size: 14px; }
.pm-x { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 7px; background: transparent; color: var(--p-dim); cursor: pointer; }
.pm-x:hover { background: var(--p-s2); color: #fff; }
.pm-x svg { width: 16px; height: 16px; }
.pm-list { flex: 1; overflow-y: auto; padding: 5px; }
.pm-row { width: 100%; display: flex; align-items: center; gap: 9px; padding: 8px; border: 0; border-radius: 9px; background: transparent; color: inherit; text-align: left; cursor: pointer; font: inherit; }
.pm-row:hover { background: var(--p-s2); }
.pm-av { position: relative; flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--p-s3); font-size: 12px; font-weight: 600; }
.pm-av i { display: none; position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; border-radius: 50%; background: #22c55e; border: 2px solid var(--p-s1); }
.pm-av.on i { display: block; }
.pm-mid { flex: 1; min-width: 0; }
.pm-mid b { display: block; font-size: 13.5px; font-weight: 600; }
.pm-mid small { display: block; color: var(--p-dim); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-row em { min-width: 18px; padding: 0 5px; border-radius: 9px; background: #ef4444; color: #fff; font: 700 11px var(--p-font); text-align: center; }
.pm-empty { padding: 28px 16px; text-align: center; color: var(--p-dim); margin: 0; }
.pm-log { flex: 1; overflow-y: auto; padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; }
.pm-b { align-self: flex-start; max-width: 82%; padding: 6px 10px; border-radius: 11px 11px 11px 3px; background: var(--p-s2); overflow-wrap: anywhere; }
.pm-b.mine { align-self: flex-end; background: #f2efe8; color: #111; border-radius: 11px 11px 3px 11px; }
.pm-b time { display: block; margin-top: 1px; font-size: 10.5px; color: var(--p-dim); text-align: right; }
.pm-b.mine time { color: #6f6c64; }
.pm-form { flex: none; display: flex; gap: 6px; padding: 9px; border-top: 1px solid #22242c; }
.pm-form input { flex: 1; min-width: 0; padding: 8px 11px; border: 1px solid var(--p-ln); border-radius: 9px; background: #0d0e12; color: var(--p-tx); font: inherit; outline: none; }
.pm-form input:focus { border-color: #8d919b; }
.pm-form button { width: 36px; display: grid; place-items: center; border: 0; border-radius: 9px; background: #f2efe8; color: #111; cursor: pointer; }
.pm-form svg { width: 15px; height: 15px; }
@media (max-width: 640px) { .pm-box { right: 8px; left: 8px; width: auto; bottom: 8px; } #screen-game#screen-game .res small { display: none; } }


/* ─── Kaydırma çubukları ─── */
#screen-game *, #screen-semt *, #screen-lobby *, .pm-box * { scrollbar-width: thin; scrollbar-color: #3a3d47 transparent; }
#screen-game ::-webkit-scrollbar, #screen-semt ::-webkit-scrollbar, #screen-lobby ::-webkit-scrollbar, .pm-box ::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; }
#screen-game ::-webkit-scrollbar-thumb, #screen-semt ::-webkit-scrollbar-thumb, #screen-lobby ::-webkit-scrollbar-thumb, .pm-box ::-webkit-scrollbar-thumb { background: #3a3d47; border-radius: 3px; }
#screen-game ::-webkit-scrollbar-track, #screen-semt ::-webkit-scrollbar-track, #screen-lobby ::-webkit-scrollbar-track, .pm-box ::-webkit-scrollbar-track { background: transparent; }
#screen-game ::-webkit-scrollbar-button, #screen-semt ::-webkit-scrollbar-button, #screen-lobby ::-webkit-scrollbar-button { display: none; height: 0; }

/* ─── Üst çubuk kesin hali ─── */
@media (min-width:761px){#screen-game#screen-game .hud-top .hud-brand { display: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res-chips, #screen-semt#screen-semt .hud-top .res-chips { gap: 2px !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res, #screen-semt#screen-semt .hud-top .res { height: 38px !important; padding: 0 10px !important; gap: 8px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res:hover, #screen-semt#screen-semt .hud-top .res:hover { background: var(--p-s2) !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res small, #screen-semt#screen-semt .hud-top .res small { font: 500 11px/1.15 var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--p-dim) !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res b, #screen-semt#screen-semt .hud-top .res b { font: 600 14px/1.2 var(--p-font) !important; letter-spacing: 0 !important; font-variant-numeric: tabular-nums; color: var(--p-tx) !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res svg, #screen-semt#screen-semt .hud-top .res svg { width: 16px !important; height: 16px !important; color: #7d828d !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-top .res.gold svg { color: #e7b73e !important; }}
@media (min-width:761px){#screen-semt#screen-semt .hud-top .res.danger { background: rgba(239,68,68,.12) !important; }}
@media (min-width:761px){#screen-semt#screen-semt .hud-top .res.night { background: rgba(59,130,246,.1) !important; }}

/* ─── Sağ sütun ─── */
@media (min-width:761px){#screen-game#screen-game .hud-right { width: 280px !important; }}
@media (min-width:761px){#screen-game#screen-game #panel-players { flex: 0 1 auto !important; max-height: 44vh; }}
@media (min-width:761px){#screen-game#screen-game #panel-players .hp-head { height: 40px; padding: 0 12px !important; font: 600 13px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; }}
@media (min-width:761px){#screen-game#screen-game #panel-players .hp-body { overflow-y: auto; max-height: calc(44vh - 40px); padding: 4px !important; }}
@media (min-width:761px){#screen-game#screen-game #panel-chat .hp-head b { font: 600 13px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; }}
@media (min-width:761px){#screen-game#screen-game .hud-right.chat-collapsed #panel-chat { display: none !important; }}

/* ─── Bildirimler ─── */
#toasts.toasts { top: 58px; width: min(380px, calc(100vw - 24px)); gap: 6px; }
#toasts .toast { min-height: 0 !important; padding: 8px 10px !important; gap: 8px !important; background: #17181e !important; color: var(--p-tx) !important; border: 1px solid #2c2f39 !important; border-radius: 10px !important; box-shadow: 0 10px 28px rgba(0,0,0,.45) !important; font: 500 13px/1.35 var(--p-font) !important; display: flex; align-items: center; }
#toasts .toast svg { flex: none; width: 15px !important; height: 15px !important; color: var(--p-dim) !important; }
#toasts .toast > span { flex: 1; min-width: 0; }
#toasts .toast .t-acts { flex: none; display: flex; gap: 4px; margin: 0 !important; }
#toasts .toast .t-acts .btn { width: auto !important; height: 26px !important; padding: 0 9px !important; border: 0 !important; border-radius: 7px !important; background: var(--p-s3) !important; color: #fff !important; font: 600 12px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; }
#toasts .toast .t-acts .btn:hover { background: #30343e !important; }

/* ─── Semt ─── */
@media (min-width:761px){#screen-semt#screen-semt { --sm-dim: #a7acb6; --sm-faint: #7f848f; --mono: var(--p-font); }}
@media (min-width:761px){#screen-semt#screen-semt .hud-brand { font: 600 13px var(--p-font) !important; letter-spacing: 0 !important; }}
@media (min-width:761px){#screen-semt#screen-semt .hud-brand .phase-badge { font: 500 11px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; }}
@media (min-width:761px){#screen-semt#screen-semt .hud-actions { border: 0 !important; background: transparent !important; }}
@media (min-width:761px){#screen-semt#screen-semt .hud-actions .icon-btn { width: 34px !important; height: 34px !important; background: transparent !important; }}
@media (min-width:761px){#screen-semt#screen-semt .hud-actions .icon-btn svg { width: 17px !important; height: 17px !important; }}
@media (min-width:761px){#screen-semt#screen-semt .semt-gangs .g-head span, #screen-semt#screen-semt .market-line, #screen-semt#screen-semt .market-line b, #screen-semt#screen-semt .sc-stat small, #screen-semt#screen-semt .sc-stat b { font-family: var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; }}
@media (min-width:761px){#screen-semt#screen-semt .market-line { color: var(--p-dim) !important; font-size: 12px !important; opacity: 1 !important; }}
@media (min-width:761px){#screen-semt#screen-semt .market-line b { color: var(--p-tx) !important; font-weight: 600; }}
@media (min-width:761px){#screen-semt#screen-semt .sc-stat small { color: var(--p-dim) !important; font-size: 12.5px !important; }}
@media (min-width:761px){#screen-semt#screen-semt .sc-stat b { color: var(--p-tx) !important; font-size: 13px !important; }}
@media (min-width:761px){#screen-semt#screen-semt #semt-side .sub { color: var(--p-dim) !important; font-size: 12.5px; line-height: 1.5; }}
@media (min-width:761px){#screen-semt#screen-semt #semt-side h3 { color: #fff !important; font-size: 19px !important; }}
@media (min-width:761px){#screen-semt#screen-semt #semt-side .btn[disabled] { background: var(--p-s3) !important; border-color: transparent !important; color: #8d929d !important; opacity: 1 !important; cursor: not-allowed; }}
@media (min-width:761px){#screen-semt#screen-semt .semt-svg text { font-size: 12.5px; font-weight: 600; stroke: #0a0a0c; stroke-width: 3px; }}
@media (min-width:761px){#screen-semt#screen-semt .semt-svg text.mine { fill: #fff; stroke: #0a0a0c; }}
@media (min-width:761px){#screen-semt#screen-semt .semt-svg .cell.mine { stroke: #fff; stroke-width: 2px; }}
@media (min-width:761px){#screen-semt#screen-semt .semt-svg .cell.owned { stroke: rgba(255,255,255,.28); }}
@media (min-width:761px){#screen-semt#screen-semt .fd-fields .input-ic { padding: 0 11px !important; }}
@media (min-width:761px){#screen-semt#screen-semt .fd-fields .input-ic input, #screen-semt#screen-semt .input-ic input { height: 100% !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }}

/* ─── Lobi ─── */
.shop-lobby { border: 1px solid #2c2f39 !important; border-style: solid !important; background: var(--p-s1) !important; color: var(--p-tx) !important; font: 500 13px var(--p-font) !important; letter-spacing: 0 !important; text-transform: none !important; }
.shop-lobby:hover { background: var(--p-s2) !important; }
.shop-lobby svg { color: var(--p-dim) !important; }
#screen-lobby#screen-lobby .pcard .pname .muted, #screen-semt#screen-semt .pcard .pname .muted { flex: none; }
#screen-lobby#screen-lobby .pcard .pname, #screen-semt#screen-semt .pcard .pname { min-width: 0; }

/* ─── Maç içi yazı tipi ve seçim kartı ─── */
@media (min-width:761px){#screen-game#screen-game, #screen-lobby#screen-lobby { --mono: var(--p-font); }}
@media (min-width: 821px) {
  #screen-game#screen-game:has(#sel-card:not(.hidden)) #panel-players { display: none !important; }
  body:has(#screen-game:not(.hidden)) .pm-box { right: 304px; }
}
@media (min-width:761px){#screen-game#screen-game .sel-card .utab { padding: 7px 2px !important; font: 600 11.5px/1.2 var(--p-font) !important; white-space: nowrap; letter-spacing: 0 !important; text-transform: none !important; }}

/* ─── Telefon: üst menü taşmasın ─── */
@media (max-width: 760px) { #screen-game#screen-game .zoom-ctl { bottom: calc(var(--gm-bar) + 76px) !important; } }
@media (max-width: 480px) {
  #screen-main .dash-brand span { display: none; }
  #screen-main .dash-top { gap: 6px !important; }
  #screen-main .profile-pill .who-txt { display: none; }
  #toasts.toasts { top: 8px; }
}

/* ── Unvan rozetleri: nadirliğe göre desen ── */
:is(.title, .cos-title) {
  position: relative; display: inline-flex !important; align-items: center; gap: .5em;
  padding: .18em .8em !important; border: 1px solid; border-radius: 5px !important;
  font: 700 11px/1.45 Bahnschrift, "Segoe UI Variable Display", "Segoe UI", sans-serif !important;
  letter-spacing: .07em !important; text-transform: uppercase; white-space: nowrap; vertical-align: middle;
  background-repeat: repeat; box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}
:is(.title, .cos-title)::before, :is(.title, .cos-title)::after {
  content: ''; flex: none; width: .42em; height: .42em; transform: rotate(45deg); background: currentColor; opacity: .85; display: none;
}
:is(.title, .cos-title).r-yaygin {
  color: #d9dee6 !important; border-color: rgba(176,186,201,.6) !important;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 1px, transparent 1px 5px), linear-gradient(180deg, #343c48, #1f252e) !important;
}
:is(.title, .cos-title).r-nadir {
  color: #d8e9ff !important; border-color: #5b9cf2 !important;
  background: repeating-linear-gradient(45deg, rgba(120,178,255,.24) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, rgba(120,178,255,.24) 0 1px, transparent 1px 7px), linear-gradient(180deg, #1f4c8c, #0f2647) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 10px rgba(91,156,242,.28) !important;
}
:is(.title, .cos-title).r-nadir::before, :is(.title, .cos-title).r-nadir::after { display: block; width: .34em; height: .34em; opacity: .7; }
:is(.title, .cos-title).r-destansi {
  color: #f3e9ff !important; border-color: #b583ff !important;
  background: radial-gradient(circle, rgba(226,200,255,.3) 0 1px, transparent 1.6px) 0 0 / 7px 7px, radial-gradient(circle, rgba(226,200,255,.14) 0 1px, transparent 1.6px) 3.5px 3.5px / 7px 7px, linear-gradient(180deg, #52229a, #260d50) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 14px rgba(170,110,255,.42) !important;
}
:is(.title, .cos-title).r-destansi::before, :is(.title, .cos-title).r-destansi::after { display: block; background: #d9bcff; box-shadow: 0 0 6px #b583ff; }
:is(.title, .cos-title).r-efsanevi {
  color: #2b1800 !important; border-color: #ffe7a0 !important; text-shadow: 0 1px 0 rgba(255,240,190,.55);
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.65) 50%, transparent 62%) 0 0 / 260% 100% no-repeat, repeating-linear-gradient(60deg, rgba(255,255,255,.2) 0 2px, transparent 2px 9px), linear-gradient(180deg, #ffe48a, #e0a92c 55%, #b57a10) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 0 16px rgba(251,191,36,.55) !important;
  animation: unvanShine 3.2s ease-in-out infinite;
}
:is(.title, .cos-title).r-efsanevi::before, :is(.title, .cos-title).r-efsanevi::after { display: block; background: #5a3500; opacity: .75; }
@keyframes unvanShine { 0%, 35% { background-position: 130% 0, 0 0, 0 0; } 75%, 100% { background-position: -30% 0, 0 0, 0 0; } }
.pv :is(.title, .cos-title), .sh-pv-title .cos-title, .reveal :is(.title, .cos-title) { font-size: 13px !important; padding: .4em 1.05em !important; }
@media (prefers-reduced-motion: reduce) { :is(.title, .cos-title).r-efsanevi { animation: none; } }

/* ── Zafer efekti önizlemesi ── */
.sh-pv-fx { position: relative; }
.sh-fxplay { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border: 1px solid rgba(255,255,255,.22); border-radius: 99px; background: rgba(8,10,14,.78); color: #fff; font: 600 12px var(--p-font, sans-serif); cursor: pointer; opacity: 0; transition: opacity .15s; }
.sh-fxplay svg { width: 12px; height: 12px; }
.sh-pv-fx:hover .sh-fxplay, .sh-fxplay:focus-visible { opacity: 1; }
.sh-pv-fx.fx-lale { background: radial-gradient(circle at 50% 60%, rgba(230,57,70,.35), transparent 70%); }
.sh-pv-fx.fx-yildiz, .sh-pv-fx.fx-kuzey, .sh-pv-fx.fx-galaksi { background: radial-gradient(circle at 50% 50%, rgba(120,110,255,.3), transparent 70%), #070a16; }
.sh-pv-fx.fx-yildirim { background: radial-gradient(circle at 50% 30%, rgba(120,160,255,.4), transparent 70%), #080b18; }
.sh-pv-fx.fx-hilal { background: radial-gradient(circle at 50% 50%, rgba(255,204,85,.35), transparent 70%), #0d0a05; }

/* ── Tab skor tablosu ── */
#gtab { position: fixed; inset: 0; z-index: 9500; display: none; place-items: center; background: rgba(4,6,10,.42); backdrop-filter: blur(3px); }
#gtab.on { display: grid; animation: gtabIn .14s ease-out; }
@keyframes gtabIn { from { opacity: 0; } }
.gtab-card { width: min(920px, calc(100vw - 32px)); max-height: calc(100vh - 80px); overflow: auto; padding: 16px 18px 12px; border: 1px solid #2a2f3a; border-radius: 16px; background: rgba(14,17,23,.97); box-shadow: 0 30px 80px rgba(0,0,0,.6); color: #e9edf3; font-family: var(--p-font, "Segoe UI", sans-serif); }
.gtab-card header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.gtab-card header b { display: block; font-size: 17px; }
.gtab-card header small { color: #9aa3b2; font-size: 12.5px; }
.gtab-card kbd { padding: 2px 8px; border: 1px solid #3a404c; border-radius: 6px; color: #9aa3b2; font-size: 11px; }
.gtab-row { display: grid; grid-template-columns: 28px minmax(0, 2.4fr) 1fr 1.1fr .8fr .7fr 1fr; gap: 10px; align-items: center; padding: 9px 10px; border-radius: 10px; font-size: 13.5px; }
.gtab-row + .gtab-row { margin-top: 2px; }
.gtab-th { color: #8a93a3; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; padding-top: 4px; padding-bottom: 6px; border-bottom: 1px solid #232833; border-radius: 0; }
.gtab-row:not(.gtab-th) { background: rgba(255,255,255,.025); }
.gtab-row:not(.gtab-th):hover { background: rgba(255,255,255,.06); }
.gtab-row.me { background: rgba(34,211,238,.08); box-shadow: inset 2px 0 0 #22d3ee; }
.gtab-row.focus { background: rgba(255,111,71,.12); box-shadow: inset 2px 0 0 #ff6f47; }
.gtab-row.dead { opacity: .45; }
.gtab-row .n { color: #8a93a3; font-variant-numeric: tabular-nums; text-align: center; }
.gtab-row .who { display: flex; align-items: center; gap: 8px; min-width: 0; }
.gtab-row .who > i { flex: none; width: 12px; height: 12px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.4); }
.gtab-row .who b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gtab-row .who small { color: #8a93a3; font-size: 12px; white-space: nowrap; }
.gtab-row .who .cos-title { font-size: 9.5px !important; }
.gtab-row .num { font-variant-numeric: tabular-nums; }
.gtab-row .num em { display: block; height: 3px; margin-top: 4px; border-radius: 3px; background: rgba(255,255,255,.08); overflow: hidden; }
.gtab-row .num u { display: block; height: 100%; background: #22d3ee; }
.gtab-row .rel { font-size: 12.5px; color: #aab2bf; }
.gtab-row .rel.ally { color: #4ade80; } .gtab-row .rel.war { color: #f87171; font-weight: 600; } .gtab-row .rel.calm { color: #93c5fd; } .gtab-row .rel.me { color: #22d3ee; }
.gtab-row .st { font-size: 12.5px; color: #8ee6a8; } .gtab-row .st.off { color: #8a93a3; }
.gtab-card footer { margin-top: 10px; color: #6f7888; font-size: 11.5px; text-align: center; }
@media (max-width: 760px) { .gtab-row { grid-template-columns: 22px minmax(0, 2fr) 1fr .8fr .8fr; } .gtab-row > :nth-child(6), .gtab-row > :nth-child(7) { display: none; } }

/* ── Seçim kartı: miktar satırı tek satır ── */
#screen-game .sel-card .sc-row { gap: 10px; }
#screen-game .sel-card .sc-row .pct-val { flex: none; white-space: nowrap; font-size: 12px; }
#screen-game .sel-card .sc-row input[type=range] { flex: 1; min-width: 60px; }
/* Öğretici küçük haritanın üstüne binmesin */
@media (min-width: 761px) { .fh-coach { left: 330px !important; } body:has(#v6-panel.open) .fh-coach { left: 420px !important; } }
#gtab .gtab-row .rel { display: inline; width: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font: 500 12.5px var(--p-font, "Segoe UI", sans-serif); letter-spacing: 0; text-transform: none; }

/* ── Sağ tık: alt menüler kutunun dışına taşabilsin ── */
#fetih-ctx { overflow: visible !important; }
#fetih-ctx .fcx-item.has-sub.flip-sub > .fcx-sub { left: auto !important; right: calc(100% + 4px) !important; }
#fetih-ctx .fcx-sub { z-index: 2; }

/* ── Telefon: harita düğmeleri yetenek çubuğuyla çakışmasın, bildirimler üst çubuğu kapatmasın ── */
@media (max-width: 760px) {
  #screen-game#screen-game .zoom-ctl { bottom: calc(var(--gm-bar, 64px) + 122px) !important; }
  #screen-game #zoom-in, #screen-game #zoom-out { display: none !important; }
  body:has(#screen-game:not(.hidden)) #toasts.toasts { top: 108px !important; }
}
/* Oyuncu listesinde unvan adın altında, kesilmeden */
#screen-game #panel-players .pp-name { white-space: normal !important; }
#screen-game #panel-players .pp-name .cos-title { display: flex !important; width: max-content; margin-top: 3px; font-size: 9px !important; }

/* ── Akıcılık: maç ekranında bulanık cam efekti yok (kaydırırken GPU'yu yoruyordu) ── */
#screen-game *, #screen-semt * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
#screen-game .hud-top, #screen-semt .hud-top { background: rgba(11,12,15,.97) !important; }

/* ── Semt: bot ekleme, bot etiketi, görevler ── */
#screen-semt .semt-bots { display: inline-flex; align-items: center; gap: 6px; margin-left: 14px; }
#screen-semt .semt-bots.hidden { display: none; }
#screen-semt .semt-bots > span { display: inline-flex; align-items: center; gap: 6px; color: var(--p-dim, #9ba0ab); font-size: 12.5px; }
#screen-semt .semt-bots svg { width: 14px; height: 14px; }
#screen-semt .semt-bots button { height: 28px; padding: 0 10px; border: 1px solid #2c2f39; border-radius: 8px; background: #15171c; color: #e8eaee; font: 600 12px var(--p-font, sans-serif); cursor: pointer; }
#screen-semt .semt-bots button:hover { background: #20232b; }
#screen-semt .pcard .badge-st.bot { background: rgba(96,165,250,.14) !important; color: #93c5fd !important; border-color: rgba(96,165,250,.35) !important; }
#screen-semt .pcard .bot-x { margin-left: 6px; height: 24px; padding: 0 8px; border: 1px solid #3a3d47; border-radius: 7px; background: transparent; color: #c9cdd4; font-size: 11.5px; cursor: pointer; }
#screen-semt .g-bot { margin-left: 6px; font-style: normal; font-size: 9.5px; letter-spacing: .06em; color: #93c5fd; }
#screen-semt .g-mis-head { margin-top: 10px; }
#screen-semt .g-mis { padding: 7px 8px; border-radius: 10px; background: rgba(255,255,255,.03); margin-top: 4px; }
#screen-semt .g-mis.done { opacity: .5; }
#screen-semt .g-mis-t { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: #e8eaee; }
#screen-semt .g-mis-t em { font-style: normal; color: #9ba0ab; font-variant-numeric: tabular-nums; }
#screen-semt .g-mis .g-bar { display: block; height: 3px; margin: 5px 0 3px; border-radius: 3px; background: rgba(255,255,255,.08); overflow: hidden; }
#screen-semt .g-mis .g-bar i { display: block; height: 100%; background: #f5c542; }
#screen-semt .g-mis small { color: #8a909b; font-size: 11px; }

#screen-semt .pcard:has(.bot-x) { flex-wrap: wrap; row-gap: 6px; }
#screen-semt .pcard:has(.bot-x) .pinfo { flex: 1 1 calc(100% - 60px) !important; min-width: 0; }
#screen-semt .pcard:has(.bot-x) .badge-st { order: 3; }
#screen-semt .pcard:has(.bot-x) .bot-x { order: 4; }
#screen-semt .pcard:has(.bot-x) .badge-st { margin-left: 46px; }
#screen-semt .pcard:has(.bot-x) .bot-x { margin-left: auto; }