/* FL5 | 12 September 2026 Golden source adaptation.
 * Exact historical stylesheet: legacy/2026-09-12-golden-home.css (66,767 bytes).
 * Original global CSS preserved unmodified as reference, not loaded to avoid
 * copying legacy API assumptions and clashing with FL5 data/control planes.
 * These compatibility overrides only adapt original Astro DOM geometry to
 * the already working FL5 clean-room semantic DOM. No synthetic content. */
:root{
  --purple:#8d35ff;--purple-soft:#c993ff;--purple-dark:#5e1bb7;
  --fl-ui:Arial,Helvetica,sans-serif;
  --fl-editorial:Georgia,"Times New Roman",serif;
}
#app[data-fl5-rebuild="true"]{--sept12-violet:#8d35ff;--sept12-lilac:#c993ff}
#app .sept12-hero,#app .sept12-match,#app .news-home-frame,
#app .shop-home-frame,#app .vvv-home-frame,
#app .players-home-frame,#app .pulse-home-frame{scroll-margin-top:100px}
.site-head .brand-animation-shell{
  display:grid;place-items:center;width:min(52vw,210px);height:62px;
  background:#000;overflow:hidden;line-height:1;box-sizing:border-box
}
.site-head .brand-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.site-head .brand-wordmark b{font:500 20px/1 var(--fl-editorial);letter-spacing:.025em;color:#fff}
.site-head .brand-wordmark em{font:500 9px/1 var(--fl-editorial);font-style:normal;letter-spacing:.34em;margin-left:.34em;color:#fff}
.site-head .header-bell i{
  display:block;width:11px;height:11px;border-radius:50%;
  background:radial-gradient(circle,#c8b5da 0 38%,#392a43 42% 68%,transparent 72%);
  border:1px solid rgba(255,255,255,.22)
}
#fan .fl5-fan-panel[hidden]{display:none!important}
#main #hero-media{min-width:0}
@media (max-width:820px){
 html,body{background:#050509!important}
 #app.app{width:100%;max-width:820px;margin:0 auto;background:#050509}
 .site-head.site-header{position:sticky!important;top:0;z-index:40}
 .site-head .header-main.head-main{height:86px!important;max-width:none!important}
 .site-head .head-menu.menu-trigger{display:grid!important;align-content:center;justify-items:center;gap:4px}
 .site-head .site-mark.brand{background:#000!important;min-height:0!important;border:0!important;text-align:center}
 .site-head .site-mark.brand .brand-animation-shell{width:min(52vw,210px);height:62px}
 .site-head .site-mark.brand .brand-wordmark{position:static;line-height:1}
 .site-head .head-actions.header-actions{display:flex!important;align-items:center;gap:9px!important}
 .site-head .head-actions.header-actions .head-action{display:grid;place-items:center;width:30px;height:30px;padding:0!important;border-radius:50%!important}
 .site-head .head-actions.header-actions .header-bell{border:1px solid rgba(255,255,255,.08)!important}
 .site-head .main-nav{display:none!important}
 .site-head.menu-open .main-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .quick-actions.fan-zone{width:calc(100% - 28px)!important;max-width:792px!important;margin:10px auto 12px!important;padding:0!important}
 .quick-actions.fan-zone .fan-zone__tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}
 .quick-actions.fan-zone .fan-zone__tabs button{min-width:0;height:31px!important;font-size:8px!important}
 .quick-actions.fan-zone .fan-zone__hero{
   grid-template-columns:minmax(0,1fr) minmax(98px,32%)!important;gap:9px!important;
   min-height:55px!important;padding:8px 10px 10px 13px!important
 }
 .quick-actions.fan-zone .fan-zone__hero>div{min-width:0}
 .quick-actions.fan-zone .fan-zone__hero small{display:none!important}
 .quick-actions.fan-zone .fan-zone__hero h2{
   display:block!important;max-width:100%;margin:0!important;
   font:950 clamp(16px,4.4vw,22px)/1.05 var(--fl-ui)!important;letter-spacing:-.035em!important
 }
 .quick-actions.fan-zone .fan-zone__hero h2 em{display:inline!important;font:inherit!important;color:#c069ff!important}
 .quick-actions.fan-zone .fan-zone__hero p{display:none!important}
 .quick-actions.fan-zone .fan-zone__hero>a{
   display:flex!important;align-items:center;justify-content:center;min-width:0;
   height:34px!important;margin:0;border-radius:999px!important;
   background:linear-gradient(180deg,#aa54ff,#6e25c8)!important;
   color:#fff!important;font:900 9px/1 var(--fl-ui)!important;white-space:nowrap
 }
 #main>.hero.sept12-hero{padding:0!important;width:calc(100% - 28px)!important;max-width:792px!important;margin:0 auto!important}
 #main>.hero .hero-head{display:none!important}
 #main>.hero .hero-panel.hero-live{
   position:relative!important;inset:auto!important;display:block!important;
   width:100%!important;min-height:0!important;height:auto!important;
   aspect-ratio:16/9!important;max-height:none!important;margin:0!important;
   border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;
   overflow:hidden!important;background:#050509!important
 }
 #main>.hero .hero-art.hero-live__video-shell{
   position:absolute!important;inset:0!important;display:block!important;
   width:100%!important;height:100%!important;min-height:0!important;
   background:linear-gradient(135deg,#1a0c2b,#09060d 75%);overflow:hidden
 }
 #main>.hero .hero-art iframe,
 #main>.hero .hero-art .hero-video-trigger,
 #main>.hero .hero-art .hero-video-trigger img{
   display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important
 }
 #main>.hero .hero-art .hero-video-trigger{border:0!important;padding:0!important;cursor:pointer;z-index:1}
 #main>.hero .hero-live__shade{
   display:block!important;position:absolute!important;inset:0!important;
   background:linear-gradient(180deg,rgba(8,8,14,.02) 25%,rgba(8,8,14,.13) 62%,rgba(8,8,14,.92) 100%)!important;
   pointer-events:none!important;z-index:1
 }
 #main>.hero .hero-copy.hero-live__info,
 #main>.hero .hero-panel.has-video .hero-copy.hero-live__info{
   position:absolute!important;left:17px!important;right:17px!important;bottom:14px!important;
   top:auto!important;min-height:0!important;height:auto!important;
   display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
   gap:5px 12px!important;align-items:end!important;background:none!important;
   padding:0!important;transform:none!important;z-index:2!important;pointer-events:none
 }
 #main>.hero .hero-copy.hero-live__info .eyebrow{
   grid-column:1/-1!important;font:900 8px/1.2 var(--fl-ui)!important;
   letter-spacing:.12em!important;color:#c993ff!important
 }
 #main>.hero .hero-copy.hero-live__info h1{
   grid-column:1!important;font:850 clamp(15px,4.3vw,22px)/1.06 var(--fl-ui)!important;
   letter-spacing:-.035em!important;margin:0!important;color:#fff!important;
   text-shadow:0 2px 10px #000!important;max-width:100%!important
 }
 #main>.hero .hero-copy.hero-live__info .hero-buttons{
   grid-column:2!important;grid-row:2!important;display:flex!important;justify-content:flex-end!important;align-items:end!important
 }
 #main>.hero .hero-copy .btn{pointer-events:auto;border:0!important;background:transparent!important;box-shadow:none!important;font:900 9px var(--fl-ui)!important;padding:6px!important;margin:0!important}
 #main>.hero:has(.hero-panel.has-video) #hero-media{display:none!important}
 #main>.hero:not(:has(.hero-panel.has-video)) #hero-media{padding:8px 2px!important;font-size:10px!important}
 #match.sept12-match{margin:0 auto!important;width:calc(100% - 28px)!important;max-width:792px!important;padding:0!important;display:flex!important;flex-direction:column!important}
 #match>.section-title{display:none!important}
 #match #match-strip{order:0!important;display:flex!important;overflow-x:auto!important;gap:7px!important;margin:14px 0 12px!important;scrollbar-width:none}
 #match #match-card{order:1!important;width:100%!important;min-height:100px!important;border-radius:18px 18px 0 0!important}
 #match #fl5-match-expand{order:2!important}
 #match .fl5-match-tabs{order:3!important}
 #match #match-detail{order:4!important}
 #news.news-home-frame{width:calc(100% - 28px)!important;max-width:792px!important;padding-top:21px!important;margin:0 auto!important}
 #news>.section-title h2,#news>.section-title h2 em{
   color:#fff!important;font:900 clamp(22px,5.6vw,27px)/1 var(--fl-ui)!important;letter-spacing:.018em!important
 }
 #news .tab-bar{display:flex!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none}
 #news .tab-bar button{flex:0 0 auto!important;border-radius:999px!important;min-height:32px!important}
 #news .story-card:first-child{border-radius:16px!important;overflow:hidden!important}
 #shop.shop-home-frame,#vvv.vvv-home-frame,#players.players-home-frame,
 #formation,#market,#fan.pulse-home-frame,#numbers{
   width:calc(100% - 28px)!important;max-width:792px!important;margin-left:auto!important;margin-right:auto!important
 }
 #shop .section-title h2,#vvv .section-title h2,#formation .section-title h2,
 #market .section-title h2,#players .section-title h2,#fan .section-title h2,
 #numbers .section-title h2{font-family:var(--fl-ui)!important;letter-spacing:-.02em!important}
 #fan .pulse-native{width:100%!important;max-width:480px!important}
 #fan .pulse-native__hero{min-height:280px!important}
 #app .site-footer{border-top:1px solid rgba(177,93,246,.2);background:#08050d}
}
@media(max-width:390px){
 .site-head .site-mark.brand .brand-animation-shell{width:min(50vw,190px);height:58px}
 .quick-actions.fan-zone .fan-zone__tabs{gap:4px!important;padding:6px 6px 4px!important}
 .quick-actions.fan-zone .fan-zone__tabs button{font-size:7px!important}
 .quick-actions.fan-zone .fan-zone__hero h2{font-size:15px!important}
}
@media(min-width:821px){
 /* Preserve FL5 widescreen functionality; bring the actual Sept12 design tokens. */
 .site-head.site-header{border-bottom:1px solid rgba(255,255,255,.07);background:#08080eea}
 .site-head .site-mark.brand{display:flex;align-items:center;justify-content:center;min-width:180px;background:#000}
 .site-head .brand-animation-shell{width:180px;height:70px}
 .site-head .brand-wordmark{display:flex}
 .quick-actions.fan-zone{max-width:1180px}
 .quick-actions .fan-zone__tabs button{font-weight:900}
 .pulse-home-frame{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.site-head .brand-animation-shell{transition:none}}


/* 12 Sep match action strip: distinct title and right-side action across viewports.
   Visual-only; preserves dynamic match/poll data gates and existing click handler. */
#match>.fl5-match-cta{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:16px!important;width:100%!important;min-height:44px!important;
 padding:10px clamp(13px,3vw,22px)!important;
 text-align:left!important;box-sizing:border-box!important;
 border:1px solid rgba(181,81,255,.72)!important;
 background:linear-gradient(90deg,rgba(16,7,26,.96),rgba(44,14,65,.94))!important
}
#match>.fl5-match-cta b{
 display:block!important;min-width:0!important;flex:1 1 auto!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 color:#f9f3ff!important;font:900 clamp(10px,2.6vw,13px)/1.15 Arial,Helvetica,sans-serif!important;
 letter-spacing:.045em!important
}
#match>.fl5-match-cta span{
 display:block!important;flex:0 0 auto!important;
 white-space:nowrap!important;color:#d19aff!important;
 font:900 clamp(9px,2.2vw,12px)/1.1 Arial,Helvetica,sans-serif!important;
 letter-spacing:.045em!important
}


