/* Generated by scripts/build_assets.py; edit static/css instead. */
/* bFootball v0.13.285 · Responsive UI
   Eine Hauptdomain mit vier Layoutstufen: Desktop, Tablet, Handy quer, Handy hoch.
   Die bestehende Mobile-Oberfläche wird für beide Handy-Stufen wiederverwendet. */
.mobile-shellbar{display:none}

html.mobile-site{background:var(--theme-color-081018)}

html.mobile-site,html.mobile-site body{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}

html.mobile-site body{font-size:var(--theme-font-size-14px);line-height:var(--theme-line-height-1-45);padding-bottom:env(safe-area-inset-bottom);background:var(--theme-color-081018);color:var(--text)}

html.mobile-site .app-background{position:fixed;inset:0;background-position:top center!important;background-size:cover!important;filter:saturate(.8) brightness(.58)}

html.mobile-site .app-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--theme-color-rgba-7-13-19-44),var(--theme-color-rgba-7-13-19-72) 28%,var(--theme-color-rgba-7-13-19-88))}

html.mobile-site .app-shell{display:block!important;min-height:100dvh;width:100%;position:relative}

html.mobile-site .sidebar{display:none!important}

/* Mobile Topbar */
html.mobile-site .mobile-shellbar{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;position:sticky;top:0;z-index:70;min-height:68px;padding:var(--theme-space-10px) var(--theme-space-13px);padding-top:max(var(--theme-space-10px),env(safe-area-inset-top));align-items:center;gap:var(--theme-space-10px);background:var(--theme-color-rgba-8-14-21-94);border-bottom:1px solid var(--theme-color-rgba-89-118-145-27);box-shadow:var(--theme-box-shadow-0-10px-34px-var-theme-color-rgba-0-0-0-24);backdrop-filter:blur(22px) saturate(135%)}

html.mobile-site .mobile-brand{display:flex;align-items:center;justify-content:center}

html.mobile-site .mobile-brand-crest{width:42px;height:42px;border-radius:var(--theme-radius-13px);background:linear-gradient(145deg,var(--theme-color-75efad),var(--theme-color-2dc97d));color:var(--theme-color-07150f);display:grid;place-items:center;font-weight:var(--theme-font-weight-950);font-size:var(--theme-font-size-19px);letter-spacing:var(--theme-tracking-04em);box-shadow:var(--theme-box-shadow-2)}

html.mobile-site .mobile-nav-wrap{min-width:0;position:relative;height:46px;border:1px solid var(--theme-color-2c3b4d);border-radius:var(--theme-radius-13px);background:linear-gradient(180deg,var(--theme-color-rgba-20-31-43-98),var(--theme-color-rgba-15-24-34-98));box-shadow:var(--theme-box-shadow-inset-0-1px-0-var-theme-color-rgba-255-255-255-025)}

html.mobile-site .mobile-nav-kicker{position:absolute;left:13px;top:6px;z-index:2;pointer-events:none;font-size:var(--theme-font-size-7px);line-height:var(--theme-line-height-1);color:var(--theme-color-70e3a3);font-weight:var(--theme-font-weight-900);letter-spacing:var(--theme-tracking-18em)}

html.mobile-site .mobile-nav-select{position:absolute;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;border:0!important;background:var(--theme-color-transparent)!important;padding:var(--theme-space-15px) var(--theme-space-34px) var(--theme-space-5px) var(--theme-space-12px)!important;border-radius:var(--theme-radius-13px)!important;font-size:var(--theme-font-size-15px)!important;font-weight:var(--theme-font-weight-850)!important;line-height:var(--theme-line-height-1-1)!important;color:var(--theme-color-eef6fb)!important;appearance:auto}

html.mobile-site .mobile-header-toggle{width:42px;height:42px;border:1px solid var(--theme-color-2c3b4d);border-radius:var(--theme-radius-13px);background:linear-gradient(180deg,var(--theme-color-14202c),var(--theme-color-0f1822));color:var(--theme-color-a8bac9);display:grid;place-items:center;cursor:pointer;box-shadow:var(--theme-box-shadow-inset-0-1px-0-var-theme-color-rgba-255-255-255-03)}

html.mobile-site .mobile-header-toggle-icon{display:block;font-size:var(--theme-font-size-23px);line-height:var(--theme-line-height-1);transform:translateY(-2px);transition:transform .2s ease,color .2s ease}

html.mobile-site.mobile-header-open .mobile-header-toggle-icon{transform:rotate(180deg) translateY(1px);color:var(--accent)}

/* Aufklappbare Vereinsleiste – standardmäßig geschlossen */
html.mobile-site main{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}

html.mobile-site #appHeader{display:none!important;position:relative!important;top:auto!important;z-index:30!important;height:auto!important;min-height:0!important;margin:0!important;padding:var(--theme-space-13px) var(--theme-space-14px) var(--theme-space-15px)!important;background:linear-gradient(180deg,var(--theme-color-rgba-12-20-29-97),var(--theme-color-rgba-9-16-24-97))!important;border-bottom:1px solid var(--theme-color-rgba-73-98-122-25)!important;box-shadow:var(--theme-box-shadow-0-14px-34px-var-theme-color-rgba-0-0-0-18);backdrop-filter:blur(20px)}

html.mobile-site.mobile-header-open #appHeader{display:block!important;animation:mobileHeaderIn .18s ease-out}

@keyframes mobileHeaderIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}

html.mobile-site #appHeader .page-title-block{display:none!important}

html.mobile-site .header-right{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--theme-space-9px)!important;width:100%!important;align-items:stretch!important}

html.mobile-site .club-select{grid-column:1/-1!important;width:100%!important;min-width:0!important;height:44px!important;border-radius:var(--theme-radius-12px)!important;background:var(--theme-color-101a24)!important;border-color:var(--theme-color-2c3d4e)!important;font-weight:var(--theme-font-weight-750)!important}

html.mobile-site .tokens,html.mobile-site .money,html.mobile-site .season-matchday{display:flex!important;min-width:0!important;min-height:44px!important;padding:var(--theme-space-10px) var(--theme-space-11px)!important;border-radius:var(--theme-radius-12px)!important;align-items:center!important;justify-content:center!important;font-size:var(--theme-font-size-12px)!important;font-weight:var(--theme-font-weight-850)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(180deg,var(--theme-color-14202c),var(--theme-color-101923))!important;border:1px solid var(--theme-color-293848)!important;box-shadow:var(--theme-box-shadow-inset-0-1px-0-var-theme-color-rgba-255-255-255-025)!important}

html.mobile-site .tokens{grid-column:auto!important;color:var(--theme-color-f4d67b)!important}

html.mobile-site #money{grid-column:auto!important}

html.mobile-site .season-matchday{grid-column:1/-1!important;color:var(--theme-color-cdd9e3)!important}

html.mobile-site #playBtn{grid-column:1/-1!important;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;border-radius:var(--theme-radius-13px)!important;font-size:var(--theme-font-size-14px)!important;box-shadow:var(--theme-box-shadow-0-9px-24px-var-theme-color-rgba-40-199-123-13)}

html.mobile-site #liveHeaderBtn{grid-column:1/-1!important;width:100%!important;min-height:44px!important}

/* Inhaltsfläche */
html.mobile-site #content{width:100%!important;max-width:760px!important;margin:0 auto!important;padding:var(--theme-space-18px) var(--theme-space-13px) var(--theme-space-112px)!important;overflow:visible!important}

html.mobile-site .card{padding:var(--theme-space-16px)!important;border-radius:var(--theme-radius-18px)!important;min-width:0!important;background:linear-gradient(180deg,var(--theme-color-rgba-20-31-43-965),var(--theme-color-rgba-13-22-31-975))!important;border-color:var(--theme-color-rgba-66-88-109-64)!important;box-shadow:var(--theme-box-shadow-6)!important}

html.mobile-site .card+.card{margin-top:0}

html.mobile-site .hero,html.mobile-site .section-hero,html.mobile-site .content-hero,html.mobile-site .control-hero{padding:var(--theme-space-18px)!important;border-radius:var(--theme-radius-19px)!important;margin-bottom:var(--theme-space-14px)!important;background:linear-gradient(135deg,var(--theme-color-rgba-29-75-58-5),var(--theme-color-rgba-19-31-43-98) 54%)!important}

html.mobile-site .hero h2,html.mobile-site .content-hero h2,html.mobile-site .control-hero h2{font-size:var(--theme-font-size-24px)!important;line-height:var(--theme-line-height-1-12)!important;margin:var(--theme-space-6px) 0 var(--theme-space-8px)!important;letter-spacing:var(--theme-tracking-035em)}

html.mobile-site .hero p,html.mobile-site .content-hero p,html.mobile-site .control-hero p{font-size:var(--theme-font-size-13px)!important;line-height:var(--theme-line-height-1-55)!important;margin-bottom:0!important}

html.mobile-site .eyebrow{font-size:var(--theme-font-size-9px)!important;letter-spacing:var(--theme-tracking-17em)!important}

html.mobile-site .section-title{gap:var(--theme-space-10px)!important;align-items:flex-start!important;flex-wrap:wrap!important;margin-bottom:var(--theme-space-14px)!important}

html.mobile-site .section-title h2{font-size:var(--theme-font-size-18px)!important;line-height:var(--theme-line-height-1-2)!important}

html.mobile-site .muted{line-height:var(--theme-line-height-1-5)}

/* Raster und Karten */
html.mobile-site .grid{gap:var(--theme-space-13px)!important}

html.mobile-site .grid.two,html.mobile-site .grid.three,html.mobile-site .grid.four,
html.mobile-site .finance-columns,html.mobile-site .prize-grid,html.mobile-site .detail-grid,
html.mobile-site .training-list,html.mobile-site .training-groups-grid,html.mobile-site .pitch-shell,
html.mobile-site .market-layout,html.mobile-site .squad-layout,html.mobile-site .career-teams-layout,
html.mobile-site .control-team-grid,html.mobile-site .control-test-grid,html.mobile-site .control-overview-grid,
html.mobile-site .control-permission-grid,html.mobile-site .voice-grid,html.mobile-site .dashboard-layout,
html.mobile-site .dashboard-grid,html.mobile-site .sponsor-grid2{grid-template-columns:1fr!important;gap:var(--theme-space-13px)!important}

html.mobile-site .stat{padding:var(--theme-space-15px)!important}

html.mobile-site .stat .value{font-size:var(--theme-font-size-28px)!important}

html.mobile-site .badge{font-size:var(--theme-font-size-10px)!important;padding:var(--theme-space-5px) var(--theme-space-8px)!important}

/* Buttons und Formulare */
html.mobile-site .toolbar{gap:var(--theme-space-8px)!important}

html.mobile-site .toolbar>.btn,html.mobile-site .toolbar>.select{max-width:100%}

html.mobile-site .btn{min-height:40px;padding:var(--theme-space-9px) var(--theme-space-12px);border-radius:var(--theme-radius-11px);font-size:var(--theme-font-size-13px)}

html.mobile-site .btn.small{min-height:34px;padding:var(--theme-space-7px) var(--theme-space-10px);font-size:var(--theme-font-size-11px)}

html.mobile-site .input,html.mobile-site .select{font-size:var(--theme-font-size-16px);max-width:100%;min-height:42px;border-radius:var(--theme-radius-11px);background:var(--theme-color-0d1720)}

/* iOS Auto-Zoom verhindern */
html.mobile-site textarea.input{min-height:130px}

/* Detailkarten */
html.mobile-site .unified-detail,html.mobile-site .player-detail-card,html.mobile-site .trainer-detail-card{width:100%!important;max-width:none!important}

html.mobile-site .detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--theme-space-9px)!important}

html.mobile-site .detail-metric{min-height:94px!important;padding:var(--theme-space-11px)!important;border-radius:var(--theme-radius-13px)!important}

html.mobile-site .detail-metric>b{font-size:var(--theme-font-size-20px)!important}

html.mobile-site .player-attributes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--theme-space-9px)!important}

/* Tabellen */
html.mobile-site .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-radius:var(--theme-radius-12px)}

html.mobile-site table{min-width:max-content;font-size:var(--theme-font-size-12px)}

html.mobile-site th{font-size:var(--theme-font-size-8px);padding:var(--theme-space-9px) var(--theme-space-9px)}

html.mobile-site td{padding:var(--theme-space-10px) var(--theme-space-9px)}

/* Spiele / Mannschaft */
html.mobile-site .match-card{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)!important;gap:var(--theme-space-8px)!important;min-height:155px!important;padding:var(--theme-space-12px)!important}

html.mobile-site .team-badge{width:50px;height:50px;border-radius:var(--theme-radius-14px);font-size:var(--theme-font-size-14px)}

html.mobile-site .team{min-width:0}

html.mobile-site .team b,html.mobile-site .team-name-text{white-space:normal!important;overflow-wrap:anywhere}

html.mobile-site .score-big{font-size:var(--theme-font-size-36px)}

html.mobile-site .league-select-wrap{width:100%;align-items:stretch!important}

html.mobile-site .league-select{width:100%!important;min-width:0!important}

html.mobile-site .pitch{min-height:520px!important;transform-origin:top center}

html.mobile-site .lineup-slot,html.mobile-site .live-lineup-slot{max-width:124px}

html.mobile-site .bench-list{grid-template-columns:1fr!important}

html.mobile-site .training-group-row{align-items:stretch!important;flex-wrap:wrap}

html.mobile-site .career-team-row{grid-template-columns:30px minmax(0,1fr)!important;gap:var(--theme-space-9px)!important}

html.mobile-site .career-team-actions{grid-column:2!important;justify-content:flex-start!important;flex-wrap:wrap!important}

/* Control-Panel: luftiger, klarer, nicht gequetscht */
html.mobile-site .control-shell{display:grid;gap:var(--theme-space-14px)!important}

html.mobile-site .control-hero{margin:0!important}

html.mobile-site .control-tabs{position:static!important;display:flex!important;gap:var(--theme-space-7px)!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:var(--theme-space-5px)!important;margin:0!important;border:1px solid var(--theme-color-rgba-61-82-103-6)!important;border-radius:var(--theme-radius-15px)!important;background:var(--theme-color-rgba-10-18-27-86)!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}

html.mobile-site .control-tabs::-webkit-scrollbar{display:none}

html.mobile-site .control-tabs .btn{flex:0 0 auto;white-space:nowrap;min-height:42px!important;padding:var(--theme-space-9px) var(--theme-space-13px)!important;border-radius:var(--theme-radius-11px)!important;background:var(--theme-color-transparent)!important;border-color:var(--theme-color-transparent)!important}

html.mobile-site .control-tabs .btn.active,html.mobile-site .control-tabs .tab.active{background:var(--theme-color-rgba-114-230-166-1)!important;border-color:var(--theme-color-rgba-114-230-166-35)!important;color:var(--accent)!important}

html.mobile-site .control-panel-body{padding:0!important;display:grid;gap:var(--theme-space-13px)}

html.mobile-site .control-detail-card{border-radius:var(--theme-radius-15px)!important;overflow:hidden!important}

html.mobile-site .control-detail-card>summary{grid-template-columns:1fr!important;gap:var(--theme-space-10px)!important;padding:var(--theme-space-14px)!important}

html.mobile-site .control-member-meta{display:grid!important;grid-template-columns:1fr!important;gap:var(--theme-space-7px)!important}

html.mobile-site .control-team-filter-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--theme-space-7px)!important}

html.mobile-site .control-team-filter-bar .btn{min-width:0!important;width:100%}

html.mobile-site .control-kpi{min-height:105px!important;padding:var(--theme-space-15px)!important}

/* Horizontale Tab-Leisten */
html.mobile-site .tabs,html.mobile-site .forum-filter-row,html.mobile-site .forum-toolbar{display:flex!important;gap:var(--theme-space-7px)!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--theme-space-3px)}

html.mobile-site .tabs::-webkit-scrollbar,html.mobile-site .forum-filter-row::-webkit-scrollbar,html.mobile-site .forum-toolbar::-webkit-scrollbar{display:none}

html.mobile-site .tab{flex:0 0 auto;min-height:38px;padding:var(--theme-space-8px) var(--theme-space-11px);border-radius:var(--theme-radius-10px)}

