/* releaseFeatureStateA: tek-kaydirma mimarisi + UX */

#tt504VerBadge{display:inline-block;margin-left:10px;padding:3px 9px;border:1px solid #b9f16a66;border-radius:999px;background:#b9f16a14;color:#c6fa7e;font:800 11px system-ui;letter-spacing:.06em;vertical-align:middle}

#tt504LocalBanner{margin:0 0 12px;padding:10px 12px;border:1px solid #e8c15a66;border-radius:10px;background:#2a230fcc;color:#ffe9a8;font:600 12px/1.5 system-ui}

#tt504NameHint{color:#9db9a8;font:500 12px/1.5 system-ui;margin:10px 0 8px}

#tt504GuestBtn{width:100%;margin-top:8px}

#portalError{min-height:18px;color:#ffb4b4;font:600 12px/1.5 system-ui;margin-top:8px}

/* --- tek kaydirma yuzeyi: overlay kayar, ic kartlar duz akar --- */

#playerPortal,#settingsOverlay,#statsOverlay,#leagueOverlay,#tt11ChPanel{overflow-y:auto !important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}

body.tt504-modal-open{overflow:hidden !important}

body.tt504-modal-open canvas{pointer-events:none}

.portalCard,#settingsOverlay .panel,#statsOverlay .panel,.chWorkbench{overflow:visible !important;max-height:none !important}

#settingsOverlay.open,#statsOverlay.open,#leagueOverlay.open,#playerPortal{overflow-y:auto !important}

.portalCard{margin:auto}

.chWorkbench{margin:auto}

#settingsOverlay.open .panel,#statsOverlay.open .panel{margin:auto}

#keyGrid,#gamepadGrid,#portalTeamPicker,#waitingList{max-height:none !important;overflow:visible !important}

#tt504SetTabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 6px}

#tt504SetTabs button{flex:1;min-width:120px;min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0e1b22;color:#cfe1e8;font:800 12px system-ui;cursor:pointer;padding:8px 10px}

#tt504SetTabs button[aria-selected="true"]{background:#24402a;border-color:#b9f16a;color:#eaffcf}

#tt504SetNote{color:#9db9a8;font:500 12px/1.5 system-ui;margin:4px 0 12px}

#topButtons .hudButton{font-size:12px !important;min-height:38px}

#tt504ToolsBtn{border-color:#b9f16a80 !important;color:#d9ffa7 !important;background:#244029 !important}

#tt504ToolsMenu{position:absolute;top:60px;right:14px;z-index:60;display:grid;gap:8px;min-width:230px;padding:10px;border:1px solid #4b7265;border-radius:12px;background:rgba(6,18,16,.97);box-shadow:0 18px 60px #000a}

#tt504ToolsMenu[hidden]{display:none !important}

#tt504ToolsMenu .hudButton{width:100%;justify-content:flex-start}

#tt504Tutorial{position:fixed;left:12px;bottom:12px;z-index:99990;max-width:430px;padding:12px 14px;display:grid;gap:8px;border:1px solid #b9f16a66;border-radius:12px;background:rgba(5,15,12,.95);color:#eaf6fb;font:600 12px/1.55 system-ui;box-shadow:0 14px 50px #000a}

#tt504Tutorial b{color:#c6fa7e;font-size:12px;letter-spacing:.05em}

#tt504Tutorial .tt504sub{color:#9db9a8;font-size:11px}

#tt504Tutorial .tt504row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

#tt504Tutorial button{border:1px solid #d2ff92;border-radius:8px;background:#bdec7b;color:#142414;font:800 12px system-ui;padding:7px 12px;cursor:pointer}

#tt504Tutorial label{display:flex;gap:6px;align-items:center;color:#9db9a8;font-size:11px}

#tt504Tutorial i{color:#6d9280;font-style:normal;font-size:11px}

#tt504HintBar{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:9990;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 20px);padding:8px 12px;border:1px solid #b9f16a55;border-radius:12px;background:rgba(5,15,12,.92);color:#eaf6fb;font:600 11px/1.5 system-ui}

#tt504HintBar[hidden]{display:none !important}

#tt504HintBar b{color:#c6fa7e;font-size:10px;letter-spacing:.08em}

#tt504HintBar span{color:#b8d0be}

#tt504HintBar button{border:1px solid #557065;border-radius:8px;background:#132e26;color:#ddf2e6;font:800 12px system-ui;padding:4px 10px;cursor:pointer}

/* veri listeleri sinirli kalir ama belirgin cerceveli */

#tt11LoaderList,.chBoard{scrollbar-width:thin;scrollbar-color:#6c945a #071712}

#tt11LoaderList::-webkit-scrollbar,.chBoard::-webkit-scrollbar{width:8px}

#tt11LoaderList::-webkit-scrollbar-thumb,.chBoard::-webkit-scrollbar-thumb{background:#3b5b4e;border-radius:8px}










#tt504StatTabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding:8px 10px;border:1px solid #355448;border-radius:10px;background:#0c221a}

#tt504StatTabs button{min-height:34px;padding:7px 14px;border:1px solid #557065;border-radius:8px;background:#132e26;color:#ddf2e6;font:800 12px system-ui;cursor:pointer}

#tt504StatTabs button.active{background:#bdec7b;border-color:#d2ff92;color:#142414}

#tt504StatHint{color:#9db9a8;font:500 11px/1.5 system-ui}

#tt504LeagueNote{color:#ffe9a8;font:600 12px/1.5 system-ui;margin:6px 0 10px}

#tt504Tag{position:fixed;left:10px;bottom:10px;z-index:99991;padding:2px 8px;border:1px solid #ffffff22;border-radius:999px;background:#00000088;color:#ffffff88;font:700 10px system-ui;pointer-events:none}

#settingsOverlay .panel,#statsOverlay .panel,#leagueOverlay{padding-bottom:76px !important}

@media(max-width:720px){#tt504ToolsMenu{right:8px;left:8px;min-width:0}}