/*
 * HABBOON FPL — PREMIUM RELEASE SYSTEM
 * Version 17.8.3-final-ui-consolidation
 * Consolidated visual, responsive and readability layer for the final release candidate.
 * This replaces the former V1 polish and readability patch files with one maintained source.
 */
/*
 * HABBOON FPL — V1 POLISH OVERHAUL
 * Version 16.0.0
 * Presentation-only layer: no API or data-flow changes.
 */

:root{
  --v1-space-1:6px;
  --v1-space-2:10px;
  --v1-space-3:14px;
  --v1-space-4:18px;
  --v1-space-5:24px;
  --v1-space-6:32px;
  --v1-control:44px;
  --v1-panel:rgba(13,28,40,.86);
  --v1-panel-raised:rgba(17,37,51,.92);
  --v1-panel-soft:rgba(255,255,255,.025);
  --v1-line:rgba(255,255,255,.085);
  --v1-line-hover:rgba(50,213,196,.28);
  --v1-shadow-soft:0 12px 36px rgba(0,0,0,.18);
  --v1-shadow-raised:0 22px 60px rgba(0,0,0,.28);
  --v1-ease:cubic-bezier(.2,.75,.25,1);
}

html{scroll-behavior:smooth;scroll-padding-top:104px}
body.premium-polish{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(circle at 82% -10%,rgba(50,213,196,.12),transparent 34%),
    radial-gradient(circle at -5% 30%,rgba(96,165,250,.09),transparent 27%),
    linear-gradient(180deg,#040b11,#06111a 45%,#040b11);
}
body.premium-polish:before,
body.premium-polish:after{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  filter:blur(60px);
  opacity:.16;
  animation:v1Ambient 16s ease-in-out infinite alternate;
}
body.premium-polish:before{width:440px;height:440px;right:-180px;top:18%;background:#32d5c4}
body.premium-polish:after{width:360px;height:360px;left:-190px;bottom:4%;background:#3b82f6;animation-delay:-7s}
@keyframes v1Ambient{to{transform:translate3d(0,42px,0) scale(1.08);opacity:.22}}

.app-icon{width:1.25em;height:1.25em;display:inline-grid;place-items:center;line-height:0;flex:0 0 auto}
.app-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-icon .app-icon{width:21px;height:21px}

/* Unified focus, controls and touch targets */
button,a,input,select,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:2px solid rgba(50,213,196,.82)!important;
  outline-offset:3px;
}
.icon-button,.alert-centre-button,.compact-search-trigger,.mobile-profile-trigger,.mobile-back-button{
  min-width:var(--v1-control);width:var(--v1-control);height:var(--v1-control);border-radius:13px;
}
.action-button,.pill-button,.cta-button,.cta-link,.segment-button,.home-section-action,.home-live-action{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .18s var(--v1-ease),border-color .18s,background-color .18s,box-shadow .18s,color .18s;
}
.action-button:active,.pill-button:active,.cta-button:active,.cta-link:active,.segment-button:active,.icon-button:active,.mobile-nav-button:active{transform:scale(.965)}
.action-button{padding:0 15px;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pill-button{padding:0 13px;border-radius:12px}
.pill-button.active,.segment-button.active{box-shadow:0 8px 22px rgba(50,213,196,.12)}
.select,.text-input{min-height:44px;height:44px;border-radius:12px;padding-inline:13px;background:rgba(5,16,24,.72);transition:border-color .18s,box-shadow .18s,background .18s}
.select:focus,.text-input:focus{box-shadow:0 0 0 3px rgba(50,213,196,.09);background:rgba(8,22,32,.94)}

/* Header / navigation */
.topbar{
  height:76px;
  padding:0 22px;
  background:rgba(5,15,23,.78);
  border-color:rgba(255,255,255,.065);
  box-shadow:0 10px 34px rgba(0,0,0,.14);
}
.topbar-inner{width:min(1500px,100%);margin:0 auto}
.topbar-brand{transition:transform .2s var(--v1-ease),opacity .2s}
.topbar-brand:hover{transform:translateY(-1px)}
.desktop-nav{gap:3px;padding:4px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018)}
.desktop-nav-link{min-height:38px;padding:0 12px;border-radius:10px;position:relative;overflow:hidden}
.desktop-nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transition:transform .2s var(--v1-ease)}
.desktop-nav-link.active:after{transform:scaleX(1)}
.desktop-nav-link:hover{background:rgba(255,255,255,.045)}
.desktop-more-popover{width:286px;padding:10px;border-radius:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.desktop-more-popover button,.desktop-more-popover a{min-height:52px;grid-template-columns:28px minmax(0,1fr);border:1px solid transparent}
.desktop-more-popover .app-icon{width:20px;height:20px;color:var(--teal)}
.desktop-more-popover button:hover,.desktop-more-popover a:hover{border-color:rgba(50,213,196,.15);transform:translateY(-1px)}
.compact-search-trigger .app-icon,.icon-button .app-icon{width:19px;height:19px}
.mobile-page-identity{display:none}

/* Content rhythm and hierarchy */
.content{width:min(1420px,100%);padding:30px 30px 88px}
.page-head{align-items:flex-start;margin-bottom:24px}
.page-head>div:first-child{min-width:0}
.page-head h2{line-height:1.04;letter-spacing:-.045em}
.page-head p{font-size:13px;line-height:1.6}
.eyebrow{font-size:10px;letter-spacing:.15em}
.phase3-section-space{height:16px!important}
.grid-2,.grid-3,.grid-equal,.home-content-grid,.live-detail-grid,.live-support-grid,.prize-page-grid,.manager-profile-feature-grid,.phase3-profile-grid{gap:16px!important}
.stack{gap:16px!important}

/* Surfaces: three levels only */
.panel,.phase3-control-panel,.mobile-home-command,.mobile-home-explore,.home-live-panel,.my-manager-hub,.profile-hero,.hall-season-card,.hall-hero,.real-live-hero,.status-banner{
  border-color:var(--v1-line);
  background:linear-gradient(150deg,rgba(16,34,47,.89),rgba(7,18,27,.94));
  box-shadow:var(--v1-shadow-soft),inset 0 1px 0 rgba(255,255,255,.025);
}
.panel{border-radius:18px;overflow:clip}
.panel-head{min-height:67px;padding:16px 18px;border-color:rgba(255,255,255,.065)}
.panel-body{padding:18px}
.panel-title{font-size:14px;letter-spacing:-.01em}
.panel-sub{font-size:10.5px;line-height:1.5;margin-top:4px}
.panel.v1-glow,.manager-card.v1-glow,.scoreboard-card.v1-glow,.fixture-card.v1-glow,.competition-fixture-card.v1-glow{
  position:relative;
}
.panel.v1-glow:before,.manager-card.v1-glow:before,.scoreboard-card.v1-glow:before,.fixture-card.v1-glow:before,.competition-fixture-card.v1-glow:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;
  background:radial-gradient(300px circle at var(--v1-x,50%) var(--v1-y,50%),rgba(50,213,196,.075),transparent 42%);
  transition:opacity .2s;
}
.panel.v1-glow:hover:before,.manager-card.v1-glow:hover:before,.scoreboard-card.v1-glow:hover:before,.fixture-card.v1-glow:hover:before,.competition-fixture-card.v1-glow:hover:before{opacity:1}

/* Living interface motion */
.v1-page-enter{animation:v1PageEnter .34s var(--v1-ease) both}
@keyframes v1PageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.v1-reveal{opacity:1;transform:none;animation:v1Reveal .48s var(--v1-ease) both;animation-delay:var(--v1-delay,0ms)}
.v1-reveal.is-visible{opacity:1;transform:none}
@keyframes v1Reveal{from{opacity:0;transform:translateY(14px) scale(.993)}to{opacity:1;transform:none}}
.v1-live-breathe{animation:v1LiveBreathe 2.2s ease-in-out infinite}
@keyframes v1LiveBreathe{50%{box-shadow:0 0 0 7px rgba(85,214,139,.04),0 0 20px rgba(85,214,139,.18)}}
.header-live-dot.active,.mobile-live-dot,.live-ring i,.real-live-kicker:not(.offline) i{animation:v1Pulse 1.8s ease-in-out infinite}
@keyframes v1Pulse{50%{transform:scale(1.22);opacity:.65}}

/* Cards and clickable rows */
.manager-card,.scoreboard-card,.competition-fixture-card,.fixture-card,.record-card,.stats-summary-card,.award-card,.prize-structure-card,.hall-winner-card,.diamond-leader-row,.timeline-item,.news-card,.article-card{
  transition:transform .2s var(--v1-ease),border-color .2s,background .2s,box-shadow .2s;
}
.manager-card:hover,.scoreboard-card:hover,.competition-fixture-card:hover,.fixture-card:hover,.record-card:hover,.stats-summary-card:hover,.award-card:hover,.prize-structure-card:hover,.hall-winner-card:hover,.diamond-leader-row:hover,.timeline-item:hover,.news-card:hover,.article-card:hover{
  transform:translateY(-2px);
  border-color:var(--v1-line-hover);
  box-shadow:0 16px 40px rgba(0,0,0,.21);
}
.clickable{cursor:pointer}
.clickable:active{transform:scale(.992)}
.badge{min-height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;font-size:9px;letter-spacing:.03em}

/* Tables */
.table-wrap{border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(3,12,18,.25)}
thead th{height:44px;background:rgba(12,30,42,.96);font-size:9px;letter-spacing:.09em}
tbody td{height:50px;border-color:rgba(255,255,255,.052)}
tbody tr{transition:background .16s,box-shadow .16s}
tbody tr:hover{background:rgba(50,213,196,.045)}
.rank{border-radius:9px}
.form{gap:4px}
.form span,.form-dot{font-weight:950;display:grid;place-items:center;text-align:center}

/* Sticky contextual controls */
.phase3-control-panel,.v1-sticky-controls,.live-quick-strip,.mobile-profile-tabs,.v1-view-tabs{
  position:sticky;
  top:88px;
  z-index:12;
  backdrop-filter:blur(18px);
}
.phase3-control-panel{background:rgba(10,26,37,.89);box-shadow:0 12px 32px rgba(0,0,0,.16)}
.phase3-toolbar{gap:10px}
.segmented-control{padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(3,12,18,.38)}
.segment-button{min-height:36px;border-radius:10px;padding:0 13px}
.filter-row,.stats-toolbar{gap:8px}

/* New reusable tabs */
.v1-view-tabs{
  display:flex;align-items:center;gap:5px;margin:0 0 16px;padding:5px;
  border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(7,20,29,.88);box-shadow:0 12px 30px rgba(0,0,0,.16);
  overflow-x:auto;scrollbar-width:none;
}
.v1-view-tabs::-webkit-scrollbar{display:none}
.v1-view-tabs button{min-height:38px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#8fa7b4;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}
.v1-view-tabs button:hover{color:#dcebf1;background:rgba(255,255,255,.04)}
.v1-view-tabs button.active{color:#041713;background:var(--teal);box-shadow:0 8px 22px rgba(50,213,196,.19)}
[data-v1-tab-panel][hidden]{display:none!important}

/* Page-specific polish */
body[data-page="home"] .home-live-panel,body[data-page="home"] .mobile-newspaper-release{isolation:isolate}
body[data-page="home"] .home-live-panel:after{content:"";position:absolute;inset:auto -80px -110px auto;width:220px;height:220px;border-radius:50%;background:rgba(50,213,196,.07);filter:blur(3px);z-index:-1}
body[data-page="home"] .home-live-action{font-size:11px;font-weight:900}
body[data-page="home"] .home-stat-card{transition:transform .2s var(--v1-ease),border-color .2s}
body[data-page="home"] .home-stat-card:hover{transform:translateY(-2px);border-color:var(--v1-line-hover)}

.live-quick-strip{
  top:86px;margin-bottom:16px;padding:7px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(7,20,29,.9);box-shadow:0 14px 34px rgba(0,0,0,.18);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;
}
.live-quick-strip::-webkit-scrollbar{display:none}
.live-quick-strip>span{padding-left:6px;white-space:nowrap}
.live-quick-strip button{min-height:38px;border-radius:10px;white-space:nowrap}
.live-quick-strip button.active{color:#031612;background:var(--teal);border-color:var(--teal)}
.live-h2h-priority{border-color:rgba(50,213,196,.22)}
.real-live-hero{overflow:hidden;position:relative}
.real-live-hero:after{content:"";position:absolute;width:280px;height:280px;right:-150px;top:-150px;border:1px solid rgba(50,213,196,.1);border-radius:50%;box-shadow:0 0 70px rgba(50,213,196,.06)}

body[data-page="league"] .leaderboard-panel{border-color:rgba(50,213,196,.12)}
.v1-jump-manager{gap:7px}
.v1-jump-manager .app-icon{width:16px;height:16px}

.v1-fixture-navigator{display:flex;align-items:center;gap:6px}
.v1-fixture-navigator button{min-width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer}
.v1-fixture-navigator button:hover{border-color:var(--v1-line-hover);background:rgba(50,213,196,.06)}

body[data-page="manager"] .profile-hero{position:relative;overflow:hidden}
body[data-page="manager"] .profile-hero:after{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-130px;border-radius:50%;background:rgba(50,213,196,.07);filter:blur(2px)}
.mobile-profile-tabs.v1-profile-tabs{display:flex!important;top:86px;margin:16px 0;padding:5px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(7,20,29,.91);box-shadow:0 14px 34px rgba(0,0,0,.16);overflow-x:auto}
.mobile-profile-tabs.v1-profile-tabs .mobile-profile-tab{min-height:39px;border:0;border-radius:10px;font-size:11px;padding:0 14px}
body[data-page="manager"] .profile-kpi-grid{margin-top:16px}
body[data-page="manager"] .mobile-profile-section-hidden{display:none!important}

body[data-page="news"] .news-grid>*:first-child,body[data-page="news"] .article-grid>*:first-child{grid-column:span 2;min-height:250px}
body[data-page="news"] .news-grid>*:first-child .news-title,body[data-page="news"] .article-grid>*:first-child h3{font-size:clamp(22px,3vw,34px)}
body[data-page="news"] .news-grid>*:first-child:after,body[data-page="news"] .article-grid>*:first-child:after{content:"Latest";position:absolute;right:14px;top:14px;padding:6px 9px;border-radius:999px;background:var(--teal);color:#031612;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}

body[data-page="records"] .stats-summary-card:nth-child(1),body[data-page="records"] .stats-summary-card:nth-child(2){border-color:rgba(50,213,196,.14)}
body[data-page="awards"] .hall-season-latest{border-color:rgba(245,196,81,.22)}
body[data-page="awards"] .hall-winner-card{background:linear-gradient(135deg,rgba(245,196,81,.06),rgba(255,255,255,.018))}

/* Rules accordions */
.rule-card-head{cursor:pointer;user-select:none}
.v1-rule-toggle{margin-left:auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);display:grid;place-items:center;color:var(--muted);transition:transform .2s var(--v1-ease),background .2s}
.v1-rule-toggle .app-icon{width:16px;height:16px;transition:transform .2s var(--v1-ease)}
.phase5-rule-card.is-open .v1-rule-toggle .app-icon{transform:rotate(90deg)}
.phase5-rule-card .rule-list{transition:grid-template-rows .25s var(--v1-ease),opacity .25s,padding .25s}
.rules-last-updated{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:8px}

/* Empty/loading/offline */
.empty{min-height:170px;display:grid;place-content:center;justify-items:center;padding:32px 20px}
.empty-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025)}
.loading-card,.error-card{border-radius:22px;background:linear-gradient(145deg,rgba(16,34,47,.96),rgba(5,14,21,.98))}
.launch-loader{display:grid;gap:9px;margin-top:20px}
.skeleton-line{height:11px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.11),rgba(255,255,255,.04));background-size:220% 100%;animation:v1Shimmer 1.5s linear infinite}
.skeleton-line:nth-child(2){width:82%}.skeleton-line:nth-child(3){width:64%}
@keyframes v1Shimmer{to{background-position:-220% 0}}
.data-notice{position:sticky;top:76px;z-index:19}
.data-notice-inner{border-radius:0 0 14px 14px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.toast{border-radius:14px;backdrop-filter:blur(18px);background:rgba(12,34,45,.94)}

/* Bottom sheets and modals */
.modal-backdrop,.app-sheet-backdrop{animation:v1Fade .2s ease both}
@keyframes v1Fade{from{opacity:0}to{opacity:1}}
.search-modal,.manager-picker-dialog,.my-manager-menu-dialog,.app-bottom-sheet{animation:v1SheetIn .28s var(--v1-ease) both}
@keyframes v1SheetIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.search-result{min-height:52px}
.search-result-icon .app-icon{width:20px;height:20px}
.app-sheet-handle{width:46px;height:5px;border-radius:999px;background:rgba(255,255,255,.18)}

/* Footer */
.site-footer{border-color:rgba(255,255,255,.06)}
.site-footer-inner{max-width:1420px}

@media (max-width:1180px){
  .desktop-nav-link{padding:0 9px;font-size:10px}
  .desktop-my-manager-button.account-style{min-width:120px}
  .content{padding-inline:22px}
}

@media (max-width:760px){
  :root{--v1-control:44px}
  html{scroll-padding-top:116px}
  body.premium-polish{font-size:14px}
  body.premium-polish:before,body.premium-polish:after{display:none}
  .topbar{height:64px;padding:0 max(10px,env(safe-area-inset-left));background:rgba(5,15,23,.94)}
  .topbar-inner{gap:8px}
  .topbar-brand,.desktop-nav,.desktop-my-manager-button,.mobile-menu{display:none!important}
  .mobile-page-identity{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
  .mobile-page-identity>div{min-width:0}
  .mobile-page-identity small,.mobile-page-identity strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-page-identity small{color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .mobile-page-identity strong{margin-top:2px;font-size:15px;letter-spacing:-.02em}
  .mobile-back-button{display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);color:var(--text);cursor:pointer;flex:0 0 auto}
  .mobile-back-button .app-icon{width:20px;height:20px}
  .top-actions{gap:5px}
  .compact-search-trigger,.alert-centre-button,.mobile-profile-trigger,#refresh-button{width:40px!important;min-width:40px!important;height:40px!important;border-radius:12px!important}
  #refresh-button{display:none}
  .content{width:100%;padding:16px 12px calc(92px + env(safe-area-inset-bottom))}
  .page-head{display:block;margin-bottom:16px}
  .page-head h2{font-size:25px}
  .page-head p{font-size:12px;line-height:1.55;margin-top:6px}
  .page-head>div:last-child{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}
  .eyebrow{font-size:9px}
  .panel{border-radius:17px}
  .panel-head{min-height:0;padding:14px 14px}
  .panel-body{padding:14px}
  .panel-title{font-size:14px}
  .panel-sub{font-size:11px}
  .badge{font-size:9px;min-height:25px}
  .grid-2,.grid-3,.grid-equal,.home-content-grid,.live-detail-grid,.live-support-grid,.prize-page-grid,.manager-profile-feature-grid,.phase3-profile-grid{gap:11px!important}
  .phase3-section-space{height:11px!important}

  .mobile-bottom{
    height:68px;grid-template-columns:repeat(5,1fr);padding:5px max(7px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));
    background:rgba(5,15,23,.96);box-shadow:0 -12px 36px rgba(0,0,0,.28);border-color:rgba(255,255,255,.07)
  }
  .mobile-nav-button{min-height:55px;border-radius:13px;gap:2px;color:#738b98;position:relative}
  .mobile-nav-button .nav-icon{width:34px;height:31px;border-radius:11px;font-size:0;transition:transform .2s var(--v1-ease),background .2s,color .2s}
  .mobile-nav-button .app-icon{width:21px;height:21px}
  .mobile-nav-button>span:last-child{font-size:9px;font-weight:850}
  .mobile-nav-button.active{color:#dff8f5}
  .mobile-nav-button.active .nav-icon{color:#031612;background:var(--teal);transform:translateY(-2px);box-shadow:0 8px 20px rgba(50,213,196,.23)}
  .mobile-live-dot{right:1px;top:0;border:2px solid #07131d}

  .drawer-panel{border-radius:24px 24px 0 0;max-height:88vh;box-shadow:0 -25px 70px rgba(0,0,0,.48)}
  .drawer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .drawer-link-grid .nav-button{min-height:55px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.022);border-radius:13px;padding:9px 10px}
  .drawer-link-grid .nav-button .nav-icon{width:25px}
  .drawer-link-grid .nav-button span:last-child{font-size:11px}

  .action-button,.pill-button,.cta-button,.cta-link{min-height:44px}
  .pill-button{font-size:10.5px}
  .select,.text-input{font-size:16px} /* prevents iOS zoom */
  .phase3-control-panel,.v1-sticky-controls{top:69px;border-radius:15px}
  .phase3-toolbar{align-items:stretch}
  .control-label,.directory-search{min-width:0}
  .segmented-control{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
  .segment-button{padding:0 8px;font-size:10px}
  .v1-view-tabs,.mobile-profile-tabs.v1-profile-tabs,.live-quick-strip{top:69px;margin-inline:-2px;border-radius:14px}
  .v1-view-tabs button{min-height:40px;font-size:10.5px}
  .live-quick-strip{padding:5px}
  .live-quick-strip>span{display:none}
  .live-quick-strip button{min-height:39px;font-size:10px}

  /* Mobile card tables */
  .table-wrap{border:0;background:transparent;overflow:visible!important}
  .mobile-card-table{min-width:0!important;display:block}
  .mobile-card-table thead{display:none}
  .mobile-card-table tbody{display:grid;gap:9px}
  .mobile-card-table tbody tr{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:13px!important;height:auto!important;
    border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,rgba(16,34,47,.88),rgba(7,18,27,.94));box-shadow:0 10px 28px rgba(0,0,0,.13)
  }
  .mobile-card-table tbody tr:hover{background:linear-gradient(145deg,rgba(18,39,52,.92),rgba(7,18,27,.96))}
  .mobile-card-table tbody td{display:block!important;height:auto!important;min-width:0!important;padding:0!important;border:0!important;white-space:normal;text-align:left!important}
  .mobile-card-table tbody td:before{content:attr(data-label);display:block;margin-bottom:4px;color:#678291;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .mobile-card-table tbody td:nth-child(2){grid-column:span 2;order:-1}
  .mobile-card-table tbody td:first-child{position:absolute;margin:10px 0 0 calc(100% - 60px);z-index:1}
  .mobile-card-table tbody td:first-child:before{display:none}
  .mobile-card-table .identity{padding-right:50px}
  .mobile-card-table .form{justify-content:flex-start}
  .mobile-card-table tr.is-my-manager{box-shadow:inset 3px 0 0 var(--teal),0 12px 30px rgba(0,0,0,.16)}

  .manager-grid.phase3-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .manager-card{padding:13px;border-radius:15px;min-height:168px}
  .manager-card-name{font-size:14px}
  .manager-card-manager,.manager-card-team{font-size:10px}
  .manager-card-stats{gap:5px}
  .mini-label{font-size:9px}.mini-value{font-size:13px}

  .scoreboard-grid{grid-template-columns:1fr;gap:9px}
  .scoreboard-card{padding:13px;border-radius:15px}
  .scoreboard-score{font-size:22px;min-width:66px}
  .fixture-card,.competition-fixture-card{border-radius:15px}

  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .kpi-card{min-height:104px;padding:13px;border-radius:15px}
  .kpi-value{font-size:24px}
  .kpi-label,.kpi-sub{font-size:10px}

  body[data-page="home"] .mobile-home-command,body[data-page="home"] .mobile-home-explore{border-radius:20px}
  body[data-page="home"] .mobile-home-command-head span,body[data-page="home"] .mobile-home-section-head span,body[data-page="home"] .mobile-home-section-label span{font-size:9px!important}
  body[data-page="home"] .mobile-home-command-head strong,body[data-page="home"] .mobile-home-section-head strong{font-size:15px!important}
  body[data-page="home"] .mobile-home-manager-copy small,body[data-page="home"] .mobile-home-manager-stats span,body[data-page="home"] .mobile-home-league-strip span,body[data-page="home"] .mobile-home-explore-grid small{font-size:9px!important}
  body[data-page="home"] .mobile-home-manager-copy strong{font-size:18px!important}
  body[data-page="home"] .mobile-home-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  body[data-page="home"] .mobile-home-explore-grid button{min-height:72px!important;padding:10px 7px!important;border-radius:14px!important}
  body[data-page="home"] .mobile-home-explore-grid b{width:32px!important;height:32px!important}
  body[data-page="home"] .mobile-home-explore-grid .app-icon{width:18px;height:18px}
  body[data-page="home"] .mobile-home-explore-grid span{font-size:10px!important}
  body[data-page="home"] .home-live-copy>span{font-size:11px!important}
  body[data-page="home"] .home-live-kicker{font-size:9px!important}
  body[data-page="home"] .home-live-metrics span{font-size:9px!important}
  body[data-page="home"] .home-content-grid .panel-sub{font-size:10.5px!important}
  body[data-page="home"] .home-section-action{min-height:38px!important;font-size:9.5px!important}

  body[data-page="news"] .news-grid>*:first-child,body[data-page="news"] .article-grid>*:first-child{grid-column:auto;min-height:auto}
  body[data-page="news"] .news-grid,body[data-page="news"] .article-grid{grid-template-columns:1fr!important}

  .rules-grid.phase5-rules-grid{grid-template-columns:1fr;gap:9px}
  .phase5-rule-card{border-radius:15px}
  .rule-card-head{min-height:56px;padding:11px 12px}
  .phase5-rule-card .rule-list{display:none;margin:0;padding:12px 17px 16px 38px;border-top:1px solid rgba(255,255,255,.055)}
  .phase5-rule-card.is-open .rule-list{display:block;animation:v1Accordion .22s var(--v1-ease) both}
  @keyframes v1Accordion{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  .phase5-rule-card h3{font-size:14px}
  .rule-list{font-size:12px;line-height:1.62}

  .mobile-profile-tabs.v1-profile-tabs{margin-top:12px}
  .profile-hero.phase3-profile-hero{border-radius:20px;padding:16px}
  .profile-name{font-size:27px}
  .profile-secondary-line{font-size:11px}

  .modal-backdrop{align-items:end;padding:0}
  .search-modal,.manager-picker-dialog,.my-manager-menu-dialog{width:100%;max-height:88vh;border-radius:24px 24px 0 0;border-bottom:0}
  .search-results{max-height:60vh}
  .toast{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));min-width:0;max-width:none}
  .notification-bubble-stack{left:10px;right:10px;bottom:calc(80px + env(safe-area-inset-bottom))}

  .site-footer{display:none}
}

@media(max-width:390px){
  .content{padding-inline:10px}
  .manager-grid.phase3-manager-grid{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-page-identity strong{font-size:14px}
  .compact-search-trigger{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .v1-reveal{opacity:1!important;transform:none!important}
}

@media print{
  .v1-view-tabs,.mobile-profile-tabs,.live-quick-strip{position:static}
}

/* V1 interactive navigation additions */
.v1-rules-nav{display:flex;gap:7px;margin:12px 0 16px;padding:6px;overflow-x:auto;scrollbar-width:none;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(7,20,29,.72);position:sticky;top:76px;z-index:15;backdrop-filter:blur(16px)}
.v1-rules-nav::-webkit-scrollbar{display:none}
.v1-rules-nav button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);font-size:10px;font-weight:850;cursor:pointer;transition:.18s var(--v1-ease)}
.v1-rules-nav button:hover{color:var(--text);border-color:rgba(50,213,196,.2);background:rgba(50,213,196,.055)}
.v1-personal-prize-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-5px 0 18px;padding:14px 16px;border:1px solid rgba(245,196,81,.18);border-radius:17px;background:linear-gradient(120deg,rgba(245,196,81,.075),rgba(50,213,196,.04));box-shadow:0 14px 34px rgba(0,0,0,.12)}
.v1-personal-prize-summary>div{display:flex;align-items:center;gap:12px;min-width:0}
.v1-personal-prize-summary>div>.app-icon{width:34px;height:34px;padding:7px;border-radius:11px;background:rgba(245,196,81,.11);color:var(--gold)}
.v1-personal-prize-summary span{display:block;min-width:0}.v1-personal-prize-summary small,.v1-personal-prize-summary strong,.v1-personal-prize-summary em{display:block}
.v1-personal-prize-summary small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.v1-personal-prize-summary strong{margin-top:2px;font-size:15px}.v1-personal-prize-summary em{margin-top:3px;color:var(--muted);font-size:11px;font-style:normal}
.newspaper-reading-progress{height:4px;margin:0 16px 12px;border-radius:999px;background:rgba(0,0,0,.14);overflow:hidden}
.newspaper-reading-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b1f2e,#d3a944);transition:width .3s ease}
.v1-live-mobile-tabs{display:none}
.v1-live-tab-current{animation:v1TabEnter .24s var(--v1-ease) both}
@keyframes v1TabEnter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}

@media (max-width:760px){
  .data-notice{position:relative!important;top:auto!important;z-index:12}
  .data-notice-inner{border-radius:13px;box-shadow:0 10px 28px rgba(0,0,0,.14)}
  .v1-live-mobile-tabs{display:flex;margin:0 0 12px;top:69px;z-index:22}
  body[data-page="live"] .live-quick-strip{display:none!important}
  .v1-rules-nav{top:69px;margin:10px 0 13px;padding:5px;border-radius:13px}
  .v1-rules-nav button{min-height:40px;font-size:10px}
  .v1-personal-prize-summary{display:block;margin:0 0 13px;padding:13px;border-radius:15px}
  .v1-personal-prize-summary>.pill-button{width:100%;justify-content:center;margin-top:11px}
  .v1-personal-prize-summary>div>.app-icon{width:38px;height:38px}
  .newspaper-reading-progress{margin-inline:12px}
}

/* Density, command-centre and manager directory polish */
.desktop-more-divider{display:block;height:1px;margin:6px 5px;background:rgba(255,255,255,.07)}
.v1-manager-view-toggle{display:flex;gap:5px;margin-left:auto;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}
.v1-manager-view-toggle button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:9px;font-weight:850;cursor:pointer}
.v1-manager-view-toggle button.active{color:#031612;background:var(--teal)}
.v1-manager-view-toggle .app-icon{width:15px;height:15px}
.manager-grid.phase3-manager-grid .manager-card.is-my-manager{order:-2;border-color:rgba(50,213,196,.38);box-shadow:inset 3px 0 0 var(--teal),0 15px 34px rgba(0,0,0,.15)}
.manager-grid.phase3-manager-grid .manager-card.is-favourite:not(.is-my-manager){order:-1;border-color:rgba(245,196,81,.2)}
.manager-grid.phase3-manager-grid.v1-manager-list-view{grid-template-columns:1fr!important}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card{display:grid;grid-template-columns:54px minmax(150px,1.3fr) minmax(110px,.7fr) minmax(240px,1.2fr) auto;align-items:center;gap:12px;min-height:82px;padding:12px 14px}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-top{grid-column:1;grid-row:1 / span 3;margin:0}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-avatar{width:46px!important;height:46px!important}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-rank-chip{position:absolute;margin:39px 0 0 31px;padding:3px 5px;font-size:7px}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-name{grid-column:2;margin:0;font-size:14px}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-manager,.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-team{grid-column:2;margin:0}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-form{grid-column:3;grid-row:1 / span 3;margin:0}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-stats{grid-column:4;grid-row:1 / span 3;margin:0}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-open{grid-column:5;grid-row:1 / span 3;margin:0;white-space:nowrap}
@media (min-width:761px){
  body[data-density="compact"] .content{padding-top:18px}
  body[data-density="compact"] .panel-head{padding:12px 14px}
  body[data-density="compact"] .panel-body{padding:13px 14px}
  body[data-density="compact"] .manager-card{padding:12px;min-height:165px}
  body[data-density="compact"] table td{padding-block:8px}
  body[data-density="compact"] .kpi-card{min-height:105px;padding:13px}
  body[data-density="compact"] .grid-2,body[data-density="compact"] .grid-3,body[data-density="compact"] .grid-equal{gap:10px}
}
@media (max-width:760px){
  .v1-manager-view-toggle{width:100%;margin-left:0}
  .v1-manager-view-toggle button{flex:1;justify-content:center;min-height:38px}
  .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card{grid-template-columns:48px minmax(0,1fr) auto;min-height:86px;padding:11px}
  .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-top{grid-column:1;grid-row:1 / span 3}
  .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-name,.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-manager,.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-team{grid-column:2}
  .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-form{grid-column:3;grid-row:1;margin:0}
  .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-stats{grid-column:2 / span 2;grid-row:3;margin-top:5px}
  .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-open{display:none}
}


/* Final V1 responsive corrections */
@media (min-width:761px){
  .page-head{margin-bottom:18px}
}
@media (max-width:760px){
  body[data-page="manager"] .profile-kpi-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    margin:13px 0 16px!important;
    padding:0!important;
  }
  body[data-page="manager"] .profile-kpi-grid .kpi{
    min-width:0!important;
    width:auto!important;
    scroll-snap-align:none!important;
  }
}


/* v15.1.0 base corrections retained in v15.2.0 */
body[data-public-build="17.8.3-final-ui-consolidation"] .page-head{position:relative;z-index:2;margin-bottom:22px}
body[data-public-build="17.8.3-final-ui-consolidation"] .phase3-control-panel{position:relative;z-index:3;margin-top:0}
body[data-page="league"] .phase3-control-panel{margin-top:6px!important}
body[data-page="league"] .page-head+.phase3-control-panel{clear:both}

/* Monthly hierarchy */
.monthly-command-panel{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:24px;align-items:end;margin:0 0 16px;padding:18px 20px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(135deg,rgba(15,35,49,.9),rgba(7,19,29,.94));box-shadow:0 16px 38px rgba(0,0,0,.13)}
.monthly-command-copy span,.monthly-command-copy strong,.monthly-command-copy small{display:block}.monthly-command-copy span{color:var(--teal);font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.monthly-command-copy strong{margin-top:5px;font-size:22px}.monthly-command-copy small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
.monthly-month-picker{display:flex;justify-content:flex-end;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:none}.monthly-month-picker::-webkit-scrollbar{display:none}.monthly-month-picker .pill-button{flex:0 0 auto}
.monthly-view-switcher{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:7px 8px 7px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(90deg,rgba(12,30,42,.84),rgba(7,20,30,.9))}.monthly-view-switcher:before{content:'Ranking view';color:#6f8795;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.monthly-view-switcher .v1-monthly-tabs{position:static!important;width:auto;min-width:320px;margin:0!important;padding:5px;border-radius:12px;background:rgba(4,15,23,.72)}
.monthly-content-grid{align-items:start}.monthly-podium-stack{min-width:0}.monthly-podium-panel[hidden]{display:none!important}
.v1-month-progress{display:none!important}

/* Navigation supports extra visible pages without crushing */
@media(min-width:1451px){.desktop-nav-link{padding-inline:10px!important;font-size:11.5px!important}.topbar-inner{max-width:1560px!important}}
@media(min-width:1280px){.desktop-more-popover [data-go="managers"],.desktop-more-popover [data-go="records"],.desktop-more-popover [data-go="rules"]{display:none!important}}
@media(min-width:1081px) and (max-width:1279px){.desktop-nav-link[data-go="managers"],.desktop-nav-link[data-go="records"],.desktop-nav-link[data-go="rules"]{display:none!important}}

/* Profile tabs */
.mobile-profile-tabs.v1-profile-tabs{display:flex!important;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(12,29,42,.94),rgba(7,19,29,.94));box-shadow:0 12px 30px rgba(0,0,0,.14)}
.mobile-profile-tabs.v1-profile-tabs .mobile-profile-tab{min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8da4b2;font-size:10.5px;font-weight:900;cursor:pointer;transition:.18s ease}
.mobile-profile-tabs.v1-profile-tabs .mobile-profile-tab:hover{color:var(--text);background:rgba(255,255,255,.035)}
.mobile-profile-tabs.v1-profile-tabs .mobile-profile-tab.active{border-color:rgba(50,213,196,.25);background:linear-gradient(135deg,rgba(50,213,196,.2),rgba(50,213,196,.08));color:#dffcf8;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

/* Managers toolbar and list */
body[data-page="managers"] .manager-controls{position:relative!important;top:auto!important;margin:0 0 18px!important;overflow:visible;z-index:4}
body[data-page="managers"] .phase3-section-space{display:none}
body[data-page="managers"] .phase3-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto;gap:12px;align-items:end;padding:14px}
body[data-page="managers"] .v1-manager-sort-chips{position:static!important;margin:0!important}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card{grid-template-columns:58px minmax(190px,1.15fr) minmax(150px,.75fr) minmax(300px,1.25fr) 92px!important;gap:20px!important;padding:15px 18px!important;min-height:96px!important}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-top{position:relative;display:grid;place-items:center}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-rank-chip{display:none!important}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-name:after{content:attr(data-h2h-rank);display:inline-flex;align-items:center;min-height:19px;margin-left:8px;padding:0 7px;border:1px solid rgba(50,213,196,.22);border-radius:999px;background:rgba(50,213,196,.08);color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.05em;vertical-align:2px}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-form{padding-right:18px;border-right:1px solid rgba(255,255,255,.07)}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-stats{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:18px!important;padding-left:2px}
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-stats>div{min-width:0}.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-open{text-align:right}

/* Avatar preview wording and mobile manager header alignment */
.avatar-preview-eyebrow{color:var(--teal)!important}
.mobile-profile-trigger{display:grid!important;place-items:center!important;padding:3px!important;overflow:hidden}
.mobile-profile-trigger .mobile-trigger-avatar{width:32px!important;height:32px!important;margin:0!important;border-radius:9px!important}

/* Inbox highlights with real heads */
.inbox-highlights-v2 .meaningful-activity-list{display:grid;gap:3px}.inbox-highlights-v2 .meaningful-activity-item{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:11px;align-items:center;min-height:70px;padding:9px 8px;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;color:var(--text);cursor:pointer;transition:.17s ease}
.inbox-highlights-v2 .meaningful-activity-item:hover{border-color:rgba(50,213,196,.14);background:rgba(50,213,196,.035);transform:translateX(2px)}.inbox-highlights-v2 .meaningful-activity-item.unread{background:linear-gradient(90deg,color-mix(in srgb,var(--activity-accent) 7%,transparent),transparent)}
.activity-notification-avatar{width:40px!important;height:40px!important;border:1px solid rgba(50,213,196,.16)!important;border-radius:12px!important;background:#0b2130!important;overflow:hidden}.activity-copy{min-width:0}.activity-topline{display:flex;align-items:center;gap:8px}.activity-topline strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.activity-topline small{flex:0 0 auto;color:#6f8795;font-size:8px}.activity-copy>span:not(.activity-topline){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:#93a7b4;font-size:9px}.activity-copy em{display:block;margin-top:4px;color:#627c8a;font-size:8px;font-style:normal}.activity-arrow{color:var(--activity-accent)}.activity-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

/* Brand-new Inbox desktop */
.inbox-v2-backdrop{padding:26px;background:rgba(1,7,12,.74);backdrop-filter:blur(10px)}
.inbox-v2-dialog{width:min(1060px,calc(100vw - 52px));height:min(760px,calc(100vh - 52px));overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#07131e;box-shadow:0 36px 110px rgba(0,0,0,.58)}
.inbox-v2-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.inbox-v2-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(110deg,rgba(50,213,196,.08),rgba(96,165,250,.035) 48%,transparent)}
.inbox-v2-owner{display:flex;align-items:center;gap:13px;min-width:0}.inbox-v2-owner-avatar{width:52px!important;height:52px!important;border-radius:15px!important;border:1px solid rgba(50,213,196,.22)!important;background:#0d2835!important}.inbox-v2-owner span{display:block;color:var(--teal);font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.inbox-v2-owner h2{margin:2px 0 0;font-size:21px}.inbox-v2-owner p{margin:3px 0 0;color:#78919f;font-size:10px}.inbox-v2-head-actions{display:flex;align-items:center;gap:8px}
.inbox-v2-layout{min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr)}
.inbox-v2-sidebar{min-height:0;display:flex;flex-direction:column;padding:16px 13px;border-right:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.inbox-v2-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.inbox-v2-summary>div{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025)}.inbox-v2-summary span,.inbox-v2-summary strong{display:block}.inbox-v2-summary span{color:#718997;font-size:8px;font-weight:900;text-transform:uppercase}.inbox-v2-summary strong{margin-top:5px;font-size:20px}
.inbox-v2-nav{display:grid;gap:4px}.inbox-v2-nav button{display:grid;grid-template-columns:21px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8298a5;text-align:left;font-size:10px;font-weight:850;cursor:pointer}.inbox-v2-nav button .app-icon{width:17px;height:17px}.inbox-v2-nav button:hover{color:var(--text);background:rgba(255,255,255,.03)}.inbox-v2-nav button.active{border-color:rgba(50,213,196,.18);background:rgba(50,213,196,.08);color:#dffbf7}.inbox-v2-nav button b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:rgba(50,213,196,.12);color:var(--teal);font-size:8px}
.inbox-v2-clear{display:flex;align-items:center;gap:8px;margin-top:auto;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#718793;font-size:9px;font-weight:850;cursor:pointer}.inbox-v2-clear:hover{background:rgba(239,90,104,.07);color:#ff8995}.inbox-v2-clear .app-icon{width:15px;height:15px}.inbox-v2-clear:disabled{opacity:.35;cursor:not-allowed}
.inbox-v2-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.inbox-v2-toolbar{padding:14px 16px 10px}.inbox-v2-search{height:46px;display:grid;grid-template-columns:20px minmax(0,1fr) 28px;gap:9px;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025)}.inbox-v2-search:focus-within{border-color:rgba(50,213,196,.32);box-shadow:0 0 0 3px rgba(50,213,196,.06)}.inbox-v2-search .app-icon{width:17px;height:17px;color:#73909e}.inbox-v2-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.inbox-v2-search button{width:26px;height:26px;border:0;border-radius:8px;background:rgba(255,255,255,.04);color:#78909d;cursor:pointer}.inbox-v2-mobile-filters{display:none}
.inbox-v2-list{min-height:0;overflow-y:auto;padding:0 16px 20px;overscroll-behavior:contain}.inbox-v2-section>header{display:flex;align-items:center;gap:8px;padding:12px 2px 8px;color:#718896;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.inbox-v2-section>header b{min-width:20px;height:18px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.05);font-size:8px}.inbox-v2-date{padding:8px 2px 6px;color:#526b79;font-size:8px;font-weight:850}
.inbox-v2-message{position:relative;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:7px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.012));color:var(--text);text-align:left;cursor:pointer;transition:.17s ease}.inbox-v2-message:hover{border-color:color-mix(in srgb,var(--alert-accent) 28%,rgba(255,255,255,.08));background:linear-gradient(145deg,color-mix(in srgb,var(--alert-accent) 6%,rgba(255,255,255,.025)),rgba(255,255,255,.012));transform:translateY(-1px)}.inbox-v2-message.unread{box-shadow:inset 3px 0 0 var(--alert-accent)}.inbox-v2-message.is-focused{outline:2px solid color-mix(in srgb,var(--alert-accent) 55%,transparent);outline-offset:2px}.inbox-v2-avatar{width:46px!important;height:46px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.09)!important;background:#0b2130!important}.inbox-v2-copy{min-width:0}.inbox-v2-meta{display:flex;align-items:center;gap:7px;min-width:0}.inbox-v2-meta b{font-size:8px;color:#b7c8d1}.inbox-v2-meta i{padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--alert-accent) 11%,transparent);color:var(--alert-accent);font-size:6.5px;font-style:normal;font-weight:900;text-transform:uppercase}.inbox-v2-meta time{margin-left:auto;color:#607885;font-size:8px}.inbox-v2-copy>strong{display:block;margin-top:7px;font-size:12px;line-height:1.38}.inbox-v2-copy>span{display:block;margin-top:4px;color:#91a6b1;font-size:9.5px;line-height:1.5}.inbox-v2-copy>em{display:block;margin-top:7px;color:#5e7785;font-size:7.5px;font-style:normal}.inbox-v2-open{align-self:center;display:flex;align-items:center;gap:6px;min-width:76px;justify-content:flex-end;color:#78919e;font-size:8px;font-weight:900}.inbox-v2-open svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.inbox-v2-message:hover .inbox-v2-open{color:var(--alert-accent)}
.inbox-v2-empty{min-height:320px;display:grid;place-items:center;align-content:center;padding:34px;text-align:center}.inbox-v2-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(50,213,196,.08);color:var(--teal)}.inbox-v2-empty .app-icon{width:24px;height:24px}.inbox-v2-empty strong{margin-top:13px;font-size:15px}.inbox-v2-empty p{max-width:320px;margin:6px 0 0;color:#728a97;font-size:10px;line-height:1.6}

/* Sleek live notification toast */
.notification-bubble-stack{top:82px!important;right:max(16px,env(safe-area-inset-right))!important;width:min(340px,calc(100vw - 32px))!important;gap:7px!important;display:grid!important}
.notification-bubble{grid-template-columns:40px minmax(0,1fr) 26px!important;gap:10px!important;min-height:0!important;padding:10px!important;border-left-width:2px!important;border-radius:14px!important;background:rgba(8,24,34,.96)!important;box-shadow:0 16px 45px rgba(0,0,0,.38)!important;animation:notificationBubbleIn .22s ease both,notificationBubbleLife 8s linear .22s forwards!important}
.notification-bubble-avatar{width:38px!important;height:38px!important;border-radius:11px!important}.notification-bubble-meta{margin-bottom:3px!important;font-size:7.5px!important;line-height:1.2!important}.notification-bubble-copy strong{font-size:11.5px!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-bubble-copy>span:not(.notification-bubble-action){margin-top:3px!important;font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.notification-bubble-action{margin-top:5px!important;font-size:8px!important}.notification-bubble-close{width:24px!important;height:24px!important;border-radius:8px!important}

@media(max-width:760px){
  .monthly-command-panel{grid-template-columns:1fr;gap:14px;padding:15px}.monthly-month-picker{justify-content:flex-start;margin-inline:-2px}.monthly-view-switcher{display:block;padding:7px}.monthly-view-switcher:before{display:block;padding:3px 6px 7px}.monthly-view-switcher .v1-monthly-tabs{width:100%;min-width:0}.monthly-content-grid{display:block!important}.monthly-table-panel,.monthly-podium-stack{margin-bottom:11px}
  .mobile-profile-tabs.v1-profile-tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.mobile-profile-tabs.v1-profile-tabs::-webkit-scrollbar{display:none}.mobile-profile-tabs.v1-profile-tabs .mobile-profile-tab{flex:0 0 auto;min-width:108px;padding-inline:12px}
  body[data-page="managers"] .phase3-toolbar{display:flex;flex-direction:column;align-items:stretch!important}.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card{grid-template-columns:48px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important}.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-rank-chip{display:none!important}.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-form{grid-column:3;grid-row:1;border:0;padding:0}.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-stats{grid-column:2 / span 2;grid-row:3;grid-template-columns:repeat(3,1fr);gap:8px!important;padding:9px 0 0;border-top:1px solid rgba(255,255,255,.06)}
  .inbox-v2-backdrop{padding:0!important}.inbox-v2-mobile{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:#07131e!important}.inbox-v2-shell{height:100dvh}.inbox-v2-head{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.inbox-v2-owner-avatar{width:42px!important;height:42px!important;border-radius:12px!important}.inbox-v2-owner h2{font-size:18px}.inbox-v2-owner p{display:none}.inbox-v2-head-actions .pill-button{display:none}.inbox-v2-layout{display:block;min-height:0;overflow:hidden}.inbox-v2-sidebar{display:none}.inbox-v2-main{height:calc(100dvh - 70px - env(safe-area-inset-top));grid-template-rows:auto minmax(0,1fr)}.inbox-v2-toolbar{padding:10px 11px 8px;border-bottom:1px solid rgba(255,255,255,.055)}.inbox-v2-search{height:43px}.inbox-v2-mobile-filters{display:flex;gap:6px;margin:8px -11px 0;padding:0 11px 2px;overflow-x:auto;scrollbar-width:none}.inbox-v2-mobile-filters::-webkit-scrollbar{display:none}.inbox-v2-mobile-filters button{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#8196a2;font-size:8.5px;font-weight:850}.inbox-v2-mobile-filters button.active{border-color:rgba(50,213,196,.22);background:rgba(50,213,196,.1);color:#dffbf7}.inbox-v2-list{padding:0 10px calc(24px + env(safe-area-inset-bottom))}.inbox-v2-message{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:12px 11px;border-radius:16px}.inbox-v2-avatar{width:42px!important;height:42px!important}.inbox-v2-open{grid-column:2;justify-content:flex-start;min-width:0;margin-top:3px}.inbox-v2-meta time{font-size:7px}.inbox-v2-copy>strong{font-size:11.5px}.inbox-v2-copy>span{font-size:9px}.inbox-v2-copy>em{font-size:7px}
  .notification-bubble-stack{top:calc(66px + env(safe-area-inset-top))!important;left:10px!important;right:10px!important;width:auto!important;bottom:auto!important}.notification-bubble{grid-template-columns:36px minmax(0,1fr) 24px!important;padding:9px!important;border-radius:13px!important}.notification-bubble-avatar{width:34px!important;height:34px!important}.notification-bubble-copy>span:not(.notification-bubble-action){display:none!important}.notification-bubble-action{margin-top:3px!important}.notification-bubble-meta span:first-child{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .inbox-highlights-v2 .meaningful-activity-item{grid-template-columns:40px minmax(0,1fr) 18px;min-height:68px;padding:9px 5px}.activity-notification-avatar{width:38px!important;height:38px!important}
}


/* v15.2.0 — interaction smoothing, homepage balance and notification toast rebuild */
body[data-public-build="17.8.3-final-ui-consolidation"] .page-head{
  position:relative!important;z-index:auto!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;
  gap:18px!important;min-height:0!important;margin:0 0 24px!important;padding:0!important;
  overflow:visible!important;
}
body[data-public-build="17.8.3-final-ui-consolidation"] .page-head>div:first-child{position:relative;z-index:1;min-width:0;padding:0!important}
body[data-public-build="17.8.3-final-ui-consolidation"] .page-head p{position:static!important;display:block!important;max-width:760px!important;margin:8px 0 0!important;overflow:visible!important;transform:none!important}
body[data-public-build="17.8.3-final-ui-consolidation"] .page-head+*{position:relative;z-index:1;clear:both;margin-top:0!important}
body[data-page="league"] .phase3-control-panel,
body[data-page="fixtures"] .phase3-control-panel,
body[data-page="managers"] .phase3-control-panel{margin-top:0!important;transform:none!important}
body[data-page="league"] .phase3-section-space,
body[data-page="fixtures"] .phase3-section-space{height:16px!important}

/* More is a true dropdown: no page rerender or visual jump. */
.desktop-more-wrap{position:relative;z-index:92}
.desktop-more-popover{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:306px;padding:13px;gap:7px;top:calc(100% + 10px);right:0;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.985);transform-origin:top right;
  transition:opacity .16s ease,transform .2s var(--v1-ease),visibility 0s linear .2s;
  border:1px solid rgba(255,255,255,.09);background:rgba(7,22,32,.985);box-shadow:0 28px 70px rgba(0,0,0,.48);backdrop-filter:blur(22px)}
.desktop-more-popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.desktop-more-popover button,.desktop-more-popover a{min-height:54px;padding:9px 10px;grid-template-columns:23px minmax(0,1fr)!important;gap:11px!important;align-items:center;border-radius:12px}
.desktop-more-popover .app-icon{width:18px!important;height:18px!important;justify-self:center}
.desktop-more-popover b{line-height:1.32;font-size:10.5px}
.desktop-more-divider{grid-column:1/-1;margin:3px 2px!important}
.desktop-more-popover [data-action="toggle-density"]{grid-column:1/-1;min-height:47px}
.desktop-more-dismiss{display:block!important;position:fixed;inset:0;z-index:-1;border:0;background:transparent;opacity:0;visibility:hidden;pointer-events:none}
.desktop-more-dismiss.is-open{opacity:1;visibility:visible;pointer-events:auto}
.desktop-more-trigger>span{transition:transform .18s ease}.desktop-more-trigger.open>span{transform:rotate(180deg)}
.desktop-my-profile-link{min-height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.025);color:#a9bcc6;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap;transition:.16s ease}
.desktop-my-profile-link:hover{border-color:rgba(50,213,196,.27);background:rgba(50,213,196,.075);color:#eafffb}
@media(min-width:761px){.mobile-profile-trigger{display:none!important}}
@media(max-width:1279px){.desktop-my-profile-link{display:none}}

/* Mobile search icon stays visible and clearly drawn. */
@media(max-width:760px){
  .compact-search-trigger{display:grid!important;color:#a9bdc8!important}
  .compact-search-trigger .app-icon{display:grid!important;width:19px!important;height:19px!important;opacity:1!important}
  .compact-search-trigger svg{display:block!important;stroke:currentColor!important}
}
@media(max-width:390px){.compact-search-trigger{display:grid!important}}

/* Manager picker search: one clean border, useful results and no double focus ring. */
.manager-picker-search{display:grid!important;grid-template-columns:20px minmax(0,1fr) 30px;align-items:center;gap:9px;min-height:50px!important;margin-top:16px;padding:0 10px!important;border:1px solid rgba(255,255,255,.095)!important;border-radius:14px!important;background:rgba(3,13,20,.6)!important;box-shadow:none!important;outline:0!important}
.manager-picker-search:focus-within{border-color:rgba(50,213,196,.42)!important;background:rgba(5,18,27,.9)!important;box-shadow:0 0 0 3px rgba(50,213,196,.065)!important}
.manager-picker-search input{width:100%;height:46px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text);font:inherit;font-size:12px}
.manager-picker-search input:focus,.manager-picker-search input:focus-visible{outline:0!important;box-shadow:none!important}
.manager-picker-search>.app-icon{width:17px;height:17px;color:#708b98}
.manager-picker-search-clear{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.045);color:#77909c;cursor:pointer}.manager-picker-search-clear:hover{background:rgba(255,255,255,.09);color:#fff}
.manager-picker-search-status{display:flex;justify-content:space-between;gap:12px;margin:8px 2px 0;color:#607987;font-size:8px}.manager-picker-search-status span:first-child{color:#9db1bc;font-weight:850}
.manager-picker-empty{min-height:210px;display:grid;place-items:center;align-content:center;text-align:center;padding:28px;border:1px dashed rgba(255,255,255,.08);border-radius:16px;color:#718b98}.manager-picker-empty>.app-icon{width:28px;height:28px;color:var(--teal)}.manager-picker-empty strong{margin-top:10px;color:#d9e8ee;font-size:14px}.manager-picker-empty span{margin-top:5px;font-size:9px}

/* Stable Live route: data refreshes do not replay page/reveal motion. */
body[data-page="live"] #main-content:not(.v1-page-enter){animation:none!important}
.real-live-kicker.is-refreshing i{animation:spin .8s linear infinite!important;box-shadow:none!important}
[data-action="refresh-live-football"].is-refreshing{pointer-events:none;opacity:.78}
[data-action="refresh-live-football"].is-refreshing:before{content:"";width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}

/* Honest refresh stages on desktop and pull-to-refresh mobile. */
.topbar{position:sticky}
.refresh-progress{position:absolute;z-index:95;right:max(20px,calc((100vw - 1500px)/2));top:calc(100% + 8px);width:min(330px,calc(100vw - 24px));display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 11px 13px;border:1px solid rgba(50,213,196,.17);border-radius:14px;background:rgba(7,23,33,.97);box-shadow:0 18px 46px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:.2s var(--v1-ease)}
.refresh-progress.show{opacity:1;visibility:visible;transform:none}.refresh-progress.complete{border-color:rgba(85,214,139,.28)}.refresh-progress.error{border-color:rgba(239,90,104,.28)}
.refresh-progress-icon{grid-row:1;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(50,213,196,.09);color:var(--teal)}.refresh-progress.show:not(.complete):not(.error) .refresh-progress-icon{animation:spin .85s linear infinite}.refresh-progress.complete .refresh-progress-icon{color:var(--green);background:rgba(85,214,139,.1)}.refresh-progress.error .refresh-progress-icon{color:#ff8792;background:rgba(239,90,104,.1)}
.refresh-progress-copy{min-width:0}.refresh-progress-copy strong,.refresh-progress-copy small{display:block}.refresh-progress-copy strong{font-size:10px}.refresh-progress-copy small{margin-top:3px;color:#78929f;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-progress>i{position:absolute;left:11px;right:11px;bottom:7px;height:2px;border-radius:2px;background:rgba(255,255,255,.055);overflow:hidden}.refresh-progress>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#6ca9ff);transition:width .35s ease}.refresh-progress.complete>i>b{background:var(--green)}.refresh-progress.error>i>b{background:#ef5a68}
@media(max-width:760px){.refresh-progress{position:fixed;left:10px;right:10px;top:calc(var(--safe-top) + var(--mobile-appbar) + 7px);width:auto;grid-template-columns:30px minmax(0,1fr);padding:8px 10px 11px;border-radius:13px}.refresh-progress-icon{width:30px;height:30px}.refresh-progress-copy strong{font-size:9px}.refresh-progress-copy small{font-size:7.5px}}

/* Homepage right column: two equal editorial/intelligence features. */
.home-hero-aside-matched{display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px!important;align-self:stretch!important;padding-top:0!important}
.home-aside-feature{width:100%!important;min-height:0!important;height:100%!important;margin:0!important;border-radius:18px!important}
.home-news-feature{display:grid;grid-template-columns:minmax(112px,.42fr) minmax(0,.58fr);overflow:hidden;border:1px solid rgba(50,213,196,.16);background:linear-gradient(145deg,rgba(12,34,46,.98),rgba(6,19,29,.98));color:var(--text);cursor:pointer;text-align:left;transition:.2s var(--v1-ease)}
.home-news-feature:hover{transform:translateY(-2px);border-color:rgba(50,213,196,.34);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.home-news-feature-media{position:relative;min-height:150px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 30%,rgba(50,213,196,.17),transparent 50%),#0a2230;background-size:cover;background-position:center}.home-news-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(6,19,29,.55))}.home-news-feature-media>.app-icon{width:34px;height:34px;color:var(--teal)}.home-news-feature-media i{position:absolute;z-index:2;left:10px;top:10px;padding:4px 7px;border-radius:999px;background:rgba(4,15,22,.78);color:#dffbf7;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}
.home-news-feature-body{min-width:0;display:flex;flex-direction:column;padding:17px}.home-news-feature-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-news-feature-top span{color:var(--teal);font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.home-news-feature-top small{min-width:0;color:#607b89;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-news-feature-body>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:12px;font-size:16px;line-height:1.25}.home-news-feature-body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 0;color:#93a8b3;font-size:9px;line-height:1.5}.home-news-feature-action{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;color:var(--teal);font-size:8px;font-weight:900}.home-news-feature-action svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.home-leader-card.home-aside-feature{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px!important}.home-leader-card.home-aside-feature .home-leader-stats{margin-top:auto;padding-top:18px}
.home-primary-action .home-manage-team{background:linear-gradient(135deg,#2f73dc,#4d60e6)!important;border-color:#4c7dea!important;color:white!important;box-shadow:0 12px 28px rgba(52,104,220,.24)}
@media(max-width:920px){.home-hero-aside-matched{grid-template-rows:auto}.home-news-feature{grid-template-columns:120px minmax(0,1fr)}.home-aside-feature{min-height:190px!important}}
@media(max-width:760px){.home-hero-aside-matched{display:none!important}}

/* Notification toast v3: a new compact alert component, not an Inbox card. */
.notification-bubble-stack{top:86px!important;right:max(16px,env(safe-area-inset-right))!important;width:min(318px,calc(100vw - 28px))!important;gap:8px!important}
.notification-bubble.notification-toast-v3{position:relative!important;display:block!important;min-height:0!important;padding:0!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--bubble-accent) 23%,rgba(255,255,255,.085))!important;border-left:0!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(10,28,39,.985),rgba(5,17,26,.99))!important;box-shadow:0 18px 52px rgba(0,0,0,.42)!important;animation:notificationToastV3In .24s var(--v1-ease) both,notificationBubbleLife 8.5s linear .24s forwards!important;transform-origin:top right}
@keyframes notificationToastV3In{from{opacity:0;transform:translateX(16px) scale(.975)}to{opacity:1;transform:none}}
.notification-toast-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bubble-accent)}
.notification-toast-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto 24px;gap:9px;align-items:center;padding:10px 10px 7px 12px}
.notification-toast-v3 .notification-bubble-avatar{width:34px!important;height:34px!important;border-radius:10px!important}.notification-toast-source{min-width:0}.notification-toast-source span,.notification-toast-source strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-toast-source span{color:var(--bubble-accent);font-size:6.5px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.notification-toast-source strong{margin-top:2px;color:#b9cbd3;font-size:8.5px}.notification-toast-head>time{color:#607985;font-size:7px;white-space:nowrap}.notification-toast-v3 .notification-bubble-close{width:24px!important;height:24px!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important}.notification-toast-v3 .notification-bubble-close .app-icon{width:12px;height:12px}
.notification-toast-v3 .notification-bubble-copy{padding:0 13px 9px 14px!important}.notification-toast-v3 .notification-bubble-copy>strong{display:block!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}.notification-toast-v3 .notification-bubble-copy>span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:4px!important;color:#8ea5b0!important;font-size:8.5px!important;line-height:1.45!important}
.notification-toast-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 12px 10px 14px;border-top:1px solid rgba(255,255,255,.055)}.notification-toast-category{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--alert-accent) 10%,transparent);color:var(--alert-accent);font-size:6.5px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.notification-toast-v3 .notification-bubble-action{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;color:#d3e1e7!important;font-size:8px!important}.notification-toast-v3 .notification-bubble-action svg{width:11px;height:11px}.notification-toast-life{position:absolute;left:3px;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--bubble-accent),transparent);transform-origin:left;animation:notificationToastLife 8.5s linear .24s both}@keyframes notificationToastLife{to{transform:scaleX(0)}}
.notification-toast-v3:hover{animation-play-state:running,paused!important}.notification-toast-v3:hover .notification-toast-life{animation-play-state:paused}
@media(max-width:760px){.notification-bubble-stack{top:calc(var(--safe-top) + var(--mobile-appbar) + 7px)!important;left:9px!important;right:9px!important;width:auto!important}.notification-bubble.notification-toast-v3{border-radius:14px!important}.notification-toast-head{grid-template-columns:34px minmax(0,1fr) auto 24px;padding:8px 8px 6px 10px}.notification-toast-v3 .notification-bubble-avatar{width:32px!important;height:32px!important}.notification-toast-v3 .notification-bubble-copy{padding:0 11px 7px 12px!important}.notification-toast-v3 .notification-bubble-copy>span{display:none!important}.notification-toast-foot{padding:6px 10px 8px 12px}.notification-toast-category{display:none}.notification-toast-v3 .notification-bubble-action{margin-left:auto!important}}

@media(max-width:760px){
  body[data-public-build="17.8.3-final-ui-consolidation"] .page-head{display:block!important;margin-bottom:18px!important}
  body[data-public-build="17.8.3-final-ui-consolidation"] .page-head>div:last-child:not(:first-child){margin-top:11px!important}
}

/* v15.2.0 critical compatibility with the legacy inline stylesheet. */
.manager-picker-dialog [hidden],.manager-picker-sheet [hidden]{display:none!important}
body .notification-bubble-stack{display:grid!important}
body .compact-search-trigger{display:grid!important;color:#a9bdc8!important}
body .compact-search-trigger .app-icon{display:grid!important;width:19px!important;height:19px!important;opacity:1!important}
body .compact-search-trigger svg{display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(min-width:761px){body .mobile-profile-trigger{display:none!important}}
@media(max-width:760px){body .desktop-my-profile-link{display:none!important}}

body[data-page="league"] .phase3-control-panel,body[data-page="fixtures"] .phase3-control-panel,body[data-page="managers"] .phase3-control-panel{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important}
/* Keep live alerts clear of the staged manual-refresh progress card. */
body:has(#refresh-progress.show) .notification-bubble-stack{top:154px!important}
@media(max-width:760px){body:has(#refresh-progress.show) .notification-bubble-stack{top:calc(var(--safe-top) + var(--mobile-appbar) + 68px)!important}}


/* =========================================================
   v15.3.0 — FINAL HOME, EDITORIAL & AUTOMATIC ALERT POLISH
   ========================================================= */

/* More trigger now reads as a deliberate disclosure control. */
.desktop-more-trigger{gap:8px!important;padding-right:8px!important}
.desktop-more-trigger>span:first-child{display:block}
.desktop-more-trigger .desktop-more-chevron{width:24px!important;height:24px!important;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(255,255,255,.035);color:#77919e;transition:transform .2s var(--v1-ease),background .18s ease,color .18s ease,border-color .18s ease}
.desktop-more-trigger .desktop-more-chevron svg{width:14px;height:14px}
.desktop-more-trigger.open{border-color:rgba(50,213,196,.24)!important;background:linear-gradient(180deg,rgba(50,213,196,.12),rgba(50,213,196,.065))!important;color:#f1fffd!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16)}
.desktop-more-trigger.open .desktop-more-chevron{transform:rotate(180deg);border-color:rgba(50,213,196,.26);background:rgba(50,213,196,.12);color:var(--teal)}

/* More utility rows get their own breathing room and organiser treatment. */
.desktop-more-popover{padding:14px!important;gap:8px!important;width:314px!important}
.desktop-more-popover button,.desktop-more-popover a{column-gap:12px!important;padding:9px 12px!important}
.desktop-more-popover .app-icon{margin:0!important}
.desktop-more-divider{margin:5px 1px 3px!important}
.desktop-more-admin,.desktop-more-layout{grid-column:1/-1!important;grid-template-columns:24px minmax(0,1fr) auto!important;min-height:54px!important}
.desktop-more-item-copy{display:block;min-width:0}
.desktop-more-item-copy b,.desktop-more-item-copy small{display:block}
.desktop-more-item-copy small{margin-top:3px;color:#708794;font-size:7px;line-height:1.25}
.desktop-more-admin{border:1px solid rgba(245,196,81,.17)!important;background:linear-gradient(100deg,rgba(245,196,81,.08),rgba(245,196,81,.025))!important;color:#f5d27a!important}
.desktop-more-admin:hover{border-color:rgba(245,196,81,.34)!important;background:linear-gradient(100deg,rgba(245,196,81,.14),rgba(245,196,81,.045))!important;color:#ffe6a6!important}
.desktop-more-admin .app-icon{color:var(--gold)!important}
.desktop-more-admin small{color:#9d8957!important}
.desktop-more-admin em{justify-self:end;padding:4px 7px;border:1px solid rgba(245,196,81,.2);border-radius:999px;background:rgba(245,196,81,.08);color:#e9c561;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.desktop-more-layout{margin-top:0!important;border:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.018)!important}

/* The desktop hero title has more character without becoming decorative noise. */
.home-title-enhanced{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:max-content;max-width:100%;margin-top:17px!important;letter-spacing:-.055em!important;line-height:.94!important;text-wrap:balance}
.home-title-enhanced>span{display:block;position:relative;z-index:1}
.home-title-enhanced>span:first-child{background:linear-gradient(110deg,#f8fbff 0%,#dcecff 52%,#a7dfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 40px rgba(73,139,220,.08)}
.home-title-enhanced>span:last-child{background:linear-gradient(105deg,#ffffff 0%,#edf5ff 48%,#c6d9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-title-enhanced:after{content:"";position:absolute;left:1px;bottom:-12px;width:86px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--teal),#5d8dff);box-shadow:0 0 20px rgba(50,213,196,.32)}
.home-intro-expanded{max-width:650px!important;margin-top:30px!important}
.home-intro-expanded p{margin:0;color:#a9bcc9;font-size:15px;line-height:1.72}
.home-intro-expanded p+p{margin-top:11px;color:#8199a8;font-size:13px;line-height:1.68}

/* Primary FPL action feels interactive, not permanently animated. */
.home-primary-action .home-manage-team{position:relative;display:inline-flex!important;align-items:center;gap:10px;overflow:hidden;isolation:isolate;transition:transform .2s var(--v1-ease),box-shadow .22s ease,border-color .22s ease,filter .22s ease!important}
.home-primary-action .home-manage-team:before{content:"";position:absolute;z-index:-1;top:-120%;bottom:-120%;left:-55%;width:38%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .52s var(--v1-ease)}
.home-primary-action .home-manage-team i{font-size:14px;font-style:normal;transition:transform .2s var(--v1-ease)}
.home-primary-action .home-manage-team:hover{transform:translateY(-2px) scale(1.012);border-color:#7aa9ff!important;box-shadow:0 0 0 1px rgba(92,147,255,.18),0 15px 38px rgba(48,106,235,.42),0 0 30px rgba(61,126,255,.26)!important;filter:saturate(1.12) brightness(1.05)}
.home-primary-action .home-manage-team:hover:before{left:125%}
.home-primary-action .home-manage-team:hover i{transform:translate(2px,-2px)}
.home-primary-action .home-manage-team:active{transform:translateY(0) scale(.99)}

/* Make useful editorial detail fill the news card's copy column. */
.home-news-feature-body>p{-webkit-line-clamp:4!important}
.home-news-feature-byline{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}
.home-news-feature-byline>span{display:flex;align-items:center;gap:7px;min-width:0}
.home-news-author-avatar{width:27px!important;height:27px!important;border-radius:8px!important}
.home-news-feature-byline>span>span{min-width:0}.home-news-feature-byline b,.home-news-feature-byline small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-news-feature-byline b{font-size:8px}.home-news-feature-byline small{margin-top:2px;color:#667e8b;font-size:6.5px}.home-news-feature-byline>em{flex:0 0 auto;color:#748c99;font-size:7px;font-style:normal;font-weight:850}
.home-news-feature-placeholder{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.home-news-feature-placeholder span{padding:4px 7px;border:1px solid rgba(50,213,196,.11);border-radius:999px;background:rgba(50,213,196,.045);color:#789aa2;font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}

/* A new mobile editorial hero sits directly under the newspaper when active. */
.mobile-editorial-news{display:none}
@media(max-width:760px){
  .mobile-editorial-news{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);min-height:154px;margin:0 0 12px;overflow:hidden;border:1px solid rgba(50,213,196,.17);border-radius:21px;background:linear-gradient(145deg,rgba(13,37,49,.99),rgba(5,18,28,.99));box-shadow:0 18px 42px rgba(0,0,0,.24);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s var(--v1-ease),border-color .18s ease}
  .mobile-editorial-news:active{transform:scale(.988)}
  .mobile-editorial-news-media{position:relative;display:grid;place-items:center;min-height:154px;overflow:hidden;background:radial-gradient(circle at 35% 25%,rgba(50,213,196,.2),transparent 50%),#0b2634;background-size:cover;background-position:center}
  .mobile-editorial-news-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(5,18,28,.62))}
  .mobile-editorial-news-media>.app-icon{width:30px;height:30px;color:var(--teal)}
  .mobile-editorial-news-media>i{position:absolute;z-index:2;left:9px;top:9px;padding:4px 7px;border-radius:999px;background:rgba(4,15,22,.78);color:#eafffb;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
  .mobile-editorial-news-body{min-width:0;display:flex;flex-direction:column;padding:13px 13px 12px}
  .mobile-editorial-news-meta{display:flex;align-items:center;justify-content:space-between;gap:7px}.mobile-editorial-news-meta span{color:var(--teal);font-size:6.5px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.mobile-editorial-news-meta small{min-width:0;color:#607987;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-editorial-news-body>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:15px;line-height:1.18}
  .mobile-editorial-news-body>em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;color:#8da4af;font-size:8px;font-style:normal;line-height:1.45}
  .mobile-editorial-news-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}
  .mobile-editorial-news-foot>span{display:flex;align-items:center;gap:6px;min-width:0}.mobile-editorial-author-avatar{width:24px!important;height:24px!important;border-radius:7px!important}.mobile-editorial-news-foot>span>span{min-width:0}.mobile-editorial-news-foot>span b,.mobile-editorial-news-foot>span small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-editorial-news-foot>span b{font-size:7px}.mobile-editorial-news-foot>span small{margin-top:1px;color:#607986;font-size:5.8px}.mobile-editorial-news-foot>b{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--teal);font-size:7px}.mobile-editorial-news-foot svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2}
  .mobile-editorial-news-empty{grid-template-columns:66px minmax(0,1fr);min-height:112px}.mobile-editorial-news-empty .mobile-editorial-news-media{min-height:112px}.mobile-editorial-news-empty .mobile-editorial-news-body>small{color:var(--teal);font-size:6.5px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.mobile-editorial-news-empty .mobile-editorial-news-body>strong{font-size:13px}.mobile-editorial-news-empty .mobile-editorial-news-body>em{-webkit-line-clamp:2}.mobile-editorial-news-empty .mobile-editorial-news-body>b{display:flex;align-items:center;gap:5px;margin-top:auto;color:var(--teal);font-size:7px}
  .mobile-home-news{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .desktop-more-trigger .desktop-more-chevron,.home-primary-action .home-manage-team,.home-primary-action .home-manage-team:before,.home-primary-action .home-manage-team i,.mobile-editorial-news{transition:none!important}
  .home-primary-action .home-manage-team:hover{transform:none!important}
}

.desktop-more-trigger.open>span:first-child{transform:none!important}

/* =========================================================
   v15.3.1 — HOMEPAGE TITLE FIT HOTFIX
   Prevent the enhanced homepage wordmark clipping at narrow widths.
   ========================================================= */
.home-title-enhanced{
  min-width:0;
  overflow:visible;
}
.home-title-enhanced>span{
  box-sizing:content-box;
  max-width:100%;
  padding-right:.08em;
  margin-right:-.08em;
  overflow:visible;
}
@media(max-width:760px){
  body[data-page="home"] .home-title-enhanced{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(30px,9.2vw,43px)!important;
    line-height:.98!important;
    letter-spacing:-.043em!important;
    text-wrap:initial!important;
  }
  body[data-page="home"] .home-title-enhanced>span{
    width:max-content;
    max-width:100%;
    white-space:nowrap;
  }
}
@media(max-width:350px){
  body[data-page="home"] .home-title-enhanced{
    font-size:29px!important;
    letter-spacing:-.04em!important;
  }
}

/* =========================================================
   v15.3.2 — FINAL VISUAL BUGFIX HOTFIX
   Descender-safe wordmark, organiser badge alignment,
   editorial footer balance and unclipped compare icon.
   ========================================================= */

/* Give gradient-clipped glyphs enough paint area for y/g descenders. */
body[data-page="home"] .home-title-enhanced{
  line-height:1.035!important;
  padding-bottom:.12em;
}
body[data-page="home"] .home-title-enhanced>span{
  padding-bottom:.12em;
  margin-bottom:-.12em;
}
body[data-page="home"] .home-title-enhanced:after{
  bottom:-9px;
}

/* Keep the organiser badge directly beneath its lock, inside the row. */
.desktop-more-admin{
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  min-height:66px!important;
  padding:10px 12px!important;
}
.desktop-more-admin>.app-icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end;
  justify-self:center;
}
.desktop-more-admin>.desktop-more-item-copy{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:center;
}
.desktop-more-admin>em{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start;
  justify-self:center!important;
  margin-top:5px;
  padding:3px 6px!important;
  white-space:nowrap;
}

/* Place author identity and the article action together at the card foot. */
.home-news-feature-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.055);
}
.home-news-feature-footer .home-news-feature-byline{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.home-news-feature-footer .home-news-feature-action{
  flex:0 0 auto;
  margin:0;
  padding:0;
}
.home-news-feature-byline small{
  max-width:150px;
}

/* The compare arrows need a little more visual room in compact menus. */
.desktop-more-popover [data-go="rivalry"] .app-icon{
  width:20px!important;
  height:20px!important;
  overflow:visible;
}
.desktop-more-popover [data-go="rivalry"] .app-icon svg{
  overflow:visible;
}

@media(max-width:760px){
  body[data-page="home"] .home-title-enhanced{
    line-height:1.045!important;
    padding-bottom:.1em;
  }
  body[data-page="home"] .home-title-enhanced>span{
    padding-bottom:.1em;
    margin-bottom:-.1em;
  }
}

/* =========================================================
   v16.0.2 — LIVE AUTHOR AVATAR IN THE DESKTOP LATEST NEWS HERO
   Decorative full-body author identity uses otherwise empty editorial space.
   ========================================================= */
.home-news-feature-body.has-author-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.home-news-feature-body.has-author-hero:after{
  content:"";
  position:absolute;
  z-index:0;
  right:-28px;
  bottom:35px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(50,213,196,.115) 0%,rgba(50,213,196,.045) 42%,transparent 70%);
  pointer-events:none;
}
.home-news-feature-body.has-author-hero>.home-news-feature-top,
.home-news-feature-body.has-author-hero>strong,
.home-news-feature-body.has-author-hero>p,
.home-news-feature-body.has-author-hero>.home-news-feature-footer{
  position:relative;
  z-index:2;
}
.home-news-feature-body.has-author-hero>p{
  padding-right:66px;
}
.home-news-feature-avatar-stage{
  position:absolute;
  z-index:1;
  /* Match the leader avatar's real card inset: the leader is positioned
     inside a 22px-padded content box, while News is positioned against
     the body edge. This keeps both character centres on one vertical line. */
  right:22px;
  /* Lift the feet clear of the News byline/footer without making the
     character feel detached from the lower half of the card. */
  bottom:68px;
  width:80px;
  height:120px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  pointer-events:none;
  transform-origin:58% 100%;
  animation:homeNewsAuthorIdle 5.8s ease-in-out infinite;
  transition:transform .24s var(--v1-ease),filter .24s ease;
  filter:drop-shadow(0 9px 9px rgba(0,0,0,.23));
}
.home-news-feature-avatar-stage:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:1px;
  width:50px;
  height:8px;
  border-radius:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,.24);
  filter:blur(4px);
}
.home-news-feature-hero-avatar{
  width:80px!important;
  height:120px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-news-feature-hero-avatar .habbo-avatar__fallback{
  opacity:0!important;
  border:0;
  background:transparent;
  color:transparent;
}
.home-news-feature-hero-avatar .habbo-avatar__image{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 7px 5px rgba(0,0,0,.19));
}
.home-news-feature:hover .home-news-feature-avatar-stage{
  animation-play-state:paused;
  transform:translateY(-3px) rotate(-1deg) scale(1.025);
  filter:drop-shadow(0 12px 11px rgba(0,0,0,.28));
}
@keyframes homeNewsAuthorIdle{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(-.35deg)}
}
@media(max-width:1100px) and (min-width:761px){
  .home-news-feature-body.has-author-hero>p{padding-right:58px}
  .home-news-feature-avatar-stage{right:20px;bottom:65px;width:72px;height:108px}
  .home-news-feature-hero-avatar{width:72px!important;height:108px!important}
}
@media(prefers-reduced-motion:reduce){
  .home-news-feature-avatar-stage{animation:none!important;transition:none!important}
  .home-news-feature:hover .home-news-feature-avatar-stage{transform:none!important}
}



/* =========================================================
   v16.0.3 — LIVE H2H LEADER AVATAR IN THE DESKTOP HOME HERO
   Pairs with the Latest News author character while preserving
   the leader card's standings information and click behaviour.
   ========================================================= */
.home-leader-card.home-aside-feature.has-live-leader-avatar{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  justify-content:stretch!important;
}
.home-leader-card.home-aside-feature.has-live-leader-avatar:after{
  content:"";
  position:absolute;
  z-index:0;
  right:-32px;
  top:50px;
  width:142px;
  height:142px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(50,213,196,.10) 0%,rgba(50,213,196,.035) 43%,transparent 72%);
  pointer-events:none;
}
.home-leader-card.has-live-leader-avatar>.home-leader-head,
.home-leader-card.has-live-leader-avatar>.home-leader-main,
.home-leader-card.has-live-leader-avatar>.home-leader-stats{
  position:relative;
  z-index:2;
}
.home-leader-main{
  min-width:0;
  min-height:112px;
  display:flex;
  align-items:center;
  flex:1 1 auto;
  padding:9px 92px 2px 0;
}
.home-leader-copy{
  min-width:0;
  width:100%;
}
.home-leader-card.has-live-leader-avatar .home-leader-name{
  margin-top:0;
  font-size:clamp(27px,2.7vw,38px);
}
.home-leader-card.has-live-leader-avatar .home-leader-team{
  max-width:100%;
}
.home-leader-avatar-stage{
  position:absolute;
  z-index:1;
  right:0;
  bottom:-2px;
  width:80px;
  height:120px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  pointer-events:none;
  transform-origin:58% 100%;
  animation:homeNewsAuthorIdle 5.8s ease-in-out infinite;
  transition:transform .24s var(--v1-ease),filter .24s ease;
  filter:drop-shadow(0 9px 9px rgba(0,0,0,.23));
}
.home-leader-avatar-stage:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:1px;
  width:50px;
  height:8px;
  border-radius:50%;
  transform:translateX(-50%);
  background:rgba(0,0,0,.24);
  filter:blur(4px);
}
.home-leader-hero-avatar{
  width:80px!important;
  height:120px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-leader-hero-avatar .habbo-avatar__fallback{
  opacity:0!important;
  border:0;
  background:transparent;
  color:transparent;
}
.home-leader-hero-avatar .habbo-avatar__image{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 7px 5px rgba(0,0,0,.19));
}
.home-leader-card.has-live-leader-avatar:hover .home-leader-avatar-stage{
  animation-play-state:paused;
  transform:translateY(-3px) rotate(-1deg) scale(1.025);
  filter:drop-shadow(0 12px 11px rgba(0,0,0,.28));
}
.home-leader-card.home-aside-feature.has-live-leader-avatar .home-leader-stats{
  margin-top:auto;
  padding-top:14px;
}
@media(max-width:1100px) and (min-width:761px){
  .home-leader-main{min-height:106px;padding-right:82px}
  .home-leader-avatar-stage{right:-2px;width:72px;height:108px}
  .home-leader-hero-avatar{width:72px!important;height:108px!important}
  .home-leader-card.has-live-leader-avatar .home-leader-name{font-size:clamp(25px,3vw,34px)}
}
@media(prefers-reduced-motion:reduce){
  .home-leader-avatar-stage{animation:none!important;transition:none!important}
  .home-leader-card.has-live-leader-avatar:hover .home-leader-avatar-stage{transform:none!important}
}


/* ==========================================================================
   HABBOON FPL v17.4.0 — H2H LEAGUE VISUAL REFRESH
   ========================================================================== */
body[data-page="league"] .page-head{display:none}
.league-championship-hero{position:relative;overflow:hidden;margin-bottom:13px;padding:23px;border:1px solid rgba(50,213,196,.14);border-radius:23px;background:radial-gradient(circle at 78% 10%,rgba(50,213,196,.13),transparent 28%),linear-gradient(135deg,rgba(12,31,44,.98),rgba(5,16,25,.98) 58%,rgba(7,26,34,.98));box-shadow:0 24px 60px rgba(0,0,0,.22)}
.league-championship-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.025) 50%,transparent 58%);transform:translateX(-60%);animation:leagueHeroSweep 14s ease-in-out infinite}
.league-hero-glow{position:absolute;width:330px;height:330px;right:-120px;top:-185px;border-radius:50%;background:rgba(50,213,196,.10);filter:blur(25px);pointer-events:none}
@keyframes leagueHeroSweep{0%,70%,100%{transform:translateX(-70%)}82%{transform:translateX(80%)}}
.league-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.league-hero-copy{min-width:0}.league-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#83a8b6;font-size:9px;font-weight:950;letter-spacing:.14em}.league-hero-kicker i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(50,213,196,.09),0 0 18px rgba(50,213,196,.38)}
.league-hero-copy h1{margin:7px 0 0;font-size:clamp(29px,4vw,48px);line-height:.98;letter-spacing:-.045em}.league-hero-copy p{max-width:610px;margin:10px 0 0;color:#839aa8;font-size:12px;line-height:1.6}
.league-hero-status{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(3,12,19,.42)}
.league-hero-status>span{min-width:86px;padding:12px 14px;border-left:1px solid rgba(255,255,255,.055);text-align:center}.league-hero-status>span:first-child{border-left:0}.league-hero-status small,.league-hero-status strong,.league-hero-status em{display:block}.league-hero-status small{color:#607d8c;font-size:7px;font-weight:950;letter-spacing:.11em}.league-hero-status strong{margin-top:3px;font-size:19px;font-weight:950}.league-hero-status em{margin-top:1px;color:#708a98;font-size:7px;font-style:normal;font-weight:850}
.league-race-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:21px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06)}.league-race-head span{display:block;color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.13em}.league-race-head strong{display:block;margin-top:3px;font-size:15px}.league-race-head>em{color:#7893a1;font-size:9px;font-style:normal;font-weight:800}
.league-race-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.league-race-card{position:relative;min-width:0;min-height:76px;display:grid;grid-template-columns:auto 48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:linear-gradient(145deg,rgba(18,38,50,.82),rgba(6,18,27,.9));color:var(--text);text-align:left;cursor:pointer;transition:transform .2s var(--v1-ease),border-color .2s,background .2s}.league-race-card:hover{transform:translateY(-2px);border-color:rgba(50,213,196,.23);background:linear-gradient(145deg,rgba(20,43,55,.9),rgba(7,20,29,.94))}.league-race-card.place-1{border-color:rgba(244,201,93,.18);background:linear-gradient(145deg,rgba(73,59,25,.18),rgba(7,19,28,.92))}.league-race-position{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);color:#7f98a6;font-size:10px;font-weight:950}.place-1 .league-race-position{border-color:rgba(244,201,93,.28);background:rgba(244,201,93,.11);color:#f3d67a}.place-2 .league-race-position{color:#c5d0d6}.place-3 .league-race-position{color:#c99066}.league-race-avatar{width:48px!important;height:48px!important;border-radius:14px!important}.league-race-copy{min-width:0}.league-race-copy small,.league-race-copy strong,.league-race-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-race-copy small{color:#63808e;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.league-race-copy strong{margin-top:3px;font-size:14px}.league-race-copy em{margin-top:2px;color:#7b939f;font-size:8px;font-style:normal}.league-race-points{text-align:right}.league-race-points strong{display:block;font-size:22px;line-height:1;font-weight:950}.league-race-points small{display:block;margin-top:3px;color:#63808e;font-size:7px;font-weight:950;letter-spacing:.08em}.league-race-empty{grid-column:1/-1;padding:14px;color:#718b99;font-size:10px;text-align:center}
.league-command-bar{position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:9px;align-items:center;margin-bottom:13px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:linear-gradient(90deg,rgba(12,30,42,.9),rgba(6,18,27,.94));box-shadow:0 12px 34px rgba(0,0,0,.12)}
.league-mode-switch{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(3,12,19,.45)}.league-mode-switch button{min-width:142px;min-height:43px;padding:6px 12px;border:0;border-radius:10px;background:transparent;color:#708b99;text-align:left;cursor:pointer}.league-mode-switch button span,.league-mode-switch button small{display:block}.league-mode-switch button span{font-size:9px;font-weight:950;letter-spacing:.06em}.league-mode-switch button small{margin-top:2px;font-size:7px;font-weight:800}.league-mode-switch button.active{background:rgba(50,213,196,.11);color:#e5fbf8;box-shadow:inset 0 0 0 1px rgba(50,213,196,.16)}.league-mode-switch button.active small{color:#74a89f}
.league-search{min-height:49px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(3,12,19,.38)}.league-search:focus-within{border-color:rgba(50,213,196,.28);box-shadow:0 0 0 3px rgba(50,213,196,.04)}.league-search>span{color:#6d8795;font-size:18px}.league-search input{width:100%;height:45px;padding:0;border:0;background:transparent;outline:0;color:var(--text)}.league-search input::placeholder{color:#58717f}
.league-jump-button{min-height:49px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:5px 11px;border:1px solid rgba(50,213,196,.14);border-radius:13px;background:rgba(50,213,196,.055);color:var(--text);text-align:left;cursor:pointer}.league-jump-button>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(50,213,196,.10);color:var(--teal);font-weight:950}.league-jump-button b{align-self:end;font-size:9px;white-space:nowrap}.league-jump-button small{align-self:start;color:#699084;font-size:7px;font-weight:850}.league-jump-button:hover{border-color:rgba(50,213,196,.3);background:rgba(50,213,196,.08)}.league-result-count{padding:0 7px;color:#66818f;font-size:8px;font-weight:900;white-space:nowrap}
.league-standings-panel{overflow:hidden;border-color:rgba(255,255,255,.065)}.league-standings-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(17,38,50,.72),rgba(8,22,31,.76))}.league-standings-head span{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.13em}.league-standings-head h2{margin:3px 0 0;font-size:19px}.league-standings-head p{margin:4px 0 0;color:#718b99;font-size:9px}.league-standings-badges{display:flex;gap:6px}.league-standings-badges span{padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#77929f;font-size:7px;letter-spacing:.04em}.league-table-wrap{border:0!important;border-radius:0!important;background:transparent!important}.league-standings-table{min-width:900px}.league-standings-table thead th{height:39px;background:rgba(3,12,19,.44);color:#66818f;font-size:8px;letter-spacing:.08em}.league-standings-table tbody tr{transition:background .18s,transform .18s}.league-standings-table tbody tr:hover{background:linear-gradient(90deg,rgba(50,213,196,.055),rgba(255,255,255,.015))}.league-standings-table td{height:64px}.league-standings-table .identity .avatar{width:38px!important;height:38px!important;border-radius:12px!important}.league-standings-table .identity-main{font-size:12px}.league-standings-table .identity-sub{font-size:8px}.league-pos-cell{font-size:12px!important}.league-points-cell span,.league-points-cell small{display:block}.league-points-cell span{font-size:18px}.league-points-cell small{margin-top:1px;color:#607b88;font-size:6px;font-weight:950;letter-spacing:.08em}.leaderboard-rank-1 .league-points-cell span{color:#f3d67a}.leaderboard-rank-2 .league-points-cell span{color:#d3dde2}.leaderboard-rank-3 .league-points-cell span{color:#cf9a71}.league-mobile-summary,.league-mobile-summary-head,.league-mobile-table-head{display:none}
.leaderboard-row.leaderboard-rank-2 td:first-child{box-shadow:inset 3px 0 0 rgba(200,213,221,.56)}.leaderboard-row.leaderboard-rank-3 td:first-child{box-shadow:inset 3px 0 0 rgba(204,143,96,.58)}

@media(max-width:1080px){.league-hero-main{grid-template-columns:1fr}.league-hero-status{max-width:420px}.league-race-card{grid-template-columns:auto 42px minmax(0,1fr) auto}.league-race-avatar{width:42px!important;height:42px!important}.league-command-bar{grid-template-columns:1fr 1fr auto}.league-mode-switch{grid-column:1/2}.league-search{grid-column:2/3}.league-jump-button{grid-column:3/4}.league-result-count{display:none}}
@media(max-width:760px){
  .league-championship-hero{margin-inline:-2px;padding:16px;border-radius:20px}.league-hero-main{gap:14px}.league-hero-copy h1{font-size:31px}.league-hero-copy p{font-size:10px;line-height:1.5}.league-hero-status{grid-template-columns:repeat(3,1fr);max-width:none}.league-hero-status>span{min-width:0;padding:9px 5px}.league-hero-status strong{font-size:16px}.league-race-head{margin-top:15px;padding-top:13px}.league-race-head>em{font-size:8px;text-align:right}.league-race-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.league-race-card{min-height:69px;grid-template-columns:22px 40px minmax(0,1fr) auto;gap:7px;padding:8px}.league-race-card.place-1{grid-column:1/-1}.league-race-position{width:22px;height:22px}.league-race-avatar{width:40px!important;height:40px!important}.league-race-copy small{font-size:6px}.league-race-copy strong{font-size:12px}.league-race-copy em{font-size:7px}.league-race-points strong{font-size:18px}
  .league-command-bar{position:sticky;top:69px;grid-template-columns:1fr auto;gap:7px;margin-inline:-2px;padding:7px;border-radius:15px;backdrop-filter:blur(16px)}.league-mode-switch{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.league-mode-switch button{min-width:0;min-height:39px;padding:5px 9px}.league-mode-switch button span{font-size:8px}.league-mode-switch button small{font-size:6.5px}.league-search{grid-column:1/2;min-height:43px}.league-search input{height:40px;font-size:16px}.league-jump-button{grid-column:2/3;min-height:43px;padding:4px 8px}.league-jump-button b{font-size:8px}.league-jump-button small{display:none}.league-jump-button>span{width:25px;height:25px}
  .league-standings-head{padding:13px 13px 11px}.league-standings-head h2{font-size:17px}.league-standings-head p{font-size:8px}.league-standings-badges span:last-child{display:none}.league-mobile-table-head{display:grid;grid-template-columns:34px minmax(0,1fr) 45px 92px;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(3,12,19,.45);color:#607c89;font-size:7px;font-weight:950;letter-spacing:.08em}.league-mobile-table-head span:nth-child(3),.league-mobile-table-head span:nth-child(4){text-align:right}
  body[data-page="league"] .league-table-wrap{overflow:visible!important}.league-standings-table.mobile-card-table{display:block!important;min-width:0!important}.league-standings-table.mobile-card-table thead{display:none!important}.league-standings-table.mobile-card-table tbody{display:grid!important;gap:6px!important;padding:7px!important}.league-standings-table.mobile-card-table tbody tr{position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 45px 92px!important;grid-template-areas:"pos manager points form" ". summary summary summary"!important;gap:3px 8px!important;align-items:center!important;min-height:66px!important;padding:8px 7px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;background:linear-gradient(100deg,rgba(14,31,42,.78),rgba(6,18,27,.92))!important;box-shadow:none!important}.league-standings-table.mobile-card-table tbody tr.leaderboard-rank-1{background:linear-gradient(100deg,rgba(82,67,28,.16),rgba(7,19,28,.94))!important}.league-standings-table.mobile-card-table tbody td{display:none!important}.league-standings-table.mobile-card-table tbody td:before{display:none!important}.league-standings-table.mobile-card-table .league-pos-cell{grid-area:pos;display:block!important;position:static!important;margin:0!important;padding:0!important;font-size:10px!important;text-align:center!important;box-shadow:none!important}.league-standings-table.mobile-card-table .league-manager-cell{grid-area:manager;display:block!important;padding:0!important}.league-standings-table.mobile-card-table .league-points-cell{grid-area:points;display:block!important;padding:0!important;text-align:right!important}.league-standings-table.mobile-card-table .league-form-cell{grid-area:form;display:block!important;padding:0!important}.league-standings-table.mobile-card-table .league-mobile-summary{grid-area:summary;display:block!important;padding:1px 0 0!important;color:#67818e!important;font-size:7px!important;font-weight:850!important;white-space:nowrap!important}.league-standings-table.mobile-card-table .identity{min-width:0;padding-right:0!important}.league-standings-table.mobile-card-table .identity .avatar{width:34px!important;height:34px!important;border-radius:10px!important}.league-standings-table.mobile-card-table .identity-main{font-size:11px}.league-standings-table.mobile-card-table .identity-sub{font-size:7px;flex-wrap:nowrap;overflow:hidden}.league-standings-table.mobile-card-table .league-points-cell span{font-size:16px}.league-standings-table.mobile-card-table .league-points-cell small{font-size:5.5px}.league-standings-table.mobile-card-table .form{justify-content:flex-end;gap:3px}.league-standings-table.mobile-card-table .form-dot{width:14px;height:14px;font-size:6px}.league-standings-table.mobile-card-table tr.is-my-manager{box-shadow:inset 3px 0 0 var(--teal)!important;border-color:rgba(50,213,196,.24)!important}
}
@media(max-width:430px){.league-race-grid{display:grid}.league-race-card:not(.place-1){grid-template-columns:20px 34px minmax(0,1fr);}.league-race-card:not(.place-1) .league-race-points{grid-column:3;text-align:left}.league-race-card:not(.place-1) .league-race-points strong,.league-race-card:not(.place-1) .league-race-points small{display:inline}.league-race-card:not(.place-1) .league-race-points small{margin-left:3px}.league-race-card:not(.place-1) .league-race-copy em{display:none}.league-mobile-table-head{grid-template-columns:31px minmax(0,1fr) 40px 80px}.league-standings-table.mobile-card-table tbody tr{grid-template-columns:31px minmax(0,1fr) 40px 80px!important;gap:3px 6px!important}.league-standings-table.mobile-card-table .form-dot{width:12px;height:12px}.league-jump-button b{max-width:74px;overflow:hidden;text-overflow:ellipsis}.league-standings-head p{max-width:240px}}
@media(prefers-reduced-motion:reduce){.league-championship-hero:before{animation:none}.league-race-card{transition:none}}


/* ========================================================================== 
   HABBOON FPL v17.4.1 — PAGE HEADER IDENTITY
   Main page titles now share a stronger premium visual language.
   ========================================================================== */

/* Shared main-page heading identity — deliberately excludes bespoke newspaper/live heroes. */
.page-head > div:first-child{position:relative}
.page-head .eyebrow{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:9px;
  padding:5px 9px;
  border:1px solid rgba(50,213,196,.14);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(50,213,196,.075),rgba(50,213,196,.025));
  color:#7de9dc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.page-head .eyebrow:before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(50,213,196,.07),0 0 15px rgba(50,213,196,.28);
}
.page-head h2{
  position:relative;
  display:table;
  max-width:100%;
  color:#eefcff;
  background:linear-gradient(96deg,#f7fbff 0%,#d9fbf7 43%,#8ceadf 75%,#4fd3c3 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 8px 22px rgba(25,174,159,.08));
}
.page-head h2:after{
  content:"";
  display:block;
  width:min(92px,38%);
  height:3px;
  margin-top:9px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--teal),rgba(76,179,255,.62),transparent);
  box-shadow:0 0 18px rgba(50,213,196,.18);
}
.page-head p{color:#829aa8}

/* H2H championship hero title — exact Season 3 naming with split accent treatment. */
.league-hero-copy h1{
  color:#eefcff;
  text-shadow:none;
  filter:drop-shadow(0 10px 30px rgba(25,174,159,.10));
}
.league-title-main{
  background:linear-gradient(96deg,#ffffff 0%,#e1fbf8 62%,#a5f0e7 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.league-title-years{
  background:linear-gradient(96deg,#68e2d4 0%,#38c8bc 48%,#72c8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  white-space:nowrap;
}

@media(max-width:760px){
  .page-head .eyebrow{margin-bottom:8px;padding:4px 8px}
  .page-head h2:after{height:2px;margin-top:7px;width:min(76px,34%)}
  .league-title-years{white-space:normal}
}

/* ========================================================================== 
   v17.4.25 — FLAGSHIP HOMEPAGE PRECISION POLISH
   Keep the proven simple homepage structure; raise only the visual standard.
   ========================================================================== */
body[data-page="home"] .desktop-home-content{--home-prestige:#f3cf72;--home-ice:#eaf7ff}
body[data-page="home"] .home-hero.home-hero-flagship-refined{
  position:relative;
  isolation:isolate;
  padding:34px;
  overflow:hidden;
  border-color:rgba(80,210,199,.22);
  background:
    radial-gradient(circle at 11% 8%,rgba(52,129,228,.14),transparent 31%),
    radial-gradient(circle at 87% 9%,rgba(50,213,196,.13),transparent 27%),
    radial-gradient(circle at 74% 88%,rgba(243,207,114,.045),transparent 26%),
    linear-gradient(136deg,#11263d 0%,#0b1a2c 48%,#071522 100%);
  box-shadow:0 30px 72px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
body[data-page="home"] .home-hero.home-hero-flagship-refined:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.58;
  background:
    linear-gradient(116deg,transparent 0 44%,rgba(255,255,255,.023) 49%,transparent 54%),
    repeating-linear-gradient(90deg,transparent 0 83px,rgba(255,255,255,.012) 84px,transparent 85px);
}
body[data-page="home"] .home-hero.home-hero-flagship-refined:after{
  width:390px;
  height:390px;
  right:-185px;
  bottom:-245px;
  border-width:48px;
  border-color:rgba(255,255,255,.022);
  box-shadow:0 0 0 1px rgba(243,207,114,.025),0 0 90px rgba(50,213,196,.025);
}
body[data-page="home"] .home-hero.home-hero-flagship-refined .home-hero-grid{
  grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);
  gap:30px;
  align-items:stretch;
}
body[data-page="home"] .home-hero.home-hero-flagship-refined .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid rgba(50,213,196,.16);
  border-radius:999px;
  background:rgba(4,16,27,.26);
  color:#9fe9df;
  font-size:8px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body[data-page="home"] .home-hero.home-hero-flagship-refined .eyebrow:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(50,213,196,.08),0 0 16px rgba(50,213,196,.35);
}
body[data-page="home"] .home-title-enhanced{
  margin-top:14px!important;
  max-width:700px;
  line-height:1.015!important;
  letter-spacing:-.052em!important;
  padding-bottom:.08em;
  overflow:visible!important;
}
body[data-page="home"] .home-title-enhanced>span{
  box-sizing:content-box;
  padding-bottom:.18em;
  margin-bottom:-.18em;
  overflow:visible!important;
}
body[data-page="home"] .home-title-enhanced>span:first-child{
  background:linear-gradient(108deg,#ffffff 0%,#eef7ff 54%,#abd9ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body[data-page="home"] .home-title-enhanced>span:last-child{
  background:linear-gradient(106deg,#ffffff 0%,#e7f4ff 55%,#c6dcff 82%,#f3cf72 118%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body[data-page="home"] .home-title-enhanced:after{
  bottom:-10px;
  width:104px;
  height:3px;
  background:linear-gradient(90deg,var(--teal),#6799ff 72%,rgba(243,207,114,.8));
  box-shadow:0 0 22px rgba(50,213,196,.28);
}
body[data-page="home"] .home-intro-expanded{
  max-width:620px!important;
  margin-top:27px!important;
}
body[data-page="home"] .home-intro-expanded p{
  max-width:610px;
  color:#aebfca;
  font-size:14px;
  line-height:1.68;
}
body[data-page="home"] .home-primary-action{margin-top:21px!important}
body[data-page="home"] .home-primary-action .home-manage-team{
  min-height:45px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#2f78e2,#4966df)!important;
  box-shadow:0 14px 30px rgba(45,104,221,.25),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body[data-page="home"] .home-discord-banner{
  margin-top:18px;
  padding:10px 12px;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:11px;
  border-color:rgba(139,125,255,.22);
  border-radius:13px;
  background:linear-gradient(105deg,rgba(88,72,196,.13),rgba(25,37,70,.25));
}
body[data-page="home"] .home-discord-banner .discord-mark{width:34px;height:30px;border-radius:10px 10px 13px 13px;box-shadow:0 7px 18px rgba(81,65,192,.2)}
body[data-page="home"] .home-discord-banner .discord-mark:before,body[data-page="home"] .home-discord-banner .discord-mark:after{top:11px;width:4px;height:4px}
body[data-page="home"] .home-discord-banner .discord-mark:before{left:9px}
body[data-page="home"] .home-discord-banner .discord-mark:after{right:9px}
body[data-page="home"] .home-discord-copy strong{font-size:10px}
body[data-page="home"] .home-discord-copy span{font-size:8px}
body[data-page="home"] .home-discord-action strong{font-size:9px}
body[data-page="home"] .home-discord-action small{font-size:7px}
body[data-page="home"] .home-status-row{
  margin-top:18px;
  border-color:rgba(255,255,255,.065);
  border-radius:13px;
  background:rgba(255,255,255,.055);
}
body[data-page="home"] .home-status-item{padding:12px 14px;background:rgba(4,14,24,.5)}
body[data-page="home"] .home-status-item span{font-size:7.5px;letter-spacing:.11em}
body[data-page="home"] .home-status-item strong{font-size:11.5px}

/* Editorial pair remains the hero's only major secondary content. */
body[data-page="home"] .home-hero-aside-matched{gap:12px!important}
body[data-page="home"] .home-aside-feature{
  position:relative;
  overflow:hidden;
  border-radius:18px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-page="home"] .home-news-feature{
  border-color:rgba(50,213,196,.18);
  background:linear-gradient(145deg,rgba(11,35,47,.985),rgba(5,18,29,.99));
}
body[data-page="home"] .home-news-feature:before,
body[data-page="home"] .home-leader-card.home-aside-feature:before{
  content:"";
  position:absolute;
  z-index:4;
  left:0;
  top:0;
  right:0;
  height:2px;
  pointer-events:none;
}
body[data-page="home"] .home-news-feature:before{background:linear-gradient(90deg,var(--teal),rgba(80,159,255,.75),transparent 78%)}
body[data-page="home"] .home-news-feature-media{min-height:142px;background-color:#0a2230}
body[data-page="home"] .home-news-feature-body{padding:16px}
body[data-page="home"] .home-news-feature-body>strong{margin-top:10px;font-size:16.5px;line-height:1.22;letter-spacing:-.018em}
body[data-page="home"] .home-news-feature-body>p{margin-top:7px;color:#90a6b1;line-height:1.48}
body[data-page="home"] .home-news-feature-top span{color:#7ce2d6}
body[data-page="home"] .home-news-feature-footer{padding-top:10px}
body[data-page="home"] .home-news-feature:hover{border-color:rgba(50,213,196,.34);box-shadow:0 23px 48px rgba(0,0,0,.25),0 0 0 1px rgba(50,213,196,.04)}

body[data-page="home"] .home-leader-card.home-aside-feature{
  border-color:rgba(243,207,114,.15);
  background:
    radial-gradient(circle at 90% 12%,rgba(243,207,114,.075),transparent 34%),
    linear-gradient(145deg,rgba(11,28,43,.98),rgba(5,16,27,.99));
}
body[data-page="home"] .home-leader-card.home-aside-feature:before{background:linear-gradient(90deg,var(--home-prestige),rgba(50,213,196,.62),transparent 78%)}
body[data-page="home"] .home-leader-card.home-aside-feature:hover{border-color:rgba(243,207,114,.28);background:radial-gradient(circle at 90% 12%,rgba(243,207,114,.10),transparent 35%),linear-gradient(145deg,rgba(12,31,46,.99),rgba(5,17,28,.99))}
body[data-page="home"] .home-leader-label{display:flex;flex-direction:column;gap:4px;color:#e9c76f;font-size:8.5px}
body[data-page="home"] .home-leader-label small{color:#8297a3;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:none}
body[data-page="home"] .home-leader-position{
  border:1px solid rgba(243,207,114,.16);
  background:linear-gradient(145deg,rgba(243,207,114,.14),rgba(243,207,114,.065));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="home"] .home-leader-card.has-live-leader-avatar .home-leader-name{
  padding-bottom:.1em;
  overflow:visible;
  line-height:1.06;
  color:#f7fbff;
}
body[data-page="home"] .home-leader-card.home-aside-feature.has-live-leader-avatar:after{
  background:radial-gradient(circle,rgba(243,207,114,.085) 0%,rgba(50,213,196,.035) 46%,transparent 72%);
}
body[data-page="home"] .home-leader-stats{
  border-top:1px solid rgba(255,255,255,.055);
}
body[data-page="home"] .home-leader-stat span{color:#718996;font-size:7px;letter-spacing:.08em;text-transform:uppercase}
body[data-page="home"] .home-leader-stat strong{color:#eef7fb}

/* Give the rest of the homepage more breathing room without adding anything new. */
body[data-page="home"] .home-intelligence-grid{margin-top:14px}
body[data-page="home"] .home-content-grid{margin-top:14px;gap:14px}
body[data-page="home"] .home-content-grid>.panel,
body[data-page="home"] .home-intelligence-grid>.panel{border-color:rgba(255,255,255,.065);box-shadow:0 16px 38px rgba(0,0,0,.13)}
body[data-page="home"] .home-stat-card{background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012))}

/* Mobile keeps its already-simple app layout; only give its first card a more flagship finish. */
@media(max-width:760px){
  body[data-page="home"] .mobile-v16-gameweek{
    border-color:rgba(50,213,196,.18)!important;
    background:
      radial-gradient(circle at 86% 4%,rgba(50,213,196,.13),transparent 30%),
      radial-gradient(circle at 8% 0,rgba(69,126,226,.11),transparent 30%),
      linear-gradient(145deg,rgba(13,34,50,.99),rgba(6,18,29,.995))!important;
    box-shadow:0 22px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body[data-page="home"] .mobile-v16-gameweek h2{line-height:1.08;padding-bottom:.08em}
  body[data-page="home"] .mobile-v16-primary-action{box-shadow:0 12px 26px rgba(45,104,221,.22)}
  body[data-page="home"] .mobile-v16-editorial-card,
  body[data-page="home"] .mobile-v16-manager-card{box-shadow:0 14px 34px rgba(0,0,0,.13)}
}
@media(max-width:1100px) and (min-width:761px){
  body[data-page="home"] .home-hero.home-hero-flagship-refined{padding:28px}
  body[data-page="home"] .home-hero.home-hero-flagship-refined .home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.92fr);gap:22px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-hero.home-hero-flagship-refined:before{background:none}
}

/* ========================================================================== 
   v17.4.26 — FLAGSHIP HOMEPAGE MOTION & MICRO-INTERACTIONS
   Motion adds depth without changing the approved v17.4.25 layout.
   ========================================================================== */
body[data-page="home"] .home-reactive-surface{--home-glow-x:50%;--home-glow-y:50%;--home-depth-x:0px;--home-depth-y:0px}
body[data-page="home"] .home-reactive-surface>.home-reactive-light{
  position:absolute!important;
  z-index:5!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  opacity:0;
  background:radial-gradient(330px circle at var(--home-glow-x) var(--home-glow-y),rgba(143,241,230,.085),rgba(103,150,255,.025) 34%,transparent 70%);
  transition:opacity .22s ease;
}
body[data-page="home"] .home-reactive-surface:hover>.home-reactive-light{opacity:1}
body[data-page="home"] .home-news-feature.home-reactive-surface>.home-reactive-light,
body[data-page="home"] .home-leader-card.home-reactive-surface>.home-reactive-light{z-index:3!important}
body[data-page="home"] .home-news-feature.home-reactive-surface>*:not(.home-reactive-light),
body[data-page="home"] .home-leader-card.home-reactive-surface>*:not(.home-reactive-light){position:relative;z-index:4}

/* Cinematic ambient lighting: slow enough to be felt rather than noticed. */
body[data-page="home"] .home-hero.home-hero-flagship-refined:before{
  transform:translate3d(var(--home-depth-x),var(--home-depth-y),0) scale(1.025);
  transform-origin:center;
  background-size:145% 145%,auto;
  animation:homeAmbientLight 16s ease-in-out infinite alternate;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s ease;
}
body[data-page="home"] .home-hero.home-hero-flagship-refined:after{
  animation:homeAmbientRing 14s ease-in-out infinite alternate;
}
@keyframes homeAmbientLight{
  0%{opacity:.46;background-position:0% 30%,0 0}
  50%{opacity:.68;background-position:56% 45%,24px 0}
  100%{opacity:.52;background-position:100% 60%,48px 0}
}
@keyframes homeAmbientRing{
  from{transform:translate3d(0,0,0) scale(1);opacity:.8}
  to{transform:translate3d(-12px,-9px,0) scale(1.035);opacity:1}
}

/* Home state ambience changes automatically with the current Gameweek state. */
body[data-page="home"] .home-hero.home-ambient-live{
  border-color:rgba(75,232,205,.30);
  box-shadow:0 30px 72px rgba(0,0,0,.28),0 0 52px rgba(50,213,196,.055),inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-page="home"] .home-hero.home-ambient-live .eyebrow:before{animation:homeLivePulse 2.3s ease-out infinite}
body[data-page="home"] .home-hero.home-ambient-final{border-color:rgba(104,209,170,.21)}
body[data-page="home"] .home-hero.home-ambient-final .eyebrow:before{background:#72dbaa;box-shadow:0 0 0 4px rgba(114,219,170,.07),0 0 17px rgba(114,219,170,.25)}
body[data-page="home"] .home-hero.home-ambient-upcoming .eyebrow:before{animation:homeUpcomingGlow 5s ease-in-out infinite}
@keyframes homeLivePulse{0%{box-shadow:0 0 0 0 rgba(50,213,196,.34),0 0 15px rgba(50,213,196,.38)}65%,100%{box-shadow:0 0 0 9px rgba(50,213,196,0),0 0 20px rgba(50,213,196,.26)}}
@keyframes homeUpcomingGlow{0%,100%{opacity:.78;box-shadow:0 0 0 4px rgba(50,213,196,.06),0 0 12px rgba(50,213,196,.2)}50%{opacity:1;box-shadow:0 0 0 5px rgba(50,213,196,.09),0 0 20px rgba(50,213,196,.32)}}

/* One-time entrance choreography when Home is entered. */
body[data-page="home"] .home-cinematic-enter .eyebrow{animation:homeHeroEyebrowIn .48s cubic-bezier(.2,.85,.25,1) both}
body[data-page="home"] .home-cinematic-enter .home-title-enhanced>span:first-child{animation:homeHeroLineIn .62s .06s cubic-bezier(.16,.9,.26,1) both}
body[data-page="home"] .home-cinematic-enter .home-title-enhanced>span:last-child{animation:homeHeroLineIn .66s .13s cubic-bezier(.16,.9,.26,1) both}
body[data-page="home"] .home-cinematic-enter .home-title-enhanced:after{transform-origin:left center;animation:homeHeroAccentIn .68s .25s cubic-bezier(.16,.9,.26,1) both}
body[data-page="home"] .home-cinematic-enter .home-intro-expanded{animation:homeHeroSoftIn .5s .25s ease-out both}
body[data-page="home"] .home-cinematic-enter .home-primary-action{animation:homeHeroSoftIn .5s .32s ease-out both}
body[data-page="home"] .home-cinematic-enter .home-discord-banner{animation:homeHeroSoftIn .52s .38s ease-out both}
body[data-page="home"] .home-cinematic-enter .home-status-row{animation:homeHeroSoftIn .52s .44s ease-out both}
body[data-page="home"] .home-cinematic-enter .home-hero-aside>.home-aside-feature:first-child{animation:homeHeroAsideIn .58s .20s cubic-bezier(.16,.9,.26,1) both}
body[data-page="home"] .home-cinematic-enter .home-hero-aside>.home-aside-feature:nth-child(2){animation:homeHeroAsideIn .62s .30s cubic-bezier(.16,.9,.26,1) both}
@keyframes homeHeroEyebrowIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes homeHeroLineIn{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes homeHeroAccentIn{from{opacity:0;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}
@keyframes homeHeroSoftIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes homeHeroAsideIn{from{opacity:0;transform:translateX(13px) translateY(4px)}to{opacity:1;transform:none}}

/* Manage Team feels tactile without becoming game-like. */
body[data-page="home"] .home-primary-action .home-manage-team{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .22s ease,filter .22s ease!important}
body[data-page="home"] .home-primary-action .home-manage-team:before{
  content:"";position:absolute;inset:-1px auto -1px -44%;width:34%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);opacity:0
}
body[data-page="home"] .home-primary-action .home-manage-team:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 18px 38px rgba(45,104,221,.32),0 0 26px rgba(72,174,235,.08),inset 0 1px 0 rgba(255,255,255,.16)!important}
body[data-page="home"] .home-primary-action .home-manage-team:hover:before{opacity:1;animation:homeButtonShine .72s ease-out both}
body[data-page="home"] .home-primary-action .home-manage-team i{transition:transform .18s ease}
body[data-page="home"] .home-primary-action .home-manage-team:hover i{transform:translate(2px,-1px)}
body[data-page="home"] .home-primary-action .home-manage-team:active{transform:translateY(1px) scale(.995)}
@keyframes homeButtonShine{from{left:-44%}to{left:124%}}

/* Editorial card: restrained motion and a single light sweep on interaction. */
body[data-page="home"] .home-editorial-motion .home-news-feature-media{animation:homeEditorialPan 14s ease-in-out infinite alternate}
body[data-page="home"] .home-editorial-motion .home-news-feature-media:after{transition:opacity .3s ease,background .3s ease}
body[data-page="home"] .home-editorial-motion:hover .home-news-feature-media:after{background:linear-gradient(90deg,rgba(5,18,29,.04) 25%,rgba(6,19,29,.42) 76%)}
body[data-page="home"] .home-editorial-motion .home-news-feature-action svg{transition:transform .2s ease}
body[data-page="home"] .home-editorial-motion:hover .home-news-feature-action svg{transform:translateX(3px)}
@keyframes homeEditorialPan{from{background-position:49% 50%}to{background-position:52% 48%}}

/* Current leader should feel prestigious rather than flashy. */
body[data-page="home"] .home-prestige-leader{box-shadow:0 20px 46px rgba(0,0,0,.22),0 0 34px rgba(243,207,114,.025),inset 0 1px 0 rgba(255,255,255,.04)}
body[data-page="home"] .home-prestige-leader .home-leader-position{position:relative;overflow:hidden}
body[data-page="home"] .home-prestige-leader .home-leader-position:after{
  content:"";position:absolute;top:-10px;bottom:-10px;left:-70%;width:45%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,239,181,.34),transparent);animation:homeLeaderMedalShine 1.2s .85s ease-out 1 both
}
body[data-page="home"] .home-prestige-leader .home-leader-avatar-stage:before{
  content:"";position:absolute;z-index:-2;left:50%;bottom:13px;width:92px;height:110px;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(ellipse,rgba(243,207,114,.12),rgba(50,213,196,.035) 46%,transparent 72%);filter:blur(1px)
}
body[data-page="home"] .home-prestige-leader:hover .home-leader-avatar-stage:before{background:radial-gradient(ellipse,rgba(243,207,114,.17),rgba(50,213,196,.045) 48%,transparent 74%)}
@keyframes homeLeaderMedalShine{0%{left:-70%;opacity:0}18%{opacity:1}100%{left:145%;opacity:0}}

/* Newspaper feels like an object on the page, not another dark UI card. */
body[data-page="home"] .home-newspaper-release{transform:perspective(900px) rotateX(.35deg) rotateZ(-.12deg);transform-origin:center bottom;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
body[data-page="home"] .home-newspaper-release:hover{transform:perspective(900px) rotateX(0) rotateZ(0) translateY(-3px) scale(1.006);box-shadow:0 30px 62px rgba(0,0,0,.36)}

/* Existing panels reveal with slightly calmer flagship choreography. */
body[data-page="home"] .v1-reveal{animation-duration:.52s;animation-timing-function:cubic-bezier(.2,.78,.22,1)}

/* Premium nav micro-interactions; tiny enough not to distract from content. */
body[data-page="home"] .desktop-nav-link{position:relative;transition:color .18s ease,background .18s ease,transform .18s ease}
body[data-page="home"] .desktop-nav-link:hover{transform:translateY(-1px)}
body[data-page="home"] .desktop-nav-link.active:after{
  content:"";position:absolute;left:24%;right:24%;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--teal),#78a4ff);box-shadow:0 0 12px rgba(50,213,196,.22);animation:homeNavAccent .35s ease-out both
}
@keyframes homeNavAccent{from{transform:scaleX(.25);opacity:0}to{transform:scaleX(1);opacity:1}}

@media(max-width:760px){
  body[data-page="home"] .mobile-v16-gameweek{position:relative;overflow:hidden}
  body[data-page="home"] .mobile-v16-gameweek:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.018) 47%,transparent 68%);animation:homeMobileAmbient 12s ease-in-out infinite alternate}
  @keyframes homeMobileAmbient{from{transform:translateX(-16%)}to{transform:translateX(16%)}}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-hero.home-hero-flagship-refined:before,
  body[data-page="home"] .home-hero.home-hero-flagship-refined:after,
  body[data-page="home"] .home-ambient-live .eyebrow:before,
  body[data-page="home"] .home-ambient-upcoming .eyebrow:before,
  body[data-page="home"] .home-editorial-motion .home-news-feature-media,
  body[data-page="home"] .home-prestige-leader .home-leader-position:after,
  body[data-page="home"] .home-cinematic-enter *,
  body[data-page="home"] .mobile-v16-gameweek:after{animation:none!important;transition:none!important}
  body[data-page="home"] .home-reactive-light{display:none!important}
}
body[data-page="home"] .home-hero.home-ambient-deadline{border-color:rgba(239,190,94,.25);box-shadow:0 30px 72px rgba(0,0,0,.28),0 0 44px rgba(239,190,94,.045),inset 0 1px 0 rgba(255,255,255,.05)}
body[data-page="home"] .home-hero.home-ambient-deadline .eyebrow:before{background:#efbe5e;box-shadow:0 0 0 4px rgba(239,190,94,.07),0 0 17px rgba(239,190,94,.28);animation:homeDeadlinePulse 3.1s ease-in-out infinite}
@keyframes homeDeadlinePulse{0%,100%{opacity:.78;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .home-ambient-deadline .eyebrow:before{animation:none!important}}

/* v17.4.31 — keep the original tight homepage wordmark while reserving invisible descender room. */
body[data-page="home"] .home-title.home-title-enhanced{line-height:1.015!important;padding-bottom:.08em!important;overflow:visible!important}
body[data-page="home"] .home-title.home-title-enhanced>span{display:block!important;line-height:1.015!important;padding-bottom:.18em!important;margin-bottom:-.18em!important;overflow:visible!important}
@media(max-width:760px){body[data-page="home"] .home-title.home-title-enhanced{line-height:1.015!important;padding-bottom:.08em!important}body[data-page="home"] .home-title.home-title-enhanced>span{line-height:1.015!important;padding-bottom:.18em!important;margin-bottom:-.18em!important;overflow:visible!important}}


/* ========================================================================== 
   v17.4.33 — REMOVE CURSOR-FOLLOW GLOW + DISCORD BANNER HOVER POLISH
   ========================================================================== */
/* Cursor-follow glow is disabled across the whole site. Static/ambient lighting remains. */
.v1-glow:before,
body[data-page="home"] .home-reactive-surface>.home-reactive-light{
  display:none!important;
  opacity:0!important;
  background:none!important;
}

/* Homepage Discord banner: deliberate hover animation instead of cursor tracking. */
body[data-page="home"] .home-discord-banner{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,background .24s ease,box-shadow .24s ease!important;
}
body[data-page="home"] .home-discord-banner:after{
  content:"";
  position:absolute;
  z-index:0;
  top:-70%;
  bottom:-70%;
  left:-34%;
  width:24%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.16) 48%,transparent 100%);
  transform:skewX(-18deg) translateX(0);
}
body[data-page="home"] .home-discord-banner>*{position:relative;z-index:1}
body[data-page="home"] .home-discord-banner:hover{
  transform:translateY(-2px) scale(1.004)!important;
  border-color:rgba(160,147,255,.52)!important;
  background:linear-gradient(105deg,rgba(96,79,219,.25),rgba(33,46,89,.36))!important;
  box-shadow:0 12px 28px rgba(40,32,105,.20),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body[data-page="home"] .home-discord-banner:hover:after{
  animation:homeDiscordShine .72s cubic-bezier(.2,.75,.25,1) both;
}
body[data-page="home"] .home-discord-banner .discord-mark{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease;
  transform-origin:50% 70%;
}
body[data-page="home"] .home-discord-banner:hover .discord-mark{
  transform:translateY(-2px) rotate(-4deg) scale(1.07);
  filter:saturate(1.12) brightness(1.06);
  box-shadow:0 11px 25px rgba(81,65,192,.34)!important;
}
body[data-page="home"] .home-discord-copy strong,
body[data-page="home"] .home-discord-action{
  transition:transform .24s cubic-bezier(.2,.8,.2,1),color .2s ease;
}
body[data-page="home"] .home-discord-banner:hover .home-discord-copy strong{transform:translateX(2px);color:#fff}
body[data-page="home"] .home-discord-banner:hover .home-discord-action{transform:translateX(-2px)}
body[data-page="home"] .home-discord-banner:hover .home-discord-action strong{color:#dcd6ff}
@keyframes homeDiscordShine{
  0%{left:-34%;opacity:0}
  16%{opacity:.8}
  72%{opacity:.42}
  100%{left:116%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .home-discord-banner,
  body[data-page="home"] .home-discord-banner .discord-mark,
  body[data-page="home"] .home-discord-copy strong,
  body[data-page="home"] .home-discord-action{transition:none!important}
  body[data-page="home"] .home-discord-banner:hover:after{animation:none!important;display:none!important}
  body[data-page="home"] .home-discord-banner:hover{transform:none!important}
  body[data-page="home"] .home-discord-banner:hover .discord-mark,
  body[data-page="home"] .home-discord-banner:hover .home-discord-copy strong,
  body[data-page="home"] .home-discord-banner:hover .home-discord-action{transform:none!important}
}

/* ========================================================================== 
   v17.4.34 — DESKTOP HOMEPAGE PROPORTION REBALANCE
   Rebalances the flagship hero so Latest News + H2H Leader support the main
   homepage identity rather than visually competing with it. Mobile unchanged.
   ========================================================================== */
@media (min-width:1101px){
  body[data-page="home"] .home-hero.home-hero-flagship-refined .home-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(340px,36.5%);
    gap:28px;
  }

  body[data-page="home"] .home-hero-aside-matched{
    gap:12px!important;
  }

  /* Give the editorial copy a little more room and stop the image dominating. */
  body[data-page="home"] .home-news-feature{
    grid-template-columns:minmax(128px,.38fr) minmax(0,.62fr);
  }
  body[data-page="home"] .home-news-feature-body{
    padding:15px;
  }

  /* Slightly tighten the leader treatment now that the column is narrower. */
  body[data-page="home"] .home-leader-card.home-aside-feature{
    padding:20px!important;
  }
  body[data-page="home"] .home-leader-main{
    padding-right:86px;
  }
  body[data-page="home"] .home-leader-card.has-live-leader-avatar .home-leader-name{
    font-size:clamp(27px,2.35vw,35px);
  }
  body[data-page="home"] .home-leader-stats{
    gap:7px;
    padding-top:15px!important;
  }
  body[data-page="home"] .home-leader-stat{
    padding:11px 10px;
  }
}


/* READABILITY RULES — consolidated */
:root{
  --readability-micro:10px;
  --readability-small:11px;
}

/* Compatibility for markup left in memory during a service-worker upgrade
   from the previous runtime-driven pass. New renders are CSS-only. */
[data-readability-floor="10"]{line-height:1.28!important;text-rendering:optimizeLegibility}
[data-readability-floor="11"]{line-height:1.34!important;text-rendering:optimizeLegibility}

/* Generated labels are not DOM text nodes, so cover them explicitly. */
.topbar-brand:after,
table.mobile-card-table td:before,
.mobile-card-table tbody td:before,
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-name:after,
.monthly-view-switcher:before,
body[data-page="news"] .news-grid>*:first-child:after,
body[data-page="news"] .article-grid>*:first-child:after{
  font-size:10px!important;
  line-height:1.2!important;
}


/* ------------------------------------------------------------------------
   ACHIEVEMENT CABINET — expanded cards must retain the same readable type
   as the six cards visible before the "See all" control is opened.
   ------------------------------------------------------------------------ */
.achievement-title-row strong{font-size:11px!important;line-height:1.3!important}
.achievement-difficulty{font-size:11px!important;line-height:1.1!important}
.achievement-card .achievement-copy>span{font-size:11px!important;line-height:1.34!important;min-height:30px!important}
.achievement-meta small,
.achievement-tick,
.achievement-locked-label{font-size:10px!important;line-height:1.28!important}

/* ------------------------------------------------------------------------
   MY MANAGER / GLOBAL PERSONAL STRIPS
   ------------------------------------------------------------------------ */
.my-manager-quick{
  min-height:64px!important;
  padding:10px 12px!important;
}
.my-manager-quick span{font-size:12px!important;line-height:1.2!important}
.my-manager-quick small{
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.my-manager-hub-stats span,
.redesigned-stats span{font-size:10px!important;line-height:1.2!important;letter-spacing:.065em!important}
.my-manager-page-strip{min-height:66px!important;padding-top:11px!important;padding-bottom:11px!important}
.my-manager-strip-copy span{font-size:10px!important;line-height:1.15!important;letter-spacing:.055em!important}
.my-manager-strip-copy strong{font-size:12px!important;line-height:1.2!important}
.my-manager-strip-copy small{font-size:10.5px!important;line-height:1.25!important}
.my-manager-strip-actions .plain-link{font-size:10px!important}
.my-manager-menu-stats span{font-size:10px!important;line-height:1.2!important}
.my-manager-menu-links b{font-size:11px!important}
.my-manager-menu-links small{font-size:10.5px!important;line-height:1.25!important}
.my-manager-you-badge{font-size:9.5px!important;min-height:18px!important;padding-inline:6px!important}

/* ------------------------------------------------------------------------
   LIVE GAMEWEEK / SMALL FIXTURE HEROES
   ------------------------------------------------------------------------ */
.matchday-pl-mini>span{
  padding:7px 9px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.matchday-impact-tag{font-size:9.5px!important;line-height:1.15!important;padding:2px 5px!important}
.matchday-pl-mini>div{min-height:55px!important;padding:7px 9px!important}
.matchday-pl-mini b{font-size:11px!important}
.matchday-pl-mini>small{
  padding:1px 9px 8px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}
.matchday-card-head small,
.matchday-module-head small,
.matchday-broadcast-meta,
.matchday-feed-empty,
.matchday-mini-empty{font-size:11px!important;line-height:1.35!important}
.matchday-match-detail,
.matchday-event-copy small,
.matchday-impact-card small,
.matchday-impact-card>em,
.matchday-match-intel em{font-size:10.5px!important;line-height:1.3!important}
.matchday-match-intel small,
.matchday-person-stats span,
.matchday-pulse-grid span,
.matchday-tactics-grid span,
.matchday-broadcast-kpis span{font-size:10px!important;line-height:1.2!important}
.matchday-match-intel strong{font-size:11px!important;line-height:1.25!important}
.matchday-impact-card{min-height:55px!important;padding:9px 0!important}
.matchday-impact-card strong{font-size:12px!important}
.matchday-impact-card small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.matchday-impact-card>em{white-space:normal!important}

/* ------------------------------------------------------------------------
   STATS & RECORD BOOK — the most micro-heavy desktop/mobile route
   ------------------------------------------------------------------------ */
.stats-record-kicker,
.stats-record-group-head small,
.record-book-card-head span,
.stats-record-breaker-top span,
.stats-record-breaker-person small,
.record-holder-crown{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
.stats-record-hero p,
.stats-record-section-heading p,
.stats-record-group-head p,
.stats-record-breaker-person span,
.record-holder-copy span{
  font-size:11px!important;
  line-height:1.4!important;
}
.stats-record-hero-count span,
.stats-record-hero-count small,
.stats-record-nav>span,
.stats-my-record-person span,
.stats-my-record-totals span,
.stats-my-record-featured span,
.stats-record-breaker-value span{
  font-size:10px!important;
  line-height:1.25!important;
}
.stats-record-filter{min-height:36px!important;font-size:10.5px!important;padding-inline:12px!important}
.stats-record-group-head>b{font-size:10px!important;min-height:28px!important}
.stats-record-breaker-card{min-height:232px!important}
.stats-record-breaker-person strong{font-size:12px!important;line-height:1.2!important}
.record-holder{min-height:126px!important;padding-top:20px!important}
.record-holder-copy strong{font-size:14px!important}
.record-chaser-row{min-height:56px!important;padding-block:8px!important}
.record-chaser-position{font-size:10px!important;width:24px!important;height:24px!important}
.record-chaser-copy strong{font-size:11px!important;line-height:1.2!important}
.record-chaser-copy small{font-size:10px!important;line-height:1.25!important}
.record-chaser-row>b{font-size:10.5px!important}

/* ------------------------------------------------------------------------
   MANAGER DIRECTORY + FLAGSHIP MANAGER PROFILES
   ------------------------------------------------------------------------ */
.manager-profile-you{font-size:10px!important;min-height:25px!important}
.manager-profile-form-showcase>span,
.manager-profile-rank-card>span,
.manager-profile-rank-meta span,
.manager-profile-stat-ribbon span,
.manager-profile-section-kicker,
.manager-profile-pulse-grid span,
.manager-profile-spotlight-head span{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.075em!important;
}
.manager-profile-form-showcase>small,
.manager-profile-rank-card>small,
.manager-profile-stat-ribbon small,
.manager-profile-tab small,
.manager-profile-section-title-row p,
.manager-profile-honours-preview p,
.manager-profile-honours-hero p,
.manager-profile-pulse-grid small,
.manager-profile-progress-line span,
.manager-profile-progress-line strong{
  font-size:11px!important;
  line-height:1.35!important;
}
.manager-profile-action,
.manager-profile-showcase-actions .pill-button{font-size:11px!important;min-height:40px!important}
.manager-profile-tabs{gap:8px!important}
.manager-profile-tab{min-height:66px!important;padding:10px 14px!important}
.manager-profile-tab span{font-size:12px!important}
.manager-profile-pulse-grid>div{padding:14px!important}
.manager-profile-rank-meta{gap:12px!important}
.manager-card-manager,
.manager-card-team{font-size:11px!important;line-height:1.3!important}

/* ------------------------------------------------------------------------
   MY SEASON
   ------------------------------------------------------------------------ */
.my-season-command-kicker,
.my-season-command-scoreboard span,
.my-season-kpis span,
.my-season-now-side span,
.my-season-now-score small,
.my-season-card-head span,
.my-season-reward-stats span,
.my-season-story-list small,
.my-season-inbox-list small,
.my-season-next-list small{font-size:10px!important;line-height:1.25!important}
.my-season-command-person p,
.my-season-section-head p,
.my-season-dashboard-card p,
.my-season-competition-card p{font-size:11px!important;line-height:1.4!important}
.my-season-hero-action{font-size:10.5px!important;min-height:39px!important}
.my-season-quick-dock button,
.my-season-quick-dock a{font-size:10px!important;line-height:1.2!important;min-height:48px!important}

/* ------------------------------------------------------------------------
   LEAGUE / FIXTURES / GAMEWEEK / MONTHLY — keep dense data compact, readable
   ------------------------------------------------------------------------ */
.league-standings-table th,
.league-mobile-table-head,
.fixtures-board-head,
.gameweek-score-ranking-head,
.monthly-ranking-head{font-size:10px!important;line-height:1.2!important}
.league-standings-table td,
.fixture-board-card,
.gameweek-ranking-copy,
.monthly-ranking-manager,
.monthly-ranking-gw,
.monthly-ranking-avg,
.monthly-ranking-total{line-height:1.3!important}
.fixture-status-label,
.fixture-board-card-head,
.fixture-spotlight-label,
.fixtures-round-metrics span,
.gameweek-section-head small,
.gameweek-rankings-panel-head small,
.monthly-ranking-status,
.monthly-exclusive-chip,
.monthly-prize-winner-label,
.monthly-section-heading small{font-size:10px!important;line-height:1.2!important}
.fixture-board-identity small,
.fixture-board-footer,
.fixture-insight-strip,
.gameweek-ranking-copy small,
.gameweek-rankings-context,
.monthly-command-copy span,
.monthly-hero-copy p,
.monthly-my-race-identity span,
.monthly-prize-note{font-size:11px!important;line-height:1.35!important}

/* ------------------------------------------------------------------------
   RIVALRY / PRIZES / HALL OF FAME / TIMELINE / NEWS / RULES / ARCADE
   ------------------------------------------------------------------------ */
.rivalry-showdown-head small,
.rivalry-section-head small,
.rivalry-picker-bar small,
.rivalry-duel-copy small,
.rivalry-next-meeting small,
.rivalry-record-card small,
.rivalry-battle-card small,
.rivalry-chart-identities small{font-size:10.5px!important;line-height:1.3!important}

.prize-section-heading small,
.prize-centre-copy p,
.prize-offer-card p,
.prize-history-date,
.prize-history-kind,
.prize-history-winner small,
.prize-my-person span,
.prize-my-total span,
.prize-my-latest span{font-size:10.5px!important;line-height:1.35!important}

.hof-hero-copy p,
.hof-feature-meta,
.hof-feature-card-head small,
.hof-section-head p,
.hof-stat-strip span,
.hof-legend-copy small,
.hof-most-decorated small{font-size:10.5px!important;line-height:1.35!important}

.season-timeline-hero-copy p,
.season-timeline-hero-meta,
.season-timeline-chapter p,
.season-timeline-stats span,
.season-timeline-journey-labels,
.season-timeline-journey-foot{font-size:10.5px!important;line-height:1.35!important}

.home-news-feature-top span,
.home-news-feature-top small,
.home-news-feature-byline b,
.home-news-feature-byline small,
.home-news-feature-byline>em,
.home-news-feature-body>p,
.home-news-feature-action,
.news-article-kicker,
.news-article-byline,
.newsroom-story-meta,
.newsroom-story-foot,
.newsroom-author small,
.newspaper-page-header,
.newspaper-match-facts,
.newspaper-report-body,
.newspaper-stat-row{font-size:10.5px!important;line-height:1.35!important}

.rules-handbook-eyebrow,
.rules-section-label,
.rules-chapter small,
.rules-flow-track span,
.rules-glance-grid span,
.rules-handbook-closing small,
.rules-last-updated{font-size:10.5px!important;line-height:1.35!important}

.arcade-hero-copy p,
.arcade-hero-pills span,
.arcade-machine-top small,
.arcade-game-picker,
.arcade-scoreboard span,
.arcade-question-head small,
.arcade-footer-note{font-size:10.5px!important;line-height:1.35!important}

/* Home page micro-copy. Larger headline/hero type remains untouched. */
.home-status-item span,
.home-leader-label,
.home-leader-stat span,
.home-stat-label,
.home-live-kicker,
.home-live-metrics span,
.home-discord-copy span,
.home-discord-action small,
.home-section-action{font-size:10.5px!important;line-height:1.3!important}
.home-stat-detail,
.home-live-copy,
.mobile-home-manager-copy small{font-size:11px!important;line-height:1.35!important}

/* Inbox / notifications: compact, but no 6–8px text. */
.inbox-v2-owner span,
.inbox-v2-summary span,
.inbox-v2-section>header,
.inbox-v2-section>header b,
.inbox-v2-date,
.inbox-v2-meta b,
.inbox-v2-meta i,
.inbox-v2-meta time,
.inbox-v2-copy>span,
.inbox-v2-copy>em,
.inbox-v2-open,
.notification-bubble-meta,
.notification-bubble-copy>span:not(.notification-bubble-action),
.notification-bubble-action,
.notification-toast-source span,
.notification-toast-source strong,
.notification-toast-head>time,
.notification-toast-category{font-size:10px!important;line-height:1.3!important}

/* Safety for text that becomes multi-line after the readability pass. */
.my-manager-quick,
.manager-profile-tab,
.record-book-card,
.matchday-pl-mini,
.my-season-dashboard-card,
.monthly-champion-card,
.prize-offer-card,
.hof-feature-card{overflow-wrap:anywhere}

@media(max-width:760px){
  .stats-record-breaker-card{min-height:198px!important}
  .record-holder{min-height:96px!important;padding-top:16px!important}
  .stats-record-filter{min-height:34px!important;font-size:10px!important}
  .manager-profile-tab{min-height:62px!important;padding:9px 10px!important}
  .manager-profile-tab span{font-size:11px!important}
  .manager-profile-tab small{font-size:10px!important}
  .my-season-quick-dock button,.my-season-quick-dock a{font-size:9.5px!important;min-height:46px!important}
  .matchday-pl-mini>small{font-size:10px!important}
}

/* ========================================================================
   v17.8.3-final-ui-consolidation — bounded launch hardening
   These overrides are deliberately tied to this release candidate. They
   correct high-risk readability, touch and safe-area issues without changing
   the established visual hierarchy of every compact data label.
   ======================================================================== */
body[data-public-build="17.8.3-final-ui-consolidation"]{
  --readability-muted:#91aab6;
  --readability-muted-strong:#aec2cb;
  --muted:#91aab6;
  --muted-2:#7894a2;
  --rc-mobile-sticky-top:calc(
    var(--safe-top, env(safe-area-inset-top, 0px)) +
    var(--mobile-appbar, 64px) +
    var(--mobile-context, 38px) +
    6px
  );
}

/* Meaningful supporting copy gets a 12px floor; decorative labels, badges,
   ranks and score markers retain their compact hierarchy. */
body[data-public-build="17.8.3-final-ui-consolidation"] :is(
  .page-head p,
  .panel-sub,
  .home-live-copy,
  .mobile-home-manager-copy small,
  .my-manager-quick small,
  .my-manager-strip-copy small,
  .manager-card-manager,
  .manager-card-team,
  .manager-profile-section-title-row p,
  .manager-profile-honours-preview p,
  .manager-profile-honours-hero p,
  .fixture-board-identity small,
  .fixture-board-footer,
  .fixture-insight-strip,
  .gameweek-ranking-copy small,
  .gameweek-rankings-context,
  .monthly-hero-copy p,
  .monthly-prize-note,
  .rivalry-duel-copy small,
  .rivalry-next-meeting small,
  .prize-centre-copy p,
  .prize-offer-card p,
  .hof-hero-copy p,
  .hof-section-head p,
  .season-timeline-hero-copy p,
  .season-timeline-chapter p,
  .newsroom-reader .news-article-heading p,
  .news-article-byline,
  .newspaper-report-body,
  .rules-chapter header p,
  .handbook-rule-summary-copy small,
  .handbook-bullets li,
  .handbook-callout p,
  .rules-glance-grid span,
  .rules-flow-track span,
  .rules-handbook-closing p,
  .stats-record-hero p,
  .stats-record-section-heading p,
  .stats-record-group-head p,
  .stats-record-breaker-person span,
  .record-holder-copy span,
  .record-chaser-copy small,
  .my-season-command-person p,
  .my-season-section-head p,
  .my-season-dashboard-card p,
  .my-season-competition-card p
){
  font-size:12px!important;
  line-height:1.45!important;
  color:var(--readability-muted)!important;
}

body[data-public-build="17.8.3-final-ui-consolidation"] :is(
  input,
  textarea,
  select
)::placeholder{
  color:#8da5b1!important;
  opacity:1;
}

/* Compact utilities remain compact, but no interactive box is smaller than
   24px. Primary actions use a comfortable 44px target. */
body[data-public-build="17.8.3-final-ui-consolidation"] :is(
  .manager-directory-favourite,
  .manager-picker-search-clear,
  .inbox-v2-search button,
  .alert-search-clear,
  .notification-bubble-close,
  .fixture-pagination button,
  .manager-directory-pagination button
){
  min-width:32px!important;
  min-height:32px!important;
}
body[data-public-build="17.8.3-final-ui-consolidation"] :is(
  .action-button,
  .cta-button,
  .cta-link,
  .handbook-action,
  .manager-profile-action,
  .my-season-hero-action,
  .my-season-now-action,
  .prize-my-action,
  .home-live-action
){
  min-height:44px!important;
}

/* A consistent, high-contrast keyboard indicator survives component-level
   shadows and dark panel backgrounds. */
body[data-public-build="17.8.3-final-ui-consolidation"] :where(
  a,
  button,
  input,
  textarea,
  select,
  summary,
  [role="button"],
  [tabindex]:not([tabindex="-1"])
):focus-visible{
  outline:3px solid #5ff5e4!important;
  outline-offset:3px!important;
}

/* Mobile disables selection at the body level in the legacy shell. Restore
   selection for long-form and data-reference content people may need to copy. */
body[data-public-build="17.8.3-final-ui-consolidation"] :is(
  .news-article-body,
  .newspaper-report-body,
  .rules-handbook-page,
  .rules-page,
  .stats-record-book,
  .stats-page
),
body[data-public-build="17.8.3-final-ui-consolidation"] :is(
  .news-article-body,
  .newspaper-report-body,
  .rules-handbook-page,
  .rules-page,
  .stats-record-book,
  .stats-page
) :where(h1,h2,h3,h4,p,li,blockquote,td,th,caption,strong,small,span,em,a){
  -webkit-user-select:text!important;
  user-select:text!important;
}

@media(max-width:760px){
  /* 16px prevents focus zoom on iOS and keeps every text-entry surface usable. */
  body[data-public-build="17.8.3-final-ui-consolidation"] :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),
    textarea,
    select,
    .select,
    .text-input
  ){
    font-size:16px!important;
  }

  body[data-public-build="17.8.3-final-ui-consolidation"] :is(
    .pill-button,
    .segment-button,
    .manager-profile-tab,
    .mobile-profile-tab,
    .v1-view-tabs button,
    .live-quick-strip button,
    .rules-handbook-nav button,
    .v1-rules-nav button,
    .stats-record-filter
  ){
    min-height:40px!important;
  }

  body[data-public-build="17.8.3-final-ui-consolidation"] :is(
    .manager-directory-favourite,
    .fixture-pagination button,
    .manager-directory-pagination button
  ){
    min-width:44px!important;
    min-height:44px!important;
  }

  body[data-public-build="17.8.3-final-ui-consolidation"] .mobile-bottom{
    height:calc(var(--mobile-nav, 70px) + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;
    padding-bottom:calc(6px + var(--safe-bottom, env(safe-area-inset-bottom, 0px)))!important;
  }
  body[data-public-build="17.8.3-final-ui-consolidation"] .mobile-nav-button{
    min-height:56px!important;
  }

  /* Keep the My Season dock above the fixed nav and align sticky route tools
     beneath the safe-area aware app bars. */
  body[data-public-build="17.8.3-final-ui-consolidation"] .my-season-quick-dock{
    bottom:calc(
      var(--mobile-nav, 70px) +
      var(--safe-bottom, env(safe-area-inset-bottom, 0px)) +
      8px
    )!important;
  }
  body[data-public-build="17.8.3-final-ui-consolidation"] .my-season-quick-dock :is(button,a){
    min-height:48px!important;
    font-size:12px!important;
  }
  body[data-public-build="17.8.3-final-ui-consolidation"] :is(
    .manager-controls,
    .phase3-control-panel,
    .v1-sticky-controls,
    .v1-view-tabs,
    .mobile-profile-tabs,
    .live-quick-strip,
    .league-command-bar,
    .rules-handbook-nav,
    .v1-rules-nav,
    .stats-record-nav
  ){
    top:var(--rc-mobile-sticky-top)!important;
  }
  body[data-public-build="17.8.3-final-ui-consolidation"] :is(
    .rules-chapter,
    .stats-record-group
  ){
    scroll-margin-top:calc(var(--rc-mobile-sticky-top) + 58px)!important;
  }
}


/* ========================================================================
   RC2 PREMIUM RELEASE CONSOLIDATION
   Shared hierarchy, prestige, motion and mobile chapter system.
   ======================================================================== */
:root{
  --premium-bg:#050b12;
  --premium-surface:#0b1722;
  --premium-surface-raised:#102331;
  --premium-surface-soft:rgba(16,35,49,.74);
  --premium-line:rgba(197,226,236,.105);
  --premium-line-strong:rgba(197,226,236,.18);
  --premium-text:#f2f8fa;
  --premium-muted:#a4b9c3;
  --premium-teal:#37dccb;
  --premium-gold:#f5ca63;
  --premium-radius-xs:8px;
  --premium-radius-sm:12px;
  --premium-radius-md:16px;
  --premium-radius-lg:22px;
  --premium-shadow-soft:0 16px 42px rgba(0,0,0,.18);
  --premium-shadow-hero:0 30px 90px rgba(0,0,0,.34);
}
html{scroll-behavior:smooth}
body.premium-polish{
  background:
    radial-gradient(circle at 88% -8%,rgba(55,220,203,.105),transparent 34%),
    radial-gradient(circle at -12% 32%,rgba(96,165,250,.07),transparent 30%),
    var(--premium-bg);
  color:var(--premium-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.premium-polish .content{max-width:1540px;padding-top:30px}
body.premium-polish .panel,
body.premium-polish .info-card{
  border-color:var(--premium-line);
  box-shadow:var(--premium-shadow-soft);
}
body.premium-polish .panel:not(.flush){background:linear-gradient(155deg,rgba(16,35,49,.86),rgba(7,17,26,.93))}
body.premium-polish .panel-head{border-bottom-color:rgba(197,226,236,.075)}
body.premium-polish .panel-title{letter-spacing:-.018em}
body.premium-polish .panel-sub,
body.premium-polish .page-head p{color:var(--premium-muted)}
body.premium-polish button:focus-visible,
body.premium-polish a:focus-visible,
body.premium-polish input:focus-visible,
body.premium-polish select:focus-visible,
body.premium-polish [tabindex]:focus-visible{
  outline:2px solid var(--premium-teal)!important;
  outline-offset:3px!important;
}

/* A single recognisable title treatment across the non-flagship routes. */
body.premium-polish .page-head:not(.managers-page-head){
  position:relative;
  min-height:116px;
  padding:23px 24px 22px 28px;
  margin-bottom:22px;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--premium-line);
  border-radius:var(--premium-radius-lg);
  background:
    linear-gradient(108deg,rgba(55,220,203,.09),transparent 46%),
    linear-gradient(155deg,rgba(16,35,49,.92),rgba(6,14,22,.94));
  box-shadow:var(--premium-shadow-soft);
}
body.premium-polish .page-head:not(.managers-page-head):before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;
  background:linear-gradient(180deg,var(--route-accent,var(--premium-teal)),rgba(255,255,255,.08));
}
body.premium-polish .page-head:not(.managers-page-head):after{
  content:"";position:absolute;width:280px;height:280px;right:-120px;top:-185px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--route-accent,var(--premium-teal)) 28%,transparent);
  box-shadow:0 0 90px color-mix(in srgb,var(--route-accent,var(--premium-teal)) 10%,transparent);
  pointer-events:none;
}
body.premium-polish .page-head>*{position:relative;z-index:1}
body.premium-polish .page-head h2{font-size:clamp(28px,3vw,42px);line-height:1.04}
body.premium-polish[data-page="live"]{--route-accent:#ff5965}
body.premium-polish[data-page="league"],body.premium-polish[data-page="h2h"]{--route-accent:#37dccb}
body.premium-polish[data-page="fixtures"]{--route-accent:#60a5fa}
body.premium-polish[data-page="gameweeks"]{--route-accent:#a78bfa}
body.premium-polish[data-page="monthly"],body.premium-polish[data-page="prizes"],body.premium-polish[data-page="awards"]{--route-accent:#f5ca63}
body.premium-polish[data-page="manager"],body.premium-polish[data-page="myseason"],body.premium-polish[data-page="rivalry"]{--route-accent:#c9a8ff}
body.premium-polish[data-page="news"],body.premium-polish[data-page="newspaper"]{--route-accent:#79c8ff}

/* Homepage: stronger editorial order and less equal-weight card noise. */
body[data-page="home"].premium-polish .home-hero{box-shadow:var(--premium-shadow-hero)}
body[data-page="home"].premium-polish .home-intelligence-grid{margin-top:18px}
body[data-page="home"].premium-polish .home-content-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
}
body[data-page="home"].premium-polish .home-content-grid>section{grid-column:span 6}
body[data-page="home"].premium-polish .home-content-grid>section:nth-child(1),
body[data-page="home"].premium-polish .home-content-grid>section:nth-child(2){background:linear-gradient(155deg,rgba(15,34,48,.96),rgba(6,15,23,.96))}
body[data-page="home"].premium-polish .home-content-grid>section:nth-child(n+3){box-shadow:none;background:rgba(10,24,35,.72)}
body[data-page="home"].premium-polish .mobile-home-section-label{
  margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)
}
body[data-page="home"].premium-polish .home-stat-card{border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.025)}

/* Matchday: state-led atmosphere and meaningful score movement. */
body.premium-polish .matchday-live-shell{
  --matchday-accent:#ff5f6d;
  position:relative;
}
body.premium-polish .matchday-live-shell.final{--matchday-accent:#48d892}
body.premium-polish .matchday-live-shell.upcoming,
body.premium-polish .matchday-live-shell.prematch{--matchday-accent:#60a5fa}
body.premium-polish .matchday-live-shell:before{
  content:"";position:absolute;z-index:-1;left:4%;right:4%;top:4px;height:260px;filter:blur(34px);
  background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--matchday-accent) 15%,transparent),transparent 67%);
  pointer-events:none;
}
body.premium-polish .matchday-dashboard-tabs{backdrop-filter:blur(16px)}
body.premium-polish .matchday-dashboard-tabs button.active{box-shadow:inset 0 -2px 0 var(--matchday-accent)}
body.premium-polish .matchday-event-row.latest{position:relative;overflow:hidden}
body.premium-polish .matchday-event-row.latest:after{
  content:"";position:absolute;inset:0;transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
  animation:premium-event-sheen 2.8s ease-out 1;
  pointer-events:none;
}
@keyframes premium-event-sheen{to{transform:translateX(120%)}}
.premium-score-flip{animation:premium-score-flip .56s cubic-bezier(.2,.8,.2,1)}
@keyframes premium-score-flip{
  0%{transform:translateY(0);filter:none}
  38%{transform:translateY(-7px) scale(1.08);filter:drop-shadow(0 0 12px rgba(255,255,255,.34))}
  100%{transform:translateY(0);filter:none}
}

/* Achievement prestige system: tier is visually obvious and Rare/Elite earns a name badge. */
.manager-prestige-badge{
  display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 9px;border-radius:999px;
  font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
}
.manager-prestige-badge:before{content:"★";font-size:10px}
.manager-prestige-badge.rare{color:#d9efff;border:1px solid rgba(105,186,255,.55);background:linear-gradient(135deg,rgba(73,147,213,.26),rgba(151,211,255,.08));box-shadow:0 8px 22px rgba(42,130,210,.18)}
.manager-prestige-badge.elite{color:#fff3bc;border:1px solid rgba(245,202,99,.62);background:linear-gradient(135deg,rgba(164,104,24,.52),rgba(245,202,99,.12));box-shadow:0 8px 26px rgba(226,169,52,.23)}
.premium-achievement-legend{display:flex;gap:7px;flex-wrap:wrap;padding:10px 16px 0}
.premium-achievement-legend span{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);color:#bfd0d8;background:rgba(255,255,255,.03)}
.premium-achievement-legend .rare{color:#d9efff;border-color:rgba(96,165,250,.4);background:rgba(96,165,250,.09)}
.premium-achievement-legend .elite{color:#fff0b0;border-color:rgba(245,202,99,.45);background:rgba(245,202,99,.09)}
body.premium-polish .achievement-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
body.premium-polish .achievement-card.unlocked:hover{transform:translateY(-2px)}
body.premium-polish .achievement-card.difficulty-standard.unlocked{border-color:rgba(196,213,220,.26)}
body.premium-polish .achievement-card.difficulty-rare.unlocked{border-color:rgba(96,165,250,.48);box-shadow:inset 0 0 32px rgba(96,165,250,.055)}
body.premium-polish .achievement-card.difficulty-elite.unlocked{border-color:rgba(245,196,81,.54);box-shadow:inset 0 0 38px rgba(245,196,81,.075),0 12px 32px rgba(0,0,0,.16)}
body.premium-polish .achievement-medal{position:relative}
body.premium-polish .difficulty-elite .achievement-medal:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(245,202,99,.28);animation:premium-prestige-ring 3.4s ease-in-out infinite}
@keyframes premium-prestige-ring{50%{transform:scale(1.08);opacity:.45}}

/* Hall of Fame chapter navigation: prestige gallery rather than an endless feed. */
.premium-chapter-nav{
  position:sticky;top:78px;z-index:12;display:flex;gap:8px;overflow:auto;padding:10px;
  margin:16px 0 22px;border:1px solid var(--premium-line);border-radius:14px;
  background:rgba(6,15,23,.88);backdrop-filter:blur(18px);scrollbar-width:none;
}
.premium-chapter-nav::-webkit-scrollbar{display:none}
.premium-chapter-nav button{
  min-height:37px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;
  background:rgba(255,255,255,.025);color:#abc0ca;font-weight:850;font-size:11px;white-space:nowrap;cursor:pointer
}
.premium-chapter-nav button.active{color:#fff3c4;border-color:rgba(245,202,99,.42);background:rgba(245,202,99,.11)}
.hof-section.premium-chapter-hidden{display:none}
body.premium-polish .hof-feature-card,
body.premium-polish .hof-cup-card,
body.premium-polish .hof-legend-card{box-shadow:var(--premium-shadow-soft)}

/* Timeline chapters become controllable on small screens. */
body.premium-polish .season-timeline-chapter>header{cursor:default}
body.premium-polish .premium-timeline-toggle{display:none}

/* Lower-page performance without hiding content or changing behaviour. */
@supports (content-visibility:auto){
  body.premium-polish .home-content-grid>section,
  body.premium-polish .hof-section,
  body.premium-polish .season-timeline-chapter,
  body.premium-polish .stats-record-wall>*,
  body.premium-polish .manager-profile-tab-content>*>section{
    content-visibility:auto;
    contain-intrinsic-size:1px 520px;
  }
}

/* Compact premium system status in place of full-width dead space. */
body.premium-polish .data-notice{padding:8px 18px}
body.premium-polish .data-notice-inner{max-width:1504px;border-radius:12px;background:rgba(108,75,14,.17);border:1px solid rgba(245,184,75,.2)}

@media (max-width:980px){
  body[data-page="home"].premium-polish .home-content-grid>section{grid-column:span 12}
  body.premium-polish .page-head:not(.managers-page-head){min-height:104px;padding:20px 20px 19px 23px}
  body.premium-polish .page-head:not(.managers-page-head):after{display:none}
}

@media (max-width:820px){
  body.premium-polish .content{padding-top:14px}
  body.premium-polish .page-head:not(.managers-page-head){
    min-height:0;margin:0 0 14px;padding:17px 17px 16px 20px;border-radius:16px;align-items:flex-start
  }
  body.premium-polish .page-head h2{font-size:27px}
  body.premium-polish .page-head p{font-size:12px;line-height:1.45}
  .premium-chapter-nav{top:58px;margin:12px 0 16px;padding:7px;border-radius:12px}
  .premium-chapter-nav button{min-height:34px;padding:0 11px;font-size:10.5px}
  body.premium-polish .season-timeline-chapter>header{position:relative;cursor:pointer;padding-right:44px}
  body.premium-polish .premium-timeline-toggle{
    display:grid;place-items:center;position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:9px;
    border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:18px;transition:transform .2s ease
  }
  body.premium-polish .season-timeline-chapter.premium-collapsed .premium-timeline-toggle{transform:rotate(-90deg)}
  body.premium-polish .season-timeline-chapter.premium-collapsed .season-story-rail{display:none}
  body.premium-polish .matchday-command-grid{gap:12px}
  body.premium-polish .matchday-dashboard{margin-top:14px}
  body.premium-polish .matchday-dashboard-tabs{position:sticky;top:57px;z-index:10}
}

@media (max-width:620px){
  body.premium-polish .content{padding-left:12px;padding-right:12px;padding-bottom:96px}
  body.premium-polish .page-head:not(.managers-page-head){margin-left:0;margin-right:0}
  body.premium-polish .mobile-home-section-label{margin-top:25px}
  body.premium-polish .data-notice{padding:6px 10px}
  body.premium-polish .data-notice-inner{padding:8px 10px;font-size:10.5px}
  .manager-profile-name-line{flex-wrap:wrap}
  .manager-prestige-badge{min-height:23px;font-size:9px}
}

@media (prefers-reduced-motion:reduce){
  .premium-score-flip,.matchday-event-row.latest:after,.difficulty-elite .achievement-medal:after{animation:none!important}
}

/* ========================================================================== 
   HABBOON FPL v17.8.3 — FINAL UI CONSOLIDATION PASS
   Safe page titles, consistent active navigation, readable secondary copy,
   stronger content hierarchy and mobile touch targets across public routes.
   ========================================================================== */

:root{
  --ui-copy:13px;
  --ui-copy-small:12px;
  --ui-label:11px;
  --ui-micro:10px;
  --ui-touch:44px;
}

/* One active-navigation treatment on every route, including pages in More. */
body.premium-polish .desktop-nav-link{
  position:relative;
  overflow:hidden;
  transition:color .18s ease,background .18s ease,transform .18s ease;
}
body.premium-polish .desktop-nav-link:hover{transform:translateY(-1px)}
body.premium-polish .desktop-nav-link:after{
  content:""!important;
  position:absolute!important;
  left:22%!important;
  right:22%!important;
  bottom:4px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--teal),#78a4ff)!important;
  box-shadow:0 0 12px rgba(50,213,196,.2)!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  opacity:0!important;
  transition:transform .2s ease,opacity .2s ease!important;
}
body.premium-polish .desktop-nav-link.active:after{
  transform:scaleX(1)!important;
  opacity:1!important;
}
body.premium-polish .desktop-nav-link.active{
  color:#effffd!important;
  background:linear-gradient(180deg,rgba(50,213,196,.105),rgba(50,213,196,.045))!important;
}
body.premium-polish .desktop-more-popover button.active{
  border-color:rgba(50,213,196,.25)!important;
  background:linear-gradient(135deg,rgba(50,213,196,.13),rgba(96,165,250,.055))!important;
  color:#effffd!important;
  box-shadow:inset 3px 0 0 var(--teal);
}

/* Shared page hero: titles stay fully inside the surface at every width. */
body.premium-polish #main-content .page-head:not(.managers-page-head){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  min-height:128px!important;
  margin:0 0 22px!important;
  padding:23px 27px 22px 30px!important;
  overflow:hidden!important;
  isolation:isolate;
}
body.premium-polish #main-content .page-head:not(.managers-page-head)>div:first-child{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
}
body.premium-polish #main-content .page-head .eyebrow{
  min-height:25px;
  margin:0 0 9px!important;
  padding:5px 10px!important;
  font-size:var(--ui-micro)!important;
  line-height:1.15!important;
}
body.premium-polish #main-content .page-head h2{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 0 .12em!important;
  font-size:clamp(30px,3vw,43px)!important;
  line-height:1.1!important;
  letter-spacing:-.042em!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-wrap:balance;
}
body.premium-polish #main-content .page-head h2:after{
  width:min(92px,32%)!important;
  height:3px!important;
  margin-top:9px!important;
}
body.premium-polish #main-content .page-head p{
  max-width:790px!important;
  margin:7px 0 0!important;
  font-size:13px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}
body.premium-polish #main-content .page-head>div:last-child:not(:first-child){
  min-width:0;
  max-width:100%;
  align-self:center;
}
body.premium-polish[data-page="gameweeks"] #main-content .page-head h2,
body.premium-polish[data-page="monthly"] #main-content .page-head h2,
body.premium-polish[data-page="fixtures"] #main-content .page-head h2,
body.premium-polish[data-page="news"] #main-content .page-head h2{
  font-size:clamp(29px,2.75vw,41px)!important;
}

/* Bespoke hero headings receive the same clipping protection. */
body.premium-polish #main-content :is(
  .league-hero-copy,.rivalry-showdown-head>div:first-child,.season-timeline-hero-copy,
  .rules-hero-copy,.monthly-hero-copy,.stats-record-hero-copy,.prize-centre-copy,
  .arcade-hero-copy,.hof-hero-copy,.my-season-command-person>div,.manager-profile-name-line
){min-width:0!important;max-width:100%!important}
body.premium-polish #main-content :is(
  .league-hero-copy h1,.rivalry-showdown-head h1,.season-timeline-hero-copy h1,
  .rules-hero-copy h1,.monthly-hero-copy h1,.stats-record-hero-copy h1,
  .prize-centre-copy h1,.arcade-hero-copy h1,.hof-hero-copy h1,
  .my-season-command-person h1,.manager-profile-name-line h1
){
  max-width:100%!important;
  padding-bottom:.1em!important;
  line-height:1.08!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-wrap:balance;
}
body.premium-polish #main-content .league-hero-copy h1{font-size:clamp(34px,4.4vw,66px)!important}
body.premium-polish #main-content .monthly-hero-copy h1{font-size:clamp(34px,4.1vw,61px)!important}
body.premium-polish #main-content .manager-profile-name-line{align-items:center;row-gap:8px;overflow:visible!important}
body.premium-polish #main-content .manager-profile-name-line h1{min-width:0}

/* Canonical readability floor for normal website UI (newspaper remains separate). */
body.premium-polish #main-content :is(.panel-sub,.empty p,.identity-sub,.kpi-detail,.timeline-detail,.faq-a,.rule-list li){
  font-size:var(--ui-copy-small)!important;
  line-height:1.5!important;
}
body.premium-polish #main-content :is(.kpi-label,.panel-label,.nav-label,.fixture-status-label,.section-kicker,.timeline-label){
  font-size:var(--ui-micro)!important;
  line-height:1.25!important;
}
body.premium-polish #main-content :is(.badge,.pill-button,.action-button,.segment-button,.plain-link,.cta-button){
  font-size:11.5px!important;
  line-height:1.2!important;
}
body.premium-polish #main-content :is(.pill-button,.action-button,.segment-button,.icon-button){min-height:var(--ui-touch)}
body.premium-polish #main-content table{font-size:12.5px!important}
body.premium-polish #main-content th{font-size:10.5px!important;line-height:1.25!important}
body.premium-polish #main-content td{line-height:1.38!important}
body.premium-polish #main-content .kpi{min-width:0}
body.premium-polish #main-content .kpi-value{line-height:1.08!important;padding-bottom:.06em}

/* Homepage: clearer hierarchy and readable secondary information. */
body[data-page="home"].premium-polish #main-content .home-intro p,
body[data-page="home"].premium-polish #main-content .home-discord-copy span,
body[data-page="home"].premium-polish #main-content .panel-sub{font-size:12.5px!important;line-height:1.5!important}
body[data-page="home"].premium-polish #main-content :is(.home-status-item span,.home-leader-stat span,.home-hero-pulse-item span,.mobile-home-section-label span){font-size:10.5px!important}
body[data-page="home"].premium-polish #main-content :is(.home-status-item strong,.home-leader-stat strong,.home-hero-pulse-item strong){font-size:13px!important;line-height:1.25!important}
body[data-page="home"].premium-polish #main-content .home-content-grid{align-items:stretch}
body[data-page="home"].premium-polish #main-content .home-content-grid>section{min-width:0}
body[data-page="home"].premium-polish #main-content .home-section-action{white-space:normal;text-align:center}

/* Inbox and bubbles: activity-feed readability without oversized cards. */
.inbox-v2-owner span{font-size:10px!important}.inbox-v2-owner p{font-size:12px!important;line-height:1.4!important}
.inbox-v2-summary span{font-size:10px!important}.inbox-v2-nav button{min-height:44px!important;font-size:12px!important}.inbox-v2-nav button b{font-size:10px!important}
.inbox-v2-clear{min-height:42px!important;font-size:11px!important}.inbox-v2-section>header,.inbox-v2-date{font-size:10px!important}
.inbox-v2-message{grid-template-columns:50px minmax(0,1fr) auto!important;gap:13px!important;padding:14px!important}
.inbox-v2-avatar{width:48px!important;height:48px!important}.inbox-v2-meta b{font-size:10.5px!important}.inbox-v2-meta i{font-size:9px!important}.inbox-v2-meta time{font-size:10px!important}
.inbox-v2-copy>strong{font-size:13.5px!important;line-height:1.38!important}.inbox-v2-copy>span{font-size:11.5px!important;line-height:1.48!important}.inbox-v2-copy>em{font-size:10px!important}.inbox-v2-open{font-size:10.5px!important}
.notification-bubble{grid-template-columns:42px minmax(0,1fr) 28px!important;gap:11px!important;padding:11px!important}
.notification-bubble-avatar{width:40px!important;height:40px!important}.notification-bubble-meta{font-size:9.5px!important}.notification-bubble-copy strong{font-size:13px!important;line-height:1.35!important}.notification-bubble-copy>span:not(.notification-bubble-action){font-size:11px!important;line-height:1.4!important}.notification-bubble-action{font-size:10px!important}

/* League table: leader/position first, supporting information second. */
body[data-page="league"].premium-polish #main-content .league-race-card{min-width:0}
body[data-page="league"].premium-polish #main-content .league-race-copy strong{font-size:13px!important;line-height:1.25!important}
body[data-page="league"].premium-polish #main-content .league-race-copy span,
body[data-page="league"].premium-polish #main-content .league-race-copy em,
body[data-page="league"].premium-polish #main-content .league-race-points small{font-size:10.5px!important;line-height:1.35!important}
body[data-page="league"].premium-polish #main-content .league-race-points strong{font-size:20px!important}
body[data-page="league"].premium-polish #main-content .league-jump-button{min-height:44px!important;font-size:11px!important}
body[data-page="league"].premium-polish #main-content .league-standings-table td{font-size:12.5px!important}

/* Manager directory and picker: compact rows that remain genuinely readable. */
body[data-page="managers"].premium-polish #main-content .manager-grid.phase3-manager-grid.v1-manager-list-view{gap:8px!important}
body[data-page="managers"].premium-polish #main-content .manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card{
  min-height:82px!important;
  padding:12px 14px!important;
  border-radius:15px!important;
}
body[data-page="managers"].premium-polish #main-content .manager-card-name{font-size:13.5px!important;line-height:1.25!important}
body[data-page="managers"].premium-polish #main-content .manager-card-team,
body[data-page="managers"].premium-polish #main-content .manager-card-sub{font-size:11px!important;line-height:1.35!important}
body[data-page="managers"].premium-polish #main-content .manager-card-stat span{font-size:9.5px!important}
body[data-page="managers"].premium-polish #main-content .manager-card-stat strong{font-size:13px!important}
body[data-page="managers"].premium-polish #main-content .phase3-toolbar :is(button,select,input){min-height:44px!important;font-size:12px!important}
.my-manager-choice strong{font-size:13px!important}.my-manager-choice span{font-size:11px!important}.my-manager-choice small{font-size:10px!important}

/* Manager profiles: calmer summary, sticky navigation and clearer achievements. */
body[data-page="manager"].premium-polish #main-content .mobile-profile-tabs.v1-profile-tabs{
  position:sticky;top:84px;z-index:14;backdrop-filter:blur(18px)
}
body[data-page="manager"].premium-polish #main-content .mobile-profile-tab{min-height:44px!important;font-size:11.5px!important}
body[data-page="manager"].premium-polish #main-content .profile-kpi-grid{gap:10px!important}
body[data-page="manager"].premium-polish #main-content .achievement-card{min-height:92px;padding:13px!important}
body[data-page="manager"].premium-polish #main-content .achievement-title-row strong{font-size:13px!important}
body[data-page="manager"].premium-polish #main-content .achievement-difficulty{font-size:9.5px!important}
body[data-page="manager"].premium-polish #main-content .achievement-card .achievement-copy>span{font-size:11.5px!important;line-height:1.45!important}
body[data-page="manager"].premium-polish #main-content .achievement-card small,
body[data-page="manager"].premium-polish #main-content .achievement-locked-label,
body[data-page="manager"].premium-polish #main-content .achievement-tick{font-size:10px!important}
body[data-page="manager"].premium-polish #main-content .achievement-card.locked{opacity:.58;filter:saturate(.55)}

/* Manager Showdown: make the verdict prominent and comparison rows scannable. */
body[data-page="rivalry"].premium-polish #main-content .rivalry-showdown-head p,
body[data-page="rivalry"].premium-polish #main-content .rivalry-section-head p{font-size:12.5px!important;line-height:1.5!important}
body[data-page="rivalry"].premium-polish #main-content .rivalry-duel-copy strong{font-size:clamp(20px,2.1vw,31px)!important;line-height:1.08!important;overflow-wrap:anywhere}
body[data-page="rivalry"].premium-polish #main-content .rivalry-duel-copy>small{font-size:11.5px!important}
body[data-page="rivalry"].premium-polish #main-content .rivalry-duel-rank span,
body[data-page="rivalry"].premium-polish #main-content .rivalry-versus-core small{font-size:10px!important}
body[data-page="rivalry"].premium-polish #main-content .rivalry-direct-title small,
body[data-page="rivalry"].premium-polish #main-content .rivalry-next-meeting small{font-size:11px!important;line-height:1.4!important}
body[data-page="rivalry"].premium-polish #main-content .rivalry-comparison-row{min-height:54px!important}
body[data-page="rivalry"].premium-polish #main-content .rivalry-comparison-row :is(span,small){font-size:10.5px!important}
body[data-page="rivalry"].premium-polish #main-content .rivalry-comparison-row :is(strong,b){font-size:13px!important}

/* Newsroom: reduce metadata noise and give titles/body copy room to breathe. */
body[data-page="news"].premium-polish #main-content :is(.news-card,.article-card){min-width:0}
body[data-page="news"].premium-polish #main-content :is(.news-card h3,.article-card h3){font-size:clamp(17px,1.6vw,22px)!important;line-height:1.18!important;padding-bottom:.08em}
body[data-page="news"].premium-polish #main-content :is(.news-card p,.article-card p){font-size:12px!important;line-height:1.5!important}
body[data-page="news"].premium-polish #main-content :is(.news-meta,.article-meta,.v1-reading-time){font-size:10px!important;line-height:1.3!important}
body[data-page="news"].premium-polish #main-content .article-reader h1{line-height:1.08!important;padding-bottom:.1em;overflow-wrap:anywhere}

/* Monthly Championship: prize race is immediately legible. */
body[data-page="monthly"].premium-polish #main-content .monthly-hero-copy p{font-size:13px!important;line-height:1.5!important}
body[data-page="monthly"].premium-polish #main-content .monthly-hero-meta :is(b,span,em){font-size:10.5px!important}
body[data-page="monthly"].premium-polish #main-content .monthly-command-copy span{font-size:10px!important}
body[data-page="monthly"].premium-polish #main-content .monthly-command-copy small{font-size:11.5px!important}
body[data-page="monthly"].premium-polish #main-content .monthly-view-switcher:before{font-size:10px!important}
body[data-page="monthly"].premium-polish #main-content .monthly-table-panel td{font-size:12.5px!important}

/* Prize Centre: clear tangible rewards, states and history. */
body[data-page="prizes"].premium-polish #main-content .prize-centre-copy p,
body[data-page="prizes"].premium-polish #main-content .prize-centre-copy small{font-size:12.5px!important;line-height:1.5!important}
body[data-page="prizes"].premium-polish #main-content :is(.prize-card,.prize-history-row){min-width:0}
body[data-page="prizes"].premium-polish #main-content .prize-card :is(p,small),
body[data-page="prizes"].premium-polish #main-content .prize-history-row :is(span,small){font-size:11px!important;line-height:1.42!important}
body[data-page="prizes"].premium-polish #main-content .prize-card strong{font-size:14px!important;line-height:1.25!important}

/* Record Book: preserve density without tiny 5–8px labels. */
body[data-page="records"].premium-polish #main-content .stats-record-hero p{font-size:12.5px!important;line-height:1.5!important}
body[data-page="records"].premium-polish #main-content :is(.stats-record-kicker,.stats-record-breaker-top span,.stats-record-breaker-person small,.stats-record-breaker-value span,.stats-record-hero-count span,.stats-record-hero-count small){font-size:9.5px!important;line-height:1.25!important}
body[data-page="records"].premium-polish #main-content .stats-record-section-heading p,
body[data-page="records"].premium-polish #main-content .stats-record-group-head p{font-size:11px!important;line-height:1.45!important}
body[data-page="records"].premium-polish #main-content .stats-record-filter{min-height:38px!important;font-size:10.5px!important}
body[data-page="records"].premium-polish #main-content .record-book-card-head h3{font-size:13.5px!important}
body[data-page="records"].premium-polish #main-content .record-holder-copy strong{font-size:13px!important}
body[data-page="records"].premium-polish #main-content .record-holder-copy small,
body[data-page="records"].premium-polish #main-content .record-chaser-copy small{font-size:10px!important}
body[data-page="records"].premium-polish #main-content .record-chaser-copy strong,
body[data-page="records"].premium-polish #main-content .record-chaser-row>b{font-size:11.5px!important}
body[data-page="records"].premium-polish #main-content .record-chaser-position{font-size:9.5px!important}

/* Timeline, Hall of Fame and rules supporting copy. */
body[data-page="timeline"].premium-polish #main-content :is(.season-timeline-hero-copy p,.season-story-copy p,.timeline-detail){font-size:12px!important;line-height:1.5!important}
body[data-page="timeline"].premium-polish #main-content :is(.season-timeline-hero-copy>span,.season-story-copy>span,.timeline-label){font-size:10px!important}
body[data-page="awards"].premium-polish #main-content :is(.hof-hero-copy p,.hof-feature-copy p,.hof-cup-card p,.hof-legend-card p){font-size:12px!important;line-height:1.5!important}
body[data-page="rules"].premium-polish #main-content :is(.rules-hero-copy p,.rule-list li,.faq-a){font-size:12.5px!important;line-height:1.55!important}

/* Mobile shell: readable labels and full touch targets. */
@media(max-width:980px){
  body.premium-polish #main-content .page-head:not(.managers-page-head){
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:13px!important;
    min-height:0!important;
    padding:20px 21px 19px 24px!important;
  }
  body.premium-polish #main-content .page-head>div:last-child:not(:first-child){width:100%;justify-self:stretch}
  body.premium-polish #main-content .page-head>div:last-child:not(:first-child)>*{max-width:100%}
}
@media(max-width:760px){
  body.premium-polish #main-content .page-head:not(.managers-page-head){padding:17px 17px 16px 20px!important;border-radius:16px!important}
  body.premium-polish #main-content .page-head h2{font-size:clamp(27px,8vw,35px)!important;line-height:1.12!important;letter-spacing:-.038em!important}
  body.premium-polish #main-content .page-head p{font-size:12.5px!important;line-height:1.5!important}
  body.premium-polish .mobile-bottom{min-height:70px}
  body.premium-polish .mobile-nav-button{min-height:58px!important;font-size:11px!important;gap:4px!important}
  body.premium-polish .mobile-nav-button>span:last-child{font-size:11px!important}
  body.premium-polish .mobile-nav-button .nav-icon{width:35px!important;height:32px!important}
  body.premium-polish .drawer-link-grid .nav-button{min-height:48px!important}
  body.premium-polish .drawer-link-grid .nav-button span:last-child{font-size:12px!important}
  body.premium-polish .mobile-preference-row{min-height:54px!important}
  body.premium-polish .mobile-preference-row strong{font-size:12px!important}
  body.premium-polish .mobile-preference-row span span{font-size:10.5px!important}
  body[data-page="manager"].premium-polish #main-content .mobile-profile-tabs.v1-profile-tabs{top:58px}
  .inbox-v2-mobile-filters button{min-height:38px!important;font-size:10.5px!important}
  .inbox-v2-message{grid-template-columns:44px minmax(0,1fr)!important;padding:12px!important}
  .inbox-v2-meta time{font-size:9.5px!important}.inbox-v2-copy>strong{font-size:13px!important}.inbox-v2-copy>span{font-size:11px!important}.inbox-v2-copy>em{font-size:9.5px!important}
  body[data-page="records"].premium-polish #main-content .stats-record-breaker-grid{grid-template-columns:1fr!important}
  body[data-page="records"].premium-polish #main-content .stats-record-breaker-card{min-height:178px!important}
  body[data-page="records"].premium-polish #main-content .stats-record-hero h1{font-size:clamp(38px,12vw,50px)!important}
  body[data-page="rivalry"].premium-polish #main-content .rivalry-showdown-head h1{font-size:clamp(34px,10vw,48px)!important}
  body[data-page="monthly"].premium-polish #main-content .monthly-hero-copy h1{font-size:clamp(34px,10vw,48px)!important}
}
@media(max-width:430px){
  body.premium-polish #main-content .page-head h2{font-size:clamp(25px,8.5vw,32px)!important}
  body.premium-polish #main-content .page-head .eyebrow{font-size:9.5px!important}
  body[data-page="home"].premium-polish #main-content .home-status-row{grid-template-columns:1fr!important}
  body[data-page="home"].premium-polish #main-content .home-status-item{min-height:54px}
}

/* Directory-specific final pass (the directory uses its own hero/card system). */
body[data-page="managers"].premium-polish #main-content .managers-page-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:126px!important;
  padding:22px 25px 21px 28px!important;
  overflow:hidden!important;
}
body[data-page="managers"].premium-polish #main-content .managers-page-head>div:first-child{min-width:0!important}
body[data-page="managers"].premium-polish #main-content .managers-page-head h2{
  display:block!important;max-width:100%!important;margin:0!important;padding-bottom:.12em!important;
  font-size:clamp(30px,3vw,43px)!important;line-height:1.1!important;overflow:visible!important;
  overflow-wrap:anywhere!important;text-wrap:balance
}
body[data-page="managers"].premium-polish #main-content .managers-page-head p{font-size:13px!important;line-height:1.55!important}
body[data-page="managers"].premium-polish #main-content .managers-head-count span{font-size:10px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-command{min-height:66px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-search input,
body[data-page="managers"].premium-polish #main-content .manager-directory-sort .select{font-size:12px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-sort>span,
body[data-page="managers"].premium-polish #main-content .manager-directory-count{font-size:10px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-filters button{min-height:40px!important;font-size:11px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-name-row>strong{font-size:13px!important;line-height:1.22!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-identity>span{font-size:10px!important;line-height:1.3!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-you{min-height:19px!important;font-size:8.5px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-rank{min-height:26px!important;font-size:9.5px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-favourite{width:30px!important;height:30px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-performance span,
body[data-page="managers"].premium-polish #main-content .manager-directory-form>span{font-size:9px!important;line-height:1.2!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-performance strong{font-size:12px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-primary-stat strong{font-size:17px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-form .muted.small{font-size:9px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-footer{font-size:10px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-pagination button{min-width:34px!important;height:34px!important;font-size:10px!important}
body[data-page="managers"].premium-polish #main-content .manager-directory-no-results span{font-size:11px!important}

/* Frequently clipped labels/names receive explicit descender room. */
body.premium-polish #main-content :is(
  .home-leader-position,.home-leader-name,.manager-profile-name-line h1,.league-hero-copy h1,
  .monthly-hero-copy h1,.rivalry-showdown-head h1,.stats-record-hero-copy h1,
  .prize-centre-copy h1,.hof-hero-copy h1,.arcade-hero-copy h1
){padding-top:.03em!important;padding-bottom:.13em!important}
body[data-page="home"].premium-polish #main-content .home-leader-position{line-height:1.12!important;overflow:visible!important;white-space:normal!important}

@media(max-width:720px){
  body[data-page="managers"].premium-polish #main-content .managers-page-head{
    display:block!important;min-height:0!important;padding:17px 17px 16px 20px!important
  }
  body[data-page="managers"].premium-polish #main-content .managers-page-head h2{font-size:clamp(27px,8vw,35px)!important}
  body[data-page="managers"].premium-polish #main-content .managers-page-head p{font-size:12.5px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-command{grid-template-columns:minmax(0,1fr) auto!important;padding:9px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-search{min-height:44px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-sort{min-height:42px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-sort .select{height:34px!important;font-size:10.5px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-filters{min-height:42px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-filters button{min-height:34px!important;font-size:10px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-card{
    grid-template-columns:46px minmax(0,1fr) auto!important;min-height:100px!important;padding:10px 11px!important
  }
  body[data-page="managers"].premium-polish #main-content .manager-directory-avatar{width:44px!important;height:53px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-name-row>strong{font-size:12.5px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-identity>span{font-size:9.5px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-performance{gap:12px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-performance span{font-size:8.5px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-performance strong{font-size:10.5px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-primary-stat strong{font-size:14px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-form .form-dot{width:17px!important;height:17px!important;font-size:6px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-footer>span{font-size:9px!important}
  body[data-page="managers"].premium-polish #main-content .manager-directory-pagination button{min-width:32px!important;height:32px!important;font-size:9.5px!important}
}

/* Managers/Records/Rules are direct nav items on wide desktop; avoid a second
   active underline on More until those items collapse into the menu. */
@media(min-width:1280px){
  body[data-page="managers"].premium-polish .desktop-more-trigger.active,
  body[data-page="records"].premium-polish .desktop-more-trigger.active,
  body[data-page="rules"].premium-polish .desktop-more-trigger.active{background:transparent!important;color:#aeb9ca!important}
  body[data-page="managers"].premium-polish .desktop-more-trigger.active:after,
  body[data-page="records"].premium-polish .desktop-more-trigger.active:after,
  body[data-page="rules"].premium-polish .desktop-more-trigger.active:after{transform:scaleX(0)!important;opacity:0!important}
}