/* Modals als saubere Bottom-Sheets */
html.mobile-site .modal{z-index:100!important;align-items:end!important;padding:0!important;padding-top:max(var(--theme-space-12px),env(safe-area-inset-top))!important;background:var(--theme-color-rgba-2-7-11-78)!important;backdrop-filter:blur(10px)}

html.mobile-site .modal-card,html.mobile-site .modal-card.wide,html.mobile-site .match-modal-card{width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;border-radius:var(--theme-radius-22px-22px-0-0)!important;padding:var(--theme-space-24px) var(--theme-space-15px) calc(var(--theme-space-20px) + env(safe-area-inset-bottom))!important;overflow:auto!important;border-color:var(--theme-color-34485a)!important;box-shadow:var(--theme-box-shadow-0-18px-55px-var-theme-color-rgba-0-0-0-45)!important}

html.mobile-site .modal-card:before{content:"";display:block;width:42px;height:4px;border-radius:var(--theme-radius-999px);background:var(--theme-color-54697c);margin:var(--theme-space-13px-8d2edc29) auto var(--theme-space-12px);opacity:.75}

html.mobile-site .modal-x{right:12px!important;top:12px!important;width:40px;height:40px;border-radius:var(--theme-radius-11px)!important;background:var(--theme-color-152231)!important;border:1px solid var(--theme-color-314255)!important;font-size:var(--theme-font-size-25px);z-index:4}

html.mobile-site .confirm-shell,html.mobile-site .context-action-modal{padding:var(--theme-space-30px) var(--theme-space-2px) var(--theme-space-4px)!important}

/* Mobile Dock */
html.mobile-site .social-dock{position:fixed!important;z-index:80!important;left:11px!important;right:11px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;display:flex!important;gap:var(--theme-space-7px)!important;align-items:stretch!important;filter:drop-shadow(0 12px 22px var(--theme-color-rgba-0-0-0-35))}

html.mobile-site .social-dock.hidden{display:none!important}

html.mobile-site .social-dock>.social-dock-btn.compose{flex:0 0 54px!important;width:54px!important;padding:var(--theme-space-7px)!important;border-radius:var(--theme-radius-14px)!important;background:var(--theme-color-14251f)!important}

html.mobile-site .social-dock-group{flex:1!important;width:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:var(--theme-radius-15px)!important;overflow:hidden!important;border:1px solid var(--theme-color-304154)!important;background:var(--theme-color-rgba-12-20-29-96)!important}

html.mobile-site .social-dock-btn{min-width:0!important;min-height:58px!important;padding:var(--theme-space-8px) var(--theme-space-5px)!important;display:flex!important;flex-direction:column!important;gap:var(--theme-space-4px)!important;justify-content:center!important;align-items:center!important;background:var(--theme-color-transparent)!important}

html.mobile-site .social-dock-btn b{display:block!important;font-size:var(--theme-font-size-10px)!important;line-height:var(--theme-line-height-1-05)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}

html.mobile-site .social-dock-btn .dock-icon{width:21px!important;height:21px!important}

html.mobile-site .social-dock-btn.online .online-dot{margin:0!important}

html.mobile-site .social-notifications{left:11px!important;right:11px!important;bottom:87px!important;width:auto!important}

/* Auth */
html.mobile-site .auth-screen{min-height:100dvh;padding:var(--theme-space-20px) var(--theme-space-14px) calc(var(--theme-space-20px) + env(safe-area-inset-bottom))!important;align-items:center}

html.mobile-site .auth-card{width:100%!important;max-width:430px!important;padding:var(--theme-space-24px) var(--theme-space-18px)!important;border-radius:var(--theme-radius-20px)!important}

html.mobile-site .auth-brand{margin-bottom:var(--theme-space-18px)!important}

html.mobile-site .auth-brand .crest{width:52px;height:52px;border-radius:var(--theme-radius-15px)}

html.mobile-site .auth-card>p.muted{font-size:var(--theme-font-size-0)}

html.mobile-site .auth-card>p.muted:after{content:'Mobiler bFootball-Manager';font-size:var(--theme-font-size-12px)}

/* Live, Pokal, Sponsoren und sonstige Spezialbereiche */
html.mobile-site .live-score-head{grid-template-columns:1fr!important;gap:var(--theme-space-10px)!important}

html.mobile-site .live-score-center{order:-1!important}

html.mobile-site .live-score-team{justify-content:center!important;text-align:center!important}

html.mobile-site .live-lineup-layout{grid-template-columns:1fr!important}

html.mobile-site .live-bench-list{grid-template-columns:1fr!important}

html.mobile-site .live-ticker-list{max-height:58dvh!important}

html.mobile-site .cup-rounds{grid-template-columns:1fr!important}

html.mobile-site .sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--theme-space-10px)!important}

html.mobile-site .schedule-plan-row{grid-template-columns:1fr!important;gap:var(--theme-space-8px)!important}

html.mobile-site .dashboard-news-item{gap:var(--theme-space-9px)}

html.mobile-site .finance-card{height:auto!important;max-height:none!important}

html.mobile-site .finance-scroll{height:auto!important;max-height:55dvh!important}

html.mobile-site .desktop-only{display:none!important}

@media (max-width:430px){
 html.mobile-site .mobile-shellbar{grid-template-columns:42px minmax(0,1fr) 40px;padding-left:var(--theme-space-11px);padding-right:var(--theme-space-11px)}
 html.mobile-site .mobile-brand-crest{width:40px;height:40px}
 html.mobile-site #content{padding-left:var(--theme-space-11px)!important;padding-right:var(--theme-space-11px)!important}
 html.mobile-site .detail-metrics,html.mobile-site .player-attributes{grid-template-columns:1fr 1fr!important}
 html.mobile-site .sponsor-grid{grid-template-columns:1fr!important}
 html.mobile-site .control-team-filter-bar{grid-template-columns:1fr 1fr!important}
}

@media (max-width:360px){
 html.mobile-site .header-right{grid-template-columns:1fr!important}
 html.mobile-site .club-select,html.mobile-site .tokens,html.mobile-site #money,html.mobile-site .season-matchday,html.mobile-site #playBtn,html.mobile-site #liveHeaderBtn{grid-column:1!important}
 html.mobile-site .detail-metrics,html.mobile-site .player-attributes{grid-template-columns:1fr!important}
}

/* v0.12.44 · Mobile Portrait Feinschliff */
html.mobile-site .schedule-plan-shell,
html.mobile-site .cup-current-round{
 background:var(--theme-color-transparent)!important;
 border:0!important;
 box-shadow:none!important;
 padding:0!important;
}

@media (orientation: portrait){
 html.mobile-site .hero,
 html.mobile-site .section-hero,
 html.mobile-site .content-hero,
 html.mobile-site .control-hero{
  border-radius:var(--theme-radius-20px)!important;
  padding:var(--theme-space-18px) var(--theme-space-17px)!important;
 }
 
 /* Spielplaner */
 html.mobile-site .schedule-plan-shell{display:grid!important;gap:var(--theme-space-10px)!important;overflow:visible!important}
 html.mobile-site .schedule-plan-row{
  gap:var(--theme-space-10px)!important;
  padding:var(--theme-space-14px) var(--theme-space-15px)!important;
  border:1px solid var(--theme-color-rgba-67-92-114-72)!important;
  border-radius:var(--theme-radius-16px)!important;
  background:linear-gradient(180deg,var(--theme-color-rgba-16-26-37-98),var(--theme-color-rgba-11-19-28-98))!important;
 }
 html.mobile-site .schedule-plan-day{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:var(--theme-space-12px)!important}
 html.mobile-site .schedule-plan-day b{font-size:var(--theme-font-size-16px)!important;line-height:var(--theme-line-height-1)!important}
 html.mobile-site .schedule-plan-day small{font-size:var(--theme-font-size-10px)!important}
 html.mobile-site .schedule-plan-opponent{gap:var(--theme-space-7px)!important}
 html.mobile-site .schedule-plan-team{font-size:var(--theme-font-size-15px)!important;font-weight:var(--theme-font-weight-850)!important}
 html.mobile-site .schedule-plan-team .club-logo{width:34px!important;height:34px!important;border-radius:var(--theme-radius-10px)!important}
 html.mobile-site .schedule-plan-result{padding-top:var(--theme-space-9px)!important;border-top:1px solid var(--theme-color-rgba-65-88-109-45)!important;font-size:var(--theme-font-size-14px)!important;font-weight:var(--theme-font-weight-800)!important}
 html.mobile-site .schedule-plan-preset{gap:var(--theme-space-7px)!important;padding-top:var(--theme-space-2px)!important}
 html.mobile-site .schedule-plan-preset .select{width:100%!important}
 
 /* Pokal */
 html.mobile-site .cup-round-menu{display:flex!important;gap:var(--theme-space-8px)!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:var(--theme-space-3px)!important;scrollbar-width:none!important}
 html.mobile-site .cup-round-menu::-webkit-scrollbar{display:none}
 html.mobile-site .cup-round-menu .tab{white-space:nowrap!important}
 html.mobile-site .cup-current-round .section-title{padding:0 var(--theme-space-2px)!important}
 html.mobile-site .cup-schedule-list{display:grid!important;gap:var(--theme-space-10px)!important}
 html.mobile-site .cup-schedule-row{
  grid-template-columns:1fr!important;
  gap:var(--theme-space-10px)!important;
  padding:var(--theme-space-14px)!important;
  min-height:0!important;
  border-radius:var(--theme-radius-16px)!important;
  border:1px solid var(--theme-color-rgba-67-92-114-72)!important;
  background:linear-gradient(180deg,var(--theme-color-rgba-16-26-37-98),var(--theme-color-rgba-11-19-28-98))!important;
 }
 html.mobile-site .cup-schedule-team,
 html.mobile-site .cup-schedule-team.away,
 html.mobile-site .cup-schedule-team.away .team-link{justify-content:flex-start!important;text-align:left!important}
 html.mobile-site .cup-schedule-team .team-link{width:100%!important}
 html.mobile-site .cup-schedule-team .club-logo{width:34px!important;height:34px!important;border-radius:var(--theme-radius-10px)!important}
 html.mobile-site .cup-schedule-score{
  gap:var(--theme-space-6px)!important;
  padding:var(--theme-space-10px) 0!important;
  border-top:1px solid var(--theme-color-rgba-65-88-109-45)!important;
  border-bottom:1px solid var(--theme-color-rgba-65-88-109-45)!important;
  text-align:center!important;
 }
 html.mobile-site .cup-schedule-score b{font-size:var(--theme-font-size-22px)!important}
 
 /* Transfermarkt */
 html.mobile-site .player-market-layout>.market-list-card{padding:var(--theme-space-10px)!important}
 html.mobile-site .player-market-layout .market-list{max-height:none!important}
 html.mobile-site .player-market-layout table,
 html.mobile-site .trainer-market-layout table{min-width:100%!important;table-layout:auto!important}
 html.mobile-site .player-market-layout th:nth-child(3),
 html.mobile-site .player-market-layout td:nth-child(3),
 html.mobile-site .player-market-layout th:nth-child(5),
 html.mobile-site .player-market-layout td:nth-child(5),
 html.mobile-site .player-market-layout th:nth-child(7),
 html.mobile-site .player-market-layout td:nth-child(7){display:none!important}
 html.mobile-site .player-market-layout th:nth-child(1),
 html.mobile-site .player-market-layout td:nth-child(1){width:auto!important;min-width:132px!important}
 html.mobile-site .player-market-layout td:first-child b{display:block!important;font-size:var(--theme-font-size-13px)!important;line-height:var(--theme-line-height-1-22)!important}
 html.mobile-site .player-market-layout td:first-child small{display:block!important;margin-top:var(--theme-space-3px)!important;line-height:var(--theme-line-height-1-25)!important}
 html.mobile-site .player-market-layout td:nth-child(2),
 html.mobile-site .player-market-layout td:nth-child(4),
 html.mobile-site .player-market-layout td:nth-child(6){font-weight:var(--theme-font-weight-800)!important;white-space:nowrap!important}
 html.mobile-site .market-pagination{display:grid!important;gap:var(--theme-space-10px)!important;padding:var(--theme-space-12px) var(--theme-space-2px) 0!important}
 html.mobile-site .market-pagination .toolbar{flex-wrap:wrap!important}
 html.mobile-site .market-pagination .btn.small{min-width:36px!important}
 
 /* Letztes Spiel */
 html.mobile-site .dashboard-last-match{padding:var(--theme-space-16px)!important}
 html.mobile-site .dashboard-last-match .match-card{
  grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr)!important;
  gap:var(--theme-space-10px)!important;
  min-height:0!important;
  padding-top:var(--theme-space-6px)!important;
 }
 html.mobile-site .dashboard-last-match .team-link,
 html.mobile-site .dashboard-last-match .team-link.away{
  display:grid!important;
  justify-items:center!important;
  align-items:start!important;
  gap:var(--theme-space-8px)!important;
 }
 html.mobile-site .dashboard-last-match .team-name-wrap,
 html.mobile-site .dashboard-last-match .team-name-text{text-align:center!important}
 html.mobile-site .dashboard-last-match .team-name-text{
  font-size:var(--theme-font-size-14px)!important;
  line-height:var(--theme-line-height-1-15)!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
 }
 html.mobile-site .dashboard-last-match .club-logo,
 html.mobile-site .dashboard-last-match .team-badge{width:52px!important;height:52px!important;border-radius:var(--theme-radius-14px)!important;margin:0 auto!important}
 html.mobile-site .dashboard-last-match .last-score{font-size:var(--theme-font-size-42px)!important;line-height:var(--theme-line-height-95)!important}
 html.mobile-site .dashboard-last-match .vs small{font-size:var(--theme-font-size-11px)!important}
 
 /* Gespeicherte Einstellungen */
 html.mobile-site .lineup-preset-card{padding:var(--theme-space-16px)!important}
 html.mobile-site .lineup-preset-card .section-title .toolbar{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
 html.mobile-site .lineup-preset-controls{grid-template-columns:1fr!important;gap:var(--theme-space-10px)!important}
 html.mobile-site .lineup-preset-controls .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:var(--theme-space-8px)!important}
 html.mobile-site .lineup-preset-controls .toolbar:nth-child(2){grid-template-columns:1fr!important}
 html.mobile-site .lineup-preset-controls .toolbar:nth-child(2) .select{grid-column:1/-1!important}
 html.mobile-site .lineup-preset-controls .toolbar .btn,
 html.mobile-site .lineup-preset-controls .toolbar .input,
 html.mobile-site .lineup-preset-controls .toolbar .select{width:100%!important;max-width:100%!important}
 
 /* Aufstellung */
 html.mobile-site .pitch-shell{gap:var(--theme-space-12px)!important}
 html.mobile-site .pitch.full-pitch{min-height:470px!important;border-radius:var(--theme-radius-20px)!important}
 html.mobile-site .pitch:before{inset:20px!important}
 html.mobile-site .pitch:after{top:20px!important;bottom:20px!important}
 html.mobile-site .center-circle{width:98px!important;height:98px!important}
 html.mobile-site .slot{width:104px!important;min-height:50px!important;padding:var(--theme-space-5px) var(--theme-space-6px)!important;border-radius:var(--theme-radius-10px)!important}
 html.mobile-site .slot>.eyebrow{font-size:var(--theme-font-size-8px)!important;line-height:var(--theme-line-height-1)!important;margin-bottom:var(--theme-space-2px)!important}
 html.mobile-site .full-pitch .player-card{min-height:40px!important;padding:var(--theme-space-6px) var(--theme-space-8px) var(--theme-space-6px) var(--theme-space-12px)!important;border-radius:var(--theme-radius-9px)!important;box-shadow:var(--theme-box-shadow-0-6px-16px-var-theme-color-rgba-0-0-0-2)!important}
 html.mobile-site .full-pitch .player-card b{font-size:var(--theme-font-size-12px)!important;line-height:var(--theme-line-height-1-1)!important}
 html.mobile-site .full-pitch .player-card small{font-size:var(--theme-font-size-9px)!important;line-height:var(--theme-line-height-1-18)!important}
 html.mobile-site .full-pitch .field-bench-x{right:4px!important;top:4px!important;width:18px!important;height:18px!important;border-radius:var(--theme-radius-6px)!important;font-size:var(--theme-font-size-13px)!important}
 html.mobile-site .bench-main-card{padding:var(--theme-space-14px)!important}
 html.mobile-site .bench-control-row,
 html.mobile-site .bench-formation-control{display:grid!important;grid-template-columns:1fr!important;gap:var(--theme-space-8px)!important;width:100%!important}
 html.mobile-site .bench-control-row>.toolbar,
 html.mobile-site .bench-formation-control>.toolbar{width:100%!important}
 
 /* Mannschaftsübersicht */
 html.mobile-site .squad-layout>.squad-list-card{padding:var(--theme-space-10px)!important}
 html.mobile-site .squad-filter{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:var(--theme-space-8px)!important;align-items:start!important}
 html.mobile-site .squad-filter .badge{grid-column:1/-1!important;justify-self:start!important}
 html.mobile-site .squad-list-card table{min-width:100%!important;table-layout:auto!important}
 html.mobile-site .squad-list-card th:nth-child(3),
 html.mobile-site .squad-list-card td:nth-child(3),
 html.mobile-site .squad-list-card th:nth-child(5),
 html.mobile-site .squad-list-card td:nth-child(5),
 html.mobile-site .squad-list-card th:nth-child(6),
 html.mobile-site .squad-list-card td:nth-child(6),
 html.mobile-site .squad-list-card th:nth-child(8),
 html.mobile-site .squad-list-card td:nth-child(8),
 html.mobile-site .squad-list-card th:nth-child(9),
 html.mobile-site .squad-list-card td:nth-child(9){display:none!important}
 html.mobile-site .squad-list-card td:first-child{min-width:148px!important}
 html.mobile-site .squad-list-card .player-name{display:grid!important;gap:var(--theme-space-2px)!important}
 html.mobile-site .squad-list-card .player-name b{font-size:var(--theme-font-size-13px)!important;line-height:var(--theme-line-height-1-2)!important}
 html.mobile-site .squad-list-card td:nth-child(4),
 html.mobile-site .squad-list-card td:nth-child(7),
 html.mobile-site .squad-list-card td:nth-child(10){white-space:nowrap!important}
 html.mobile-site .player-detail-card{padding:var(--theme-space-15px)!important}
 html.mobile-site .detail-title-block h2{font-size:var(--theme-font-size-28px)!important;line-height:var(--theme-line-height-1-05)!important}
}

