:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070708;--panel:#141416d1;--panel-strong:#121214;--line:#ffffff1a;--text:#f7f3ec;--muted:#b8afa3;--dim:#7d746e;--red:#d50a1f;--red-dark:#81000e;--gold:#c8a45d;--gold-soft:#f0d58f;--cream:#f4ead8;--radius:8px;--shadow:0 26px 80px #00000070;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 16% 8%, #d50a1f2e, transparent 28rem), linear-gradient(180deg, #080809e0, var(--bg) 48rem), var(--bg);min-width:320px;color:var(--text);margin:0}body:before{z-index:-2;content:"";background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070708db;justify-content:space-between;align-items:center;min-height:76px;padding:14px clamp(18px,5vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#d50a1ff0,#5c000af5),#111;border:1px solid #c8a45da3;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:.82rem;font-weight:900;display:grid;box-shadow:inset 0 0 0 4px #0707088f}.brand strong,.brand em{line-height:1.05;display:block}.brand strong{text-transform:uppercase;color:var(--cream);letter-spacing:0;font-size:clamp(1rem,2.6vw,1.3rem)}.brand em{color:var(--gold);text-transform:uppercase;margin-top:5px;font-size:.72rem;font-style:normal;font-weight:800}.desktop-nav{align-items:center;gap:clamp(18px,3vw,34px);display:none}.desktop-nav a{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:900}.desktop-nav a:hover{color:#fff}.header-actions{align-items:center;gap:10px;display:inline-flex}.icon-button,.watch-button,.primary-cta,.secondary-cta{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);justify-content:center;align-items:center;display:inline-flex}.icon-button{background:#ffffff0a;width:42px;height:42px}.watch-button,.primary-cta{background:linear-gradient(135deg, var(--red), #a50012);gap:8px;font-weight:950;box-shadow:0 12px 32px #d50a1f4d}.watch-button{min-height:42px;padding:0 14px}.mobile-menu-panel{z-index:19;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070708f0;border-bottom:1px solid #0000;max-height:0;transition:max-height .18s,opacity .18s,transform .18s,border-color .18s;display:grid;position:sticky;top:76px;overflow:hidden;transform:translateY(-8px)}.mobile-menu-panel.is-open{border-color:var(--line);opacity:1;pointer-events:auto;max-height:360px;transform:translateY(0)}.mobile-menu-panel a{border-top:1px solid var(--line);min-height:54px;color:var(--cream);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 18px;font-size:.82rem;font-weight:950;display:flex}.mobile-menu-panel a:first-child{border-top:0}.mobile-menu-watch{color:#fff;background:#d50a1f2e;justify-content:center;gap:10px}.hero{align-items:end;gap:22px;min-height:calc(100svh - 76px);padding:clamp(26px,6vw,72px);display:grid;position:relative;overflow:hidden}.hero:before{z-index:-2;content:"";background-image:linear-gradient(90deg,#070708f0 0%,#070708ad 43%,#07070829),linear-gradient(#0707081a,#070708 96%),url(/images/hero-niners-all-day.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after{z-index:-1;content:"";background:linear-gradient(#0000,#070708);height:42%;position:absolute;inset:auto 0 0}.hero-copy{max-width:760px;padding-top:22vh}.live-pill{min-height:34px;color:var(--gold-soft);text-transform:uppercase;background:#121214a8;border:1px solid #d50a1f8a;border-radius:999px;align-items:center;gap:9px;padding:0 12px;font-size:.74rem;font-weight:900;display:inline-flex}.live-pill span{background:var(--red);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 7px #d50a1f2e}h1,h2,h3,p{margin-top:0}.hero h1{color:#fff;letter-spacing:0;max-width:820px;margin-top:20px;margin-bottom:20px;font-size:clamp(3.15rem,9vw,7.6rem);line-height:.92}.hero p{color:#dfd5c8;max-width:580px;font-size:clamp(1rem,2.4vw,1.24rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-cta,.secondary-cta{gap:10px;min-height:52px;padding:0 18px;font-size:.86rem;font-weight:950}.secondary-cta{background:#ffffff0e}.hero-card{border-radius:var(--radius);width:min(100%,420px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0bad;border:1px solid #c8a45d47;padding:22px}.hero-card-top,.module-title,.match-header{color:var(--gold);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:950;display:flex}.hero-card h2{margin:18px 0 8px;font-size:1.55rem}.hero-card p{color:var(--muted);line-height:1.55}.countdown{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px;padding-top:18px;display:flex}.countdown strong{color:#fff;font-size:2rem}.countdown span{color:var(--dim);text-transform:uppercase;font-weight:800}.signal-strip,.section-shell,.game-day,.community,.site-footer{width:min(1180px,100% - 32px);margin:0 auto}.signal-strip{z-index:5;gap:12px;margin-top:-36px;display:grid;position:relative}.signal-strip article{border:1px solid var(--line);border-radius:var(--radius);background:#121214e6;grid-template-columns:auto 1fr;align-content:center;gap:4px 12px;min-height:86px;padding:18px;display:grid}.signal-strip svg{color:var(--red);grid-row:span 2}.signal-strip span{color:var(--dim);text-transform:uppercase;font-size:.74rem;font-weight:900}.signal-strip strong{color:var(--cream)}.section-shell{padding:80px 0 46px}.content-layout{gap:22px;display:grid}.section-heading{max-width:760px}.section-heading span,.game-copy>span{color:var(--red);text-transform:uppercase;font-size:.78rem;font-weight:950}.section-heading h2,.game-copy h2,.community h2{letter-spacing:0;margin:10px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.post-grid{gap:16px;display:grid}.post-card,.trending-card,.match-card,.community{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 16px 60px #00000038}.post-card{overflow:hidden}.post-media{background:linear-gradient(135deg,#d50a1f73,#0000),repeating-linear-gradient(45deg,#ffffff0a 0 2px,#0000 2px 12px),#171719;align-items:end;min-height:184px;padding:18px;display:flex;position:relative}.post-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-media:after{content:"";background:linear-gradient(#0707081a,#070708bd);position:absolute;inset:0}.post-card.gold .post-media{background:linear-gradient(135deg,#c8a45d7a,#0000),radial-gradient(circle at 80% 20%,#ffffff24,#0000 14rem),#171719}.post-card.fog .post-media{background:linear-gradient(135deg,#b4bec747,#0000),radial-gradient(circle at 20% 20%,#d50a1f47,#0000 13rem),#171719}.post-media span{z-index:1;color:var(--gold-soft);text-transform:uppercase;background:#0707088a;border:1px solid #ffffff1f;border-radius:999px;padding:8px 10px;font-size:.7rem;font-weight:950;position:relative}.post-body{padding:20px}.post-body>span{color:var(--dim);font-size:.76rem;font-weight:800}.post-body h3{margin:10px 0;font-size:1.32rem;line-height:1.12}.post-body p{color:var(--muted);margin-bottom:0;line-height:1.55}.trending-card{padding:20px}.module-title{justify-content:flex-start;gap:10px;margin-bottom:12px}.trend-row{border-top:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:15px 0;display:grid}.trend-row strong{color:var(--red);font-size:.9rem}.trend-row span{color:var(--cream);font-weight:800;line-height:1.28}.game-day{gap:22px;padding:34px 0 72px;display:grid}.game-copy p,.community p{max-width:620px;color:var(--muted);line-height:1.65}.match-card{background:linear-gradient(135deg, #d50a1f29, transparent 58%), var(--panel-strong);padding:22px}.match-header{justify-content:flex-start;gap:10px}.matchup{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:30px 0;display:grid}.matchup div{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#ffffff09;place-items:center;gap:10px;min-height:118px;display:grid}.matchup svg{color:var(--gold)}.matchup>span{color:var(--dim);text-transform:uppercase;font-weight:950}.match-meta{gap:12px;display:grid}.match-meta span,.match-meta a{align-items:center;gap:8px;display:inline-flex}.match-meta span{color:var(--muted)}.match-meta a{border-radius:var(--radius);min-height:48px;color:var(--gold-soft);border:1px solid #c8a45d7a;justify-content:center;font-weight:950}.community{background:linear-gradient(100deg, #d50a1f57, transparent 58%), var(--panel-strong);gap:24px;margin-bottom:58px;padding:clamp(24px,5vw,42px);display:grid}.community svg{color:var(--gold)}.subscribe-form label{color:var(--gold);text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:950;display:block}.subscribe-form div{border:1px solid var(--line);border-radius:var(--radius);background:#07070894;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.subscribe-form input{color:#fff;background:0 0;border:0;outline:0;min-width:0}.subscribe-form button{border-radius:var(--radius);background:var(--red);color:#fff;border:0;grid-column:1/-1;min-height:48px;font-weight:950}.site-footer{border-top:1px solid var(--line);color:var(--muted);gap:20px;padding:36px 0 104px;display:grid}.site-footer p{max-width:640px;margin-bottom:0;line-height:1.55}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:var(--cream);font-weight:850}.mobile-dock{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0ee6;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 20px 80px #0000008a}.mobile-dock a{min-height:50px;color:var(--muted);border-radius:10px;place-items:center;gap:3px;font-size:.7rem;font-weight:900;display:grid}.mobile-dock a:first-child{color:#fff;background:#d50a1f29}.article-index,.article-detail{width:min(900px,100% - 32px);margin:0 auto;padding:72px 0 96px}.back-link{color:var(--gold);text-transform:uppercase;margin-bottom:28px;font-size:.78rem;font-weight:950;display:inline-flex}.article-list{gap:14px;margin-top:34px;display:grid}.article-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:8px;padding:22px;display:grid}.article-row img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%}.article-row span,.article-detail>span{color:var(--red);text-transform:uppercase;font-size:.75rem;font-weight:950}.article-row h2{color:#fff;margin:0;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1}.article-row p,.article-dek,.article-body p{color:var(--muted);line-height:1.7}.article-detail h1{color:#fff;letter-spacing:0;max-width:780px;margin:12px 0 18px;font-size:clamp(3rem,8vw,6.2rem);line-height:.92}.article-dek{max-width:680px;font-size:1.15rem}.article-main-image{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%;margin:22px 0 8px;box-shadow:0 18px 70px #0000003d}.article-meta{border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;gap:12px;margin:28px 0;padding:18px 0;display:flex}.article-meta strong{color:var(--cream)}.article-body{max-width:720px}.studio-setup{background:linear-gradient(#0f0f11e0,#070708fa),url(/images/hero-niners-all-day.png) 50%/cover;place-items:center;min-height:100vh;padding:32px 18px;display:grid}.studio-setup section{border:1px solid var(--line);width:min(720px,100%);box-shadow:var(--shadow);background:#0f0f11e6;border-radius:8px;padding:clamp(24px,6vw,48px)}.studio-setup span{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.studio-setup h1{max-width:620px;font-family:var(--font-display);margin:14px 0;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.92}.studio-setup p{max-width:560px;color:var(--muted);font-size:1rem;line-height:1.7}.setup-steps{gap:10px;margin-top:24px;display:grid}.setup-steps code{border:1px solid var(--line);color:var(--cream);background:#ffffff0d;border-radius:8px;padding:12px 14px;font-size:.9rem;overflow-x:auto}@media (min-width:680px){.signal-strip,.post-grid{grid-template-columns:repeat(3,1fr)}.subscribe-form div{grid-template-columns:auto 1fr auto}.subscribe-form button{grid-column:auto;padding:0 22px}.match-meta{grid-template-columns:1fr auto;align-items:center}}@media (min-width:940px){.desktop-nav{display:flex}.mobile-menu,.mobile-menu-panel{display:none}.hero{grid-template-columns:minmax(0,1fr) 380px;align-items:end}.content-layout{grid-template-columns:minmax(0,1fr) 320px}.section-heading,.post-grid{grid-column:1}.trending-card{grid-area:1/2/span 2;align-self:end}.game-day{grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);align-items:center}.community{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center}.site-footer{grid-template-columns:260px 1fr auto;align-items:start;padding-bottom:44px}.mobile-dock{display:none}}.draft-mode-toggle{z-index:1000;color:#fff;background:#111;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;min-height:2.5rem;padding:0 1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 1rem 2rem #00000047}@media (max-width:520px){.site-header{min-height:68px;padding-inline:14px}.mobile-menu-panel{top:68px}.brand em,.header-actions .icon-button:first-child{display:none}.brand-mark{width:42px;height:42px}.watch-button{padding-inline:12px}.hero{min-height:780px;padding:24px 16px 56px}.hero:before{background-image:linear-gradient(#0707087a,#070708 76%),url(/images/hero-niners-all-day.png);background-position:56% 0}.hero-copy{padding-top:270px}.hero h1{font-size:clamp(3rem,17vw,4.6rem)}.primary-cta,.secondary-cta{width:100%}.signal-strip{margin-top:-24px}.matchup{grid-template-columns:1fr}.matchup>span{text-align:center}}