/* The live site's type, color, layout and effects are retained. */
html{scrollbar-width:thin;scrollbar-color:#526446 #0b120d}
#fs5-track{height:1160vh!important;min-height:1160vh;display:block}
html,body{min-height:100%;overflow-x:clip}
#fs3-phone{border-radius:48px}
html[data-refined=true] #fs3-phone{
 box-shadow: calc(var(--rf-yaw,0)*-.7px) 5px 0 #182019,calc(var(--rf-yaw,0)*-1px) 10px 0 #090e0a,0 0 0 1px rgba(238,240,231,.25),0 32px 64px -24px rgba(0,0,0,.8),0 70px 130px -45px rgba(0,0,0,.7);
}
html[data-refined=true] #fs3-phone::after{content:'';position:absolute;inset:0;border-radius:48px;border:1px solid rgba(230,241,207,.23);box-shadow:inset 1px 0 1px rgba(255,255,255,.35),inset -2px 0 3px rgba(0,0,0,.5);pointer-events:none;z-index:8}
html[data-refined=true] .fs3-pop{box-shadow:0 15px 35px -18px rgba(0,0,0,.9),inset 0 1px 0 rgba(234,243,212,.12);backface-visibility:hidden}
html[data-refined=true] .fs3-bar{box-shadow:0 1px 0 rgba(255,255,255,.2),0 4px 12px -5px rgba(220,234,110,.6)}
html[data-refined=true] .fs3-tx h2{transform-style:preserve-3d}
#rf-controls{position:fixed;z-index:10002;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(12,21,15,.94);border:1px solid rgba(220,234,110,.2);border-radius:16px;padding:8px 10px;color:#eef0e7;box-shadow:0 10px 35px rgba(0,0,0,.24);font:12px 'Geist',sans-serif;cursor:auto;min-width:350px}
#rf-controls button,#rf-controls input{cursor:pointer!important}
.rf-controls-row{display:flex;align-items:center;gap:9px}
.rf-demo-label{font:9px 'Space Mono',monospace;letter-spacing:.14em;color:#929c83;padding:0 5px}
.rf-switch{display:flex;background:rgba(255,255,255,.04);border-radius:9px;padding:3px;gap:2px}
#rf-controls button{font:12px 'Geist',sans-serif;color:#b9c1aa;padding:7px 12px;border-radius:7px;border:0;background:transparent;line-height:1.1}
#rf-controls button[aria-pressed=true]{background:#dcea6e;color:#10180e}
#rf-controls #rf-play{color:#eef0e7;min-width:78px}
#rf-controls #rf-collapse{padding:5px 7px;font-size:17px}
.rf-timeline{display:flex;align-items:center;gap:10px;padding:7px 5px 2px;color:#929c83;font-size:10px}
#rf-chapter{width:56px}.rf-duration{font:9px 'Space Mono',monospace}
#rf-progress{appearance:none;-webkit-appearance:none;flex:1;height:2px;background:#43513a;accent-color:#dcea6e;min-width:80px}
#rf-progress::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:#dcea6e;border-radius:50%}
#rf-controls.rf-small{min-width:0;left:auto;right:20px;transform:none}
.rf-small .rf-switch,.rf-small #rf-play,.rf-small .rf-timeline{display:none}
@media(max-width:600px){#rf-controls{bottom:max(9px,env(safe-area-inset-bottom));min-width:0;width:calc(100% - 44px);max-width:360px}#rf-controls button{padding:8px 10px}.rf-controls-row{gap:5px;justify-content:space-between}#rf-controls.rf-small{width:auto}#rf-controls .rf-demo-label{font-size:8px}}
/* Keep native scrolling on the document, which owns the story timeline.
   The imported runtime's height:100% + overflow-x:hidden created a second
   body scrollport whose scrollTop was invisible to window.scrollY. */
html,body{height:auto!important;overflow-x:clip!important}
body{min-height:100vh}
/* Editorial refinement: the same palette, a more open serif and quieter copy. */
#fs3-h1,.fs3-tx h2{font-family:'Instrument Serif','Fraunces',serif!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1!important;font-variation-settings:normal!important}
#fs3-heropar p,.fs3-tx>p{font-family:'Geist',sans-serif;font-size:clamp(16px,1.45vw,20px)!important;line-height:1.6!important;color:#bec9b7!important;max-width:400px!important}
.fs3-tx h2{font-size:clamp(42px,min(6.5vw,11vh),88px)!important}
#fs3-h1{font-size:clamp(66px,min(12vw,18vh),170px)!important}
#fs3-cv{background:radial-gradient(ellipse at 78% 24%,rgba(48,71,48,.16),transparent 64%),linear-gradient(155deg,#101b13 0%,#0b120d 52%,#101a13 100%)}
.rf-detail{margin-top:22px;max-width:410px;border-top:1px solid rgba(184,207,155,.2);padding-top:15px;opacity:0;font-family:'Geist',sans-serif;font-size:13px;color:#bdc9b1;line-height:1.5}
.rf-detail-label{display:block;font:10px 'Space Mono',monospace;letter-spacing:.12em;color:#8f9e83;margin-bottom:12px}
.rf-crew{display:flex;gap:18px;align-items:center}.rf-crew>span{display:flex;align-items:center;gap:7px;font-size:12px}.rf-crew b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #4d6241;color:#dae5ce;font-size:10px;font-weight:500}.rf-crew>span:nth-child(2) b{background:#dcea6e;color:#142014;border-color:#dcea6e}
.rf-receipt{margin-left:auto;text-align:left}.rf-receipt>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px}.rf-receipt .rf-detail-label{margin:0}.rf-receipt-score{font-family:'Instrument Serif',serif;font-size:33px;color:#eef0e7}.rf-receipt-score small{font:11px 'Geist',sans-serif;color:#9aaa8b}.rf-detail-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9aaa8b;margin-top:8px}.rf-detail-bottom span:last-child{color:#dcea6e}
.rf-race-note{margin-left:auto;display:flex;justify-content:space-between;gap:16px;font-size:12px}.rf-race-note strong{color:#dcea6e;font-weight:500}
.rf-rival{margin-left:auto;margin-right:auto}.rf-results{display:flex;justify-content:center;gap:9px}.rf-results b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #5b7044;border-radius:5px;background:rgba(220,234,110,.07);color:#dcea6e;font:12px 'Space Mono',monospace}.rf-results .rf-loss{color:#aab2a3;border-color:#344432;background:transparent}.rf-rival p{font-size:15px;line-height:1.65;margin:14px 0 0;color:#c0cbb6}
.rf-season-note>div{display:flex;gap:20px;font-size:12px}.rf-season-note>div span+span{border-left:1px solid #3a4a32;padding-left:20px}
@media(max-height:760px) and (min-width:701px){.rf-detail{margin-top:14px;padding-top:10px}.rf-detail-label{margin-bottom:8px}.fs3-tx h2{font-size:clamp(38px,5.6vw,68px)!important}.fs3-tx>p{margin-top:17px!important}}
@media(max-width:700px){.fs3-tx h2{font-size:clamp(37px,8.8vw,56px)!important}.fs3-tx>p{font-size:16px!important;line-height:1.5!important;margin-top:16px!important}.rf-detail{margin-top:14px;padding-top:10px}.rf-crew{gap:10px}.rf-crew>span{font-size:11px;gap:5px}.rf-crew b{width:21px;height:21px}.rf-detail-label{font-size:9px;margin-bottom:8px}.rf-rival p{font-size:14px}.rf-race-note{font-size:11px}.rf-season-note>div{gap:10px;font-size:11px}.rf-season-note>div span+span{padding-left:10px}.rf-receipt-score{font-size:27px}}
/* Same composition and contour world, a midnight / ice / copper palette. */
#fs3-h1,.fs3-tx h2{font-family:'Newsreader',Georgia,serif!important;font-weight:450!important;font-variation-settings:'opsz' 72!important;letter-spacing:-.04em!important;line-height:1.01!important}
#fs3-h1{font-size:clamp(58px,min(10.5vw,16vh),148px)!important}
.fs3-tx h2{font-size:clamp(38px,min(5.7vw,10vh),79px)!important}
#fs3-heropar p,.fs3-tx>p,.rf-detail{font-family:'Instrument Sans',sans-serif!important;color:#c2d0d4!important}
#fs3-cv{filter:hue-rotate(74deg) saturate(.65);background:radial-gradient(ellipse at 78% 24%,rgba(43,80,48,.22),transparent 64%),linear-gradient(155deg,#101e13,#0b140d 52%,#132017)}
body{background:#0c171d!important;color:#e7eef0!important}
#fs3-navcta,#rf-controls button[aria-pressed=true]{background:#8edbe0!important;color:#0c2027!important}
#rf-controls{background:rgba(12,25,33,.96);border-color:rgba(142,219,224,.3)}
#rf-progress{accent-color:#8edbe0;background:#3d5a65}#rf-progress::-webkit-slider-thumb{background:#8edbe0}
.rf-detail{border-color:rgba(142,219,224,.23)}.rf-detail-label{color:#91aeb8}.rf-crew>span:nth-child(2) b{background:#8edbe0;border-color:#8edbe0;color:#10232b}.rf-results b{color:#8edbe0;border-color:#476c7a;background:rgba(142,219,224,.08)}.rf-race-note strong,.rf-detail-bottom span:last-child{color:#8edbe0}
.rf-duration{min-width:60px;text-align:right;color:#8edbe0}
@supports(height:100svh){#fs5-track{height:1160svh!important;min-height:1160svh}}
@media(max-width:700px){.fs3-tx h2{font-size:clamp(32px,8vw,49px)!important}#fs3-h1{font-size:clamp(53px,12vw,78px)!important}.fs3-tx{padding-top:9vh!important}.rf-duration{min-width:53px}}

@media(max-width:700px){.fs3-tx{padding-top:96px!important}.rf-detail-bottom{font-size:10px;gap:10px}.rf-detail-bottom span{max-width:48%}}
/* The typography occupies a separate 3D plane, leaving scroll transforms intact. */
.rf-type-line{perspective:1100px;overflow:visible!important}
.rf-type-plane{display:block;transform-origin:50% 65%;backface-visibility:hidden;transform-style:preserve-3d}
[data-type-scene="2"] .rf-type-plane{transform-origin:0 50%}
[data-type-scene="3"] .rf-type-plane{transform-origin:100% 50%}
[data-type-scene="4"] .rf-type-plane{transform-origin:50% 50%}
[data-type-scene="5"] .rf-type-plane{transform-origin:50% 50%}
.rf-prose-word{display:inline-block;backface-visibility:hidden;transform-origin:50% 100%}
#fs3-heropar p{max-width:450px!important}
@media(prefers-reduced-motion:reduce){.rf-type-plane,.rf-prose-word{transform:none!important;filter:none!important;animation:none!important}}
/* A new sports-editorial composition for the narrative panels. */
#fs3-h1,.fs3-tx h2{font-family:'Geist','Arial',sans-serif!important;font-weight:850!important;font-variation-settings:normal!important;letter-spacing:-.065em!important;line-height:.94!important;text-transform:uppercase}
#fs3-h1 i,.fs3-tx h2 i{font-style:normal!important}
#fs3-h1{font-size:clamp(60px,10vw,144px)!important}
.fs3-tx{width:min(48vw,660px);max-width:660px!important;text-align:left!important}
.fs3-tx h2{font-size:clamp(42px,5.65vw,82px)!important;margin:0!important}
.fs3-tx h2>span:last-child{color:#8edbe0}
.fs3-tx[data-beat="5"] h2>span:last-child,.fs3-tx[data-beat="6"] h2>span:last-child{color:#e7b798}
.fs3-tx .fs3-k{font:600 12px 'Geist',Arial,sans-serif!important;letter-spacing:.12em!important;color:#b6ced3!important;margin:0 0 22px!important;display:flex;align-items:center;gap:12px}
.fs3-tx .fs3-k:before{content:'';width:28px;height:3px;background:#8edbe0;flex-shrink:0}
.fs3-tx>p.rd-copy{font-family:'Geist',Arial,sans-serif!important;font-size:clamp(16px,1.5vw,19px)!important;line-height:1.5!important;max-width:370px!important;margin:24px 0 28px!important;color:#b7c9ce!important}
.rd-roster{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #49616b;max-width:380px}
.rd-roster>span{padding:13px 0;border-bottom:1px solid #31454e;font:500 16px 'Geist',sans-serif;display:flex;gap:15px}.rd-roster b{font-size:11px;color:#8edbe0;font-weight:500;align-self:center}
.rd-record{border-top:1px solid #49616b;border-bottom:1px solid #49616b;padding:18px 0;display:flex;justify-content:space-between;align-items:center;max-width:390px;gap:20px}.rd-record-name{font:650 15px 'Geist',sans-serif;letter-spacing:.03em}.rd-record-name small{display:block;margin-top:8px;font:13px 'Geist',sans-serif;color:#a8bec5}.rd-record>strong{font:750 64px/.9 'Geist',sans-serif;letter-spacing:-.07em;color:#8edbe0}.rd-record strong small{display:block;font:10px 'Geist',sans-serif;letter-spacing:.12em;margin-top:10px}
#fs3-race{display:flex!important;max-width:390px;margin-top:0!important;border-top:1px solid #49616b;padding-top:20px}
.rd-duel{display:flex;align-items:center;justify-content:center;gap:36px;max-width:450px;border-top:1px solid #49616b;padding-top:20px}.rd-duel>span{font:600 11px 'Geist',sans-serif;letter-spacing:.15em;text-align:center}.rd-duel strong{display:block;font:800 100px/1 'Geist',sans-serif;letter-spacing:-.07em;margin-top:8px}.rd-duel>span:first-child strong{color:#e7b798}.rd-duel>i{font:300 54px 'Geist',sans-serif;color:#66828c}
.rd-year{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:430px;border-top:1px solid #49616b;padding-top:20px;gap:20px}.rd-year .fs3-stat{display:flex;flex-direction:column;gap:12px}.rd-year strong{font:750 60px/.95 'Geist',sans-serif;letter-spacing:-.065em;color:#e7b798}.rd-year strong small{font-size:24px;letter-spacing:-.03em}.rd-year .fs3-stat>span{font:550 10px 'Geist',sans-serif;letter-spacing:.08em;color:#adc0c7}
.fs3-tx[data-beat="7"]{width:auto;text-align:center!important}.fs3-tx[data-beat="7"] .fs3-k{justify-content:center}
@media(min-width:701px){.fs3-tx[data-beat="5"]{width:min(60vw,760px);max-width:760px!important;text-align:center!important}.fs3-tx[data-beat="5"] .fs3-k{justify-content:center}.fs3-tx[data-beat="5"]>p,.rd-duel{margin-left:auto!important;margin-right:auto!important}}
@media(max-width:700px){.fs3-tx{width:100%;max-width:100%!important}.fs3-tx h2{font-size:clamp(32px,9.4vw,52px)!important;line-height:.95!important}.fs3-tx .fs3-k{font-size:10px!important;margin-bottom:15px!important}.fs3-tx>p.rd-copy{font-size:15px!important;line-height:1.45!important;margin:15px 0 18px!important;max-width:360px!important}.rd-roster>span{padding:9px 0;font-size:14px}.rd-record{padding:12px 0}.rd-record>strong{font-size:45px}.rd-duel{padding-top:12px;gap:40px}.rd-duel strong{font-size:65px}.rd-year{gap:14px;padding-top:14px}.rd-year strong{font-size:45px}.rd-year .fs3-stat{gap:8px}.rd-year .fs3-stat>span{font-size:9px}#fs3-h1{font-size:clamp(48px,12vw,78px)!important}}
/* Seven chapter identities; shared composition and navigation. */
:root{--chapter-accent:#8edbe0;--chapter-depth:#28545d;--chapter-glow:#8edbe044}
[data-chapter="2"]{--chapter-accent:#e2bfff;--chapter-depth:#584268;--chapter-glow:#e2bfff44}
[data-chapter="3"]{--chapter-accent:#b7e593;--chapter-depth:#3c5b31;--chapter-glow:#b7e59344}
[data-chapter="4"]{--chapter-accent:#ffe080;--chapter-depth:#70612b;--chapter-glow:#ffe08044}
[data-chapter="5"]{--chapter-accent:#ffb291;--chapter-depth:#783f30;--chapter-glow:#ffb29144}
[data-chapter="6"]{--chapter-accent:#a6c9ff;--chapter-depth:#3c547c;--chapter-glow:#a6c9ff44}
[data-chapter="7"]{--chapter-accent:#f2daaa;--chapter-depth:#695733;--chapter-glow:#f2daaa44}
#chapter-gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;contain:strict}
#fs3-h1{font-family:'Space Grotesk',sans-serif!important;font-weight:700!important;letter-spacing:-.075em!important}
.fs3-tx[data-beat="2"] h2{font-family:'Instrument Serif',Georgia,serif!important;font-weight:400!important;letter-spacing:-.035em!important;text-transform:none;font-size:clamp(48px,6.8vw,96px)!important;line-height:.97!important}
.fs3-tx[data-beat="3"] h2{font-family:'Archivo',sans-serif!important;font-weight:850!important;font-stretch:80%;letter-spacing:-.055em!important}
.fs3-tx[data-beat="4"] h2{font-family:'Anton',Impact,sans-serif!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.02!important}
.fs3-tx[data-beat="5"] h2{font-family:'Space Grotesk',sans-serif!important;font-weight:700!important;letter-spacing:-.065em!important}
.fs3-tx[data-beat="6"] h2{font-family:'Newsreader',Georgia,serif!important;font-weight:450!important;letter-spacing:-.055em!important;line-height:1.02!important}
.fs3-tx[data-beat="7"] h2{font-family:'EB Garamond',Georgia,serif!important;font-weight:600!important;letter-spacing:-.04em!important;line-height:1.02!important}
.fs3-tx h2>span:last-child,#fs3-h1 i{color:var(--chapter-accent)!important}
.fs3-tx .fs3-k:before{background:var(--chapter-accent)}
.rd-roster b,.rd-record>strong,.rd-duel>span:first-child strong,.rd-year strong{color:var(--chapter-accent)!important}
#rf-controls button[aria-pressed=true],#fs3-navcta{background:var(--chapter-accent)!important;transition:background .8s}
#rf-progress::-webkit-slider-thumb{background:var(--chapter-accent)}
.rf-duration{color:var(--chapter-accent)}
.rf-glyph{display:inline-block;transform-origin:50% 80%;backface-visibility:hidden}
.fs3-tx h2{overflow:visible!important}
@media(max-width:700px){
 .fs3-tx h2{font-size:clamp(30px,8.6vw,48px)!important;letter-spacing:-.04em!important}
 .fs3-tx[data-beat="2"] h2{font-size:clamp(38px,11vw,59px)!important}
 .fs3-tx[data-beat="4"] h2{font-size:clamp(34px,9.6vw,53px)!important}
 .fs3-tx[data-beat="5"] h2{font-size:clamp(28px,7.9vw,44px)!important}
 .fs3-tx>p.rd-copy{font-size:16px!important;line-height:1.4!important;margin:12px 0 14px!important}
 .fs3-tx .fs3-k{font-size:12px!important;margin-bottom:12px!important}
 .rd-year .fs3-stat>span{font-size:10px}
 #fs3-h1{font-size:clamp(44px,11.8vw,72px)!important}
 #rf-controls button{min-height:36px}
}
@media(prefers-reduced-motion:reduce){#chapter-gl{display:none!important}.rf-glyph{transform:none!important;animation:none!important}}
/* Open typography: no scrims or cards behind the narrative. */
#fs3-heropar,.fs3-tx,.fs3-pop{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.fs3-tx::before,#fs3-heropar::before{content:none!important;display:none!important}
.rd-roster,.rd-roster>span,.rd-record,.rd-duel,.rd-year,#fs3-race{border:0!important;background:none!important;box-shadow:none!important}
.fs3-pop{padding:0!important}
.fs3-pop>span:first-child{display:none}
#fs3-navcta,#fs3-menubtn{font-family:'Instrument Sans',Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.015em!important;text-transform:none!important;min-height:44px;box-sizing:border-box}
#fs3-navcta{padding:10px 19px!important}
#fs3-menubtn{padding:10px 4px!important}
/* Contain each heading's responsive measure in the actual text column. */
.fs3-tx{box-sizing:border-box;container-type:inline-size}
@media(min-width:701px){
 .fs3-tx:not([data-beat="7"]){width:46vw!important;max-width:720px!important;padding-left:clamp(24px,4vw,72px)!important;padding-right:clamp(24px,3vw,48px)!important;text-align:left!important}
 #fs3-b5>div{justify-content:flex-start!important;text-align:left!important}
 .fs3-tx[data-beat="5"] .fs3-k{justify-content:flex-start}
 .fs3-tx[data-beat="5"]>p,.rd-duel{margin-left:0!important;margin-right:0!important}
 .rd-duel{justify-content:flex-start;gap:36px}
 .fs3-tx[data-beat] h2{font-size:clamp(30px,9.5cqw,80px)!important}
 .fs3-tx[data-beat="2"] h2{font-size:clamp(44px,16cqw,96px)!important}
 .fs3-tx[data-beat="4"] h2{font-size:clamp(38px,13cqw,82px)!important}
 .fs3-tx[data-beat="6"] h2{font-size:clamp(34px,11cqw,82px)!important}
 .fs3-tx[data-beat="7"]{width:min(90vw,900px)!important;max-width:900px!important}
 .fs3-tx>p.rd-copy{max-width:34ch!important}
 #fs3-heropar{max-width:62vw;box-sizing:border-box}
 #fs3-h1{font-size:clamp(44px,7.5vw,116px)!important}
}
@media(min-width:701px) and (max-height:650px){
 .fs3-tx:not([data-beat="7"]){padding-top:56px!important}
 .fs3-tx[data-beat] h2{font-size:clamp(28px,8cqw,48px)!important;line-height:.98!important}
 .fs3-tx>p.rd-copy{margin:12px 0!important;font-size:16px!important;line-height:1.35!important}
 .rd-roster>span{padding:6px 0}.rd-record{padding:6px 0}.rd-duel{padding-top:4px}.rd-duel strong{font-size:48px}.rd-year{padding-top:4px}.rd-year strong{font-size:40px}
 #fs3-race{padding-top:4px;gap:5px!important}
}
@media(max-width:700px){
 .fs3-tx:not([data-beat="7"]){width:100%!important;padding:88px 24px 0!important}
 .fs3-tx[data-beat] h2{font-size:clamp(28px,8.7cqw,48px)!important}
 .fs3-tx[data-beat="2"] h2{font-size:clamp(38px,12cqw,60px)!important}
 .fs3-tx[data-beat="4"] h2{font-size:clamp(34px,11cqw,54px)!important}
 .fs3-tx>p.rd-copy{max-width:38ch!important}
 .rd-roster{column-gap:20px}.rd-record{padding:5px 0}.rd-year{padding-top:6px}.rd-duel{padding-top:5px;justify-content:flex-start}
 .rd-duel strong{font-size:48px}.rd-roster>span{padding:6px 0}
 #fs3-race{padding-top:4px!important;transform:none!important}
 .fs3-tx[data-beat="7"]{padding:88px 24px 0!important}
}
/* One sentence per chapter. Numeric detail stays inside the live app. */
.fs3-tx>.rd-copy,.fs3-tx>.rd-roster,.fs3-tx>.rd-record,.fs3-tx>.rd-duel,.fs3-tx>.rd-year,.fs3-tx>#fs3-race,#fs3-pops,#fs3-heropar>div:not(#fs3-eyebrow){display:none!important}
#fs3-h1,.fs3-tx[data-beat] h2{text-transform:none!important;line-height:1.08!important;letter-spacing:-.035em!important}
.fs3-tx[data-beat] h2{font-size:clamp(28px,9.5cqw,72px)!important}
.fs3-tx[data-beat="2"] h2,.fs3-tx[data-beat="6"] h2{font-size:clamp(34px,11cqw,80px)!important}
.fs3-tx[data-beat="4"] h2{font-family:'Archivo',sans-serif!important;font-weight:800!important}
#fs3-h1{font-size:clamp(42px,7vw,110px)!important}
#fs3-expbk{transition:opacity .65s!important;backdrop-filter:blur(14px) saturate(.65)!important;-webkit-backdrop-filter:blur(14px) saturate(.65)!important;background:rgba(5,12,15,.82)!important}
section[data-beat]{transition:filter .6s}
body.rf-app-focused section[data-beat]{filter:blur(5px) brightness(.45);pointer-events:none!important}
body.rf-app-focused #rf-controls,body.rf-app-focused #fs3-beats,body.rf-app-focused #fs3-navcta,body.rf-app-focused #fs3-menubtn{visibility:hidden;pointer-events:none!important}
body.rf-app-focused #fs3-expand{width:40px!important;height:40px!important;background:#142b30!important;color:white!important;animation:none!important}
@media(max-width:700px){
 .fs3-tx:not([data-beat="7"]){padding-top:110px!important}
 .fs3-tx[data-beat] h2{font-size:clamp(29px,9.5cqw,47px)!important}
 .fs3-tx[data-beat="2"] h2,.fs3-tx[data-beat="6"] h2{font-size:clamp(34px,11cqw,54px)!important}
 #fs3-h1{font-size:clamp(38px,10.5vw,66px)!important}
}
@media(prefers-reduced-motion:reduce){#fs3-expbk,section[data-beat]{transition:none!important}}
/* Mobile QA repairs: stable labels, unobstructed focus, reachable setup. */
#fs3-navcta,#fs3-menubtn,#rf-play{white-space:nowrap!important;flex-shrink:0}
body.rf-app-focused #fs3-ball{visibility:hidden!important}
@media(max-width:400px){#fs3-navcta{padding:10px 12px!important}#rf-controls button{padding:8px 7px!important}.rf-controls-row{gap:3px!important}.rf-demo-label{display:none}}
@media(max-height:650px){
 #fs3-join>div{justify-content:flex-start!important;align-items:center!important;padding-top:76px;box-sizing:border-box}
 .fs3-tx[data-beat="7"]{padding:0 24px 20px!important;max-height:calc(100dvh - 180px);overflow-y:auto!important;overscroll-behavior:contain;pointer-events:auto}
 .fs3-tx[data-beat="7"] h2{font-size:30px!important}
 #fs6-panel{width:100%!important;max-width:620px}
}
@media(max-width:700px) and (min-height:651px){
 #fs3-join>div{padding-top:88px;box-sizing:border-box}
 .fs3-tx[data-beat="7"]{padding:0 24px 20px!important;max-height:calc(100dvh - 195px);overflow-y:auto!important;overscroll-behavior:contain;pointer-events:auto}
 #fs6-panel{width:100%!important}
}
@media(max-width:700px){.fs3-tx[data-beat="7"]{width:100%!important;max-width:100%!important;flex-shrink:0}}

/* Production keeps playback controls; comparison controls belong to the review demo. */
#rf-controls .rf-switch,#rf-controls .rf-demo-label{display:none}
#rf-controls{min-width:250px}.rf-controls-row{justify-content:space-between}

/* Loud type materials, each with its own renderer in chapter-effects.js. */
[data-type-effect] .rf-type-plane{position:relative;isolation:isolate}
[data-type-running] .rf-type-plane{will-change:transform,opacity}
.rf-type-word{display:inline-block;white-space:nowrap}
.rf-type-echo{position:absolute;inset:0;pointer-events:none;user-select:none;color:transparent;opacity:0;z-index:-1;white-space:normal}

/* 01 / Sculpted ice: stacked edges give actual readable faces a deep extrusion. */
[data-type-effect="extrusion"] .rf-type-plane{
 text-shadow:1px 1px 0 #74bac6,2px 2px 0 #568f9f,3px 3px 0 #396779,4px 4px 0 #274a5b,5px 5px 0 #203b4c,6px 6px 0 #182e3f,9px 12px 18px #050e18,0 0 22px #6ddeef38;
}
/* 02 / Liquid lilac: static gloss on a slowly tilting line. */

[data-type-effect="liquid"] .rf-type-plane{color:#edd8ff;text-shadow:0 2px 14px #ba72ee35}
@supports (background-clip:text) or (-webkit-background-clip:text){
 [data-type-effect="liquid"] .rf-type-plane{
  background:linear-gradient(115deg,#e2bfff 10%,#fdf5ff 30%,#bd86e7 45%,#fff 51%,#d8aafa 59%,#ecd8ff 80%);
  background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;
 }
}
/* 03 / Topographic echoes: two expanding wireframe impressions trail solid type. */
[data-type-effect="contour"] .rf-type-plane{text-shadow:2px 3px 0 #25472d,0 0 20px #a3e97626}
[data-type-effect="contour"] .rf-type-echo{-webkit-text-stroke:1px #b7e593}
[data-type-effect="contour"] .rf-type-echo-1{-webkit-text-stroke:1px #67ac87}
/* 04 / Stadium scoreboard: beveled gold faces and staggered mechanical flips. */
[data-type-effect="scoreboard"] .rf-type-plane{
 transform-origin:50% 50%;color:#ffe8a5;text-shadow:0 -1px 0 #fff8dc,0 2px 0 #b88a29,0 4px 0 #755314,0 7px 12px #0009;
}
[data-type-effect="scoreboard"] .rf-type-plane::after{content:'';position:absolute;left:0;right:0;top:51%;height:1px;background:#171b23;opacity:.42;pointer-events:none}
/* 05 / Rivalry split: complementary channels pull apart across opposing slices. */
[data-type-effect="split"] .rf-type-plane{text-shadow:2px 0 0 #ff835e88,-2px 0 0 #6ce2ed66,0 6px 15px #0008}
[data-type-effect="split"] .rf-type-echo{z-index:1;color:#ff986f;clip-path:polygon(0 7%,100% 7%,100% 46%,0 46%)}
[data-type-effect="split"] .rf-type-echo-1{color:#72e0eb;clip-path:polygon(0 55%,100% 55%,100% 94%,0 94%)}
/* 06 / Memory wave: opposite line phases, frosted blue print and soft depth. */
[data-type-effect="wave"] .rf-type-plane{color:#d9e8ff;text-shadow:0 2px 0 #7493c4,0 5px 0 #30496e,0 10px 20px #10284b,0 0 24px #a6c9ff30;transform-origin:50% 100%}
/* 07 / Gold foil: static highlights on a gently turning typographic plane. */
[data-type-effect="foil"] .rf-type-plane{color:#f2daaa;text-shadow:0 2px 8px #e6b65a28}
@supports (background-clip:text) or (-webkit-background-clip:text){
 [data-type-effect="foil"] .rf-type-plane{
  background:linear-gradient(110deg,#f0d6a0 12%,#c79543 27%,#ffe8b3 40%,#fffced 47%,#fffced 50%,#b98a3c 57%,#f4dcad 72%);
  background-size:260% 100%;background-position:180% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;
 }
}
@media(max-width:700px){
 [data-type-effect="extrusion"] .rf-type-plane{text-shadow:1px 1px 0 #74bac6,2px 2px 0 #396779,3px 3px 0 #274a5b,4px 4px 0 #182e3f,6px 8px 12px #050e18}
 [data-type-effect="liquid"][data-type-running] .rf-type-plane{filter:none}
}
@media(prefers-reduced-motion:reduce){
 [data-type-effect] .rf-type-plane{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;filter:none!important}
 .rf-type-echo{display:none!important}
}
@media(forced-colors:active){
 [data-type-effect] .rf-type-plane{background:none!important;color:CanvasText!important;text-shadow:none!important;-webkit-text-fill-color:CanvasText!important}
 [data-type-effect] .rf-type-plane{filter:none!important}
 .rf-type-echo,.rf-type-plane::after{display:none!important}
}