@media (max-width:390px) and (orientation: portrait){
 html.mobile-site .lineup-preset-controls .toolbar:nth-child(2){grid-template-columns:1fr!important}
 html.mobile-site .slot{width:96px!important}
 html.mobile-site .dashboard-last-match .match-card{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)!important}
}

/* v0.12.45 · Mobil: großer Seitenkasten vollständig entfernt */
html.mobile-site #content{
  background:var(--theme-color-transparent)!important;
  isolation:auto!important;
}

html.mobile-site #content::before{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* v0.12.46 · Ergebnis/Live-Teams im Hochformat + Fremdposition */
@media (orientation: portrait){
 html.mobile-site .match-result-card .match-head-v3{
  grid-template-columns:1fr!important;
  gap:var(--theme-space-10px)!important;
  align-items:stretch!important;
 }
 html.mobile-site .match-result-card .match-head-v3>.vs{
  order:-1!important;
  padding:var(--theme-space-2px) 0 var(--theme-space-7px)!important;
 }
 html.mobile-site .match-result-card .match-side-v3,
 html.mobile-site .match-result-card .match-side-v3.home,
 html.mobile-site .match-result-card .match-side-v3.away{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  justify-content:stretch!important;
  text-align:left!important;
 }
 html.mobile-site .match-result-card .match-side-v3 .match-team-link{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:var(--theme-space-11px)!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  text-align:left!important;
  padding:var(--theme-space-8px) var(--theme-space-9px)!important;
  border:1px solid var(--theme-color-rgba-60-82-104-55)!important;
  border-radius:var(--theme-radius-12px)!important;
  background:var(--theme-color-rgba-9-17-25-38)!important;
 }
 html.mobile-site .match-result-card .match-side-v3.away .match-team-link{
  flex-direction:row-reverse!important;
  text-align:right!important;
 }
 html.mobile-site .match-result-card .match-side-v3 .club-logo{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
 }
 html.mobile-site .match-result-card .match-side-v3 .team-name-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
  justify-content:flex-start!important;
 }
 html.mobile-site .match-result-card .match-side-v3.away .team-name-wrap{
  justify-content:flex-end!important;
 }
 html.mobile-site .match-result-card .match-side-v3 .team-name-text{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:var(--theme-line-height-1-2)!important;
  font-size:var(--theme-font-size-14px)!important;
 }
 html.mobile-site .match-result-card .last-score,
 html.mobile-site .match-result-card .score-big{font-size:var(--theme-font-size-38px)!important}

 html.mobile-site .live-score-head .match-team-link{
  max-width:100%!important;
  width:100%!important;
  justify-content:center!important;
  gap:var(--theme-space-10px)!important;
 }
 html.mobile-site .live-score-team,
 html.mobile-site .live-score-team.home,
 html.mobile-site .live-score-team.away{
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
 }
 html.mobile-site .live-score-team .team-name-wrap{min-width:0!important;justify-content:center!important}
 html.mobile-site .live-score-team .team-name-text{
  max-width:min(250px,72vw)!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-align:center!important;
  line-height:var(--theme-line-height-1-18)!important;
 }
 html.mobile-site .player-card.wrong-position-card small{line-height:var(--theme-line-height-1-2)!important}
}

/* v0.12.47 · Mobile Navigation/Dock + reduzierte Portraitansichten */
html.mobile-site .social-dock-btn.online b{font-size:var(--theme-font-size-10px)!important}

html.mobile-site .social-dock-btn.online b::after{content:none!important;display:none!important}

@media (orientation: portrait){
  /* Liga-Tabelle: nur Platz, Team, Spiele, Differenz und Punkte */
  html.mobile-site .league-main-table{min-width:100%!important;width:100%!important;table-layout:auto!important}
  html.mobile-site .league-main-table th:nth-child(4),
  html.mobile-site .league-main-table td:nth-child(4),
  html.mobile-site .league-main-table th:nth-child(5),
  html.mobile-site .league-main-table td:nth-child(5),
  html.mobile-site .league-main-table th:nth-child(6),
  html.mobile-site .league-main-table td:nth-child(6),
  html.mobile-site .league-main-table th:nth-child(7),
  html.mobile-site .league-main-table td:nth-child(7),
  html.mobile-site .league-main-table th:nth-child(10),
  html.mobile-site .league-main-table td:nth-child(10){display:none!important}
  html.mobile-site .league-main-table th,
  html.mobile-site .league-main-table td{padding:var(--theme-space-10px) var(--theme-space-6px)!important}
  html.mobile-site .league-main-table th:nth-child(1),
  html.mobile-site .league-main-table td:nth-child(1){width:28px!important;padding-left:var(--theme-space-3px)!important}
  html.mobile-site .league-main-table th:nth-child(2),
  html.mobile-site .league-main-table td:nth-child(2){width:auto!important;min-width:0!important}
  html.mobile-site .league-main-table th:nth-child(3),
  html.mobile-site .league-main-table td:nth-child(3),
  html.mobile-site .league-main-table th:nth-child(8),
  html.mobile-site .league-main-table td:nth-child(8),
  html.mobile-site .league-main-table th:nth-child(9),
  html.mobile-site .league-main-table td:nth-child(9){text-align:center!important;width:44px!important}
  html.mobile-site .league-main-table .table-team-link{gap:var(--theme-space-7px)!important;min-width:0!important}
  html.mobile-site .league-main-table .table-team-link .club-logo{width:28px!important;height:28px!important;border-radius:var(--theme-radius-8px)!important}
  html.mobile-site .league-main-table .team-name-text{font-size:var(--theme-font-size-12px)!important;white-space:normal!important;line-height:var(--theme-line-height-1-15)!important}
  html.mobile-site .league-main-table .team-honors{display:none!important}

  /* Ewige Tabelle: nur historische Kernwerte */
  html.mobile-site .eternal-table-card{padding:var(--theme-space-10px)!important;overflow:hidden!important}
  html.mobile-site .eternal-main-table{min-width:100%!important;width:100%!important;table-layout:auto!important}
  html.mobile-site .eternal-main-table th:nth-child(5),
  html.mobile-site .eternal-main-table td:nth-child(5),
  html.mobile-site .eternal-main-table th:nth-child(6),
  html.mobile-site .eternal-main-table td:nth-child(6),
  html.mobile-site .eternal-main-table th:nth-child(7),
  html.mobile-site .eternal-main-table td:nth-child(7),
  html.mobile-site .eternal-main-table th:nth-child(8),
  html.mobile-site .eternal-main-table td:nth-child(8){display:none!important}
  html.mobile-site .eternal-main-table th,
  html.mobile-site .eternal-main-table td{padding:var(--theme-space-10px) var(--theme-space-5px)!important}
  html.mobile-site .eternal-main-table th:nth-child(1),
  html.mobile-site .eternal-main-table td:nth-child(1){width:28px!important}
  html.mobile-site .eternal-main-table th:nth-child(2),
  html.mobile-site .eternal-main-table td:nth-child(2){width:auto!important;min-width:0!important}
  html.mobile-site .eternal-main-table th:nth-child(3),
  html.mobile-site .eternal-main-table td:nth-child(3),
  html.mobile-site .eternal-main-table th:nth-child(4),
  html.mobile-site .eternal-main-table td:nth-child(4),
  html.mobile-site .eternal-main-table th:nth-child(9),
  html.mobile-site .eternal-main-table td:nth-child(9),
  html.mobile-site .eternal-main-table th:nth-child(10),
  html.mobile-site .eternal-main-table td:nth-child(10){text-align:center!important;width:44px!important}
  html.mobile-site .eternal-main-table .team-honors{display:none!important}
  html.mobile-site .eternal-main-table .club-logo{width:27px!important;height:27px!important;border-radius:var(--theme-radius-8px)!important}
  html.mobile-site .eternal-main-table .team-name-text{font-size:var(--theme-font-size-12px)!important;white-space:normal!important;line-height:var(--theme-line-height-1-15)!important}

  /* Jugendakademie als kompakte Kandidatenkarten statt breiter Tabelle */
  html.mobile-site .academy-hero p{font-size:var(--theme-font-size-0)!important}
  html.mobile-site .academy-hero p::after{content:'Neue Jugendspieler erscheinen im Saisonverlauf. Sichtbarkeit von Stärke und Talent richtet sich nach deiner Akademiestufe.';font-size:var(--theme-font-size-12px)!important;line-height:var(--theme-line-height-1-5)!important;color:var(--muted)}
  html.mobile-site .academy-card>.section-title .muted{display:none!important}
  html.mobile-site .youth-academy-wrap{overflow:visible!important;border-radius:var(--theme-radius-0)!important}
  html.mobile-site .youth-academy-table{display:block!important;min-width:0!important;width:100%!important}
  html.mobile-site .youth-academy-table thead{display:none!important}
  html.mobile-site .youth-academy-table tbody{display:grid!important;gap:var(--theme-space-10px)!important}
  html.mobile-site .youth-academy-table .youth-candidate-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:var(--theme-space-8px) var(--theme-space-10px)!important;
    padding:var(--theme-space-13px)!important;
    border:1px solid var(--theme-color-rgba-67-92-114-72)!important;
    border-radius:var(--theme-radius-15px)!important;
    background:linear-gradient(180deg,var(--theme-color-rgba-16-26-37-98),var(--theme-color-rgba-11-19-28-98))!important;
  }
  html.mobile-site .youth-academy-table .youth-candidate-row>td{display:block!important;border:0!important;padding:0!important;white-space:normal!important}
  html.mobile-site .youth-academy-table .youth-name{grid-column:1!important;grid-row:1!important;min-width:0!important}
  html.mobile-site .youth-academy-table .youth-name b{font-size:var(--theme-font-size-14px)!important}
  html.mobile-site .youth-academy-table .youth-pos{grid-column:2!important;grid-row:1!important;align-self:start!important}
  html.mobile-site .youth-academy-table .youth-age{display:none!important}
  html.mobile-site .youth-academy-table .youth-strength,
  html.mobile-site .youth-academy-table .youth-talent,
  html.mobile-site .youth-academy-table .youth-price{
    grid-column:auto!important;
    display:grid!important;
    gap:var(--theme-space-2px)!important;
    padding:var(--theme-space-8px) var(--theme-space-9px)!important;
    border:1px solid var(--theme-color-rgba-53-73-92-65)!important;
    border-radius:var(--theme-radius-10px)!important;
    background:var(--theme-color-0d1720)!important;
    font-size:var(--theme-font-size-13px)!important;
  }
  html.mobile-site .youth-academy-table .youth-strength::before{content:'STÄRKE';font-size:var(--theme-font-size-7px);color:var(--muted);letter-spacing:var(--theme-tracking-11em);font-weight:var(--theme-font-weight-850)}
  html.mobile-site .youth-academy-table .youth-talent::before{content:'TALENT';font-size:var(--theme-font-size-7px);color:var(--muted);letter-spacing:var(--theme-tracking-11em);font-weight:var(--theme-font-weight-850)}
  html.mobile-site .youth-academy-table .youth-price::before{content:'PREIS';font-size:var(--theme-font-size-7px);color:var(--muted);letter-spacing:var(--theme-tracking-11em);font-weight:var(--theme-font-weight-850)}
  html.mobile-site .youth-academy-table .youth-strength{grid-column:1!important}
  html.mobile-site .youth-academy-table .youth-talent{grid-column:2!important}
  html.mobile-site .youth-academy-table .youth-price{grid-column:1/-1!important}
  html.mobile-site .youth-academy-table .youth-actions{grid-column:1/-1!important;padding-top:var(--theme-space-2px)!important}
  html.mobile-site .youth-academy-table .youth-target{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--theme-space-7px)!important}
  html.mobile-site .youth-academy-table .youth-target .select{grid-column:1/-1!important;width:100%!important}
  html.mobile-site .youth-academy-table .youth-target .btn{width:100%!important}
  html.mobile-site .academy-card>.muted:last-child{display:none!important}
}

/* v0.12.49 · Trainermarkt im mobilen Hochformat */
@media (orientation: portrait){
  html.mobile-site .trainer-market-layout>.market-list-card{padding:var(--theme-space-10px)!important}
  html.mobile-site .trainer-market-layout .trainer-market-list{max-height:none!important;overflow:visible!important}
  html.mobile-site .trainer-market-layout table{min-width:100%!important;width:100%!important;table-layout:auto!important}
  html.mobile-site .trainer-market-layout th:nth-child(3),
  html.mobile-site .trainer-market-layout td:nth-child(3),
  html.mobile-site .trainer-market-layout th:nth-child(6),
  html.mobile-site .trainer-market-layout td:nth-child(6){display:none!important}
  html.mobile-site .trainer-market-layout th,
  html.mobile-site .trainer-market-layout td{padding:var(--theme-space-10px) var(--theme-space-6px)!important}
  html.mobile-site .trainer-market-layout th:nth-child(1),
  html.mobile-site .trainer-market-layout td:nth-child(1){width:auto!important;min-width:120px!important}
  html.mobile-site .trainer-market-layout th:nth-child(2),
  html.mobile-site .trainer-market-layout td:nth-child(2){width:66px!important;text-align:center!important}
  html.mobile-site .trainer-market-layout th:nth-child(4),
  html.mobile-site .trainer-market-layout td:nth-child(4){width:64px!important;text-align:center!important;white-space:nowrap!important}
  html.mobile-site .trainer-market-layout th:nth-child(5),
  html.mobile-site .trainer-market-layout td:nth-child(5){width:88px!important;text-align:right!important;white-space:nowrap!important}
  html.mobile-site .trainer-market-layout .trainer-name-cell{gap:var(--theme-space-2px)!important}
  html.mobile-site .trainer-market-layout .trainer-name-cell b{font-size:var(--theme-font-size-13px)!important;white-space:normal!important;line-height:var(--theme-line-height-1-18)!important}
  html.mobile-site .trainer-market-layout .trainer-source-label{font-size:var(--theme-font-size-9px)!important;color:var(--muted)!important}
  html.mobile-site .trainer-detail-card .detail-subline span:last-child{display:none!important}
  html.mobile-site .trainer-detail-card .detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--theme-space-8px)!important}
  html.mobile-site .trainer-detail-card .detail-metric{min-height:82px!important;padding:var(--theme-space-10px)!important}
  html.mobile-site .trainer-detail-card .detail-metric>b{font-size:var(--theme-font-size-19px)!important}
  html.mobile-site .trainer-detail-card .detail-metric>span{font-size:var(--theme-font-size-9px)!important;margin-top:var(--theme-space-5px)!important}
  html.mobile-site .trainer-detail-card .fitness-coach-info{padding:var(--theme-space-10px)!important}
}