/* Original 12 September source-driven RSS publisher tabs (published-only data). */
#news .news-sources-head{
 display:flex;align-items:center;gap:9px;min-width:0;margin:2px 0 11px;
 padding:0 2px;max-width:100%
}
#news .news-sources-head>small{
 flex:0 0 auto;font:950 8px/1 Arial,Helvetica,sans-serif;
 letter-spacing:.12em;color:#c993ff
}
#news .news-editorial__tabs{
 position:static!important;display:flex!important;flex:1 1 auto;min-width:0;
 gap:6px!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap;
 padding:0 0 2px!important;margin:0!important;background:transparent!important
}
#news .news-editorial__tabs::-webkit-scrollbar{display:none}
#news .news-editorial__tabs button{
 flex:0 0 auto!important;height:28px!important;min-height:28px!important;
 padding:0 11px!important;border:1px solid rgba(201,147,255,.16)!important;
 border-radius:999px!important;background:rgba(13,10,20,.72)!important;
 color:#ada2b7!important;font:900 8px/1 Arial,Helvetica,sans-serif!important;
 letter-spacing:.04em!important;cursor:pointer
}
#news .news-editorial__tabs button.active{
 border-color:rgba(201,147,255,.48)!important;
 background:linear-gradient(180deg,#7830d5,#451087)!important;
 color:#fff!important;box-shadow:0 0 14px rgba(201,147,255,.25)
}
#news .news-editorial__tabs button:disabled{cursor:default;opacity:.8}
@media(max-width:820px){
 #news .news-sources-head{gap:7px;margin-top:0;margin-bottom:8px}
 #news .news-sources-head>small{font-size:7px}
 #news .news-editorial__tabs button{height:27px!important;min-height:27px!important;font-size:7px!important;padding:0 10px!important}
}

