/* Presentation only. Data, original team logos and all existing actions stay intact. */
.real-topbar{
  display:grid!important;grid-template-columns:90px 210px minmax(0,1fr) 180px!important;
  grid-template-rows:auto!important;gap:12px!important;height:auto!important;min-height:100px!important;
  padding:10px 18px!important;align-items:center;position:sticky;top:0;z-index:20;
}
.real-topbar>nav{position:static!important;grid-column:1!important;grid-row:1!important;width:auto!important;height:auto!important;display:flex!important;align-self:center!important}
.real-topbar>nav .nav-item{min-height:44px;height:auto!important;font-size:13px!important;padding:10px!important}
.real-topbar>.brand{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:210px!important;height:72px!important;min-width:0;justify-self:center!important;margin:0!important}
.real-topbar .brand-logo{width:100%!important;height:72px!important;max-height:72px!important;object-fit:contain}
.real-topbar>.top-right{grid-column:4!important;grid-row:1!important;position:static!important;display:block!important;text-align:right;gap:10px!important;width:100%!important;min-width:0;align-self:center!important}
.real-topbar>.header-radar,.real-topbar>.header-value,.real-topbar>.header-skill-details{display:none!important}
.real-topbar>.header-skill{grid-column:3!important;grid-row:1!important;width:100%!important;max-width:none!important;min-width:0;align-self:center!important;margin:0!important;justify-self:stretch!important}
.real-topbar .skill-preview{height:auto;min-height:90px;padding:8px 12px;gap:5px;overflow:visible}
.real-topbar .skill-preview-head{min-height:20px;gap:8px}
.real-topbar .skill-preview-head>.skill-icon{width:22px;height:22px}
.real-topbar .skill-preview-head b{font-size:14px;letter-spacing:.2px}
.real-topbar .skill-preview-head span>small{display:none}
.real-topbar .skill-preview-head>small{font-size:12px;line-height:1.3}
.real-topbar .skill-preview-gauges{padding:0;gap:8px;flex:none}
.real-topbar .skill-preview-gauges>span{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.real-topbar .skill-preview .skill-dial{display:block!important;flex:none;width:100%;min-height:22px;margin:0}
.real-topbar .skill-preview .skill-dial>svg,.real-topbar .skill-preview .skill-dial-icon{display:none}
.real-topbar .skill-preview .skill-dial>strong{position:static;display:block;font-size:20px!important;line-height:1.1;letter-spacing:0}
.real-topbar .skill-preview-gauges>span>b{font-size:12px!important;white-space:normal;line-height:1.25}
.real-topbar .skill-preview-foot{font-size:12px;line-height:1.35;min-height:0;gap:3px 8px}
.real-topbar .skill-preview-counts{white-space:normal}
.real-topbar .skill-preview-wait{font-size:12px}
.real-topbar .signed-user{display:block!important;font-size:13px;min-width:0;line-height:1.25}
.real-topbar .signed-user>i{display:none}
.real-topbar .signed-user b{overflow-wrap:anywhere}
.real-topbar .signed-user small{display:none}
.real-topbar .sign-out{font-size:12px;min-height:40px;padding:8px 10px}
.reference-sidebar{top:14px!important}
.real-banner .competition-button b,.home-topbar .competition-button b{font-size:13px}
.real-banner .competition-button small,.home-topbar .competition-button small{font-size:12px}
.real-banner .quick-actions>button,.home-topbar .quick-actions>button{font-size:12px;min-height:40px}
.home-topbar{height:auto!important;flex-wrap:wrap;gap:10px;padding:10px 18px}
.home-topbar>.competition-switcher{flex:1 1 550px}
.home-topbar>.quick-actions{flex-wrap:wrap}
.home-topbar .competition-button{min-width:0;height:auto!important;min-height:48px;padding:8px 10px!important}
.home-topbar .signed-user{font-size:13px}
.home-topbar .signed-user small{font-size:12px}
.home-topbar .sign-out{font-size:12px;min-height:40px}
.home-hero{background:linear-gradient(90deg,#021421e8,#02142188 65%,#021421cc),url('/assets/home/stadium-hero-v2.svg') center/cover!important}
.home-feature{background:linear-gradient(110deg,#021a2ae8,#04233cb3),url('/assets/home/stadium-hero-v2.svg') center/cover!important}
.home-league-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-league{background:#071b2b!important;--league-scene:left top}
.home-league.league-elh{--league-scene:right top}
.home-league.league-football{--league-scene:left bottom}
.home-league.league-football:nth-child(4){--league-scene:right bottom}
.home-league-body{position:relative;isolation:isolate;aspect-ratio:1344/752;min-height:190px;align-items:flex-end;padding:24px}
.home-league-body::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#03121ce8,#03121c66),url('/assets/home/league-scenes-v2.svg');background-size:100% 100%,200% 200%;background-position:center,var(--league-scene);background-repeat:no-repeat}
.home-league-body h2{font-size:21px}
.home-league-body p{font-size:13px;line-height:1.5}
.home-league-body button{font-size:13px;min-height:44px}
.home-league-live{left:auto!important;right:16px;top:14px!important;bottom:auto!important;transform:none!important;min-width:0;padding:6px 10px!important;display:flex;gap:10px;align-items:center}
.home-league-live>span{font-size:12px}
.home-league-live>strong{font-size:20px!important;margin:0!important}
.home-league footer{font-size:12px!important}
.skill-dialog .skill-preview-head span>small,.skill-dialog .skill-preview-head>small,
.skill-dialog .skill-card h4,.skill-dialog .skill-description p,.skill-dialog .skill-stat>span,
.skill-dialog .skill-summary small,.skill-dialog .skill-summary p,.skill-dialog .skill-explainer p,
.skill-dialog .skill-explainer-title>b,.skill-dialog .skill-explainer p>b,
.skill-dialog .skill-title p,.skill-dialog .skill-model-state>small,.skill-dialog .skill-database small,
.skill-dialog .skill-model-state>span,.skill-dialog .skill-database span,.skill-dialog .skill-scope,
.skill-dialog .skill-archive-summary small{font-size:12px!important;line-height:1.5}
.skill-dialog .skill-stat{padding-block:7px}
.skill-dialog .skill-stat>span{white-space:normal}
.skill-dialog .skill-title h2{font-size:clamp(22px,4vw,36px)}
.welcome-page{background:linear-gradient(100deg,#020c18f5,#020c18c9),url('/assets/home/stadium-hero-v2.svg') center/cover fixed}
.welcome-page .welcome-shell{padding-block:38px;gap:56px}
.welcome-page .welcome-logo{height:185px}
.welcome-page .welcome-sports span,.welcome-page .privacy-note,.welcome-page footer{font-size:12px}
@media(max-width:1100px){
  .real-topbar{grid-template-columns:90px minmax(130px,1fr) 150px!important;grid-template-rows:auto auto!important;min-height:0!important;padding:8px 12px!important;gap:6px 10px!important}
  .real-topbar>.brand{grid-column:2!important;grid-row:1!important;height:56px!important;max-width:230px!important}
  .real-topbar .brand-logo{height:56px!important;max-height:56px!important}
  .real-topbar>.top-right{grid-column:3!important;grid-row:1!important}
  .real-topbar>.header-skill{grid-column:1/-1!important;grid-row:2!important}
  .real-topbar .skill-preview-gauges{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-topbar>.competition-switcher{flex-basis:100%}
}
@media(max-width:800px){
  .real-topbar{position:relative;top:auto;grid-template-columns:78px minmax(100px,1fr) 98px!important;padding:8px!important;gap:6px!important}
  .real-topbar>.top-right{display:block!important;text-align:right}
  .real-topbar .signed-user small{display:none}
  .real-topbar .signed-user{font-size:12px}
  .real-topbar .sign-out{min-height:36px;font-size:12px;padding:6px;margin-top:4px}
  .real-topbar>nav .nav-item{min-width:0!important;font-size:12px!important;padding:8px!important}
  .real-topbar .skill-preview{padding:8px;min-height:0}
  .real-topbar .skill-preview-head b{font-size:13px}
  .real-topbar .skill-preview-head>small{font-size:12px}
  .real-topbar .skill-preview-gauges{gap:4px}
  .real-topbar .skill-preview-gauges>span>b{font-size:12px!important}
  .real-topbar .skill-preview-foot{font-size:12px}
  .real-topbar .skill-preview-wait{font-size:12px}
  .real-banner .competition-button{height:auto!important;min-height:48px}
  .real-banner .competition-button small{display:none}
  .real-banner .competition-button b{font-size:12px}
  .real-banner .quick-actions{gap:6px;flex-wrap:wrap}
  .real-banner .quick-actions>button{font-size:12px;min-height:40px}
  .home-topbar{position:relative;gap:8px;padding:8px 10px}
  .home-topbar>.competition-switcher{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;width:100%}
  .home-topbar .competition-button{width:100%;min-width:0;font-size:12px!important}
  .home-topbar .competition-button b{font-size:13px}
  .home-topbar .competition-button small{display:block;font-size:12px}
  .home-topbar>.quick-actions{justify-content:flex-start!important;width:100%}
  .home-topbar .quick-actions>button,.home-topbar .quick-actions>.tipsport-link{font-size:12px!important;height:auto!important;min-height:40px}
  .home-league-grid{grid-template-columns:minmax(0,1fr)}
  .home-league-body{padding:18px;min-height:190px}
  .home-league-body h2{font-size:19px}
  .skill-dialog{width:calc(100vw - 16px);max-height:92dvh;padding:32px 6px 6px}
  .welcome-page .welcome-shell{padding:20px 18px;gap:18px}
  .welcome-page .welcome-logo{height:90px}
  .welcome-page .welcome-brand h1{font-size:28px}
  .welcome-page .welcome-sports{margin-top:12px;gap:6px}
  .welcome-page .welcome-sports span{font-size:12px;padding:6px 8px}
  .welcome-page .welcome-card{padding:22px}
}