/* v0.12.55 · Auth verwendet dieselbe Hintergrundebene und die starre Branding-Leiste. */
html.mobile-site .auth-screen{
  padding:var(--theme-space-92px) var(--theme-space-14px) calc(var(--theme-space-20px) + env(safe-area-inset-bottom))!important;
  background:var(--theme-color-transparent)!important;
  align-items:center!important;
}

html.mobile-site .auth-topbar{display:flex!important}

/* bFootball v0.12.76 · Mobile Hilfe-Sortierung */
html.mobile-site .content-hero-tools{width:100%!important;justify-content:flex-start!important}

html.mobile-site .content-sort-toolbar,html.mobile-site .content-sort-label{width:100%!important}

html.mobile-site .content-sort-label .select{min-width:0!important;width:100%!important}

/* bFootball v0.12.76 · Mobile Community-Filter */
html.mobile-site .content-filter-row,html.mobile-site .thread-sort-tools{display:grid!important;grid-template-columns:1fr!important;width:100%!important}

html.mobile-site .content-filter-row .select,html.mobile-site .content-filter-row .btn,html.mobile-site .thread-sort-tools .select,html.mobile-site .thread-sort-tools .btn{width:100%!important;max-width:100%!important}

/* bFootball v0.12.87 · YouTube-Musikplayer bleibt auf Mobile aus */
html.mobile-site .music-dock{display:none!important}

/* v0.13.124 · Community & Kommunikation mobil */
html.mobile-site .community-v4 .hub-v3-hero{margin-bottom:0!important}

html.mobile-site .community-v4-feed-head{padding:0 var(--theme-space-2px)!important}

html.mobile-site .community-v4-entry,html.mobile-site .community-v4-thread{border-radius:var(--theme-radius-14px)!important}

html.mobile-site .community-v4-summary{padding:var(--theme-space-13px)!important;min-height:0!important}

html.mobile-site .community-v4-body{padding:var(--theme-space-14px)!important}

html.mobile-site .community-v4-thread>summary{padding:var(--theme-space-13px)!important}

html.mobile-site .community-v4-thread .forum-thread-body{padding:var(--theme-space-10px)!important}

html.mobile-site .comm-v4-hero{grid-template-columns:1fr!important;padding:var(--theme-space-14px)!important}

html.mobile-site .comm-v4-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}

html.mobile-site .comm-v4-stats>span{min-width:0!important}

html.mobile-site .comm-v4-window{height:min(76vh,680px)!important;min-height:470px!important}

html.mobile-site .comm-v4-window .community-chat-tabs{overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important}

html.mobile-site .comm-v4-window .community-chat-tab{white-space:nowrap!important}

html.mobile-site .messenger-v4-shell{min-width:0!important;width:100%!important}

html.mobile-site .messenger-v4{grid-template-columns:1fr!important;height:auto!important;max-height:74vh!important;min-height:0!important}

html.mobile-site .messenger-v4 .messenger-sidebar{max-height:190px!important;border-right:0!important;border-bottom:1px solid var(--line)!important}

html.mobile-site .messenger-v4 .messenger-main{min-height:350px!important;padding:var(--theme-space-10px)!important}

html.mobile-site .comm-v4-notification-list,html.mobile-site .comm-v4-online-list{max-height:57vh!important}

html.mobile-site .comm-v4-online-card{grid-template-columns:auto minmax(0,1fr)!important}

html.mobile-site .comm-v4-online-card .online-message-btn{grid-column:1/-1!important;width:100%!important}

/* bFootball v0.13.172 · Mobile Startseite: Anmeldung zuerst, News darunter */
html.mobile-site .auth-landing-grid{
  width:min(430px,100%)!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:var(--theme-space-12px)!important;
  align-self:start!important;
}

html.mobile-site .auth-landing-grid .auth-center-stack{order:1!important;width:100%!important}

html.mobile-site .auth-landing-grid .auth-news-card{order:2!important;width:100%!important;max-width:430px!important}

html.mobile-site .auth-landing-grid .auth-card,
html.mobile-site .auth-landing-grid .auth-news-card{
  height:396px!important;
  min-height:396px!important;
  max-height:396px!important;
}

html.mobile-site .auth-news-card{padding:var(--theme-space-20px) var(--theme-space-18px)!important;border-radius:var(--theme-radius-20px)!important}

/* bFootball v0.13.199 · Mobile Startseite: News kompakt über Anmeldung */
html.mobile-site .auth-landing-grid .auth-news-card{
  order:1!important;
  width:100%!important;
  max-width:430px!important;
  height:198px!important;
  min-height:198px!important;
  max-height:198px!important;
}

html.mobile-site .auth-landing-grid .auth-center-stack{
  order:2!important;
  width:100%!important;
}

html.mobile-site .auth-landing-grid .auth-card{
  height:396px!important;
  min-height:396px!important;
  max-height:396px!important;
}

html.mobile-site .auth-landing-grid .auth-legal-links{
  order:3!important;
  width:100%!important;
  justify-content:center!important;
  justify-self:center!important;
  text-align:center!important;
  padding:0!important;
  margin:0!important;
}

html.mobile-site .auth-news-card{padding:var(--theme-space-14px) var(--theme-space-16px)!important}

html.mobile-site .auth-news-head{margin-bottom:var(--theme-space-4px)!important}

html.mobile-site .auth-news-list{
  grid-auto-rows:34px!important;
  gap:var(--theme-space-2px)!important;
}

html.mobile-site .auth-news-item{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
}

html.mobile-site .auth-landing-grid{
  grid-template-areas:
    "news"
    "center"
    "legal"!important;
}

/* ==========================================================================
   v0.13.257 · Mobile UI Reflow
   Ziel:
   - Hochformat: wesentliche Informationen klar und kompakt
   - Querformat: vollständige Informationen ohne horizontales Verschieben
   - keine horizontalen Tabellen-/Tab-/Karten-Scroller
   ========================================================================== */

/* ---------- Basis: niemals die komplette Seite seitlich verschieben ---------- */
html.mobile-site,
html.mobile-site body,
html.mobile-site #app,
html.mobile-site .app-shell,
html.mobile-site main,
html.mobile-site #content{
 overflow-x:hidden!important;
 max-width:100%!important;
}

html.mobile-site #content{
 width:100%!important;
 box-sizing:border-box!important;
 padding-bottom:var(--theme-space-88px)!important;
}

html.mobile-site #content>*,
html.mobile-site .modern-hub-page,
html.mobile-site .card,
html.mobile-site section,
html.mobile-site article{
 min-width:0!important;
}

/* Neue Manager-Heroes mobil konsistent */
html.mobile-site .modern-hub-page{
 gap:var(--theme-space-12px)!important;
}

html.mobile-site .hub-v3-hero,
html.mobile-site .career-v2-hero,
html.mobile-site .sponsor-v2-hero,
html.mobile-site .finance-v2-hero,
html.mobile-site .milestone-v2-hero{
 width:100%!important;
 min-width:0!important;
 box-sizing:border-box!important;
}

html.mobile-site .hub-v3-main,
html.mobile-site .hub-v3-copy,
html.mobile-site .career-v2-identity,
html.mobile-site .sponsor-v2-hero-main,
html.mobile-site .finance-v2-hero-main{
 min-width:0!important;
}

html.mobile-site .hub-v3-copy h2,
html.mobile-site .career-v2-identity h2,
html.mobile-site .sponsor-v2-hero-main h2,
html.mobile-site .finance-v2-hero-main h2{
 overflow-wrap:anywhere!important;
}

/* Keine horizontal verschiebbaren Tabs mehr */
html.mobile-site .tabs,
html.mobile-site .forum-filter-row,
html.mobile-site .forum-toolbar,
html.mobile-site .cup-round-menu,
html.mobile-site .transfer-market-tabs,
html.mobile-site .league-v3-controls .tabs,
html.mobile-site .community-chat-tabs{
 overflow:visible!important;
 overflow-x:visible!important;
 flex-wrap:wrap!important;
 scrollbar-width:auto!important;
}

html.mobile-site .tabs .tab,
html.mobile-site .forum-filter-row>*,
html.mobile-site .forum-toolbar>*,
html.mobile-site .cup-round-menu .tab{
 flex:1 1 auto!important;
 min-width:0!important;
 white-space:normal!important;
 text-align:center!important;
}

/* Tabellen: kein seitliches Wischen als Fallback */
html.mobile-site .table-wrap,
html.mobile-site .squad-table-scroll,
html.mobile-site .staff-v8-table-scroll,
html.mobile-site .market-list,
html.mobile-site .trainer-market-list{
 max-width:100%!important;
 overflow-x:hidden!important;
}

html.mobile-site table{
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 table-layout:fixed!important;
}

html.mobile-site th,
html.mobile-site td{
 min-width:0!important;
 max-width:none!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
 word-break:normal!important;
}

html.mobile-site td .btn,
html.mobile-site td .input,
html.mobile-site td .select{
 max-width:100%!important;
}

/* ---------- Community-Schnellleiste: eine saubere Zeile ---------- */
html.mobile-site .social-dock{
 left:10px!important;
 right:10px!important;
 bottom:max(8px,env(safe-area-inset-bottom))!important;
 width:auto!important;
 min-height:0!important;
 gap:var(--theme-space-6px)!important;
 padding:0!important;
 border:0!important;
 background:var(--theme-color-transparent)!important;
 overflow:visible!important;
 filter:drop-shadow(0 10px 22px var(--theme-color-rgba-0-0-0-38))!important;
}

html.mobile-site .social-dock>.social-dock-btn.compose{
 flex:0 0 48px!important;
 width:48px!important;
 min-height:54px!important;
 border:1px solid var(--theme-color-304154)!important;
 border-radius:var(--theme-radius-14px)!important;
}

html.mobile-site .social-dock-group{
 flex:1 1 auto!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 width:100%!important;
 min-width:0!important;
 border-radius:var(--theme-radius-15px)!important;
 overflow:hidden!important;
}

html.mobile-site .social-dock-btn{
 width:100%!important;
 min-width:0!important;
 min-height:54px!important;
 height:54px!important;
 padding:var(--theme-space-6px) var(--theme-space-3px)!important;
 border-radius:var(--theme-radius-0)!important;
 border-right:1px solid var(--theme-color-rgba-48-65-84-8)!important;
}

html.mobile-site .social-dock-btn:last-child{
 border-right:0!important;
}

html.mobile-site .social-dock-btn b{
 width:100%!important;
 max-width:100%!important;
 font-size:var(--theme-font-size-9px)!important;
 line-height:var(--theme-line-height-1-05)!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 text-align:center!important;
}

html.mobile-site .social-dock-btn .dock-icon{
 width:19px!important;
 height:19px!important;
}

html.mobile-site .social-dock-btn.online{
 gap:var(--theme-space-5px)!important;
}

html.mobile-site .social-dock-btn.online .online-dot{
 width:8px!important;
 height:8px!important;
 flex:0 0 8px!important;
}

html.mobile-site .social-dock-btn i{
 right:5px!important;
 top:4px!important;
}

html.mobile-site .social-notifications{
 bottom:72px!important;
}

/* ---------- Login / Startseite nach neuem Info-Tab ---------- */
html.mobile-site .auth-screen{
 overflow-x:hidden!important;
}

html.mobile-site .auth-landing-grid{
 width:min(440px,100%)!important;
 max-width:100%!important;
}

html.mobile-site .auth-info-card{
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
}

html.mobile-site .auth-about-panel{
 overflow:visible!important;
}

html.mobile-site .auth-about-features{
 grid-template-columns:1fr 1fr!important;
}

html.mobile-site .auth-about-feature{
 min-height:58px!important;
}

html.mobile-site .auth-about-footer{
 margin-top:var(--theme-space-10px)!important;
}

html.mobile-site .auth-news-panel{
 min-height:235px!important;
}

html.mobile-site .auth-landing-grid .auth-legal-links{
 margin-top:var(--theme-space-2px-91cb4fda)!important;
}

/* ---------- Dashboard ---------- */
html.mobile-site .dashboard-v3 .dashboard-row{
 grid-template-columns:1fr!important;
 gap:var(--theme-space-12px)!important;
}

html.mobile-site .dashboard-v3 .dashboard-row:first-of-type>.card,
html.mobile-site .dashboard-v3 .dashboard-news-card,
html.mobile-site .dashboard-v3 .dashboard-balanced-card{
 height:auto!important;
 min-height:0!important;
 max-height:none!important;
}

html.mobile-site .dashboard-v3 .dashboard-news-list{
 max-height:170px!important;
 overflow-y:auto!important;
}

html.mobile-site .dashboard-last-match{
 min-height:0!important;
}

html.mobile-site .dashboard-last-match>h2{
 margin-bottom:var(--theme-space-8px)!important;
}

html.mobile-site .dashboard-last-match>p{
 margin-bottom:0!important;
}

html.mobile-site .dashboard-table-focus{
 overflow:hidden!important;
}

html.mobile-site .dashboard-mini-table{
 width:100%!important;
 min-width:0!important;
}

html.mobile-site .dashboard-mini-head,
html.mobile-site .dashboard-mini-row{
 grid-template-columns:28px minmax(0,1fr) 34px 44px 36px!important;
 gap:var(--theme-space-5px)!important;
}

html.mobile-site .dashboard-mini-row .team-name-text{
 white-space:normal!important;
}

/* ---------- Allgemeine Kartenlayouts ---------- */
html.mobile-site .market-layout,
html.mobile-site .squad-layout,
html.mobile-site .finance-v2-action-grid,
html.mobile-site .career-v2-main-grid,
html.mobile-site .career-teams-layout-v2,
html.mobile-site .milestone-v2-main{
 min-width:0!important;
}

html.mobile-site .hub-v3-market-filter,
html.mobile-site .hub-v3-panel-head,
html.mobile-site .sponsor-v2-category-head,
html.mobile-site .finance-v2-section-head{
 min-width:0!important;
}

/* Stadion darf den Viewport nicht sprengen */
html.mobile-site .stadium-v3{
 width:100%!important;
 min-width:0!important;
 overflow:hidden!important;
}

html.mobile-site .stadium-png-frame,
html.mobile-site .stadium-stage{
 max-width:100%!important;
}