/* Reuse original 12 September ShopTeaser DOM rather than an unstyled link. */
#shop.shop-home-frame .shop-clean{
 display:grid;grid-template-columns:minmax(0,1.05fr) minmax(120px,.8fr);
 gap:0;min-height:198px;overflow:hidden;
 border:1.5px solid rgba(205,112,255,.76);
 border-radius:17px;background:radial-gradient(circle at 80% 20%,rgba(141,53,255,.2),transparent 30%),linear-gradient(145deg,#100817,#08060c 65%);
 box-shadow:0 0 0 1px rgba(139,46,219,.16),0 0 22px rgba(174,60,255,.28),0 0 66px rgba(93,19,159,.20)
}
#shop .shop-clean__copy{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 min-width:0;padding:18px 16px 18px 23px;gap:7px
}
#shop .shop-clean__copy>.eyebrow{
 color:#c993ff;font:950 9px/1 Arial,sans-serif;letter-spacing:.13em
}
#shop .shop-clean__copy h3{
 color:#fff;font:950 clamp(24px,4vw,47px)/.91 Arial,sans-serif;
 margin:0;letter-spacing:-.045em
}
#shop .shop-clean__copy h3 em{display:block;color:#c993ff;font-style:normal}
#shop .shop-clean__copy p{color:#c9bed0;font:500 12px/1.35 Arial,sans-serif;margin:0;max-width:360px}
#shop .shop-clean__copy .pill-button{
 display:inline-flex;align-items:center;justify-content:center;min-height:34px;
 padding:0 13px;border-radius:99px;background:linear-gradient(180deg,#a14cff,#7027cb);
 color:#fff;font:900 10px/1 Arial,sans-serif;letter-spacing:.04em
}
#shop .shop-clean__copy small{color:#8a8194;font:800 8px Arial,sans-serif;letter-spacing:.06em}
#shop .shop-clean__product{
 position:relative;overflow:hidden;min-width:0;margin:9px 10px 9px 0;
 border:1px solid rgba(193,112,255,.26);border-radius:12px;
 background:radial-gradient(circle at 51% 37%,rgba(144,38,248,.42),transparent 53%),linear-gradient(140deg,#281038,#0c0614 85%)
}
#shop .shop-clean__ghost{
 position:absolute;inset:0;display:grid;place-items:center;
 color:rgba(220,159,255,.32);font:500 clamp(56px,8vw,135px)/1 Georgia,serif;
 text-shadow:0 0 33px rgba(143,40,228,.46);pointer-events:none
}
#shop .shop-clean__product-label{
 position:absolute;inset:auto 8px 8px;display:grid;gap:3px;
 padding:9px 10px;border-radius:8px;background:linear-gradient(0deg,rgba(8,4,13,.93),rgba(8,4,13,.55));
 backdrop-filter:blur(8px);color:#fff
}
#shop .shop-clean__product-label small{font:850 8px Arial,sans-serif;color:#c993ff;letter-spacing:.1em}
#shop .shop-clean__product-label b{font:900 10px Arial,sans-serif;letter-spacing:.04em}
@media(max-width:820px){
 #shop.shop-home-frame .shop-clean{height:161px!important;min-height:161px!important;max-height:161px!important;margin:0 8px 10px!important;grid-template-columns:minmax(0,1.05fr) minmax(132px,.65fr)!important}
 #shop .shop-clean__copy{padding:11px 7px 11px 14px!important;gap:4px}
 #shop .shop-clean__copy h3{font-size:clamp(19px,4.4vw,36px)!important}
 #shop .shop-clean__copy p{font-size:7.4px!important;line-height:1.32!important}
 #shop .shop-clean__copy .pill-button{min-height:30px!important;font-size:7px!important;padding:0 10px!important}
 #shop .shop-clean__copy small{font-size:6.5px!important}
 #shop .shop-clean__product{height:145px!important;min-height:0!important;margin:8px 8px 8px 0!important}
 #shop .shop-clean__product-label{left:7px!important;right:7px!important;bottom:6px!important;padding:6px}
 #shop .shop-clean__product-label small{font-size:7px!important}
 #shop .shop-clean__product-label b{font-size:7.5px!important}
}


/* Recover the original 12 September compact SectionFrame shop rhythm, avoiding
   the later FL5 60px generic spacing and oversized heading on mobile. */
@media(max-width:820px){
 #shop.shop-home-frame{padding-top:16px!important}
 #shop.shop-home-frame>.section-title{
  display:flex!important;align-items:baseline!important;justify-content:flex-start!important;
  gap:7px!important;margin:0 8px 9px!important;padding:0!important;
  min-height:0!important;border:0!important
 }
 #shop.shop-home-frame>.section-title .eyebrow{
  display:inline!important;margin:0!important;
  font:950 7px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.12em!important;color:#c993ff!important
 }
 #shop.shop-home-frame>.section-title h2,
 #shop.shop-home-frame>.section-title h2 em{
  display:inline!important;margin:0!important;
  font:900 10px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.09em!important
 }
 #shop.shop-home-frame>.section-title h2{color:#f8f4fb!important}
 #shop.shop-home-frame>.section-title h2 em{color:#c993ff!important}
}