/* Phones: the same black, neutral look as desktop. Colour lives only in players, crests and data marks. */
.mobile-market-link{display:none}
@media(max-width:680px){
  html body{background:#000000}
  html[data-menu] body .masthead.masthead{--menu-surface:#0a0a0acc;--menu-border:#ffffff14;--menu-text:#c9c9c6;--menu-strong:#fff;--menu-hover:#ffffff0d;--menu-active:#ffffff12;--menu-accent:#fff;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
  html body .masthead .profile-trigger{background:#161616;border-color:#2e2e2e;color:#ededea}
  html body .mobile-team-edit{background:#141414;border-color:#2e2e2e;color:#ededea}
  html body .home .home-overview #status-facts{background:#111;border-color:#222}
  html body .home .lineup-panel{background:#0d0d0d;border-color:#222;box-shadow:none}
  html body .home .lineup-summary{background:#0a0a0ad9;border-color:#ffffff1f;color:#ededea}
  html body .home .reserve-bench{background:#0d0d0d;border-color:#222}

  /* Market is part of the Elf: one quiet row under the squad. */
  html body .mobile-market-link{display:flex;align-items:center;gap:12px;margin:14px 0 20px;padding:14px 14px 14px 16px;border:1px solid #222;border-radius:16px;background:#111;color:#ededea;text-decoration:none}
  html body .mobile-market-link>svg:first-child{flex:none;width:22px;height:22px;color:#cfcfcb}
  html body .mobile-market-link span{display:grid;gap:3px;min-width:0;flex:1}
  html body .mobile-market-link b{font:650 15px/1.2 var(--font-ui,Inter,sans-serif)}
  html body .mobile-market-link small{font-size:12px;color:#8d8d88}
  html body .mobile-market-link .mobile-market-chevron{flex:none;width:18px;height:18px;color:#6f6f6b}

  /* Tab bar: a floating black glass pill, white for the current tab, no lime. */
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:6px;border:1px solid #ffffff17;border-radius:22px;background:#0b0b0bdb;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 12px 34px #000a}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button){border-radius:16px;color:#8d8d88;font-weight:500!important;letter-spacing:.01em}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button) svg{stroke-width:1.6}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button).active,
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation button[aria-expanded=true]{background:#ffffff12;color:#fff;font-weight:600!important}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button).active::before{display:none}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button):active{background:#ffffff1a}

  /* "Mehr" sheet in the same black. */
  dialog.mobile-more-sheet{background:#101010;color:#ededea;border-color:#222}
  dialog.mobile-more-sheet::backdrop{background:#000a}
  .mobile-more-sheet .mobile-more-grip{background:#3a3a3a}
  .mobile-more-sheet :is(.mobile-more-destinations>a,.mobile-more-actions,.mobile-more-actions>button,[data-mobile-close]){background:#161616;border-color:#262626;color:#ededea}
  .mobile-more-sheet .mobile-more-destinations>a.active{background:#1f1f1f;border-color:#3a3a3a;box-shadow:none}

  html[data-menu] body .masthead.masthead .profile-trigger:not(.has-photo){border-color:#2e2e2e;background:#161616;color:#ededea}
  /* News topics: quiet labels instead of lime. */
  html body .nc-topic{color:#bdbdb9!important}
  html body .nc-topic[style*=background],html body .news-card.is-featured .nc-topic{color:#111!important;background:#ededea!important}
  /* Market page: white for the selected filter and the bid button, no lime underline. */
  html body #page-markt .page-head::after{background:#ededea}
  html body #workspace :is(#page-markt,.home-transfers) .market-filters button[aria-pressed=true]{background:#ededea;color:#111;box-shadow:none}
  html body #page-markt .bid-submit{background:#ededea;color:#111}
  .mobile-more-sheet .mobile-more-heading p{color:#8d8d88}
  .mobile-more-sheet .mobile-more-heading h2,.mobile-more-sheet :is(strong,.mobile-more-actions span){color:#fff}
  .mobile-more-sheet small{color:#8d8d88}
  .mobile-more-sheet .mobile-more-icon{background:#1f1f1f;border-color:#2e2e2e;color:#ededea}
  .mobile-more-sheet svg{color:#bdbdb9}
  .mobile-more-sheet [data-mobile-close]{color:#ededea}
  .mobile-more-sheet .mobile-more-legend summary{color:#8d8d88}

  /* Icons: outline at rest, solid for the current tab. */
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button){gap:4px;font-size:10.5px!important}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button) svg{width:23px;height:23px}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a.active,button[aria-expanded=true],button[aria-current=true]) svg .s{fill:currentColor}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a.active,button[aria-expanded=true],button[aria-current=true]) svg .d{stroke:#141414}
  .mobile-more-sheet .mobile-more-icon svg{width:21px;height:21px}
  .mobile-more-sheet .mobile-more-actions>button+button,.mobile-more-sheet .mobile-more-actions>*{border-top-color:#232323!important}
  .mobile-more-sheet .mobile-more-actions>:first-child{border-top-color:transparent!important}
  /* Header: room between KICKELF and the league logo; a slightly smaller avatar with a neutral ring. */
  html[data-menu] body .masthead.masthead .league-picker{margin-left:5px!important}
  html[data-menu] body .masthead.masthead .league-picker .team-switch{padding:0 8px 0 0!important;margin-left:0!important;width:auto!important;min-width:0!important;justify-content:flex-start!important}
  html[data-menu] body .masthead.masthead .league-picker .league-logo{width:24px!important;height:24px!important;min-width:24px!important;border-radius:7px!important}
  html[data-menu] body .masthead.masthead .league-picker .league-logo img{width:100%!important;height:100%!important}
  html[data-menu] body .masthead.masthead .profile-trigger{width:36px!important;height:36px!important;min-width:36px!important;border:1px solid #2e2e2e!important;box-shadow:none!important}
  html[data-menu] body .masthead.masthead .profile-trigger.has-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
}

/* League menu (desktop and phone): black like the rest of the app, neutral border, white check. */
html[data-menu] body .masthead.masthead .league-menu{background:#0b0b0b!important;border:1px solid #2a2a2a!important;box-shadow:0 24px 60px #000b!important;backdrop-filter:none!important}
html[data-menu] body .masthead.masthead .league-menu .league-option:is(:hover,:focus-visible,[aria-selected=true]){background:#161616!important}
html[data-menu] body .masthead.masthead .league-menu .league-check{color:#fff!important;border-color:#fff!important}
html[data-menu] body .masthead.masthead .league-menu :is(.league-menu-head,.league-menu-foot){color:#8d8d88!important;border-color:#222!important}
@media(max-width:680px){
  /* Spieltagspunkte, Kaderwert, Ligaplatz: three equal columns; the box padding lives in the cells. */
  html body .home .home-overview #status-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:10px 0!important}
  html body .home .home-overview #status-facts>div{padding:0 14px!important}
}
@media(max-width:680px){
  /* Window close buttons: a true circle with the × exactly centred. */
  html body #window .window-heading .icon-button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;line-height:0!important}
  html body #window .window-heading .icon-button svg{display:block;margin:0!important}
}

/* League menu: the selected league is shown by its grey row and the check, never by a frame. */
html[data-menu] body .masthead.masthead .league-menu .league-option:is(:focus,:focus-visible),html[data-menu] body .masthead.masthead .league-menu .league-option[aria-selected=true]{outline:none!important;box-shadow:none!important;border-color:transparent!important}
@media(max-width:680px){
  /* "Aufstellung" sheet: black like every other window. */
  html body #window[data-window=mobile-lineup]{background:#0b0b0b!important;border-color:#2a2a2a!important}
  html body #window[data-window=mobile-lineup] .window-heading{background:#0b0b0b!important;border-color:#1f1f1f!important}
  html body #window[data-window=mobile-lineup] .window-heading .icon-button{background:#161616!important;border:0!important;color:#c4c4bf!important}
  html body #window[data-window=mobile-lineup] :is(.mobile-squad-candidate,.mobile-squad-pick,.mobile-squad-profile,button.mobile-squad-primary,.mobile-squad-primary button){background:#111!important;border-color:#232323!important;color:#ededea!important}
  html body #window[data-window=mobile-lineup] :is(.mobile-squad-candidate,.mobile-squad-pick,.mobile-squad-profile,button.mobile-squad-primary,.mobile-squad-primary button):hover{background:#161616!important}
}
@media(max-width:680px){
  /* Tab bar: slim floating capsule; the active tab gets a small capsule behind its filled icon, nothing else. */
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation{left:16px!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;min-height:0!important;height:62px!important;padding:6px 8px!important;border:1px solid #ffffff14!important;border-radius:999px!important;background:#0d0d0dd9!important;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 10px 30px #000c,inset 0 1px 0 #ffffff0d!important;align-items:center!important}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button){height:100%!important;min-height:0!important;padding:0!important;gap:3px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:none!important;border-radius:0!important;color:#77777a!important;font:500 10.5px/1 Inter,Arial,sans-serif!important;letter-spacing:.01em}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button)>svg{box-sizing:content-box;width:22px!important;height:22px!important;padding:3px 16px;border-radius:999px;transition:background .2s,color .2s}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a.active,button[aria-expanded=true],button[aria-current=true]){color:#fff!important;font-weight:600!important}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a.active,button[aria-expanded=true],button[aria-current=true])>svg{background:#ffffff1f}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button):active>svg{background:#ffffff26}
  body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button)::before{display:none!important}
}