/* ========================= HOCHKANT ========================= */
@media (orientation:portrait){

 /* Weniger Deko, Fokus auf Kerninformationen */
 html.mobile-site #content{
  padding:var(--theme-space-12px) var(--theme-space-10px) var(--theme-space-82px)!important;
 }
 html.mobile-site .hub-v3-hero{
  padding:var(--theme-space-14px)!important;
  gap:var(--theme-space-11px)!important;
  border-radius:var(--theme-radius-16px)!important;
 }
 html.mobile-site .hub-v3-main{
  gap:var(--theme-space-10px)!important;
 }
 html.mobile-site .hub-v3-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:var(--theme-radius-13px)!important;
 }
 html.mobile-site .hub-v3-icon span{
  font-size:var(--theme-font-size-19px)!important;
 }
 html.mobile-site .hub-v3-copy h2{
  margin:var(--theme-space-2px) 0 var(--theme-space-2px)!important;
  font-size:var(--theme-font-size-20px)!important;
 }
 html.mobile-site .hub-v3-copy p{
  display:none!important;
 }
 html.mobile-site .hub-v3-kpis{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--theme-space-6px)!important;
 }
 html.mobile-site .hub-v3-kpi{
  min-height:0!important;
  padding:var(--theme-space-8px) var(--theme-space-9px)!important;
 }
 html.mobile-site .hub-v3-kpi b{
  font-size:var(--theme-font-size-14px)!important;
 }
 html.mobile-site .hub-v3-kpi span{
  display:none!important;
 }

 /* Dashboard-Hero kompakt */
 html.mobile-site .dashboard-career-hero{
  padding:var(--theme-space-14px)!important;
  gap:var(--theme-space-12px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-identity{
  width:100%!important;
  gap:var(--theme-space-10px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-identity .club-logo.large{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-identity h2{
  font-size:var(--theme-font-size-20px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-identity p{
  font-size:var(--theme-font-size-9px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-kpis{
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--theme-space-6px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-kpis>div{
  min-width:0!important;
  padding:var(--theme-space-8px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-kpis b{
  font-size:var(--theme-font-size-13px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-kpis small{
  font-size:var(--theme-font-size-7px)!important;
 }

 /* Leere Letztes-Spiel-Karte nicht mehr riesig */
 html.mobile-site .dashboard-last-match:not(.live-dashboard-match){
  min-height:150px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
 }
 html.mobile-site .dashboard-v3 .dashboard-news-card{
  max-height:220px!important;
 }

 /* Mannschaft: nur Kernspalten */
 html.mobile-site .squad-list-card table{
  table-layout:fixed!important;
 }
 html.mobile-site .squad-list-card th:nth-child(3),
 html.mobile-site .squad-list-card td:nth-child(3),
 html.mobile-site .squad-list-card th:nth-child(5),
 html.mobile-site .squad-list-card td:nth-child(5),
 html.mobile-site .squad-list-card th:nth-child(6),
 html.mobile-site .squad-list-card td:nth-child(6),
 html.mobile-site .squad-list-card th:nth-child(8),
 html.mobile-site .squad-list-card td:nth-child(8),
 html.mobile-site .squad-list-card th:nth-child(9),
 html.mobile-site .squad-list-card td:nth-child(9){
  display:none!important;
 }
 html.mobile-site .squad-list-card th,
 html.mobile-site .squad-list-card td{
  padding:var(--theme-space-8px) var(--theme-space-4px)!important;
  font-size:var(--theme-font-size-10px)!important;
 }
 html.mobile-site .squad-list-card th:nth-child(1),
 html.mobile-site .squad-list-card td:nth-child(1){
  width:42%!important;
 }
 html.mobile-site .squad-list-card th:nth-child(2),
 html.mobile-site .squad-list-card td:nth-child(2){
  width:13%!important;
 }
 html.mobile-site .squad-list-card th:nth-child(4),
 html.mobile-site .squad-list-card td:nth-child(4){
  width:18%!important;
 }
 html.mobile-site .squad-list-card th:nth-child(7),
 html.mobile-site .squad-list-card td:nth-child(7){
  width:11%!important;
 }
 html.mobile-site .squad-list-card th:nth-child(10),
 html.mobile-site .squad-list-card td:nth-child(10){
  width:16%!important;
 }
 html.mobile-site .squad-list-card .player-name{
  display:block!important;
 }
 html.mobile-site .squad-list-card .player-name .marker{
  display:none!important;
 }

 /* Transfermarkt: Name, Pos, Stärke, Preis als Kerninfos */
 html.mobile-site .player-market-layout th:nth-child(3),
 html.mobile-site .player-market-layout td:nth-child(3),
 html.mobile-site .player-market-layout th:nth-child(5),
 html.mobile-site .player-market-layout td:nth-child(5),
 html.mobile-site .player-market-layout th:nth-child(7),
 html.mobile-site .player-market-layout td:nth-child(7){
  display:none!important;
 }
 html.mobile-site .player-market-layout th,
 html.mobile-site .player-market-layout td{
  padding:var(--theme-space-8px) var(--theme-space-4px)!important;
  font-size:var(--theme-font-size-10px)!important;
 }
 html.mobile-site .player-market-layout th:nth-child(1),
 html.mobile-site .player-market-layout td:nth-child(1){width:46%!important}
 html.mobile-site .player-market-layout th:nth-child(2),
 html.mobile-site .player-market-layout td:nth-child(2){width:13%!important}
 html.mobile-site .player-market-layout th:nth-child(4),
 html.mobile-site .player-market-layout td:nth-child(4){width:18%!important}
 html.mobile-site .player-market-layout th:nth-child(6),
 html.mobile-site .player-market-layout td:nth-child(6){width:23%!important}

 /* Liga: Kernwerte wie bisher, aber ohne Horizontal-Scroll */
 html.mobile-site .league-main-table,
 html.mobile-site .eternal-main-table{
  table-layout:fixed!important;
 }
 html.mobile-site .league-main-table th,
 html.mobile-site .league-main-table td,
 html.mobile-site .eternal-main-table th,
 html.mobile-site .eternal-main-table td{
  padding:var(--theme-space-8px) var(--theme-space-4px)!important;
  font-size:var(--theme-font-size-9px)!important;
 }

 /* Training / Finanzen / Sponsoren / Meilensteine */
 html.mobile-site .training-v5-plans,
 html.mobile-site .finance-v2-planning,
 html.mobile-site .finance-v2-action-grid,
 html.mobile-site .sponsor-v2-kpis,
 html.mobile-site .finance-v2-kpis,
 html.mobile-site .milestone-v2-grid,
 html.mobile-site .milestone-v2-claim-section .claim-grid{
  grid-template-columns:1fr!important;
 }
 html.mobile-site .training-v5-plan{
  padding:var(--theme-space-13px)!important;
 }
 html.mobile-site .training-v5-plan p{
  font-size:var(--theme-font-size-9px)!important;
 }
 html.mobile-site .sponsor-v2-hero,
 html.mobile-site .finance-v2-hero{
  grid-template-columns:1fr!important;
  padding:var(--theme-space-15px)!important;
 }
 html.mobile-site .sponsor-v2-hero-main p,
 html.mobile-site .finance-v2-hero-main p,
 html.mobile-site .milestone-v2-hero-copy p{
  display:none!important;
 }
 html.mobile-site .sponsor-v2-emblem,
 html.mobile-site .finance-v2-emblem{
  width:56px!important;
  height:56px!important;
  flex-basis:56px!important;
  border-radius:var(--theme-radius-15px)!important;
 }
 html.mobile-site .sponsor-v2-emblem span,
 html.mobile-site .finance-v2-emblem span{
  width:38px!important;
  height:38px!important;
  font-size:var(--theme-font-size-20px)!important;
 }
 html.mobile-site .sponsor-v2-kpis,
 html.mobile-site .finance-v2-kpis{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }

 /* Karriere: wesentliche Infos nacheinander */
 html.mobile-site .career-v2-hero{
  padding:var(--theme-space-15px)!important;
 }
 html.mobile-site .career-v2-kpis{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html.mobile-site .career-brand-grid,
 html.mobile-site .career-preference-grid,
 html.mobile-site .career-teams-layout-v2{
  grid-template-columns:1fr!important;
 }

 /* Spielplan / Pokal komplett vertikal */
 html.mobile-site .schedule-plan-row,
 html.mobile-site .cup-schedule-row{
  grid-template-columns:1fr!important;
 }

 /* Startseite mobil: neue Infokarte darf komplett atmen */
 html.mobile-site .auth-landing-grid .auth-info-card{
  height:auto!important;
  min-height:350px!important;
  max-height:none!important;
  order:1!important;
 }
 html.mobile-site .auth-landing-grid .auth-center-stack{
  order:2!important;
 }
 html.mobile-site .auth-landing-grid .auth-legal-links{
  order:3!important;
 }
 html.mobile-site .auth-about-features{
  grid-template-columns:1fr 1fr!important;
 }
 html.mobile-site .auth-about-feature{
  padding:var(--theme-space-7px)!important;
 }

 /* Keine Scroll-Tabzeilen */
 html.mobile-site .league-v3-controls .tabs,
 html.mobile-site .transfer-market-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}

/* ========================= QUERFORMAT ========================= */
@media (orientation:landscape){

 html.mobile-site #content{
  width:100%!important;
  max-width:none!important;
  padding:var(--theme-space-10px) var(--theme-space-12px) var(--theme-space-76px)!important;
 }

 /* Querformat zeigt Beschreibungen und KPI-Details wieder vollständig */
 html.mobile-site .hub-v3-copy p,
 html.mobile-site .hub-v3-kpi span,
 html.mobile-site .sponsor-v2-hero-main p,
 html.mobile-site .finance-v2-hero-main p,
 html.mobile-site .milestone-v2-hero-copy p{
  display:block!important;
 }
 html.mobile-site .hub-v3-hero{
  padding:var(--theme-space-14px) var(--theme-space-16px)!important;
  gap:var(--theme-space-14px)!important;
 }
 html.mobile-site .hub-v3-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 html.mobile-site .dashboard-career-hero{
  flex-direction:row!important;
  align-items:center!important;
  padding:var(--theme-space-14px) var(--theme-space-16px)!important;
 }
 html.mobile-site .dashboard-career-hero .career-v2-kpis{
  width:auto!important;
  grid-template-columns:repeat(3,minmax(105px,1fr))!important;
 }

 /* Zwei Spalten, wo das Querformat davon profitiert */
 html.mobile-site .dashboard-v3 .dashboard-row,
 html.mobile-site .training-v5-plans,
 html.mobile-site .finance-v2-planning,
 html.mobile-site .career-brand-grid,
 html.mobile-site .career-preference-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html.mobile-site .market-layout,
 html.mobile-site .squad-layout,
 html.mobile-site .finance-v2-action-grid,
 html.mobile-site .career-v2-main-grid,
 html.mobile-site .career-teams-layout-v2,
 html.mobile-site .milestone-v2-main{
  grid-template-columns:1fr!important;
 }

 /* Alle Tabellenspalten wieder sichtbar – aber alles muss in die Breite passen */
 html.mobile-site table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  font-size:var(--theme-font-size-9px)!important;
 }
 html.mobile-site table th,
 html.mobile-site table td{
  display:table-cell!important;
  padding:var(--theme-space-7px) var(--theme-space-4px)!important;
  font-size:var(--theme-font-size-9px)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
 }
 html.mobile-site table th{
  font-size:var(--theme-font-size-7px)!important;
  letter-spacing:var(--theme-tracking-03em)!important;
 }
 html.mobile-site .table-wrap,
 html.mobile-site .squad-table-scroll,
 html.mobile-site .staff-v8-table-scroll,
 html.mobile-site .market-list,
 html.mobile-site .trainer-market-list{
  overflow-x:hidden!important;
 }
 html.mobile-site .staff-v8-table{
  min-width:0!important;
  width:100%!important;
 }
 html.mobile-site .staff-v8-table .staff-v8-actions{
  min-width:0!important;
  flex-wrap:wrap!important;
  gap:var(--theme-space-3px)!important;
 }
 html.mobile-site .staff-v8-table .input,
 html.mobile-site .staff-v8-table .select,
 html.mobile-site .staff-v8-table .btn.small{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:28px!important;
  font-size:var(--theme-font-size-8px)!important;
  padding:var(--theme-space-4px)!important;
 }

 /* Detail- und Statistikraster vollständig */
 html.mobile-site .detail-metrics,
 html.mobile-site .player-attributes,
 html.mobile-site .sponsor-v2-kpis,
 html.mobile-site .finance-v2-kpis,
 html.mobile-site .finance-v2-loan-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }

 /* Aufstellung: alle Informationen sichtbar, aber ohne Seitenscroll */
 html.mobile-site .pitch-shell{
  grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr)!important;
  gap:var(--theme-space-10px)!important;
 }
 html.mobile-site .pitch.full-pitch{
  min-width:0!important;
  min-height:500px!important;
 }
 html.mobile-site .slot{
  width:112px!important;
 }
 html.mobile-site .bench-main-card{
  min-width:0!important;
 }

 /* Spielplan in Querformat mit allen Spalten */
 html.mobile-site .schedule-plan-row{
  grid-template-columns:105px minmax(0,1fr) 90px minmax(180px,.8fr)!important;
  gap:var(--theme-space-8px)!important;
  align-items:center!important;
 }
 html.mobile-site .schedule-plan-preset{
  grid-column:auto!important;
 }

 /* Community-Leiste bleibt eine einzige kompakte Zeile */
 html.mobile-site .social-dock{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(620px,calc(100vw - 20px))!important;
 }
 html.mobile-site .social-dock-group{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }

 /* Login quer: Info links, Anmeldung rechts, kein seitliches Wischen */
 html.mobile-site .auth-landing-grid{
  width:min(900px,calc(100vw - 24px))!important;
  max-width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:
   "news center"
   "legal center"!important;
  column-gap:var(--theme-space-12px)!important;
  row-gap:var(--theme-space-6px)!important;
  align-items:start!important;
 }
 html.mobile-site .auth-landing-grid .auth-info-card{
  grid-area:news!important;
  order:unset!important;
  width:100%!important;
  min-height:360px!important;
  height:auto!important;
  max-height:none!important;
 }
 html.mobile-site .auth-landing-grid .auth-center-stack{
  grid-area:center!important;
  order:unset!important;
 }
 html.mobile-site .auth-landing-grid .auth-legal-links{
  grid-area:legal!important;
  order:unset!important;
  justify-content:flex-start!important;
  margin-top:var(--theme-space-2px-91cb4fda)!important;
 }
 html.mobile-site .auth-about-features{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}

/* Sehr niedrige Querformat-Displays: kompakter, aber weiterhin vollständig */
@media (orientation:landscape) and (max-height:500px){
 html.mobile-site .mobile-shellbar{
  min-height:56px!important;
  padding-top:max(var(--theme-space-6px),env(safe-area-inset-top))!important;
  padding-bottom:var(--theme-space-6px)!important;
 }
 html.mobile-site .mobile-brand-crest,
 html.mobile-site .mobile-header-toggle{
  width:36px!important;
  height:36px!important;
 }
 html.mobile-site .mobile-nav-wrap{
  height:38px!important;
 }
 html.mobile-site .mobile-nav-kicker{
  top:4px!important;
 }
 html.mobile-site .mobile-nav-select{
  padding-top:var(--theme-space-12px)!important;
  font-size:var(--theme-font-size-13px)!important;
 }
 html.mobile-site .card{
  padding:var(--theme-space-12px)!important;
  border-radius:var(--theme-radius-14px)!important;
 }
 html.mobile-site .social-dock-btn{
  height:48px!important;
  min-height:48px!important;
 }
 html.mobile-site .social-dock-btn b{
  font-size:var(--theme-font-size-8px)!important;
 }
 html.mobile-site #content{
  padding-bottom:var(--theme-space-68px)!important;
 }
}

/* ==========================================================================
   v0.13.277 · Mobile Feinschliff + neuer Community-Chat
   ========================================================================== */

/* Alle geöffneten Boxen stehen oben mit Luft zum Rand – keine Bottom-Sheets mehr. */
html.mobile-site .modal{
  align-items:start!important;
  justify-items:center!important;
  padding:max(var(--theme-space-14px),env(safe-area-inset-top)) var(--theme-space-10px) calc(var(--theme-space-82px) + env(safe-area-inset-bottom))!important;
}

html.mobile-site .modal-dialog-stack{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
}

html.mobile-site .modal-card,
html.mobile-site .modal-card.wide,
html.mobile-site .match-modal-card{
  width:100%!important;
  max-width:none!important;
  max-height:calc(100dvh - 112px)!important;
  margin:0!important;
  border-radius:var(--theme-radius-20px)!important;
  overflow:auto!important;
  padding:var(--theme-space-18px) var(--theme-space-15px)!important;
  box-shadow:var(--theme-box-shadow-0-20px-58px-var-theme-color-rgba-0-0-0-48)!important;
}

html.mobile-site .modal-card:before{
  display:none!important;
  content:none!important;
}

html.mobile-site .modal-close-hint{
  margin-top:0!important;
}

/* Aufstellung: die vier gewünschten Werte sind auf dem Feld immer komplett sichtbar. */
html.mobile-site .full-pitch .player-card.on-field{
  min-height:56px!important;
  padding:var(--theme-space-6px) var(--theme-space-24px) var(--theme-space-6px) var(--theme-space-11px)!important;
  overflow:visible!important;
}

html.mobile-site .full-pitch .player-card.on-field>b{
  margin-bottom:var(--theme-space-4px)!important;
  font-size:var(--theme-font-size-10px)!important;
  line-height:var(--theme-line-height-1-05)!important;
}

html.mobile-site .full-pitch .mobile-field-card-info{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--theme-space-2px) var(--theme-space-5px)!important;
  width:100%!important;
  min-width:0!important;
  color:var(--text)!important;
}

html.mobile-site .full-pitch .mobile-field-card-info>span{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:var(--theme-space-3px)!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html.mobile-site .full-pitch .mobile-field-card-info i,
html.mobile-site .full-pitch .mobile-field-card-info em{
  display:inline!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-style:normal!important;
  line-height:var(--theme-line-height-1)!important;
}

html.mobile-site .full-pitch .mobile-field-card-info i{
  color:var(--theme-color-8194a6)!important;
  font-size:var(--theme-font-size-6px)!important;
  font-weight:var(--theme-font-weight-900)!important;
  letter-spacing:var(--theme-tracking-02em)!important;
}

html.mobile-site .full-pitch .mobile-field-card-info em{
  color:var(--theme-color-eaf2f7)!important;
  font-size:var(--theme-font-size-8px)!important;
  font-weight:var(--theme-font-weight-850)!important;
}

html.mobile-site .slot{
  min-height:70px!important;
}

/* Transfermarkt Hochkant: Talent gehört zu den Kernwerten. */
@media (orientation:portrait){
  html.mobile-site .player-market-layout th:nth-child(3),
  html.mobile-site .player-market-layout td:nth-child(3),
  html.mobile-site .player-market-layout th:nth-child(7),
  html.mobile-site .player-market-layout td:nth-child(7){
    display:none!important;
  }
  html.mobile-site .player-market-layout th:nth-child(5),
  html.mobile-site .player-market-layout td:nth-child(5){
    display:table-cell!important;
  }
  html.mobile-site .player-market-layout th:nth-child(1),
  html.mobile-site .player-market-layout td:nth-child(1){width:34%!important;min-width:0!important}
  html.mobile-site .player-market-layout th:nth-child(2),
  html.mobile-site .player-market-layout td:nth-child(2){width:12%!important}
  html.mobile-site .player-market-layout th:nth-child(4),
  html.mobile-site .player-market-layout td:nth-child(4){width:18%!important}
  html.mobile-site .player-market-layout th:nth-child(5),
  html.mobile-site .player-market-layout td:nth-child(5){width:14%!important;text-align:center!important}
  html.mobile-site .player-market-layout th:nth-child(6),
  html.mobile-site .player-market-layout td:nth-child(6){width:22%!important}
}

/* Transfermarkt Querformat: Positionskürzel bleiben TW/DEF/MIT/ANG und werden nicht ersetzt. */
@media (orientation:landscape){
  html.mobile-site .player-market-layout .market-pos-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:36px!important;
    max-width:none!important;
    padding:var(--theme-space-4px) var(--theme-space-6px)!important;
    font-size:var(--theme-font-size-9px)!important;
    line-height:var(--theme-line-height-1)!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html.mobile-site .player-market-layout .market-pos-badge::after{
    display:none!important;
    content:none!important;
  }
  html.mobile-site .player-market-layout th:nth-child(2),
  html.mobile-site .player-market-layout td:nth-child(2){
    min-width:46px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* ========================= Community-Chat komplett neu ========================= */
html.mobile-site #modal[data-kind="community-chat"] .modal-card{
  padding:var(--theme-space-12px)!important;
  overflow:hidden!important;
  max-height:calc(100dvh - 112px)!important;
  background:linear-gradient(180deg,var(--theme-color-111c27),var(--theme-color-0b141d))!important;
}

html.mobile-site #modal[data-kind="community-chat"] #modalBody{
  min-height:0!important;
  height:100%!important;
}

html.mobile-site .mobile-community-chat{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:var(--theme-space-9px)!important;
  width:100%!important;
  height:min(720px,calc(100dvh - 138px))!important;
  min-height:0!important;
  overflow:hidden!important;
}

html.mobile-site .mobile-community-chat-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--theme-space-10px)!important;
  padding:var(--theme-space-5px) var(--theme-space-3px) var(--theme-space-2px)!important;
}

html.mobile-site .mobile-community-chat-title{
  display:flex!important;
  align-items:center!important;
  gap:var(--theme-space-10px)!important;
  min-width:0!important;
}

html.mobile-site .mobile-community-chat-symbol{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--theme-color-rgba-114-230-166-25)!important;
  border-radius:var(--theme-radius-12px)!important;
  background:var(--theme-color-rgba-114-230-166-08)!important;
  color:var(--accent)!important;
}

html.mobile-site .mobile-community-chat-symbol svg{
  width:19px!important;
  height:19px!important;
  fill:currentColor!important;
}

html.mobile-site .mobile-community-chat-title>div{min-width:0!important}

html.mobile-site .mobile-community-chat-title h2{
  margin:var(--theme-space-2px) 0 var(--theme-space-1px)!important;
  font-size:var(--theme-font-size-17px)!important;
  line-height:var(--theme-line-height-1-1)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site .mobile-community-chat-title p{
  margin:0!important;
  max-width:52vw!important;
  color:var(--muted)!important;
  font-size:var(--theme-font-size-9px)!important;
  line-height:var(--theme-line-height-1-25)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site .mobile-community-chat-status{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:var(--theme-space-5px)!important;
  flex:0 0 auto!important;
  font-size:var(--theme-font-size-9px)!important;
}

html.mobile-site .mobile-community-chat-status>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:var(--theme-space-5px)!important;
  padding:var(--theme-space-5px) var(--theme-space-7px)!important;
  border:1px solid var(--theme-color-2b3c4b)!important;
  border-radius:var(--theme-radius-999px)!important;
  background:var(--theme-color-101b25)!important;
  color:var(--theme-color-b9c7d2)!important;
  white-space:nowrap!important;
}

html.mobile-site .mobile-community-chat-status>span.attention{
  color:var(--accent)!important;
  border-color:var(--theme-color-rgba-114-230-166-3)!important;
  background:var(--theme-color-rgba-114-230-166-07)!important;
}

html.mobile-site .mobile-community-chat>.community-chat-controls{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--theme-space-4px)!important;
  border:1px solid var(--theme-color-2a3a49)!important;
  border-radius:var(--theme-radius-12px)!important;
  background:var(--theme-color-0e1821)!important;
  overflow:visible!important;
}

html.mobile-site .mobile-community-chat>.community-chat-controls>.tabs{
  display:flex!important;
  width:100%!important;
  gap:var(--theme-space-4px)!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}

html.mobile-site .mobile-community-chat .community-chat-tab{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:35px!important;
  padding:var(--theme-space-7px) var(--theme-space-5px)!important;
  border:0!important;
  border-radius:var(--theme-radius-9px)!important;
  background:var(--theme-color-transparent)!important;
  color:var(--theme-color-8fa2b3)!important;
  font-size:var(--theme-font-size-10px)!important;
  font-weight:var(--theme-font-weight-850)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site .mobile-community-chat .community-chat-tab.active{
  background:var(--theme-color-173026)!important;
  color:var(--accent)!important;
  box-shadow:var(--theme-box-shadow-inset-0-0-0-1px-var-theme-color-rgba-114-230-166-22)!important;
}

html.mobile-site .mobile-community-chat .chat-tab-badge{
  margin-left:var(--theme-space-4px)!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 var(--theme-space-4px)!important;
  font-size:var(--theme-font-size-8px)!important;
}

html.mobile-site .mobile-community-message-list{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--theme-space-8px)!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--theme-space-10px) var(--theme-space-5px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid var(--theme-color-253543)!important;
  border-radius:var(--theme-radius-14px)!important;
  background:var(--theme-color-09121a)!important;
  scrollbar-width:thin!important;
}

html.mobile-site .mobile-community-message-list>.comm-v4-chat-message{
  width:min(88%,390px)!important;
  max-width:88%!important;
  margin:0 auto 0 0!important;
  padding:var(--theme-space-9px) var(--theme-space-10px)!important;
  border:1px solid var(--theme-color-2a3b4a)!important;
  border-radius:var(--theme-radius-5px-14px-14px-14px)!important;
  background:var(--theme-color-121f2a)!important;
  box-shadow:none!important;
}

html.mobile-site .mobile-community-message-list>.comm-v4-chat-message.mine{
  margin-left:auto!important;
  margin-right:0!important;
  border-color:var(--theme-color-rgba-114-230-166-24)!important;
  border-radius:var(--theme-radius-14px-5px-14px-14px)!important;
  background:var(--theme-color-12271f)!important;
}

html.mobile-site .mobile-community-message-list .league-chat-meta{
  display:flex!important;
  align-items:flex-start!important;
  gap:var(--theme-space-6px)!important;
  min-width:0!important;
  margin:0!important;
}

html.mobile-site .mobile-community-message-list .chat-team-link{
  min-width:0!important;
  flex:1 1 auto!important;
  gap:var(--theme-space-7px)!important;
}

html.mobile-site .mobile-community-message-list .chat-team-link .club-logo{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  border-radius:var(--theme-radius-8px)!important;
}

html.mobile-site .mobile-community-message-list .chat-author-copy{
  min-width:0!important;
}

html.mobile-site .mobile-community-message-list .team-name-text{
  font-size:var(--theme-font-size-10px)!important;
  line-height:var(--theme-line-height-1-1)!important;
}

html.mobile-site .mobile-community-message-list .chat-author-copy small{
  margin-top:var(--theme-space-2px)!important;
  font-size:var(--theme-font-size-7-5px)!important;
  line-height:var(--theme-line-height-1-15)!important;
}

html.mobile-site .mobile-community-message-list .league-chat-meta>small{
  flex:0 0 auto!important;
  font-size:var(--theme-font-size-7-5px)!important;
  color:var(--theme-color-6f8293)!important;
  white-space:nowrap!important;
}

html.mobile-site .mobile-community-message-list .chat-delete{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
}

html.mobile-site .mobile-community-message-list .comm-v4-chat-message>p{
  margin:var(--theme-space-7px) 0 0!important;
  color:var(--theme-color-e4edf3)!important;
  font-size:var(--theme-font-size-11px)!important;
  line-height:var(--theme-line-height-1-42)!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}

html.mobile-site .mobile-community-message-list>.comm-v4-empty-chat{
  margin:auto!important;
  width:100%!important;
  border:0!important;
  background:var(--theme-color-transparent)!important;
}

html.mobile-site .mobile-community-compose{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--theme-space-5px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--theme-space-8px)!important;
  border:1px solid var(--theme-color-2a3b4a)!important;
  border-radius:var(--theme-radius-14px)!important;
  background:var(--theme-color-0e1821)!important;
}

html.mobile-site .mobile-community-compose-as{
  display:block!important;
  color:var(--theme-color-7f92a3)!important;
  font-size:var(--theme-font-size-8px)!important;
  line-height:var(--theme-line-height-1-2)!important;
}

html.mobile-site .mobile-community-compose-as b{
  color:var(--theme-color-cbd7df)!important;
}

html.mobile-site .mobile-community-compose-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:var(--theme-space-7px)!important;
  align-items:end!important;
}

html.mobile-site .mobile-community-compose textarea{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:78px!important;
  resize:none!important;
  padding:var(--theme-space-10px) var(--theme-space-11px)!important;
  border-radius:var(--theme-radius-11px)!important;
  font-size:var(--theme-font-size-11px)!important;
  line-height:var(--theme-line-height-1-3)!important;
}

html.mobile-site .mobile-community-send{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:var(--theme-radius-11px)!important;
  font-size:var(--theme-font-size-16px)!important;
}

@media (orientation:landscape){
  html.mobile-site .mobile-community-chat{
    height:calc(100dvh - 118px)!important;
  }
  html.mobile-site .mobile-community-chat-head{
    align-items:center!important;
  }
  html.mobile-site .mobile-community-chat-status{
    flex-direction:row!important;
  }
}

/* ========================================================================== 
   v0.13.279 · Mobile Community-Chat + Livespiel komplett stabilisiert
   ========================================================================== */

/* Community-Chat: komplett sichtbare Arbeitsfläche oberhalb der Schnellleiste. */
html.mobile-site #modal[data-kind="community-chat"]{
  place-items:start center!important;
  align-items:start!important;
  padding:max(var(--theme-space-8px),env(safe-area-inset-top)) var(--theme-space-7px) calc(var(--theme-space-74px) + env(safe-area-inset-bottom))!important;
}

html.mobile-site #modal[data-kind="community-chat"] .modal-dialog-stack{
  width:100%!important;
  max-width:760px!important;
  min-height:0!important;
}

html.mobile-site #modal[data-kind="community-chat"] .modal-card,
html.mobile-site #modal[data-kind="community-chat"] .modal-card.wide,
html.mobile-site #modal[data-kind="community-chat"] .match-modal-card{
  box-sizing:border-box!important;
  width:100%!important;
  height:calc(100dvh - 104px)!important;
  min-height:360px!important;
  max-height:calc(100dvh - 104px)!important;
  margin:0!important;
  padding:var(--theme-space-12px)!important;
  border-radius:var(--theme-radius-18px)!important;
  overflow:hidden!important;
  background:var(--theme-color-0d1620)!important;
  box-shadow:var(--theme-box-shadow-0-18px-46px-var-theme-color-rgba-0-0-0-5)!important;
}

html.mobile-site #modal[data-kind="community-chat"] #modalBody{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:var(--theme-space-8px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--theme-color-transparent)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-head{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--theme-space-8px)!important;
  padding:var(--theme-space-2px) var(--theme-space-42px) var(--theme-space-8px) var(--theme-space-2px)!important;
  border-bottom:1px solid var(--theme-color-253543)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-copy .eyebrow{
  font-size:var(--theme-font-size-8px)!important;
  letter-spacing:var(--theme-tracking-12em)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-title-row{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:var(--theme-space-7px)!important;
  margin-top:var(--theme-space-2px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-title-row h2{
  min-width:0!important;
  margin:0!important;
  font-size:var(--theme-font-size-18px)!important;
  line-height:var(--theme-line-height-1-15)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-online,
html.mobile-site #modal[data-kind="community-chat"] .mobile-community-unread{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:var(--theme-space-5px)!important;
  min-height:22px!important;
  padding:var(--theme-space-3px) var(--theme-space-7px)!important;
  border:1px solid var(--theme-color-2b3d4d)!important;
  border-radius:var(--theme-radius-999px)!important;
  background:var(--theme-color-111d27)!important;
  color:var(--theme-color-aebfcb)!important;
  font-size:var(--theme-font-size-8px)!important;
  font-weight:var(--theme-font-weight-850)!important;
  white-space:nowrap!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-unread{
  margin-top:var(--theme-space-10px)!important;
  color:var(--accent)!important;
  border-color:var(--theme-color-rgba-114-230-166-28)!important;
  background:var(--theme-color-rgba-114-230-166-07)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-copy>p{
  margin:var(--theme-space-4px) 0 0!important;
  color:var(--theme-color-8294a3)!important;
  font-size:var(--theme-font-size-9px)!important;
  line-height:var(--theme-line-height-1-25)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .community-chat-controls{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--theme-space-4px)!important;
  border:1px solid var(--theme-color-293a49)!important;
  border-radius:var(--theme-radius-11px)!important;
  background:var(--theme-color-101a24)!important;
  overflow:hidden!important;
}

html.mobile-site #modal[data-kind="community-chat"] .community-chat-controls>.tabs{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:var(--theme-space-4px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

html.mobile-site #modal[data-kind="community-chat"] .community-chat-tab.tab{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--theme-space-4px)!important;
  margin:0!important;
  padding:var(--theme-space-7px) var(--theme-space-6px)!important;
  border:0!important;
  border-radius:var(--theme-radius-8px)!important;
  background:var(--theme-color-transparent)!important;
  color:var(--theme-color-8da0ae)!important;
  font-size:var(--theme-font-size-10px)!important;
  font-weight:var(--theme-font-weight-850)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site #modal[data-kind="community-chat"] .community-chat-tab.tab.active{
  color:var(--accent)!important;
  background:var(--theme-color-163027)!important;
  box-shadow:var(--theme-box-shadow-inset-0-0-0-1px-var-theme-color-rgba-114-230-166-18)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-list{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid var(--theme-color-263746)!important;
  border-radius:var(--theme-radius-12px)!important;
  background:var(--theme-color-0a131c)!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--theme-space-10px) var(--theme-space-10px) var(--theme-space-11px)!important;
  border:0!important;
  border-bottom:1px solid var(--theme-color-22323f)!important;
  border-radius:var(--theme-radius-0)!important;
  background:var(--theme-color-transparent)!important;
  box-shadow:none!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message:last-child{border-bottom:0!important}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message.mine{
  background:linear-gradient(90deg,var(--theme-color-rgba-114-230-166-055),var(--theme-color-rgba-114-230-166-012))!important;
  box-shadow:var(--theme-box-shadow-inset-3px-0-0-var-theme-color-rgba-114-230-166-45)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-head{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--theme-space-7px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author{
  min-width:0!important;
  flex:1 1 auto!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .chat-team-link{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:var(--theme-space-8px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .club-logo{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:var(--theme-radius-8px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .chat-author-copy{
  min-width:0!important;
  display:grid!important;
  gap:var(--theme-space-1px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .team-name-wrap,
html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .team-name-text{
  min-width:0!important;
  max-width:100%!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .team-name-text{
  font-size:var(--theme-font-size-11px)!important;
  line-height:var(--theme-line-height-1-15)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-author .chat-author-copy small{
  min-width:0!important;
  display:block!important;
  color:var(--theme-color-8193a2)!important;
  font-size:var(--theme-font-size-8px)!important;
  line-height:var(--theme-line-height-1-2)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-meta{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:var(--theme-space-4px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-meta>small{
  color:var(--theme-color-708391)!important;
  font-size:var(--theme-font-size-8px)!important;
  white-space:nowrap!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-body{
  margin:var(--theme-space-7px) 0 0 var(--theme-space-36px)!important;
  color:var(--theme-color-e0e9ef)!important;
  font-size:var(--theme-font-size-12px)!important;
  line-height:var(--theme-line-height-1-42)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-compose{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:var(--theme-space-8px)!important;
  border:1px solid var(--theme-color-2a3b4a)!important;
  border-radius:var(--theme-radius-12px)!important;
  background:var(--theme-color-101a24)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-compose-head{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:var(--theme-space-8px)!important;
  margin:0 var(--theme-space-1px) var(--theme-space-6px)!important;
  color:var(--theme-color-8496a5)!important;
  font-size:var(--theme-font-size-8px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-compose-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 72px!important;
  gap:var(--theme-space-7px)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-compose .textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:84px!important;
  margin:0!important;
  padding:var(--theme-space-9px) var(--theme-space-10px)!important;
  resize:none!important;
  border-radius:var(--theme-radius-9px)!important;
  font-size:var(--theme-font-size-12px)!important;
  line-height:var(--theme-line-height-1-35)!important;
}

html.mobile-site #modal[data-kind="community-chat"] .mobile-community-send{
  width:72px!important;
  min-width:72px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 var(--theme-space-8px)!important;
  border-radius:var(--theme-radius-9px)!important;
  font-size:var(--theme-font-size-10px)!important;
  font-weight:var(--theme-font-weight-900)!important;
}

/* Livespiel mobil: Spielfeld ist eine echte, vollständig sichtbare Fläche. */
html.mobile-site #modal[data-kind="live-match"]{
  place-items:start center!important;
  align-items:start!important;
  padding:max(var(--theme-space-8px),env(safe-area-inset-top)) var(--theme-space-6px) calc(var(--theme-space-74px) + env(safe-area-inset-bottom))!important;
}

html.mobile-site #modal[data-kind="live-match"] .modal-dialog-stack{
  width:100%!important;
  max-width:820px!important;
  min-height:0!important;
}

html.mobile-site #modal[data-kind="live-match"] .modal-card,
html.mobile-site #modal[data-kind="live-match"] .modal-card.wide,
html.mobile-site #modal[data-kind="live-match"] .match-modal-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 96px)!important;
  margin:0!important;
  padding:var(--theme-space-12px) var(--theme-space-9px)!important;
  border-radius:var(--theme-radius-18px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

html.mobile-site #modal[data-kind="live-match"] #modalBody,
html.mobile-site #modal[data-kind="live-match"] .live-match-window{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-match-window{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:var(--theme-space-8px)!important;
  padding:0!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-match-tabs{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:var(--theme-space-5px)!important;
  margin:0!important;
  padding:var(--theme-space-4px)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid var(--theme-color-293a49)!important;
  border-radius:var(--theme-radius-11px)!important;
  background:var(--theme-color-101a24)!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-match-tabs::-webkit-scrollbar{display:none!important}

html.mobile-site #modal[data-kind="live-match"] .live-match-tabs .tab{
  flex:0 0 auto!important;
  min-height:34px!important;
  margin:0!important;
  padding:var(--theme-space-7px) var(--theme-space-9px)!important;
  border-radius:var(--theme-radius-8px)!important;
  font-size:var(--theme-font-size-9px)!important;
  white-space:nowrap!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-match-tab-body,
html.mobile-site #modal[data-kind="live-match"] .live-tab-own,
html.mobile-site #modal[data-kind="live-match"] .live-tab-opp,
html.mobile-site #modal[data-kind="live-match"] .live-tab-table{
  --live-reference-height:auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:var(--theme-color-transparent)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-team-lineup-view{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:var(--theme-space-8px)!important;
  overflow:visible!important;
  background:var(--theme-color-transparent)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-tactic-bar,
html.mobile-site #modal[data-kind="live-match"] .live-opponent-bar{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--theme-space-10px)!important;
  border-radius:var(--theme-radius-13px)!important;
  overflow:hidden!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-title{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:var(--theme-space-7px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-title h2{
  margin:var(--theme-space-2px) 0 0!important;
  font-size:var(--theme-font-size-17px)!important;
  line-height:var(--theme-line-height-1-18)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-summary{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:var(--theme-space-5px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-summary .badge{
  font-size:var(--theme-font-size-8px)!important;
  padding:var(--theme-space-4px) var(--theme-space-6px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-tactic-controls{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--theme-space-7px)!important;
  margin-top:var(--theme-space-8px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-tactic-controls label{
  min-width:0!important;
  font-size:var(--theme-font-size-8px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-tactic-controls .select,
html.mobile-site #modal[data-kind="live-match"] .live-tactic-controls .btn{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  font-size:var(--theme-font-size-10px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-tactic-controls .btn{
  grid-column:1/-1!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-pitch-bench-grid{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--theme-space-9px)!important;
  align-items:start!important;
  margin:0!important;
  overflow:visible!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-own-pitch-wrap{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-pitch,
html.mobile-site #modal[data-kind="live-match"] .live-own-height-measure .live-lineup-pitch{
  box-sizing:border-box!important;
  position:relative!important;
  width:min(100%,430px)!important;
  max-width:430px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:3/4!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:var(--theme-radius-14px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-pitch:before{inset:13px!important}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-pitch:after{top:13px!important;bottom:13px!important}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot{
  box-sizing:border-box!important;
  width:clamp(74px,26vw,98px)!important;
  max-width:98px!important;
  min-height:0!important;
  padding:var(--theme-space-4px)!important;
  border-radius:var(--theme-radius-9px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot .eyebrow{
  margin:0 0 var(--theme-space-2px)!important;
  font-size:var(--theme-font-size-7px)!important;
  line-height:var(--theme-line-height-1)!important;
  letter-spacing:var(--theme-tracking-08em)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot .live-player-card,
html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot .player-card{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:var(--theme-space-5px) var(--theme-space-5px) var(--theme-space-5px) var(--theme-space-13px)!important;
  border-radius:var(--theme-radius-8px)!important;
  overflow:hidden!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot .live-player-card>.marker{
  left:5px!important;
  top:4px!important;
  bottom:4px!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot .live-player-card b{
  margin:0 0 var(--theme-space-2px)!important;
  font-size:var(--theme-font-size-9-5px)!important;
  line-height:var(--theme-line-height-1-1)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot .live-player-card small{
  margin:0!important;
  font-size:var(--theme-font-size-7-2px)!important;
  line-height:var(--theme-line-height-1-18)!important;
  white-space:normal!important;
  overflow:visible!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-bench-card,
html.mobile-site #modal[data-kind="live-match"] .live-own-height-measure .live-bench-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--theme-space-10px)!important;
  border-radius:var(--theme-radius-13px)!important;
  overflow:hidden!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-bench-help{
  margin:0 0 var(--theme-space-7px)!important;
  font-size:var(--theme-font-size-8px)!important;
  line-height:var(--theme-line-height-1-3)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-bench-list{
  width:100%!important;
  max-height:250px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--theme-space-6px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:var(--theme-space-2px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .live-bench-list .live-player-card{
  min-width:0!important;
  padding:var(--theme-space-7px) var(--theme-space-8px) var(--theme-space-7px) var(--theme-space-16px)!important;
}

/* Live-Tabelle: auf Mobile keine gequetschte Desktop-Tabelle mehr. */
html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-card{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:var(--theme-space-10px)!important;
  border-radius:var(--theme-radius-13px)!important;
  overflow:hidden!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-list{
  display:grid!important;
  gap:var(--theme-space-7px)!important;
  width:100%!important;
  min-width:0!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-row{
  min-width:0!important;
  padding:var(--theme-space-9px)!important;
  border:1px solid var(--theme-color-293a49)!important;
  border-radius:var(--theme-radius-11px)!important;
  background:var(--theme-color-0f1922)!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-row.live-table-own{
  border-color:var(--theme-color-rgba-114-230-166-34)!important;
  background:var(--theme-color-rgba-114-230-166-07)!important;
  box-shadow:var(--theme-box-shadow-inset-3px-0-0-var-accent)!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 42px!important;
  gap:var(--theme-space-7px)!important;
  align-items:center!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-pos{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:var(--theme-radius-8px)!important;
  background:var(--theme-color-182735)!important;
  font-size:var(--theme-font-size-11px)!important;
  font-weight:var(--theme-font-weight-900)!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-team{
  min-width:0!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-team .live-table-team{
  width:100%!important;
  min-width:0!important;
  gap:var(--theme-space-7px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-team .club-logo{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-team .team-name-text{
  min-width:0!important;
  font-size:var(--theme-font-size-10-5px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-points{
  display:grid!important;
  justify-items:end!important;
  gap:0!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-points b{font-size:var(--theme-font-size-16px)!important;color:var(--accent)!important}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-points small{font-size:var(--theme-font-size-7px)!important;color:var(--muted)!important;text-transform:uppercase!important}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-stats{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:var(--theme-space-4px)!important;
  margin-top:var(--theme-space-7px)!important;
  padding-top:var(--theme-space-7px)!important;
  border-top:1px solid var(--theme-color-263746)!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-stats>span{
  min-width:0!important;
  display:grid!important;
  justify-items:center!important;
  gap:var(--theme-space-2px)!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-stats small{
  color:var(--theme-color-738696)!important;
  font-size:var(--theme-font-size-7px)!important;
  text-transform:uppercase!important;
}

html.mobile-site #modal[data-kind="live-match"] .mobile-live-table-stats b{
  min-width:0!important;
  font-size:var(--theme-font-size-9-5px)!important;
  white-space:nowrap!important;
}

@media (max-width:420px){
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-copy>p{display:none!important}
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-unread{display:none!important}
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-message-body{margin-left:0!important;margin-top:var(--theme-space-7px)!important}
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-compose-head small{display:none!important}
  html.mobile-site #modal[data-kind="live-match"] .live-lineup-pitch{width:min(100%,360px)!important;max-width:360px!important}
  html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot{width:clamp(70px,25vw,88px)!important;max-width:88px!important}
}

@media (orientation:landscape){
  html.mobile-site #modal[data-kind="community-chat"] .modal-card,
  html.mobile-site #modal[data-kind="community-chat"] .modal-card.wide,
  html.mobile-site #modal[data-kind="community-chat"] .match-modal-card{
    height:calc(100dvh - 82px)!important;
    max-height:calc(100dvh - 82px)!important;
  }
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-head{padding-bottom:var(--theme-space-6px)!important}
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-chat-copy>p{display:none!important}
  html.mobile-site #modal[data-kind="community-chat"] .mobile-community-compose-head{display:none!important}
  html.mobile-site #modal[data-kind="live-match"] .live-lineup-pitch{
    width:min(72vw,390px)!important;
    max-width:390px!important;
  }
  html.mobile-site #modal[data-kind="live-match"] .live-lineup-slot{
    width:clamp(78px,15vw,96px)!important;
    max-width:96px!important;
  }
}

/* v0.13.285 · Abschnitt 2: Tablet / verkleinertes Desktopfenster
   Ein fester Tablet-Zustand über die komplette Stufe. Die Navigation entspricht
   bewusst der bisherigen Ansicht um 770 px und wird innerhalb der Stufe weder
   verbreitert noch bei einem zusätzlichen Zwischen-Breakpoint neu aufgebaut. */
html.tablet-site,html.tablet-site body{width:100%;max-width:100%;overflow-x:hidden}

html.tablet-site .mobile-shellbar{display:none!important}

html.tablet-site .app-shell{display:grid!important;grid-template-columns:174px minmax(0,1fr)!important;min-height:100vh!important}

/* Tablet: Hintergrundbild auf dieselbe Nutzflaeche wie den Hauptinhalt beziehen.
   Zuvor blieb der Desktop-Offset von 240 px aktiv und background-size:100% auto
   machte das Bild beim Verkleinern immer niedriger. */
html.tablet-site .app-background{left:174px!important;top:0!important;right:0!important;bottom:0!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}

html.tablet-site .sidebar{display:flex!important;position:sticky!important;top:0!important;height:100vh!important;padding:var(--theme-space-18px) var(--theme-space-11px)!important;border-right:1px solid var(--line)!important;border-bottom:0!important}

html.tablet-site .brand{padding:0 var(--theme-space-6px) var(--theme-space-16px)!important;gap:var(--theme-space-9px)!important}

html.tablet-site .brand .crest{width:36px!important;height:36px!important;border-radius:var(--theme-radius-10px)!important;font-size:var(--theme-font-size-17px)!important}

html.tablet-site .brand b{font-size:var(--theme-font-size-12px)!important;letter-spacing:var(--theme-tracking-08em)!important}

html.tablet-site .brand span{font-size:var(--theme-font-size-8px)!important}

html.tablet-site nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:var(--theme-space-3px)!important}

html.tablet-site nav button{padding:var(--theme-space-9px) var(--theme-space-9px)!important;font-size:var(--theme-font-size-12px)!important;gap:var(--theme-space-8px)!important}

html.tablet-site nav .icon{width:16px!important}

html.tablet-site .sidebar-foot{display:block!important;padding:var(--theme-space-13px) var(--theme-space-6px) 0!important;font-size:var(--theme-font-size-10px)!important}

html.tablet-site main{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important}

html.tablet-site #appHeader{display:grid!important;grid-template-columns:1fr!important;gap:var(--theme-space-9px)!important;height:auto!important;min-height:84px!important;padding:var(--theme-space-13px) var(--theme-space-18px)!important;top:0!important}

html.tablet-site #appHeader .page-title-block{display:flex!important;align-items:baseline!important;gap:var(--theme-space-10px)!important}

html.tablet-site #appHeader .page-title-block h1{font-size:var(--theme-font-size-22px)!important;margin:0!important}

html.tablet-site .header-right{display:flex!important;width:100%!important;gap:var(--theme-space-7px)!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:wrap!important}

html.tablet-site .club-select{min-width:180px!important;max-width:none!important;flex:1 1 100%!important}

html.tablet-site .header-right .money,html.tablet-site .tokens,html.tablet-site .season-matchday{display:flex!important;padding:var(--theme-space-8px) var(--theme-space-10px)!important;font-size:var(--theme-font-size-11px)!important;flex:1 1 auto!important}

html.tablet-site #playBtn,html.tablet-site #liveHeaderBtn{min-height:36px!important;padding:var(--theme-space-8px) var(--theme-space-10px)!important;font-size:var(--theme-font-size-11px)!important}

html.tablet-site #content{width:100%!important;padding:var(--theme-space-20px) var(--theme-space-14px) var(--theme-space-72px)!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important}

html.tablet-site .grid{gap:var(--theme-space-13px)!important}

html.tablet-site .grid.two,html.tablet-site .grid.three,html.tablet-site .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}

html.tablet-site .card{min-width:0!important;padding:var(--theme-space-15px)!important}

html.tablet-site .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

html.tablet-site .music-dock{display:none!important}

html.tablet-site .music-dock.hidden{display:none!important}

/* Navigation innerhalb einer Handy-Stufe ebenfalls nicht weiter verkleinern.
   Portrait und Querformat haben je einen stabilen Mobile-Navigationszustand. */
html.layout-phone-portrait.mobile-site .mobile-shellbar,
html.layout-phone-landscape.mobile-site .mobile-shellbar{
 grid-template-columns:44px minmax(0,1fr) 42px!important;
 min-height:68px!important;
 padding:var(--theme-space-10px) var(--theme-space-13px)!important;
 padding-top:max(var(--theme-space-10px),env(safe-area-inset-top))!important;
}

html.layout-phone-portrait.mobile-site .mobile-brand-crest,
html.layout-phone-landscape.mobile-site .mobile-brand-crest{width:42px!important;height:42px!important}

html.layout-phone-portrait.mobile-site .mobile-header-toggle,
html.layout-phone-landscape.mobile-site .mobile-header-toggle{width:42px!important;height:42px!important}

html.layout-phone-portrait.mobile-site .mobile-nav-wrap,
html.layout-phone-landscape.mobile-site .mobile-nav-wrap{height:46px!important}

html.layout-phone-portrait.mobile-site .mobile-nav-kicker,
html.layout-phone-landscape.mobile-site .mobile-nav-kicker{top:6px!important}

html.layout-phone-portrait.mobile-site .mobile-nav-select,
html.layout-phone-landscape.mobile-site .mobile-nav-select{padding:var(--theme-space-15px) var(--theme-space-34px) var(--theme-space-5px) var(--theme-space-12px)!important;font-size:var(--theme-font-size-15px)!important}

/* v0.13.286 · Tablet-Navigation und Header-Ausrichtung
   Logo und Footer bleiben fest sichtbar. Nur die eigentliche Navigation scrollt,
   wenn die verfuegbare Fensterhoehe nicht fuer alle Punkte ausreicht. */
html.tablet-site .sidebar{
  min-height:0!important;
  overflow:hidden!important;
}

html.tablet-site .brand{
  flex:0 0 auto!important;
  min-height:0!important;
  position:relative!important;
  z-index:2!important;
}

html.tablet-site #nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding-right:var(--theme-space-3px)!important;
}

html.tablet-site .sidebar-foot{
  flex:0 0 auto!important;
  min-height:0!important;
  margin-top:var(--theme-space-8px)!important;
  padding:var(--theme-space-8px) var(--theme-space-3px) 0!important;
  background:var(--theme-color-rgba-10-15-22-96)!important;
  position:relative!important;
  z-index:2!important;
}

html.tablet-site .sidebar-community button,
html.tablet-site .sidebar-community .side-logout-link{
  min-height:34px!important;
  padding:var(--theme-space-9px) var(--theme-space-9px)!important;
  column-gap:var(--theme-space-8px)!important;
  gap:var(--theme-space-8px)!important;
  font-size:var(--theme-font-size-12px)!important;
  line-height:var(--theme-line-height-1)!important;
  grid-template-columns:16px minmax(0,1fr)!important;
}

html.tablet-site .sidebar-community .icon{
  width:16px!important;
  min-width:16px!important;
  flex-basis:16px!important;
  font-size:var(--theme-font-size-12px)!important;
}

/* Geld, Tokens und Saisonstatus stehen in ihren Tablet-Kacheln immer optisch
   mittig – unabhaengig davon, wie breit die einzelne Kachel gerade wird. */
html.tablet-site .header-right .money,
html.tablet-site .header-right .tokens,
html.tablet-site .header-right .season-matchday{
  min-height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:var(--theme-line-height-1-1)!important;
}

/* v0.13.287 · Tablet: eine Navigation ueber die komplette Stufe.
   Die kompakte linke Variante bleibt von 768 bis 1199 px unveraendert;
   insbesondere gibt es bei 821 px keinen Wechsel auf Desktop-Branding mehr. */
html.tablet-site .app-shell>.sidebar>.brand{
  position:relative!important;
  top:auto!important;
  margin:0!important;
  padding:0 var(--theme-space-6px) var(--theme-space-16px)!important;
  min-height:0!important;
  background:var(--theme-color-transparent)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

html.tablet-site .app-shell>.sidebar>nav{padding-top:0!important}

/* v0.13.288 · Tablet-Breakpoint vereinheitlicht
   Die historische 820-px-Kompaktlogik in style.css gilt jetzt bis zum Ende
   der Tablet-Stufe (1199 px). Dadurch bleiben Navigation und Inhaltsgeometrie
   innerhalb des gesamten Tabletmodus auf demselben kompakten Zustand und
   springen oberhalb von 820 px nicht mehr auf Desktopmasse zurueck. */

/* v0.13.288 · Tablet-Hauptspalte bleibt strikt rechts von der Sidebar. */
html.tablet-site .app-shell > main{
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
}

html.tablet-site #appHeader,
html.tablet-site #content{
  min-width:0!important;
  box-sizing:border-box!important;
}

/* v0.13.289 · Tablet-Sidebar wie Desktop fest im Viewport verankern.
   Die Sidebar verlaesst beim Scrollen/Resize nicht mehr ihre linke Spalte.
   Der Hauptbereich bleibt dauerhaft in Grid-Spalte 2 rechts daneben. */
html.tablet-site .app-shell{
  grid-template-columns:174px minmax(0,1fr)!important;
  min-height:100dvh!important;
}

html.tablet-site .app-shell > .sidebar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  width:174px!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  z-index:30!important;
}

html.tablet-site .app-shell > main{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

html.tablet-site .app-shell > main > #appHeader,
html.tablet-site .app-shell > main > #content{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

html.tablet-site .app-shell > main > #content{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v0.13.290 · Tablet: allgemeinen Sammelkasten hinter dem Seiteninhalt entfernen.
   Einzelne Karten/Boxen bleiben unveraendert; nur der grosse #content-Hintergrundkasten
   wird in der Tablet-Stufe nicht mehr gezeichnet. */
html.tablet-site #content::before{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* v0.13.290 · Tablet-Sidebar wie Desktop gemeinsam scrollbar.
   Nicht nur #nav, sondern der komplette Navigationsinhalt inklusive Abmelden
   bewegt sich im Sidebar-Scrollbereich. Das Branding bleibt oben sticky. */
html.tablet-site .app-shell > .sidebar{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}

html.tablet-site .app-shell > .sidebar > .brand{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  flex:0 0 auto!important;
  margin:0 var(--theme-space-11px-de76a705) 0!important;
  padding:var(--theme-space-18px) var(--theme-space-17px) var(--theme-space-16px)!important;
  background:var(--theme-color-rgba-10-15-22-98)!important;
  border-bottom:1px solid var(--theme-color-rgba-42-57-72-72)!important;
  box-shadow:var(--theme-box-shadow-0-10px-20px-var-theme-color-rgba-5-9-13-20)!important;
}

html.tablet-site #nav{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-gutter:auto!important;
  padding-right:0!important;
  padding-top:var(--theme-space-8px)!important;
}

html.tablet-site .sidebar-foot{
  flex:0 0 auto!important;
  margin-top:var(--theme-space-10px)!important;
  padding:var(--theme-space-10px) 0 var(--theme-space-6px)!important;
  position:static!important;
  background:var(--theme-color-transparent)!important;
  z-index:auto!important;
}

/* v0.13.291 · Tablet: fester Kopfbereich + sauber getrennte Sidebar.
   Branding liegt ausserhalb des Scrollbereichs. Navigation und Abmelden
   scrollen gemeinsam darunter, sodass kein Menueinhalt mehr ueber das Logo
   laufen kann. Der App-Header bleibt wie auf Desktop am oberen Rand sichtbar. */
html.tablet-site,
html.tablet-site body{
  overflow-x:clip!important;
}

html.tablet-site .app-shell > .sidebar{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

html.tablet-site .app-shell > .sidebar > .brand{
  position:relative!important;
  top:auto!important;
  z-index:5!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0 var(--theme-space-11px-de76a705)!important;
  padding:var(--theme-space-18px) var(--theme-space-17px) var(--theme-space-16px)!important;
  background:var(--bg)!important;
  border-bottom:1px solid var(--theme-color-rgba-42-57-72-72)!important;
  box-shadow:var(--theme-box-shadow-0-10px-20px-var-theme-color-rgba-5-9-13-20)!important;
  overflow:hidden!important;
}

html.tablet-site .app-shell > .sidebar > .sidebar-scroll{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding:var(--theme-space-8px) 0 var(--theme-space-6px)!important;
}

html.tablet-site .app-shell > .sidebar > .sidebar-scroll > #nav{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:0 var(--theme-space-3px) 0 0!important;
}

html.tablet-site .app-shell > .sidebar > .sidebar-scroll > .sidebar-foot{
  flex:0 0 auto!important;
  margin-top:auto!important;
  padding:var(--theme-space-10px) var(--theme-space-3px) 0 0!important;
  position:static!important;
  background:var(--theme-color-transparent)!important;
}

html.tablet-site .app-shell > main{
  overflow-x:clip!important;
  overflow-y:visible!important;
}

html.tablet-site .app-shell > main > #appHeader{
  position:sticky!important;
  top:0!important;
  z-index:35!important;
  align-self:start!important;
  background:var(--theme-color-rgba-10-15-22-96)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:var(--theme-box-shadow-0-10px-24px-var-theme-color-rgba-5-9-13-18)!important;
}

/* v0.13.295 · In Tablet und Phone keine Desktop-Audio-Bedienung */
html:not(.layout-desktop) #youtubeMusicDock,
html:not(.layout-desktop) #socialDock .social-dock-btn.voice{display:none!important;}

/* v0.13.298 · Handy quer: Nur die Spalte Stärke ergänzen.
   Die bestehenden Spalten und das Tabellenlayout bleiben erhalten. */
html.layout-phone-landscape.mobile-site .league-main-table th:nth-child(10),
html.layout-phone-landscape.mobile-site .league-main-table td:nth-child(10){
  display:table-cell!important;
}

/* v0.13.301 · Handy-Dock richtet sich nach der Beschriftung, nicht nach Tabellen. */
html.mobile-site .social-dock{
  width:max-content!important;max-width:calc(100vw - 16px)!important;
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  align-items:center!important;
}

html.mobile-site .social-dock-group{
  display:flex!important;grid-template-columns:none!important;
  flex:0 1 auto!important;width:max-content!important;max-width:100%!important;
  min-width:0!important;align-items:center!important;justify-content:center!important;
  overflow-x:auto!important;overflow-y:hidden!important;
}

html.mobile-site .social-dock-group>.social-dock-btn{
  flex:0 0 auto!important;width:auto!important;height:auto!important;
  min-height:0!important;min-width:0!important;
  padding:var(--theme-space-8px) var(--theme-space-10px)!important;gap:var(--theme-space-5px)!important;
}

html.mobile-site .social-dock-group>.social-dock-btn b{
  width:auto!important;max-width:none!important;white-space:nowrap!important;
  overflow:visible!important;text-overflow:clip!important;
}

html.mobile-site .social-dock>.social-dock-btn.compose{
  flex:0 0 auto!important;width:auto!important;height:auto!important;min-height:0!important;
  padding:var(--theme-space-8px) var(--theme-space-10px)!important;
}

@media (max-width:430px){
 html.mobile-site .social-dock-group>.social-dock-btn{padding:var(--theme-space-7px) var(--theme-space-7px)!important;gap:var(--theme-space-3px)!important}
 html.mobile-site .social-dock-group>.social-dock-btn b{font-size:var(--theme-font-size-9px)!important}
}

/* Anpassbare Tabellen dürfen nicht mehr über alte positionsbasierte Handy-Regeln
   (nth-child) versteckt oder nach einer alten Spaltenfolge formatiert werden. */
html.mobile-site #content table.bf-config-table th,
html.mobile-site #content table.bf-config-table td{
 display:table-cell!important;
 width:auto!important;min-width:0!important;max-width:none!important;
 white-space:nowrap!important;text-overflow:clip!important;
 text-align:center!important;
}

html.mobile-site #content table.bf-config-table th[data-bf-key="name"],
html.mobile-site #content table.bf-config-table td.bf-col-name{
 text-align:left!important;min-width:145px!important;
}

html.mobile-site #content table.bf-config-table{
 min-width:var(--bf-table-min-width)!important;
 table-layout:auto!important;
}

/* v0.13.303 · Handy: Beschriftung wie Desktop/Tablet neben dem Icon.
   Buttons behalten natuerliche Textbreite, der Dock selbst bleibt im Viewport. */
html.mobile-site #socialDock.social-dock{max-width:calc(100vw - 12px)!important;gap:var(--theme-space-5px)!important;}

html.mobile-site #socialDock .social-dock-group{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;}

html.mobile-site #socialDock .social-dock-group > .social-dock-btn,
html.mobile-site #socialDock > .social-dock-btn.compose{
 display:inline-flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:center!important;width:max-content!important;height:auto!important;
 min-height:36px!important;max-height:42px!important;
 flex:0 0 auto!important;padding:var(--theme-space-7px) var(--theme-space-9px)!important;gap:var(--theme-space-5px)!important;
 white-space:nowrap!important;
}

html.mobile-site #socialDock .social-dock-btn .dock-icon{flex:0 0 17px!important;width:17px!important;height:17px!important;}

html.mobile-site #socialDock .social-dock-btn b{
 display:inline!important;width:auto!important;max-width:none!important;
 font-size:var(--theme-font-size-10px)!important;line-height:var(--theme-line-height-1-2)!important;
 white-space:nowrap!important;overflow:visible!important;
 text-overflow:clip!important;text-align:left!important;
}

html.mobile-site #socialDock .social-dock-btn.online .online-dot{margin:0!important;}

@media(max-width:430px){
 html.mobile-site #socialDock .social-dock-group > .social-dock-btn,
 html.mobile-site #socialDock > .social-dock-btn.compose{padding:var(--theme-space-7px)!important;gap:var(--theme-space-4px)!important;}
 html.mobile-site #socialDock .social-dock-btn b{font-size:var(--theme-font-size-9px)!important;}
}

/* Kompakte Liga-Vorgabe wie bisher, aber unabhängig von der Spaltenreihenfolge.
   Gespeicherte persönliche Auswahl ist immer sichtbar und bei Bedarf scrollbar. */
html.mobile-site #content .bf-league-config-table:not(.bf-league-custom) th,
html.mobile-site #content .bf-league-config-table:not(.bf-league-custom) td{display:table-cell!important}
@media (orientation:portrait){
 html.mobile-site #content .bf-league-config-table:not(.bf-league-custom) th:not([data-bf-key="position"]):not([data-bf-key="team"]):not([data-bf-key="sp"]):not([data-bf-key="gd"]):not([data-bf-key="pts"]),
 html.mobile-site #content .bf-league-config-table:not(.bf-league-custom) td:not(.bf-league-col-position):not(.bf-league-col-team):not(.bf-league-col-sp):not(.bf-league-col-gd):not(.bf-league-col-pts){display:none!important}
}
html.mobile-site #content .bf-league-config-table.bf-league-custom th,
html.mobile-site #content .bf-league-config-table.bf-league-custom td{display:table-cell!important;width:auto!important}
html.mobile-site #content .bf-league-config-table.bf-league-custom{min-width:var(--bf-league-table-min-width)!important;width:max(100%,var(--bf-league-table-min-width))!important;table-layout:auto!important}
html.mobile-site #content .bf-league-table-scroll{overflow-x:auto!important}

/* Mobile header has its own logo gradient after the desktop stylesheet. */
html.mobile-site .mobile-brand-crest.bf-ws-crest[data-bf-ws-status="connecting"]{background:var(--theme-ws-connecting);box-shadow:none;color:var(--bg)}
html.mobile-site .mobile-brand-crest.bf-ws-crest[data-bf-ws-status="disconnected"]{background:var(--danger);box-shadow:none;color:var(--bg)}