/* Local art-direction iteration. Original rendering is retained in original.html.
   Uses the original poster, historical data, local fonts and Plotly geometry. */
:root{--sign-yellow:#ffe879;--sign-red:#f02435;--sign-ink:#430013}
[data-testid=stAppViewContainer]{background:radial-gradient(ellipse at 70% 0%,#ff3b2f 0%,#a60a25 46%,#4c0014 100%);background-attachment:fixed}
[data-testid=stSidebar]{width:264px;flex-basis:264px;border-right:6px double #ffe879;background:repeating-linear-gradient(90deg,transparent 0 27px,#ffd43b09 28px 29px),linear-gradient(180deg,#e51c32,#89071e 56%,#400011);box-shadow:8px 0 30px #30000c88;z-index:2}
.sidebar-inner{padding:36px 22px 32px}
.side-emblem{width:64px;height:64px;font-size:45px;margin-bottom:24px;box-shadow:0 0 0 3px #ffe870,0 0 32px #ffb91955}
.brand{font-size:39px;letter-spacing:3px;white-space:nowrap}
.side-tag{font-size:9px;letter-spacing:1.5px;margin:8px 0 22px}
.side-couplet{padding:16px 5px;margin-bottom:30px;font-size:clamp(10px,5.6cqw,15px);box-shadow:0 5px 0 #420010}
.filters{gap:21px}
.filters label{font-weight:800;letter-spacing:.08em;color:#ffe8b0}
.filters select{height:46px;background:#540016;border:1px solid #eeba4e;border-radius:0;box-shadow:3px 3px 0 #400010;color:#fff0c6;font-size:15px;padding:8px}
.toggle-label{margin:24px 0;font-weight:650}
[data-testid=stMain]{scroll-behavior:smooth;scrollbar-color:#c69a32 #580018}
.block-container{max-width:none;padding:16px 28px 42px!important}
.poster-group{margin-bottom:20px}
.race-hero.home-hero{min-height:660px;height:calc(100svh - 106px);margin:4px 0 0;border:7px double #fff1a0;outline:1px solid #e2a036;outline-offset:5px;box-shadow:0 0 0 2px #be6e17,0 0 32px #ffbd3944,0 10px 0 #4a0014;background:#550313;border-radius:0}
.home-hero .hero-art{object-fit:cover!important;object-position:66% 42%;transform:scale(1.025);transform-origin:74% 50%}
.home-hero .hero-shade{background:linear-gradient(90deg,#33000bdb 0%,#47000ca8 24%,#62091733 48%,transparent 70%),linear-gradient(0deg,#36000db3,transparent 35%)}
.home-hero .hero-content{padding:clamp(38px,4.2vh,58px) 4.3%;max-width:65%}
.home-hero .race-kicker{font-family:'Race Display','Source Sans',sans-serif;font-size:clamp(13px,1.35cqw,22px);font-weight:600;letter-spacing:.13em;color:#ffe9a4}
.home-hero h1.race-heading{font-size:clamp(106px,11.6cqw,196px)!important;letter-spacing:.015em!important;line-height:1.08!important;margin:22px 0 22px!important;transform:skew(-5deg);transform-origin:0 50%;color:#fff0a4!important;-webkit-text-stroke:1px #fff2b0;text-shadow:1px 1px 0 #ffc339,2px 3px 0 #ffc339,3px 4px 0 #d57d10,4px 6px 0 #d57d10,5px 8px 0 #a73e04,7px 11px 0 #6c0017,0 0 35px #ffb72666}
.hero-team{font-size:clamp(16px,1.55cqw,26px);margin-bottom:15px;letter-spacing:.18em;color:#ffdc6b;-webkit-text-stroke:0;transform:skew(5deg)}
.hero-slogan{font-size:clamp(40px,4.4cqw,74px);line-height:1.2;letter-spacing:.035em;text-shadow:2px 3px 0 #ab2907,4px 6px 0 #5d0015}
.hero-slogan em{color:#ffdf4c}
.home-hero .hero-subtitle{font-size:clamp(13px,1.35cqw,21px);margin:24px 0 30px;letter-spacing:.16em;font-weight:600}
.hero-actions{gap:28px}
.hero-actions .hero-cta{font-size:clamp(18px,1.9cqw,28px);padding:16px 28px;border:4px double #fff5bc;box-shadow:6px 8px 0 #690014,0 0 24px #ffc24955;transition:transform .2s,box-shadow .2s}
.hero-actions .hero-cta:hover{transform:skew(-7deg) translateY(-3px);box-shadow:6px 11px 0 #690014,0 0 32px #ffd24d77}
.hero-actions .hero-link{font-size:clamp(13px,1.2cqw,19px);border-bottom:2px solid #ffe289}
.home-hero .poster-stamp{width:106px;height:106px;right:32px;bottom:156px;border-width:4px;font-size:18px;background:#94071dd9;box-shadow:0 0 0 4px #65001c88,0 0 24px #ffcb4444}
.hero-race-strip{min-height:126px;padding:14px 4.3%;gap:34px;background:linear-gradient(100deg,#a30621f2,#5b0019f2);border-top:5px double #ffe28b;box-shadow:0 -6px 20px #40000b44}
.race-venue{font-size:42px}
.race-venue span{font-size:17px;letter-spacing:2px}
.strip-race{gap:6px;padding-left:30px;font-size:29px}
.strip-race b{font-size:91px;text-shadow:2px 2px #df7d0b,4px 5px #7c0616}
.strip-detail strong{font-size:21px}
.strip-detail span{font-size:13px;letter-spacing:.035em}
.strip-motto{font-size:25px;letter-spacing:4px}
.ticker-strip{margin:8px 0 16px;padding:12px 18px;font-size:17px;letter-spacing:.25em;background:linear-gradient(110deg,#d39820,#fff1ac 35%,#ffd64e 65%,#e2a027);box-shadow:0 5px 0 #630118,0 10px 28px #45001155}
[data-testid=stTabs] [role=tablist]{padding-top:8px;height:64px;gap:14px}
[data-testid=stTabs] [role=tab]{height:52px;font-size:18px;font-weight:800;padding:0 30px}
.race-callout{padding:15px 22px;font-size:17px;gap:20px;background:linear-gradient(100deg,#9e1026,#5d0019)}
.callout-tag{font-size:22px;padding:6px 14px}
.callout-end{font-size:12px}
.metrics{gap:22px}
[data-testid=stMetric]{min-height:208px;padding:26px 28px 22px;border:4px double #fff0a1;box-shadow:inset 0 0 0 5px #750216,inset 0 0 0 6px #f6aa3c,0 9px 0 #490013,0 0 24px #ffb52b22}
[data-testid=stMetricLabel]{font-size:16px!important;height:auto;min-height:26px}
[data-testid=stMetricValue],[data-testid=stMetricValue] *{font-size:clamp(40px,23cqw,114px)!important}
[data-testid=stMetricValue]{margin-top:16px}
[data-testid=stMetric]:after{font-size:150px;right:6px;bottom:-34px;color:#ffdf651c}
.probability-caption{font-size:15px;color:#e5b79d;margin:20px 0}
.section-head{font-family:'Microsoft JhengHei','Microsoft YaHei',sans-serif;font-size:30px;padding:16px 22px;border-width:3px;border-left-width:11px;margin-top:42px;background:linear-gradient(100deg,#d31e2b,#760420);box-shadow:5px 7px 0 #490014}
.section-head span{font-family:'Race Display','Source Sans',sans-serif;font-size:15px;letter-spacing:.13em}
.podium{gap:24px;margin-top:22px}
.pick-card{min-height:220px;padding:0 22px 20px;transition:transform .22s,box-shadow .22s;filter:none}
.pick-card:hover{transform:translateY(-4px);filter:none;box-shadow:5px 10px 0 #510015,0 0 22px #ffcb3433}
.pick-card .pick-name{font-size:19px;line-height:1.2;min-width:110px}
.pick-top{gap:15px}
.pick-ribbon{margin:0 -22px 22px;padding:7px 12px;font-size:16px}
.pick-ribbon span{font-size:23px}
.pick-prob{font-size:clamp(52px,4.5vw,78px);margin-left:auto}
.silk{width:56px;height:56px;font-size:39px}
.pick-bottom{font-size:13px;margin-top:22px;padding-top:14px}
.pick-bottom b{font-size:28px}
.validation-note{font-size:16px}.validation-banner{font-size:17px}
@media(min-width:1600px){.home-hero .hero-content{padding-top:5.2vh}.home-hero h1.race-heading{margin-top:28px!important;margin-bottom:32px!important}.hero-slogan{margin-top:12px}}
@media(min-width:641px) and (max-height:800px){.race-hero.home-hero{min-height:590px}.home-hero .hero-content{padding-top:27px}.home-hero h1.race-heading{font-size:clamp(100px,10cqw,150px)!important;margin:14px 0 20px!important}.hero-slogan{font-size:clamp(34px,3.6cqw,50px)}.home-hero .hero-subtitle{margin:17px 0 22px}.hero-actions .hero-cta{padding:12px 22px}.hero-race-strip{min-height:105px}.strip-race b{font-size:74px}}
@media(min-width:641px) and (max-width:1100px){[data-testid=stSidebar]{width:230px;flex-basis:230px}.sidebar-inner{padding-inline:18px}.brand{font-size:34px}.block-container{padding-inline:18px!important}.home-hero .hero-content{max-width:80%}.home-hero h1.race-heading{font-size:clamp(78px,11cqw,114px)!important}.hero-slogan{font-size:clamp(32px,4.4cqw,46px)}.hero-race-strip{gap:18px}.strip-detail strong{font-size:16px}.strip-race{padding-left:18px}.race-venue{font-size:30px}.metrics{gap:14px}[data-testid=stMetric]{padding:23px 16px;min-height:180px}[data-testid=stMetricLabel]{font-size:12px!important}.podium{gap:16px}.pick-card{padding-inline:14px}.pick-ribbon{margin-inline:-14px;font-size:12px}.pick-card .pick-name{font-size:15px}.section-head{font-size:22px}.section-head span{font-size:12px}}
@media(max-width:640px){[data-testid=stSidebar]{width:280px;flex-basis:280px}.sidebar-inner{padding-top:64px}.sidebar-toggle{top:8px;left:12px;background:#5f0018;border:1px solid #e4ac42;color:#ffe9a4;z-index:10}.block-container{padding:43px 14px 24px!important}.race-hero.home-hero{height:auto;min-height:744px;margin-top:0;border:6px double #fff0a0;outline-offset:3px}.home-hero .hero-art{object-fit:scale-down!important;object-position:83% top;transform:none}.home-hero .hero-shade{background:linear-gradient(0deg,#4b0312ff 0%,#4b0312ec 36%,#4b031255 60%,transparent 85%)}.home-hero .hero-content{max-width:100%;padding:270px 18px 132px}.home-hero .race-kicker{font-family:'Source Sans',sans-serif;font-size:8px;letter-spacing:1px}.home-hero h1.race-heading{font-size:clamp(43px,14cqw,72px)!important;transform:none;margin:12px 0 17px!important;text-shadow:2px 2px #aa4300,3px 4px #76000b,0 0 18px #ffb42b44;-webkit-text-stroke:0}.hero-team{font-size:12px;letter-spacing:2px;margin-bottom:7px;transform:none}.hero-slogan{font-size:27px;line-height:1.3;margin:0}.home-hero .hero-subtitle{font-size:11px;margin:17px 0 23px;letter-spacing:1px}.hero-actions{gap:16px}.hero-actions .hero-cta{font-size:15px;padding:10px 13px;border-width:3px;gap:9px}.hero-actions .hero-link{font-size:11px}.home-hero .poster-stamp{width:66px;height:66px;font-size:11px;top:17px;right:16px;bottom:auto;border-width:3px}.hero-race-strip{min-height:98px;padding:12px 14px;gap:12px;border-top-width:3px}.race-venue{font-size:23px}.race-venue span{font-size:11px;letter-spacing:.8px}.strip-race{padding-left:11px;font-size:16px;gap:3px}.strip-race b{font-size:48px}.strip-detail strong{font-size:11px}.strip-detail span{font-size:9px}.strip-detail{gap:5px}.strip-motto{display:none}.ticker-strip{font-size:10px;letter-spacing:1px;gap:8px;padding:13px 8px;margin-top:7px}.poster-group{margin-bottom:12px}[data-testid=stTabs] [role=tablist]{height:56px;gap:8px}[data-testid=stTabs] [role=tab]{font-size:15px;height:44px;padding:0 18px}.race-callout{font-size:14px;padding:12px 14px;gap:12px}.callout-tag{font-size:17px}.callout-end{font-size:10px}.metrics{gap:20px}[data-testid=stMetric]{padding:23px 25px 18px;min-height:184px}[data-testid=stMetricLabel]{font-size:14px!important}[data-testid=stMetricValue],[data-testid=stMetricValue] *{font-size:clamp(40px,24cqw,84px)!important}[data-testid=stMetric]:after{font-size:115px;bottom:-25px}.section-head{font-size:21px;padding:12px;border-left-width:7px;gap:8px}.section-head span{font-size:10px}.section-head:before{display:none}.podium{gap:4px;margin-top:20px}.pick-card{min-height:170px;padding:0 16px 16px}.pick-ribbon{margin:0 -16px 18px;font-size:13px}.pick-ribbon span{font-size:19px}.pick-card .pick-name{font-size:17px;min-width:90px}.pick-top{gap:12px}.pick-prob{font-size:46px!important}.silk{width:46px;height:46px;font-size:32px}.pick-bottom{font-size:12px;margin-top:16px;padding-top:12px}.pick-bottom b{font-size:23px}.probability-caption{font-size:14px}.validation-note,.validation-banner{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.home-hero .hero-content{animation:sign-arrive .75s cubic-bezier(.2,.75,.25,1) both}.home-hero .hero-art{animation:poster-arrive 1.1s cubic-bezier(.2,.75,.25,1) both}.hero-race-strip{animation:strip-arrive .7s .12s cubic-bezier(.2,.75,.25,1) both}@keyframes sign-arrive{from{opacity:0;translate:-20px 0}to{opacity:1;translate:0 0}}@keyframes poster-arrive{from{opacity:.65;scale:1.035}to{opacity:1;scale:1}}@keyframes strip-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){[data-testid=stMain]{scroll-behavior:auto}.pick-card,.hero-actions .hero-cta{transition:none}}

@media(max-width:640px){.app-shell{padding-top:40px}[data-testid=stMain]{height:calc(100svh - 40px)}.block-container{padding-top:14px!important}.sidebar-toggle{top:5px;height:30px;display:flex;align-items:center;padding:0 8px}.sidebar-toggle .material{font-size:22px}}

[data-testid=stSidebar]{position:relative}.project-return{position:absolute;top:9px;left:22px;z-index:3;font-size:12px;color:#ffe3a1;text-decoration:none;border-bottom:1px solid #d6a44566;line-height:1.5}.project-return:hover{color:#fff6d1;border-color:currentColor}@media(max-width:640px){.project-return{top:18px}}
