:root{
  --navy:#082f59;--blue:#0877d7;--cyan:#14b5e6;--ice:#f3f9fd;--line:#c8dce8;
  --muted:#61798c;--green:#1b9d71;--red:#df5962;--shadow:0 7px 20px rgba(8,62,101,.07)
}
*{box-sizing:border-box}
html{background:#eaf3f8}
body{
  margin:0;min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;
  background:#f6fbfe;color:var(--navy);-webkit-font-smoothing:antialiased
}
.app-header,.analysis-shell,.bottom-nav{width:min(100%,432px);margin-left:auto;margin-right:auto}
.app-header{
  height:calc(62px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;
  display:grid;grid-template-columns:44px 1fr 58px;align-items:center;position:sticky;top:0;z-index:90;
  background:linear-gradient(135deg,#086fc7,#0b90dc);box-shadow:0 3px 12px rgba(4,75,128,.16)
}
.back-link{height:44px;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:35px;font-weight:300}
.app-title{text-align:center;color:#fff;line-height:1}
.app-title small{display:block;font-size:9px;letter-spacing:.16em;font-weight:900;color:#c8efff;margin-bottom:4px}
.app-title strong{font-size:16px;letter-spacing:.04em}
.club-link{height:34px;border:1px solid rgba(255,255,255,.65);border-radius:8px;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;background:rgba(255,255,255,.12)}

.analysis-shell{background:#f6fbfe;min-height:100vh}
.race-hero{background:#fff;padding:17px 14px 13px;border-bottom:1px solid #d4e3ec}
.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.eyebrow{margin:0 0 5px;font-size:9px;font-weight:950;letter-spacing:.14em;color:#3b91c7}
.race-hero h1{margin:0;font-size:27px;letter-spacing:-.04em;line-height:1.15}
.subline{margin:7px 0 0;font-size:13px;line-height:1.5;color:var(--muted);font-weight:700}
.state-badge{flex:0 0 auto;margin-top:2px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#edf3f7;color:#617b8f}
.state-badge.live{background:#e6f8f1;color:#137c58}
.state-badge.pending{background:#edf3f7;color:#617b8f}
.hero-meta{margin-top:14px;display:grid;grid-template-columns:1fr 1fr 1.15fr;border:1.5px solid #c8dbe7;border-radius:11px;overflow:hidden}
.hero-meta div{min-height:58px;padding:9px 8px;background:#f9fcfe;border-right:1px solid #dce8ef}
.hero-meta div:last-child{border-right:0}
.hero-meta span{display:block;font-size:10px;color:#728a9d;font-weight:800}
.hero-meta strong{display:block;margin-top:5px;font-size:14px;color:#123f65;white-space:nowrap}
.separation-note{margin-top:10px;padding:10px;border-radius:9px;background:#eef8ff;border:1px solid #c6e2f2;display:flex;gap:8px;font-size:11px;line-height:1.5;color:#3d617a;font-weight:700}
.separation-note i{width:9px;height:9px;border-radius:50%;background:#12a8db;flex:0 0 9px;margin-top:4px}

.analysis-tabs{
  position:sticky;top:calc(62px + env(safe-area-inset-top,0px));z-index:80;
  display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid #c9dce7;
  box-shadow:0 3px 9px rgba(15,72,109,.05)
}
.analysis-tab{min-height:52px;padding:0 4px;border:0;border-right:1px solid #edf2f5;background:#fff;color:#667f92;font-size:13px;font-weight:900}
.analysis-tab:last-child{border-right:0}
.analysis-tab.active{color:#087bd5;background:#eef8ff;box-shadow:inset 0 -3px 0 #087bd5}

.tab-panel{display:none;padding:15px 11px 20px}
.tab-panel.active{display:block}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px}
.section-head.compact{margin-top:0}
.section-head small{display:block;font-size:9px;letter-spacing:.13em;color:#4a97c5;font-weight:950}
.section-head h2{margin:2px 0 0;font-size:21px;letter-spacing:-.035em}
.section-head>span{font-size:10px;color:#55758d;border:1px solid #c8dce8;border-radius:999px;padding:6px 8px;background:#fff;font-weight:850;white-space:nowrap}
.section-head .official-tag{color:#0a79c4;background:#edf8ff;border-color:#bcdff3}
.section-help{margin:0 1px 12px;font-size:12px;color:#60798c;line-height:1.65}
.subsection{margin-top:22px;padding-top:18px;border-top:1px solid #dbe7ee}

.racer-list{display:grid;gap:8px}
.racer-card{background:#fff;border:1.5px solid #bdd4e2;border-radius:11px;overflow:hidden;box-shadow:0 3px 9px rgba(22,70,104,.045)}
.racer-card summary{list-style:none}
.racer-card summary::-webkit-details-marker{display:none}
.racer-summary{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:10px;cursor:pointer}
.lane-box{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:18px;font-weight:950;border:1px solid rgba(0,0,0,.12)}
.lane-1{background:#fff;color:#173850}.lane-2{background:#263746;color:#fff}.lane-3{background:#e85b62;color:#fff}.lane-4{background:#4c84d6;color:#fff}.lane-5{background:#e7b640;color:#332a15}.lane-6{background:#49a96e;color:#fff}
.racer-name strong{display:block;font-size:16px;line-height:1.15}
.racer-name small{display:block;margin-top:5px;color:#6f8799;font-size:11px}
.racer-chevron{font-size:20px;color:#7790a2;transition:.2s}
.racer-card[open] .racer-chevron{transform:rotate(180deg)}
.racer-quick{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce8ef;border-radius:8px;overflow:hidden;margin-top:2px}
.racer-quick div{padding:7px 6px;background:#f8fbfd;border-right:1px solid #e2ecf2;text-align:center}
.racer-quick div:last-child{border-right:0}
.racer-quick span{display:block;font-size:9px;color:#7890a1}
.racer-quick b{display:block;margin-top:3px;font-size:14px;color:#173f62}
.racer-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dce7ed;border-top:1px solid #d6e3ea}
.racer-details div{background:#f7fafc;padding:10px}
.racer-details span{display:block;font-size:10px;color:#788e9e}
.racer-details strong{display:block;margin-top:3px;font-size:13px;color:#274b67}

.engine-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.engine-metric{background:#fff;border:1.5px solid #c2d8e6;border-radius:10px;padding:11px}
.engine-metric.total{grid-column:1/-1;background:#eef8ff;border-color:#afd9f0}
.engine-metric span{font-size:10px;color:#71889a}
.engine-metric strong{display:block;margin-top:5px;font-size:18px}
.eval-empty{grid-column:1/-1;background:#fff;border:1.5px dashed #c8d9e4;border-radius:10px;padding:14px}
.eval-empty span{display:block;font-size:10px;color:#7b91a1}
.eval-empty strong{display:block;margin-top:3px;font-size:16px}
.eval-empty small{display:block;margin-top:5px;font-size:11px;color:#6c8191;line-height:1.5}

.exhibition-list{display:grid;gap:8px}
.ex-card{background:#fff;border:1.5px solid #bdd4e2;border-radius:11px;overflow:hidden}
.ex-main{display:grid;grid-template-columns:44px repeat(3,1fr);align-items:center;padding:9px 8px;gap:5px}
.ex-main>div{text-align:center}
.ex-main span{display:block;font-size:9px;color:#7b91a1}
.ex-main strong{display:block;margin-top:3px;font-size:14px;color:#183f61}
.ex-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dce7ed;border-top:1px solid #d6e3ea}
.ex-detail-grid>div{background:#f8fbfd;padding:9px}
.ex-detail-grid .wide{grid-column:1/-1}
.ex-detail-grid span{display:block;font-size:9px;color:#7b91a1}
.ex-detail-grid strong{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:#385970;word-break:break-word}

.data-note{margin-top:9px;padding:10px;border-radius:9px;background:#f1f7fb;border:1px solid #d3e2eb;color:#5e788b;font-size:11px;line-height:1.55}
.data-note[hidden]{display:none}
.surface-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.surface-card{min-height:76px;border:1.5px solid #c5d9e6;border-radius:10px;background:#fff;padding:11px}
.surface-card span{display:block;font-size:10px;color:#788f9f}
.surface-card strong{display:block;margin-top:7px;font-size:18px}
.surface-empty{grid-column:1/-1}

.odds-filter{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:0 0 11px}
.odds-filter-btn{min-height:52px;padding:4px 2px;border:1.5px solid #c7dce8;border-radius:9px;background:#fff;color:#385b74;text-align:center}
.odds-filter-btn b{display:block;font-size:16px;line-height:1}
.odds-filter-btn span{display:block;margin-top:2px;font-size:8px;font-weight:800}
.odds-filter-btn em{display:block;margin-top:2px;font-style:normal;font-size:8px;color:#8195a4}
.odds-filter-btn.active{background:#eaf7ff;border-color:#087bd5;color:#087bd5;box-shadow:inset 0 0 0 1px #087bd5}
.odds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.odds-item{min-height:66px;padding:9px 8px;border:1.5px solid #c5d9e6;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}
.odds-item b{font-size:18px;letter-spacing:.04em;color:#123f65}
.odds-item span{font-size:14px;font-weight:900;color:#0877c8;white-space:nowrap}

.empty-card{border:1.5px dashed #c4d6e2;border-radius:10px;background:#fff;padding:22px 15px;text-align:center}
.empty-card strong{font-size:16px}
.empty-card p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#6e8394}


.official-cta{margin:3px 11px 19px;padding:15px;border:1.5px solid #b9d5e6;border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.official-cta small{font-size:9px;letter-spacing:.14em;color:#3b92c7;font-weight:950}
.official-cta h2{margin:3px 0 0;font-size:20px}
.official-cta p{font-size:11px;line-height:1.55;color:#647d8f}
.official-cta a{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;background:#087bd5;color:#fff;text-decoration:none;font-size:13px;font-weight:900}
.official-cta a b{font-size:20px}

.page-message{margin:11px;padding:12px;border-radius:9px;background:#fff0f1;border:1px solid #efc6ca;color:#a83c45;font-size:12px;line-height:1.55}
.skeleton{height:70px;border-radius:9px;background:linear-gradient(90deg,#edf3f6,#f8fbfc,#edf3f6);background-size:200% 100%;animation:sk 1.3s infinite}
.skeleton.tall{height:118px}
@keyframes sk{to{background-position:-200% 0}}
body[aria-busy="true"] .analysis-tabs{opacity:.72}

.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:95;min-height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.98);border-top:1px solid #c9dbe5;box-shadow:0 -5px 17px rgba(5,54,94,.08)}
.bottom-nav a{min-height:58px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#698194;font-size:10px;font-weight:800}
.bottom-nav a b{font:18px/1 Arial;color:#506f85}
.bottom-nav a.active,.bottom-nav a.active b{color:#087bd5}

@media(max-width:360px){
  .race-hero h1{font-size:24px}
  .analysis-tab{font-size:12px}
  .tab-panel{padding-left:8px;padding-right:8px}
  .odds-filter{gap:3px}
  .odds-filter-btn{min-height:49px}
  .odds-item b{font-size:16px}
  .odds-item span{font-size:13px}
  .lane-buttons{gap:3px}
  .lane-choice{font-size:14px}
}
@media(min-width:433px){body{box-shadow:0 0 45px rgba(14,70,108,.08)}}
/* separated start/original exhibition */
.display-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 13px}
.display-switch-btn{min-height:46px;border:1.5px solid #bfd6e4;border-radius:10px;background:#fff;color:#486b83;font-size:13px;font-weight:900}
.display-switch-btn.active{background:#eaf7ff;border-color:#087bd5;color:#087bd5;box-shadow:inset 0 0 0 1px #087bd5}
.display-panel{display:none}.display-panel.active{display:block}
.mini-head{display:flex;align-items:center;justify-content:space-between;margin:0 1px 8px}
.mini-head strong{font-size:17px;letter-spacing:-.02em}
.mini-head span{font-size:10px;font-weight:850;color:#5d7a90;background:#fff;border:1px solid #c9dbe7;border-radius:999px;padding:5px 8px}

.start-board{background:#fff;border:1.5px solid #bdd4e2;border-radius:12px;overflow:hidden}
.start-board-head{display:grid;grid-template-columns:54px 1fr 54px;min-height:32px;align-items:center;background:#eaf5fb;color:#55758d;font-size:9px;font-weight:900;text-align:center;border-bottom:1px solid #d6e5ed}
.start-scale{position:relative;height:25px;margin-left:54px;margin-right:54px;background:linear-gradient(90deg,#f8fbfd 0 76%,#fff2f2 76% 100%);border-bottom:1px solid #e2ebf0}
.start-scale:after{content:"";position:absolute;left:76%;top:0;bottom:0;width:2px;background:#e14f59}
.start-scale b{position:absolute;left:76%;top:5px;transform:translateX(-50%);padding:0 4px;background:#fff;color:#b63b46;font-size:8px;letter-spacing:.05em}
.scale-label{position:absolute;left:5px;top:6px;font-size:8px;color:#8a9ba7}.scale-label.right{left:auto;right:8px;color:#c84d56;font-weight:900}
.start-row{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;min-height:55px;border-bottom:1px solid #e5edf2}
.start-row:last-child{border-bottom:0}
.start-course{text-align:center}.start-course b{display:block;font-size:17px}.start-course span{display:block;font-size:8px;color:#7d92a1}
.start-track{position:relative;height:42px;background:linear-gradient(90deg,#f8fbfd 0 76%,#fff4f4 76% 100%);overflow:hidden}
.start-track:before{content:"";position:absolute;left:0;right:0;top:20px;height:1px;background:#c9dce7}
.start-line{position:absolute;left:76%;top:0;bottom:0;width:2px;background:#e14f59;z-index:2}
.start-boat{position:absolute;left:var(--boat-x);top:8px;width:40px;height:25px;transform:translateX(-50%);clip-path:polygon(0 37%,72% 18%,100% 50%,72% 82%,0 63%);display:grid;place-items:center;font-weight:950;font-size:12px;z-index:3}
.start-boat i{font-style:normal}
.start-boat.flying{filter:drop-shadow(0 0 2px rgba(190,45,55,.45))}
.start-st{text-align:center;font-size:15px;font-weight:900;color:#183f61}.start-st.flying{color:#d83e49}
.lane-hull-1{background:#fff;color:#173850;box-shadow:inset 0 0 0 1px #aab7c0}.lane-hull-2{background:#263746;color:#fff}.lane-hull-3{background:#e85b62;color:#fff}.lane-hull-4{background:#4c84d6;color:#fff}.lane-hull-5{background:#e7b640;color:#332a15}.lane-hull-6{background:#49a96e;color:#fff}

.original-wrap{overflow-x:auto;border:1.5px solid #bdd4e2;border-radius:12px;background:#fff;-webkit-overflow-scrolling:touch}
.original-table{display:grid;grid-template-columns:82px repeat(6,minmax(50px,1fr));min-width:392px}
.original-corner,.original-boat-head,.original-row-label,.original-value{min-height:47px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e0e9ef;border-bottom:1px solid #e0e9ef}
.original-corner{background:#eaf5fb;font-size:10px;font-weight:900;color:#58778d}
.original-boat-head{flex-direction:column;font-weight:900}
.original-boat-head b{font-size:17px;line-height:1}.original-boat-head span{font-size:8px;margin-top:3px}
.original-row-label{justify-content:flex-start;padding:0 8px;background:#f7fbfd;color:#536f83;font-size:10px;font-weight:850;position:sticky;left:0;z-index:2}
.original-value{background:#fff;font-size:12px;font-weight:850;color:#234963}
.original-table>*:nth-last-child(-n+7){border-bottom:0}

@media(max-width:360px){
  .start-board-head,.start-row{grid-template-columns:48px 1fr 49px}
  .start-scale{margin-left:48px;margin-right:49px}
  .start-boat{width:36px;height:23px}
  .original-table{grid-template-columns:75px repeat(6,minmax(48px,1fr))}
}

/* exhibition refinement: prior ONE BOAT boat + transposed original table */
.start-row{min-height:76px}
.start-track{height:76px;background:linear-gradient(180deg,#c8ecff,#acdff7);overflow:hidden}
.start-track:before{top:38px;background:rgba(255,255,255,.42)}
.start-line{left:76%;width:3px;background:#ddb524;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.start-scale{background:linear-gradient(90deg,#d8f0fb 0 76%,#fff2f2 76% 100%)}
.start-scale:after{width:3px;background:#ddb524}
.start-scale b{color:#9b7417}
.start-boat{display:none!important}
.start-boat-shell{
  position:absolute;left:var(--boat-x);top:50%;transform:translate(-96%,-50%);
  width:92px;height:34px;z-index:3;
  filter:drop-shadow(0 3px 3px rgba(17,60,88,.18))
}
.start-boat-shell svg{display:block;width:92px;height:34px;overflow:visible}
.start-boat-shell.flying{filter:drop-shadow(0 3px 3px rgba(17,60,88,.18)) drop-shadow(0 0 3px rgba(214,47,60,.24))}
.start-st.flying{color:#d83e49;font-weight:950}

.original-table-transposed{
  display:grid;
  grid-template-columns:58px repeat(var(--metric-count),minmax(72px,1fr));
  min-width:max(100%,calc(58px + var(--metric-count) * 72px))
}
.original-table-transposed .original-corner,
.original-table-transposed .original-metric-head,
.original-table-transposed .original-boat-label,
.original-table-transposed .original-value{
  min-height:49px;display:flex;align-items:center;justify-content:center;
  border-right:1px solid #e0e9ef;border-bottom:1px solid #e0e9ef
}
.original-table-transposed .original-corner{
  position:sticky;left:0;z-index:5;background:#eaf5fb;color:#58778d;font-size:10px;font-weight:900
}
.original-table-transposed .original-metric-head{
  padding:0 6px;background:#eaf5fb;color:#58778d;font-size:9px;font-weight:900;text-align:center;line-height:1.25
}
.original-table-transposed .original-boat-label{
  position:sticky;left:0;z-index:4;flex-direction:column;font-weight:900
}
.original-table-transposed .original-boat-label b{font-size:17px;line-height:1}
.original-table-transposed .original-boat-label span{font-size:8px;margin-top:3px}
.original-table-transposed .original-value{background:#fff;color:#234963;font-size:12px;font-weight:850}
.original-table-transposed>*:nth-last-child(-n + var(--metric-count)){border-bottom:0}

@media(max-width:360px){
  .start-boat-shell{width:84px;height:31px}
  .start-boat-shell svg{width:84px;height:31px}
  .original-table-transposed{grid-template-columns:54px repeat(var(--metric-count),minmax(68px,1fr))}
}


/* ONE BOAT premium realistic start exhibition — visual only */
.start-board{
  border-color:#b8d8e9;
  box-shadow:0 10px 28px rgba(8,75,120,.08);
}
.start-board-head{
  grid-template-columns:54px 1fr 54px;
  min-height:38px;
  background:linear-gradient(180deg,#fbfdff,#edf7fd);
  color:#4d6d86;
  font-size:10px;
  letter-spacing:.02em;
}
.start-scale{
  height:29px;
  margin-left:54px;
  margin-right:54px;
  background:linear-gradient(90deg,#eaf8ff 0 76%,#fff3f4 76% 100%);
}
.start-scale:after{
  left:76%;
  width:3px;
  background:#f8fdff;
  box-shadow:0 0 3px #fff,0 0 9px #16a8ff,0 0 16px rgba(22,168,255,.72);
}
.start-scale b{
  left:76%;
  top:6px;
  padding:1px 6px;
  border-radius:4px;
  background:#087bd5;
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.06em;
  box-shadow:0 2px 8px rgba(8,123,213,.2);
}
.scale-label{top:8px;color:#7993a5}
.scale-label.right{color:#d84b57}

.start-row{
  min-height:82px;
  background:#fff;
  border-bottom-color:#dbe9f1;
}
.start-course{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#fff,#f9fcfe);
}
.start-course b{
  font-size:21px;
  line-height:1;
  color:#0b3158;
}
.start-course span{
  margin-top:5px;
  font-size:9px;
  font-weight:800;
  color:#6c8497;
}
.start-track{
  height:82px;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(3,135,202,.03) 0 76%,rgba(255,70,85,.07) 76% 100%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,116,182,.06)),
    url('/assets/start-water.webp?v=20260918-realboat1') center/cover no-repeat;
  overflow:hidden;
}
.start-track:before{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;
  height:1px;
  background:rgba(255,255,255,.64);
  box-shadow:0 1px 0 rgba(19,123,170,.08);
  z-index:1;
}
.start-track:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),transparent 32%,transparent 70%,rgba(0,93,151,.05)),
    linear-gradient(90deg,transparent 0 75%,rgba(255,255,255,.08) 75% 77%,transparent 77%);
}
.start-line{
  left:76%;
  top:0;
  bottom:0;
  width:3px;
  z-index:5;
  background:#fff;
  box-shadow:0 0 3px #fff,0 0 8px #16a8ff,0 0 15px rgba(22,168,255,.88);
}
.start-boat-shell{
  position:absolute;
  left:var(--boat-x);
  top:50%;
  width:124px;
  height:64px;
  transform:translate(-96%,-50%);
  z-index:4;
  filter:drop-shadow(0 5px 4px rgba(4,64,94,.20));
  will-change:left;
  pointer-events:none;
}
.start-boat-shell img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
}
.start-boat-shell.flying{
  z-index:6;
  filter:
    drop-shadow(0 5px 4px rgba(4,64,94,.2))
    drop-shadow(0 0 5px rgba(225,54,68,.32));
}
.start-st{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  font-size:17px;
  font-weight:950;
  color:#0b3158;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}
.start-st.flying{
  background:linear-gradient(180deg,#fff7f7,#fff);
  color:#e13644;
  font-size:18px;
}

@media(max-width:360px){
  .start-board-head,.start-row{grid-template-columns:48px 1fr 49px}
  .start-scale{margin-left:48px;margin-right:49px}
  .start-row,.start-track{min-height:76px;height:76px}
  .start-boat-shell{width:108px;height:58px}
  .start-course b{font-size:19px}
  .start-st{font-size:15px}
  .start-st.flying{font-size:16px}
}


/* Beginner / PRO one-tap mode */
.view-mode-switch{
  margin:12px 11px 10px;
  padding:4px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  border:1px solid #c8dce8;
  border-radius:12px;
  background:#edf6fb;
}
.view-mode{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  text-decoration:none;
  color:#58748a;
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
}
.view-mode.active{
  color:#fff;
  background:linear-gradient(135deg,#07345f,#0a75bb);
  box-shadow:0 4px 12px rgba(7,63,102,.2);
}

.pro-official{
  margin:0 11px 13px;
  padding:13px;
  border:1.5px solid #afd3e8;
  border-radius:12px;
  background:linear-gradient(180deg,#fff,#f6fbff);
  box-shadow:0 7px 18px rgba(8,62,101,.07);
}
.pro-official-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.pro-official-head small{
  display:block;
  color:#3d93c7;
  font-size:8px;
  font-weight:950;
  letter-spacing:.15em;
}
.pro-official-head h2{
  margin:3px 0 0;
  font-size:19px;
  letter-spacing:-.03em;
}
.pro-official-head>span{
  padding:6px 9px;
  border-radius:999px;
  background:#eaf7ff;
  color:#0877c8;
  font-size:10px;
  font-weight:950;
  white-space:nowrap;
}
.pro-official-grid{
  margin-top:11px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #d3e3ed;
  border-radius:9px;
  overflow:hidden;
}
.pro-official-grid>div{
  min-height:58px;
  padding:8px 6px;
  text-align:center;
  background:#fff;
  border-right:1px solid #e1ebf1;
}
.pro-official-grid>div:last-child{border-right:0}
.pro-official-grid span{
  display:block;
  color:#71889a;
  font-size:9px;
}
.pro-official-grid strong{
  display:block;
  margin-top:5px;
  color:#0c3f68;
  font-size:14px;
}
.pro-official-section{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #dce8ef;
}
.pro-official-section>b{
  display:block;
  color:#0c456f;
  font-size:11px;
}
.pro-official-section p{
  margin:5px 0 0;
  color:#526f84;
  font-size:12px;
  line-height:1.65;
}
.pro-official-section ul{
  margin:7px 0 0;
  padding-left:18px;
  color:#526f84;
  font-size:11px;
  line-height:1.7;
}
.pro-official-section.caution{
  padding:10px;
  border:1px solid #ecd9a5;
  border-radius:9px;
  background:#fffaf0;
}
.pro-bets{
  margin-top:7px;
  display:grid;
  gap:5px;
}
.pro-bets>div{
  min-height:40px;
  padding:7px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #d7e4ec;
  border-radius:8px;
  background:#fff;
}
.pro-bets strong{font-size:17px;color:#0b3b63}
.pro-bets span{font-size:12px;font-weight:900;color:#0877c8}

.pro-bets .pick-role{font-size:9px;color:#0a6cae;background:#eaf7ff;border:1px solid #c8e4f3;border-radius:999px;padding:4px 7px}
.pro-allocation{margin-top:10px;border:1px solid #cbdde8;border-radius:10px;background:#fff;overflow:hidden}
.pro-allocation summary{min-height:46px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;color:#0c456f;font-size:11px;font-weight:950}
.pro-allocation summary::-webkit-details-marker{display:none}
.pro-allocation summary:after{content:'＋';margin-left:2px;color:#6f8799;font-size:16px}
.pro-allocation[open] summary:after{content:'−'}
.pro-allocation summary b{margin-left:auto;color:#0877c8;font-size:11px}
.pro-allocation-body{padding:0 10px 10px;border-top:1px solid #e2ebf1}
.pro-allocation-body p{margin:8px 1px 0;color:#6f8393;font-size:9.5px;line-height:1.55}
.pro-official-empty{
  padding:8px 3px;
  text-align:center;
}
.pro-official-empty strong{font-size:14px}
.pro-official-empty p{margin:5px 0 0;color:#6c8293;font-size:11px}

.motor-pro-panel{display:grid;gap:7px}
.motor-official-score{
  padding:12px;
  border:1.5px solid #aed7ed;
  border-radius:10px;
  background:#eef9ff;
}
.motor-official-score span{
  display:block;
  color:#5b7c91;
  font-size:9px;
  font-weight:900;
}
.motor-official-score strong{
  display:block;
  margin-top:5px;
  color:#0877c8;
  font-size:22px;
}
.motor-table-head,
.motor-row{
  display:grid;
  grid-template-columns:44px 1.55fr .85fr .85fr;
  align-items:center;
}
.motor-table-head{
  min-height:31px;
  color:#688195;
  font-size:9px;
  font-weight:900;
  text-align:center;
  background:#edf6fb;
  border:1px solid #cbdde8;
  border-radius:9px 9px 0 0;
}
.motor-row{
  min-height:66px;
  padding:7px 4px;
  border:1px solid #d5e3eb;
  border-top:0;
  background:#fff;
}
.motor-row:last-child{border-radius:0 0 9px 9px}
.motor-row>div{text-align:center}
.motor-row>div:nth-child(2){text-align:left;padding-left:3px}
.motor-row>div:nth-child(2)>strong{
  display:block;
  color:#103f64;
  font-size:15px;
}
.motor-row>div:nth-child(2)>small{
  display:block;
  margin-top:4px;
  color:#718799;
  font-size:8px;
  line-height:1.45;
}
.motor-row>div:nth-child(n+3)>strong{
  color:#174a6e;
  font-size:12px;
}

@media(max-width:360px){
  .view-mode-switch,.pro-official{margin-left:8px;margin-right:8px}
  .motor-table-head,.motor-row{grid-template-columns:40px 1.45fr .85fr .85fr}
  .pro-official-grid strong{font-size:13px}
}


/* PRO LUXE MONOCHROME — luxury black / white analysis */
html{background:#0a0a0b;color-scheme:dark}
body{
  background:linear-gradient(180deg,#0b0b0c 0%,#111214 48%,#09090a 100%);
  color:#f4f4f2;
}
.app-header{
  background:linear-gradient(180deg,#090909,#111214);
  box-shadow:0 4px 18px rgba(0,0,0,.48);
  border-bottom:1px solid #2a2b2e;
}
.app-title small{color:#aaa}
.app-title strong,.back-link,.club-link{color:#fff}
.club-link{
  border-color:#5a5c60;
  background:#151618;
}
.analysis-shell{background:transparent}
.race-hero{
  background:#121315;
  border-bottom-color:#2b2c2f;
}
.eyebrow{color:#a8a9ac}
.race-hero h1{color:#fff}
.subline{color:#929397}
.state-badge{
  background:#232427;
  color:#d2d3d5;
}
.state-badge.live{background:#e7e7e5;color:#111214}
.hero-meta{
  border-color:#3a3b3f;
}
.hero-meta div{
  background:#17181a;
  border-right-color:#303236;
}
.hero-meta span{color:#8f9195}
.hero-meta strong{color:#f5f5f5}
.separation-note{
  background:#18191b;
  border-color:#383a3e;
  color:#a9aaad;
}
.separation-note i{background:#bdbec1}

.view-mode-switch{
  border-color:#37393d;
  background:#111214;
  box-shadow:0 7px 22px rgba(0,0,0,.28);
}
.view-mode{color:#898b8f}
.view-mode.active{
  color:#111214;
  background:linear-gradient(180deg,#f5f5f3,#e6e6e4);
  box-shadow:none;
}

.pro-official{
  background:linear-gradient(180deg,#17181a,#121315);
  border-color:#383a3e;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}
.pro-official-head small{color:#a8aaad}
.pro-official-head h2{color:#fff}
.pro-official-head>span{
  background:#ececea;
  color:#111214;
}
.pro-official-grid{
  border-color:#34363a;
}
.pro-official-grid>div{
  background:#151618;
  border-right-color:#2d2f33;
}
.pro-official-grid span{color:#8d8f93}
.pro-official-grid strong{color:#fff}
.pro-official-section{border-top-color:#303236}
.pro-official-section>b{color:#f0f0ee}
.pro-official-section p,
.pro-official-section ul{color:#aaa}
.pro-official-section.caution{
  background:#191714;
  border-color:#5f574a;
}
.pro-bets>div{
  border-color:#34363a;
  background:#151618;
}
.pro-bets strong{color:#fff}
.pro-bets span{color:#d6d6d4}

.pro-bets .pick-role{color:#efefef;background:#242527;border-color:#47494d}
.pro-allocation{background:#151618;border-color:#3a3c40}
.pro-allocation summary{color:#f1f1ef}
.pro-allocation summary b{color:#d6d6d4}
.pro-allocation summary:after{color:#8d8f93}
.pro-allocation-body{border-top-color:#303236}
.pro-allocation-body p{color:#8f9195}
.pro-official-empty strong{color:#fff}
.pro-official-empty p{color:#8f9195}

.analysis-tabs{
  background:#0f1011;
  border-bottom-color:#2b2c2f;
  box-shadow:0 3px 10px rgba(0,0,0,.3)
}
.analysis-tab{
  background:#0f1011;
  color:#77797d;
  border-right-color:#242528;
}
.analysis-tab.active{
  color:#fff;
  background:#191a1c;
  box-shadow:inset 0 -2px 0 #f2f2f2;
}
.tab-panel{background:transparent}
.section-head small{color:#a0a2a5}
.section-head h2{color:#fff}
.section-head>span{
  background:#17181a;
  color:#b7b8bb;
  border-color:#393b3f;
}
.section-head .official-tag{
  color:#111214;
  background:#eeeeec;
  border-color:#eeeeec;
}
.section-help{color:#8f9195}
.subsection{border-top-color:#2b2c2f}

.racer-card,
.ex-card,
.surface-card,
.empty-card,
.official-cta{
  background:#151618;
  border-color:#35373b;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.racer-name strong{color:#f5f5f5}
.racer-name small{color:#8e9094}
.racer-chevron{color:#85878b}
.racer-quick{border-color:#303236}
.racer-quick div{
  background:#191a1c;
  border-right-color:#2d2f32;
}
.racer-quick span{color:#888a8e}
.racer-quick b{color:#f2f2f2}
.racer-details{
  background:#2d2f33;
  border-top-color:#303236;
}
.racer-details div{background:#151618}
.racer-details span{color:#888a8e}
.racer-details strong{color:#ececea}

.engine-metric,
.eval-empty{
  background:#151618;
  border-color:#35373b;
}
.engine-metric.total{
  background:#1b1c1f;
  border-color:#4a4c50;
}
.engine-metric span,
.eval-empty span,
.eval-empty small{color:#8e9094}
.engine-metric strong,
.eval-empty strong{color:#fff}

.motor-official-score{
  background:#1a1b1d;
  border-color:#424449;
}
.motor-official-score span{color:#939599}
.motor-official-score strong{color:#fff}
.motor-table-head{
  background:#202124;
  border-color:#3a3c40;
  color:#bbbcc0;
}
.motor-row{
  background:#151618;
  border-color:#35373b;
}
.motor-row>div:nth-child(2)>strong,
.motor-row>div:nth-child(n+3)>strong{color:#f2f2f2}
.motor-row>div:nth-child(2)>small{color:#888a8e}

.display-switch-btn{
  background:#151618;
  border-color:#3b3d41;
  color:#9b9da1;
}
.display-switch-btn.active{
  background:#f0f0ee;
  border-color:#f0f0ee;
  color:#111214;
  box-shadow:none;
}
.mini-head strong{color:#fff}
.mini-head span{
  background:#17181a;
  border-color:#3b3d41;
  color:#a8aaad;
}
.data-note{
  background:#151618;
  border-color:#36383c;
  color:#9a9ca0;
}
.surface-card span{color:#8d8f93}
.surface-card strong{color:#fff}

.odds-filter-btn{
  background:#151618;
  border-color:#393b3f;
  color:#b3b4b7;
}
.odds-filter-btn em{color:#7d7f83}
.odds-filter-btn.active{
  background:#f1f1ef;
  border-color:#f1f1ef;
  color:#111214;
  box-shadow:none;
}
.odds-item{
  background:#151618;
  border-color:#37393d;
}
.odds-item b{color:#fff}
.odds-item span{color:#d4d4d2}

.empty-card{border-style:dashed}
.empty-card strong{color:#fff}
.empty-card p{color:#8f9195}


.official-cta small{color:#9fa1a5}
.official-cta h2{color:#fff}
.official-cta p{color:#929397}
.official-cta a{
  background:#f1f1ef;
  color:#111214;
}

.page-message{
  background:#241719;
  border-color:#6c464b;
  color:#efb8bd;
}
.skeleton{
  background:linear-gradient(90deg,#191a1c,#242528,#191a1c);
  background-size:200% 100%;
}

.bottom-nav{
  background:rgba(11,11,12,.985);
  border-top-color:#2a2b2e;
  box-shadow:0 -6px 20px rgba(0,0,0,.38)
}
.bottom-nav a{color:#717377}
.bottom-nav a b{color:#8a8c90}
.bottom-nav a.active,.bottom-nav a.active b{color:#fff}

/* Keep boat number colors and start-water imagery for data recognition */
.start-board{
  background:#121315;
  border-color:#3a3c40;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.start-board-head{
  background:#1c1d1f;
  color:#b9babe;
  border-bottom-color:#34363a;
}
.start-scale{
  background:linear-gradient(90deg,#202124 0 76%,#2a1d1f 76% 100%);
  border-bottom-color:#34363a;
}
.start-scale:after{
  background:#f5f5f5;
  box-shadow:none;
}
.start-scale b{
  background:#f2f2f0;
  color:#111214;
  box-shadow:none;
}
.scale-label{color:#8e9094}
.scale-label.right{color:#d28f96}
.start-row{
  background:#151618;
  border-bottom-color:#303236;
}
.start-course{
  background:#151618;
}
.start-course b{color:#fff}
.start-course span{color:#888a8e}
.start-st{
  background:#151618;
  color:#fff;
}
.start-st.flying{
  background:#201719;
  color:#ef8e97;
}
.original-wrap{
  background:#151618;
  border-color:#3b3d41;
}
.original-table-transposed .original-corner,
.original-table-transposed .original-metric-head{
  background:#202124;
  color:#b8b9bc;
}
.original-table-transposed .original-boat-label{
  background:#17181a;
}
.original-table-transposed .original-value{
  background:#151618;
  color:#f0f0ee;
}
.original-table-transposed .original-corner,
.original-table-transposed .original-metric-head,
.original-table-transposed .original-boat-label,
.original-table-transposed .original-value{
  border-right-color:#33353a;
  border-bottom-color:#33353a;
}



/* Transparent start boats — clean overlay */
.start-boat-shell{overflow:visible;isolation:isolate}
.start-boat-shell img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.start-boat-shell:after{content:none!important}


/* Clean shared transparent boat template — no black cutout artifacts */
.start-boat-shell.template-boat{
  overflow:visible;
  isolation:isolate;
}
.start-boat-shell.template-boat img{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none;
  object-fit:contain;
  mix-blend-mode:normal;
}
.start-boat-shell.template-boat:after{display:none!important}

/* Lane colors are baked into dedicated transparent assets. Do not recolor with CSS. */
.start-boat-shell.template-boat.lane-boat-1 img,
.start-boat-shell.template-boat.lane-boat-2 img,
.start-boat-shell.template-boat.lane-boat-3 img,
.start-boat-shell.template-boat.lane-boat-4 img,
.start-boat-shell.template-boat.lane-boat-5 img,
.start-boat-shell.template-boat.lane-boat-6 img{
  filter:none!important;
}

/* Cover original number 3 and render correct lane number cleanly */
.boat-number-overlay{
  position:absolute;
  left:57%;
  top:55%;
  min-width:18px;
  height:14px;
  padding:0 3px;
  transform:translate(-50%,-50%) skewX(-7deg);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  font-size:10px;
  line-height:1;
  font-weight:950;
  font-family:Arial,sans-serif;
  z-index:5;
  box-shadow:0 1px 2px rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.28);
}
.lane-boat-1 .boat-number-overlay{background:#f4f4f2;color:#111;border-color:#c9c9c7}
.lane-boat-2 .boat-number-overlay{background:#171719;color:#fff;border-color:#4a4a4d}
.lane-boat-3 .boat-number-overlay{background:#c92d34;color:#fff;border-color:#e6686d}
.lane-boat-4 .boat-number-overlay{background:#1f63c5;color:#fff;border-color:#67a0ee}
.lane-boat-5 .boat-number-overlay{background:#e7ca24;color:#111;border-color:#f6e46f}
.lane-boat-6 .boat-number-overlay{background:#269352;color:#fff;border-color:#69c88b}


/* Original exhibition: highlight only 1st / 2nd fastest time cells */
.original-value.original-rank-1{
  background:linear-gradient(180deg,#d8b45a,#b99134)!important;
  color:#111214!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,245,205,.45);
}
.original-value.original-rank-2{
  background:linear-gradient(180deg,#d9dde2,#aeb4bc)!important;
  color:#111214!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}


/* Original exhibition lane labels must stay neutral.
   Only rank-1 / rank-2 time cells are highlighted. */
.original-table-transposed .original-boat-label,
.original-table-transposed .original-boat-label.lane-hull-1,
.original-table-transposed .original-boat-label.lane-hull-2,
.original-table-transposed .original-boat-label.lane-hull-3,
.original-table-transposed .original-boat-label.lane-hull-4,
.original-table-transposed .original-boat-label.lane-hull-5,
.original-table-transposed .original-boat-label.lane-hull-6{
  background:#17181a!important;
  color:#f2f2f0!important;
  box-shadow:none!important;
}
.original-table-transposed .original-boat-label b{
  color:#ffffff!important;
}
.original-table-transposed .original-boat-label span{
  color:#9b9da1!important;
}

.pro-bets-picks>div{display:grid!important;grid-template-columns:auto auto;align-items:center;column-gap:8px}
.pro-bets-picks .pro-final-odds{grid-column:1/3;margin-top:3px;color:#6b8293;font-size:9px;font-weight:850}
.pro-odds-note{margin:8px 0 0!important;padding:8px 9px;border:1px solid #d7e3ea;border-radius:8px;background:#f7fafc;color:#6a7e8e!important;font-size:9px!important;line-height:1.55!important}
body.pro-theme .pro-bets-picks .pro-final-odds{color:#999b9f}
body.pro-theme .pro-odds-note{border-color:#303236;background:#17181a;color:#9a9ca0!important}


/* iPhone motor comparison — compact, readable, no data changes */
.motor-pro-panel{gap:0}
.motor-table-head,
.motor-row{
  grid-template-columns:46px minmax(0,1fr) 72px 72px;
}
.motor-table-head{
  min-height:30px;
  border-radius:10px 10px 0 0;
  font-size:10px;
}
.motor-row{
  min-height:58px;
  padding:7px 8px 7px 6px;
}
.motor-row .lane-box{
  width:34px;
  height:34px;
  font-size:17px;
}
.motor-row .motor-id{
  min-width:0;
  padding-left:4px!important;
}
.motor-row .motor-id>strong{
  font-size:16px!important;
  line-height:1.05;
}
.motor-row .motor-id>small{
  margin-top:5px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.motor-row .motor-rate{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.motor-row .motor-rate>span{
  display:none;
  font-size:8px;
  font-weight:800;
  color:#85878b;
}
.motor-row .motor-rate>strong{
  font-size:14px!important;
  line-height:1;
  white-space:nowrap;
}
body{
  padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));
}
.analysis-shell{
  padding-bottom:22px;
}
@media(max-width:360px){
  .motor-table-head,
  .motor-row{grid-template-columns:42px minmax(0,1fr) 66px 66px}
  .motor-row{padding-left:5px;padding-right:5px}
  .motor-row .motor-id>small{font-size:9px!important}
}


/* iPhone motor comparison v2 — readable two-tier layout */
.motor-row{
  grid-template-columns:46px minmax(0,1fr) 72px 72px!important;
  grid-template-rows:auto auto;
  min-height:82px!important;
  padding:9px 8px 9px 6px!important;
  column-gap:2px;
  row-gap:8px;
}
.motor-row .motor-lane{
  grid-column:1;
  grid-row:1 / 3;
  display:flex;
  align-items:center;
  justify-content:center;
}
.motor-row .motor-id{
  grid-column:2;
  grid-row:1;
  align-self:center;
  min-width:0;
  padding-left:5px!important;
}
.motor-row .motor-id>strong{
  display:block;
  font-size:18px!important;
  line-height:1;
  letter-spacing:-.02em;
  color:#f4f4f2!important;
}
.motor-row .motor-rate{
  grid-row:1;
  align-self:center;
}
.motor-row .motor-rate:nth-of-type(3){grid-column:3}
.motor-row .motor-rate:nth-of-type(4){grid-column:4}
.motor-row .motor-rate>span{display:none!important}
.motor-row .motor-rate>strong{
  font-size:15px!important;
  font-weight:950;
  color:#f4f4f2!important;
}
.motor-meta{
  grid-column:2 / 5;
  grid-row:2;
  display:grid;
  grid-template-columns:1fr 1.18fr 1.05fr .72fr .72fr;
  gap:4px;
  min-width:0;
  padding-top:7px;
  border-top:1px solid #2d2f33;
}
.motor-meta>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.motor-meta small{
  display:block;
  color:#777a7f;
  font-size:8px;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
}
.motor-meta b{
  display:block;
  color:#cfd0d2;
  font-size:10.5px;
  line-height:1.1;
  font-weight:850;
  white-space:nowrap;
}
@media(max-width:360px){
  .motor-row{
    grid-template-columns:42px minmax(0,1fr) 65px 65px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .motor-row .motor-id>strong{font-size:17px!important}
  .motor-row .motor-rate>strong{font-size:14px!important}
  .motor-meta{gap:3px}
  .motor-meta small{font-size:7.5px}
  .motor-meta b{font-size:9.5px}
}


/* PRO premium refinement v3 — restrained luxury dashboard */
html{background:#05070b!important}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(74,88,110,.12),transparent 32%),
    linear-gradient(180deg,#06080c 0%,#080b10 46%,#05070a 100%)!important;
  color:#f5f7fa;
}
.analysis-shell{
  background:transparent!important;
}
.app-header{
  background:rgba(6,8,12,.96)!important;
  border-bottom:1px solid #202630!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.analysis-tabs{
  background:rgba(8,11,16,.97)!important;
  border-bottom:1px solid #202630!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}
.analysis-tab{
  background:transparent!important;
  color:#676e79!important;
  border-right:1px solid #1c222b!important;
  letter-spacing:.015em;
}
.analysis-tab.active{
  color:#f8fafc!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))!important;
  box-shadow:inset 0 -2px 0 #dce2e9!important;
}
.tab-panel{
  padding-top:18px!important;
}
.section-head{
  margin-bottom:12px!important;
}
.section-head small{
  color:#8e96a3!important;
  font-size:9px!important;
  letter-spacing:.22em!important;
}
.section-head h2{
  color:#f8fafc!important;
  font-size:23px!important;
  letter-spacing:-.04em!important;
}
.section-head>span{
  background:#0c1016!important;
  color:#a7afb9!important;
  border:1px solid #2b323d!important;
  padding:6px 10px!important;
}
.subsection{
  border-top:1px solid #1d232c!important;
}
.data-note{
  background:#0b0f14!important;
  border:1px solid #242a34!important;
  color:#8f98a5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

/* Weather / water — only show actual values as premium data tiles */
.surface-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.surface-card{
  position:relative;
  min-height:78px!important;
  padding:12px 13px!important;
  border:1px solid #272e38!important;
  border-radius:13px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),
    #0d1117!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 18px rgba(0,0,0,.16)!important;
  overflow:hidden;
}
.surface-card:before{
  content:"";
  position:absolute;
  top:0;left:0;bottom:0;
  width:2px;
  background:#465261;
  opacity:.8;
}
.surface-card.tide-card:before{background:#6b737f}
.surface-card span{
  color:#818a97!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.04em;
}
.surface-card strong{
  display:block;
  margin-top:9px!important;
  color:#f7f9fb!important;
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.025em;
  word-break:keep-all;
}
.surface-status-line{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #222833;
  border-radius:10px;
  background:#090d12;
}
.surface-status-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  background:#202631;
  color:#c1c7cf;
  font-size:9px;
  font-weight:900;
}
.surface-status-badge.neutral{background:#171b22;color:#9098a4}
.surface-status-line small{
  color:#737c88;
  font-size:9px;
  font-weight:750;
}
.surface-observed{
  margin-left:auto;
  color:#8e97a3!important;
}
.surface-empty-premium{
  grid-column:1/-1;
  padding:18px;
  border:1px solid #252c36;
  border-radius:13px;
  background:#0c1016;
}
.surface-empty-premium>span{
  display:block;
  color:#69717d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.surface-empty-premium>strong{
  display:block;
  margin-top:5px;
  color:#eef1f4;
  font-size:16px;
}
.surface-empty-premium>p{
  margin:6px 0 0;
  color:#7e8793;
  font-size:10px;
  line-height:1.5;
}
#tide-note{
  margin-top:10px!important;
  font-size:10px!important;
  line-height:1.65!important;
}

/* Motor — card hierarchy instead of spreadsheet look */
.motor-pro-panel{
  display:grid!important;
  gap:9px!important;
}
.motor-table-head{
  display:none!important;
}
.motor-row{
  position:relative;
  grid-template-columns:48px minmax(0,1fr) 76px 76px!important;
  grid-template-rows:auto auto!important;
  min-height:96px!important;
  padding:11px 10px 10px 8px!important;
  column-gap:4px!important;
  row-gap:9px!important;
  border:1px solid #272e38!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),
    #0d1117!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 18px rgba(0,0,0,.15)!important;
  overflow:hidden;
}
.motor-row:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:#343c48;
}
.motor-row .motor-lane{
  grid-column:1!important;
  grid-row:1/3!important;
}
.motor-row .lane-box{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
  font-size:19px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22);
}
.motor-row .motor-id{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  padding-left:5px!important;
}
.motor-row .motor-id>small{
  display:block!important;
  margin:0 0 4px!important;
  color:#666f7b!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.motor-row .motor-id>strong{
  color:#f7f8fa!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.motor-row .motor-rate{
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:4px!important;
}
.motor-row .motor-rate>span{
  display:block!important;
  color:#6f7884!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.02em;
}
.motor-row .motor-rate>strong{
  color:#f8fafc!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em;
}
.motor-meta{
  grid-column:2/5!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:1fr 1.18fr 1.05fr .72fr .72fr!important;
  gap:6px!important;
  padding:8px 0 0!important;
  border-top:1px solid #252b34!important;
}
.motor-meta>span{gap:3px!important}
.motor-meta small{
  color:#676f7a!important;
  font-size:8px!important;
  font-weight:850!important;
}
.motor-meta b{
  color:#c7cdd5!important;
  font-size:11px!important;
  font-weight:850!important;
}

/* Premium common cards */
.racer-card,
.ex-card,
.empty-card,
.official-cta,
.pro-official{
  border-color:#272e38!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
    #0d1117!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 18px rgba(0,0,0,.16)!important;
}
.official-cta{
  border-radius:14px!important;
}
.bottom-nav{
  background:rgba(5,7,10,.965)!important;
  border-top:1px solid #202630!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.bottom-nav a{color:#656d79!important}
.bottom-nav a b{color:#7a838f!important}
.bottom-nav a.active,
.bottom-nav a.active b{color:#f5f7fa!important}

@media(max-width:360px){
  .surface-card{min-height:74px!important;padding:11px!important}
  .surface-card strong{font-size:18px!important}
  .motor-row{
    grid-template-columns:44px minmax(0,1fr) 68px 68px!important;
    padding-left:6px!important;
    padding-right:7px!important;
  }
  .motor-row .lane-box{width:35px!important;height:35px!important;font-size:18px!important}
  .motor-row .motor-id>strong{font-size:18px!important}
  .motor-row .motor-rate>strong{font-size:15px!important}
  .motor-meta{gap:4px!important}
  .motor-meta small{font-size:7.5px!important}
  .motor-meta b{font-size:9.5px!important}
}


/* PRO gold-edge experiment — reversible visual-only layer */
:root{
  --pro-gold:#c99a32;
  --pro-gold-bright:#e4bd58;
  --pro-gold-soft:#8b6924;
  --pro-gold-faint:rgba(201,154,50,.34);
}
.app-header{
  border-bottom:1px solid var(--pro-gold)!important;
}
.club-link{
  border-color:var(--pro-gold)!important;
  color:#f3d67c!important;
}
.race-hero{
  border-bottom-color:var(--pro-gold)!important;
}
.hero-meta{
  border-color:var(--pro-gold)!important;
}
.hero-meta div{
  border-right-color:var(--pro-gold-soft)!important;
}
.view-mode-switch{
  border-color:var(--pro-gold)!important;
  background:#0b0d11!important;
}
.view-mode{
  color:#8f9298!important;
}
.view-mode.active{
  color:#111214!important;
  background:linear-gradient(180deg,#f0cc6a,#bd8a24)!important;
  box-shadow:0 0 0 1px rgba(255,224,128,.25),0 6px 16px rgba(155,108,18,.18)!important;
}
.pro-official,
.racer-card,
.ex-card,
.surface-card,
.empty-card,
.official-cta,
.engine-metric,
.eval-empty,
.motor-official-score,
.motor-row,
.start-board,
.original-wrap,
.odds-item,
.my-panel,
.pro-allocation{
  border-color:var(--pro-gold)!important;
}
.analysis-tabs{
  border-bottom-color:var(--pro-gold)!important;
}
.analysis-tab{
  border-right-color:var(--pro-gold-soft)!important;
}
.analysis-tab.active{
  color:#f5d77d!important;
  box-shadow:inset 0 -2px 0 var(--pro-gold-bright)!important;
}
.subsection{
  border-top-color:var(--pro-gold-soft)!important;
}
.section-head>span,
.section-head .official-tag,
.mini-head span,
.data-note,
.display-switch-btn,
.odds-filter-btn,
.surface-status-line,
.surface-empty-premium{
  border-color:var(--pro-gold-soft)!important;
}
.display-switch-btn.active,
.odds-filter-btn.active{
  border-color:var(--pro-gold)!important;
  color:#111214!important;
  background:linear-gradient(180deg,#f0cc6a,#bd8a24)!important;
}
.pro-official-grid{
  border-color:var(--pro-gold)!important;
}
.pro-official-grid>div{
  border-right-color:var(--pro-gold-soft)!important;
}
.pro-official-section,
.pro-allocation-body,
.motor-meta,
.racer-quick,
.racer-details,
.start-board-head,
.start-scale,
.start-row{
  border-color:var(--pro-gold-soft)!important;
}
.pro-bets>div{
  border-color:var(--pro-gold-soft)!important;
}
.motor-row:before,
.surface-card:before{
  background:var(--pro-gold)!important;
}
.bottom-nav{
  border-top-color:var(--pro-gold)!important;
}
.bottom-nav a.active,
.bottom-nav a.active b{
  color:#f2cf6a!important;
}
.back-link{
  color:#f5d77d!important;
}
.eyebrow,
.section-head small,
.pro-official-head small{
  color:#caa54e!important;
}
.state-badge.live{
  border:1px solid var(--pro-gold-soft)!important;
}

/* 2026-09-19 paid access gate for private races */
.analysis-paywall{margin:14px 12px 18px;padding:18px;border:1px solid #c7d9e5;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(8,47,89,.07)}
.analysis-paywall[hidden]{display:none}
.paywall-kicker{font-size:8px;font-weight:950;letter-spacing:.18em;color:#b39242}
.analysis-paywall h2{margin:5px 0 0;font-size:22px;letter-spacing:-.035em;color:#0d3458}
.analysis-paywall p{margin:9px 0 0;font-size:12px;line-height:1.7;color:#60788b}
.paywall-features{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}
.paywall-features span{padding:9px 10px;border:1px solid #e0e9ef;border-radius:9px;background:#f7fafc;color:#416079;font-size:10px;font-weight:850;text-align:center}
.paywall-primary,.paywall-secondary{width:100%;min-height:52px;margin-top:10px;border-radius:11px;font:inherit;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:900}
.paywall-primary{border:1px solid #0877d7;background:#0877d7;color:#fff;box-shadow:0 7px 18px rgba(8,119,215,.16)}
.paywall-secondary{border:1px solid #cab06d;background:#fffdf7;color:#6f5925}
.paywall-primary strong,.paywall-secondary strong{font-size:13px}
.paywall-primary span,.paywall-secondary span{font-size:11px}
.paywall-compare{display:block;margin-top:12px;text-align:center;color:#55758c;font-size:10px;font-weight:850;text-decoration:none}
.paywall-message{margin-top:10px;padding:10px;border-radius:8px;background:#fff1f2;border:1px solid #efc9cd;color:#a84750;font-size:10.5px;line-height:1.5}
body.analysis-locked .analysis-tabs,
body.analysis-locked .tab-panel{display:none!important}
body.analysis-locked .view-mode-switch{opacity:.55}
body.analysis-locked .race-hero{border-bottom-color:#dbe5eb}
.state-badge.locked{background:#fff6dd;color:#80631f}

/* 2026-09-19 decision-first PRO refinement */
.pro-purpose{margin:0 11px 11px;padding:15px;border:1px solid #d2b66b;border-radius:13px;background:linear-gradient(180deg,#181818,#101010);color:#f6f3ea;box-shadow:0 9px 24px rgba(0,0,0,.16)}
.pro-purpose small{display:block;color:#d7b862;font-size:8px;font-weight:950;letter-spacing:.17em}.pro-purpose h2{margin:6px 0 0;font-size:20px;line-height:1.35;letter-spacing:-.03em}.pro-purpose p{margin:8px 0 0;color:#b5b3ac;font-size:11px;line-height:1.65}.decision-trace{margin-top:12px;padding:14px;border:1.5px solid #d7b861;border-radius:11px;background:linear-gradient(135deg,#fffaf0,#fff)}.decision-trace small{display:block;color:#a77c21;font-size:8px;font-weight:950;letter-spacing:.15em}.decision-trace h3{margin:4px 0 0;color:#183f61;font-size:17px}.decision-trace p{margin:7px 0 0;color:#4f6d82;font-size:12px;line-height:1.7;font-weight:700}.pro-data-principle{margin-top:9px;padding:10px 11px;border-radius:9px;background:#eef5f8;border:1px solid #d7e3e9}.pro-data-principle strong{display:block;color:#294d67;font-size:10px}.pro-data-principle span{display:block;margin-top:3px;color:#687f90;font-size:9.5px;line-height:1.55}.decision-materials{display:grid;gap:7px;margin-top:10px}.decision-material{padding:10px 11px;border:1px solid #dbe6ec;border-radius:9px;background:#fff}.decision-material>span{display:block;color:#6a8294;font-size:8.5px;font-weight:900}.decision-material>strong{display:block;margin-top:4px;color:#143f62;font-size:12px;line-height:1.5}.decision-material ul{margin:5px 0 0;padding-left:17px;color:#526f84;font-size:10.5px;line-height:1.6}.decision-material.support{border-left:3px solid #1a9d70}.decision-material.caution{border-left:3px solid #d79a18}.paywall-join{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;gap:2px}.paywall-join strong{font-size:13px}.paywall-join span{font-size:9px;font-weight:800;opacity:.82}.analysis-locked .analysis-tabs,.analysis-locked .tab-panel{display:none!important}.private-access-note{display:block;margin-top:8px;text-align:center;color:#7c91a1;font-size:8.5px;line-height:1.5} @media(max-width:360px){.pro-purpose{margin-left:8px;margin-right:8px;padding:13px}.pro-purpose h2{font-size:18px}.decision-trace{padding:12px}}

/* 2026-09-19 decision-linked deep dive */
.decision-focus{margin:0 11px 13px;padding:14px;border:1.5px solid #c9aa56;border-radius:12px;background:#fffdf7;box-shadow:0 7px 18px rgba(90,69,20,.05)}
.decision-focus>small,.support-data-head small{display:block;color:#a9832b;font-size:8px;font-weight:950;letter-spacing:.16em}
.decision-focus h2,.support-data-head h2{margin:5px 0 0;font-size:18px;letter-spacing:-.03em;color:#153f61}
.decision-focus>p,.support-data-head p{margin:6px 0 0;color:#667f91;font-size:10.5px;line-height:1.6}
.decision-focus-list{display:grid;gap:7px;margin-top:11px}
.decision-focus button{width:100%;min-height:54px;border:1px solid #d8e3e9;border-radius:10px;background:#fff;padding:9px 10px;text-align:left;display:grid;grid-template-columns:1fr 22px;align-items:center;color:#173f61}
.decision-focus button strong{display:block;font-size:12px}.decision-focus button span{display:block;margin-top:3px;color:#6f8494;font-size:8.5px;line-height:1.4}.decision-focus button b{grid-column:2;grid-row:1/3;text-align:right;font-size:22px;font-weight:400;color:#b08a32}
.support-data-head{margin:18px 11px 8px;padding-top:15px;border-top:1px solid #dce6ec}
.analysis-locked .support-data-head{display:none!important}
@media(max-width:360px){.decision-focus{margin-left:8px;margin-right:8px;padding:12px}.support-data-head{margin-left:8px;margin-right:8px}.decision-focus h2,.support-data-head h2{font-size:17px}}

.analysis-locked .decision-focus{display:none!important}

.decision-focus .decision-focus-next{position:relative;padding-top:20px;border-color:#c9aa56;background:linear-gradient(135deg,#fffaf0,#fff)}
.decision-focus .decision-focus-next em{position:absolute;left:10px;top:7px;font-style:normal;color:#a77c21;font-size:7px;font-weight:950;letter-spacing:.14em}
.decision-focus-more{margin-top:6px}.decision-focus-more>summary{list-style:none;cursor:pointer;padding:9px 2px;color:#6f8494;font-size:9px;font-weight:850}.decision-focus-more>summary::-webkit-details-marker{display:none}.decision-focus-more>div{display:grid;gap:6px}

/* 2026-09-19 PRO readability pass */
.app-title small{font-size:10px}
.club-link{height:44px;min-height:44px;font-size:11px}
.eyebrow{font-size:10px}
.hero-meta span{font-size:11px}
.section-head small{font-size:10px!important}
.section-head>span{font-size:11px}
.racer-quick span{font-size:10px}
.racer-details span{font-size:11px}
.engine-metric span{font-size:11px}
.ex-main span{font-size:10px}
.odds-filter-btn span,.odds-filter-btn em{font-size:9.5px}
.bottom-nav a{font-size:10.5px!important}
.pro-purpose small{font-size:9.5px}
.pro-purpose p{font-size:12px}
.decision-trace small{font-size:9.5px}
.pro-data-principle strong{font-size:11px}
.pro-data-principle span{font-size:10.5px}
.decision-material>span{font-size:10px}
.decision-material ul{font-size:11.5px}
.decision-focus>small,.support-data-head small{font-size:9.5px}
.decision-focus>p,.support-data-head p{font-size:11.5px}
.decision-focus button strong{font-size:13px}
.decision-focus button span{font-size:10px;line-height:1.5}
.decision-focus .decision-focus-next em{font-size:8.5px}
.decision-focus-more>summary{font-size:10px;min-height:40px;display:flex;align-items:center}
.paywall-kicker{font-size:9.5px}
.paywall-features span{font-size:11px}
.paywall-join span{font-size:10px}
.private-access-note{font-size:9.5px}
@media(max-width:360px){.motor-meta small{font-size:8.5px!important}.motor-meta b{font-size:10px!important}}

/* 2026-09-19 clarity + compact PRO pass */
.pro-purpose{
  margin:0 11px 10px!important;
  padding:12px 14px!important;
  border-color:#7b642c!important;
  border-radius:12px!important;
  background:#111214!important;
  box-shadow:none!important;
}
.pro-purpose small{font-size:8.5px!important;color:#c8a84f!important}
.pro-purpose h2{margin-top:4px!important;font-size:17px!important;line-height:1.3!important;color:#f6f3eb!important}
.pro-purpose p{margin-top:5px!important;font-size:10.5px!important;line-height:1.5!important;color:#9d9b95!important}

.pro-official{padding:14px!important}
.pro-official-head{align-items:center}
.pro-official-head small{color:#c6a650!important;font-size:8.5px!important;letter-spacing:.15em}
.pro-official-head h2{font-size:23px!important;letter-spacing:-.035em!important}
.pro-official-head>span{white-space:nowrap}
.pro-official-grid-clear{margin-top:12px!important}
.pro-official-grid-clear>div{min-height:54px!important;padding:8px 5px!important}
.pro-official-grid-clear span{font-size:9px!important;line-height:1.25!important}
.pro-official-grid-clear strong{font-size:13px!important;line-height:1.25!important}

.pro-picks-accordion,.decision-details,.decision-focus-compact{
  margin-top:10px;
  border:1px solid #34363a;
  border-radius:11px;
  background:#151618;
  overflow:hidden;
}
.pro-picks-accordion>summary,.decision-details>summary,.decision-focus-compact>summary{
  min-height:54px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  list-style:none;
  cursor:pointer;
}
.pro-picks-accordion>summary::-webkit-details-marker,
.decision-details>summary::-webkit-details-marker,
.decision-focus-compact>summary::-webkit-details-marker{display:none}
.pro-picks-accordion>summary span,.decision-details>summary span{min-width:0}
.pro-picks-accordion>summary small,.decision-details>summary small{
  display:block;
  color:#8f9195;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.pro-picks-accordion>summary strong,.decision-details>summary strong{
  display:block;
  margin-top:2px;
  color:#f6f6f3;
  font-size:13px;
}
.pro-picks-accordion>summary>b,.decision-details>summary>b{
  flex:0 0 auto;
  color:#d5b85e;
  font-size:12px;
}
.pro-picks-body,.decision-details-body{padding:0 10px 10px;border-top:1px solid #2d2f32}

.pro-bets-picks{gap:7px!important}
.pro-bets-picks .pro-pick{
  position:relative;
  min-height:68px!important;
  padding:10px 86px 10px 12px!important;
  display:block!important;
  border:1px solid #3b3d41!important;
  border-radius:10px!important;
  background:#17181a!important;
}
.pro-bets-picks .pro-pick>strong{
  display:block;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.1;
}
.pro-bets-picks .pro-pick>.pro-final-odds{
  display:block;
  margin-top:7px;
  color:#7890a1!important;
  font-size:9.5px!important;
  font-weight:800;
  line-height:1.35;
}
.pro-bets-picks .pro-pick>.pick-role{
  position:absolute;
  top:10px;
  right:10px;
  min-width:58px;
  padding:5px 9px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #505257!important;
  border-radius:999px!important;
  background:#242527!important;
  color:#f2f2ef!important;
  font-size:9.5px!important;
  font-weight:900!important;
}

.decision-details .decision-trace{
  margin-top:10px!important;
  padding:11px 12px!important;
  border:1px solid #554925!important;
  border-radius:9px!important;
  background:#1b1913!important;
}
.decision-details .decision-trace h3{margin:0!important;color:#f4e6b3!important;font-size:13px!important}
.decision-details .decision-trace p{margin-top:6px!important;color:#d7d0b9!important;font-size:11px!important;line-height:1.65!important;font-weight:700}
.decision-details .decision-material{
  margin-top:7px;
  background:#17181a!important;
  border-color:#34363a!important;
}
.decision-details .decision-material>span{color:#8c8e92!important}
.decision-details .decision-material>strong,
.decision-details .decision-material ul{color:#d7d8da!important}

.decision-focus{
  margin:0 11px 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.decision-focus-compact{margin-top:0!important}
.decision-focus-compact>summary>span{color:#f0f0ed;font-size:12px;font-weight:900}
.decision-focus-compact>summary>b{color:#c6a650;font-size:10px}
.decision-focus-compact>p{margin:0;padding:10px 12px;border-top:1px solid #2d2f32;color:#999b9f;font-size:10px;line-height:1.55}
.decision-focus-compact .decision-focus-list{margin:0;padding:9px;border-top:1px solid #2d2f32}
.decision-focus-compact .decision-focus-next{padding-top:9px!important}
.decision-focus-compact .decision-focus-next em{display:none!important}

.support-data-head{margin-top:14px!important;padding-top:12px!important}
.support-data-head h2{font-size:16px!important;color:#f1f1ef!important}
.support-data-head p{font-size:10px!important;color:#85878b!important}
.analysis-tabs{position:relative!important;top:auto!important;margin:0 11px 12px;border:1px solid #313337;border-radius:10px;overflow:hidden}
.analysis-tab{min-height:46px!important;font-size:11px!important}
.tab-panel{padding-top:8px!important}
.bottom-nav-chart-icon{width:19px;height:19px;display:block}

@media(max-width:360px){
  .pro-official{padding:12px!important}
  .pro-official-head h2{font-size:21px!important}
  .pro-bets-picks .pro-pick{padding-right:78px!important}
  .pro-bets-picks .pro-pick>.pick-role{min-width:54px;right:8px}
}


/* 2026-09-19 PRO UI: black / charcoal / gold, no blue accents */
.app-header{background:linear-gradient(180deg,#09090a,#111214)!important;border-bottom:1px solid #705b25!important}
.back-link{color:#e0c268!important}
.app-title small{color:#aaa9a5!important}.app-title strong{color:#f5f4ef!important}
.club-link{color:#f2d273!important;border-color:#9a7c2f!important;background:#121315!important}
.eyebrow{color:#c2a14d!important}
.race-hero{background:#121315!important;border-bottom-color:#323337!important}
.race-hero h1{color:#f5f4ef!important}.subline{color:#929398!important}
.state-badge{background:#232427!important;color:#d2d3d5!important}
.state-badge.live{background:#d8b75c!important;color:#111214!important}
.hero-meta{border-color:#3c3d41!important}
.hero-meta div{background:#17181a!important;border-right-color:#303236!important}
.hero-meta span{color:#8f9195!important}.hero-meta strong{color:#f4f3ef!important}
.view-mode-switch{border-color:#3a3b3f!important;background:#111214!important}
.view-mode{color:#898b8f!important}.view-mode.active{color:#111214!important;background:#d8b75c!important}
.pro-purpose{border-color:#6f5b2a!important}
.pro-official{background:linear-gradient(180deg,#17181a,#121315)!important;border-color:#5f4d24!important}
.pro-official-head small{color:#c6a650!important}
.pro-official-head h2{color:#f5f4ef!important}
.pro-official-head>span{background:#d8b75c!important;color:#111214!important}
.pro-official-grid{border-color:#5b4b27!important}
.pro-official-grid>div{background:#151618!important;border-right-color:#333438!important}
.pro-official-grid span{color:#929398!important}.pro-official-grid strong{color:#f5f4ef!important}
.pro-picks-accordion,.decision-details,.decision-focus-compact{border-color:#4d4229!important;background:#151618!important}
.pro-picks-accordion>summary small,.decision-details>summary small{color:#999a9e!important}
.pro-picks-accordion>summary strong,.decision-details>summary strong,.decision-focus-compact>summary>span{color:#f4f3ef!important}
.pro-picks-accordion>summary>b,.decision-details>summary>b,.decision-focus-compact>summary>b{color:#d8b75c!important}
.pro-picks-body,.decision-details-body,.decision-focus-compact .decision-focus-list,.decision-focus-compact>p{border-top-color:#343539!important}
.pro-bets>div,.pro-bets-picks .pro-pick{background:#17181a!important;border-color:#3d3e42!important}
.pro-bets strong,.pro-bets-picks .pro-pick>strong{color:#f5f4ef!important}
.pro-bets span{color:#d7d6d2!important}
.pro-bets .pick-role,.pro-bets-picks .pro-pick>.pick-role{background:#24231f!important;border-color:#66572f!important;color:#e9d59b!important}
.pro-bets-picks .pro-pick>.pro-final-odds{color:#8f9094!important}
.pro-allocation{background:#151618!important;border-color:#45464a!important}
.pro-allocation summary{color:#efefec!important}.pro-allocation summary b{color:#d8b75c!important}
.pro-allocation summary:after{color:#c5a653!important}.pro-allocation-body{border-top-color:#343539!important}
.pro-odds-note,.pro-allocation-body p{color:#888a8e!important}
.decision-details .decision-trace{background:#1b1913!important;border-color:#6b5829!important}
.decision-details .decision-trace h3{color:#f1d884!important}
.decision-details .decision-trace p{color:#ddd5bd!important}
.decision-material{background:#17181a!important;border-color:#3b3c40!important}
.decision-material>span{color:#96979b!important}.decision-material>strong,.decision-material ul{color:#d7d8da!important}
.decision-material.support{border-left-color:#9f8440!important}.decision-material.caution{border-left-color:#806a34!important}
.technical-record{margin-top:8px;border-top:1px solid #35363a;padding-top:8px}
.technical-record summary{list-style:none;color:#9a9b9f;font-size:10px;font-weight:850;cursor:pointer}
.technical-record summary::-webkit-details-marker{display:none}
.technical-record>div{margin-top:7px;padding:8px 9px;border-radius:8px;background:#111214}
.technical-record p{margin:0 0 5px!important;color:#85868a!important;font-size:9.5px!important;line-height:1.55!important}
.technical-record p:last-child{margin-bottom:0!important}
.decision-focus button{background:#17181a!important;border-color:#3a3b3f!important;color:#efefec!important}
.decision-focus button span{color:#8e9094!important}.decision-focus button b{color:#d8b75c!important}
.support-data-head{border-top-color:#39352a!important}
.support-data-head small,.section-head small{color:#c2a14d!important}
.support-data-head h2,.section-head h2{color:#f3f2ee!important}.support-data-head p,.section-help{color:#8f9094!important}
.analysis-tabs{background:#111214!important;border-color:#423923!important;box-shadow:none!important}
.analysis-tab{background:#111214!important;color:#828387!important;border-right-color:#2a2b2e!important}
.analysis-tab.active{background:#1a1915!important;color:#e2c46b!important;box-shadow:inset 0 -2px 0 #d8b75c!important}
.section-head>span{background:#17181a!important;color:#b3b3af!important;border-color:#3d3e42!important}
.section-head .official-tag{color:#111214!important;background:#d8b75c!important;border-color:#d8b75c!important}
.racer-card,.ex-card,.surface-card,.empty-card{background:#151618!important;border-color:#383a3e!important}
.racer-name strong{color:#f2f1ed!important}.racer-name small,.racer-chevron{color:#8e9094!important}
.racer-quick{border-color:#303236!important}.racer-quick div{background:#191a1c!important;border-right-color:#2d2f32!important}
.racer-quick span,.racer-details span{color:#8c8e92!important}.racer-quick b,.racer-details strong{color:#efefec!important}
.engine-metric,.eval-empty{background:#151618!important;border-color:#3a3b3f!important}
.engine-metric.total{background:#1a1915!important;border-color:#65552e!important}
.engine-metric span,.eval-empty span,.eval-empty small{color:#8e9094!important}.engine-metric strong,.eval-empty strong{color:#f3f2ee!important}
.motor-official-score{background:#1a1915!important;border-color:#6b592d!important}
.motor-official-score span{color:#aaa18b!important}.motor-official-score strong{color:#d8b75c!important}
.motor-table-head{background:#1a1915!important;border-color:#554725!important;color:#c2b38d!important}
.motor-row{background:#151618!important;border-color:#343539!important}
.motor-row>div:nth-child(2)>strong,.motor-row>div:nth-child(n+3)>strong{color:#efefec!important}
.motor-row>div:nth-child(2)>small{color:#8e9094!important}
.display-switch-btn{background:#151618!important;border-color:#3b3c40!important;color:#aaa9a5!important}
.display-switch-btn.active{background:#d8b75c!important;border-color:#d8b75c!important;color:#111214!important;box-shadow:none!important}
.mini-head span{background:#17181a!important;border-color:#45464a!important;color:#aaa9a5!important}
.start-board{background:#151618!important;border-color:#3a3b3f!important}
.start-board-head{background:#1a1915!important;color:#c4b78e!important;border-bottom-color:#4b4126!important}
.start-scale{background:linear-gradient(90deg,#242526 0 76%,#2a2021 76% 100%)!important;border-bottom-color:#343539!important}
.start-scale:after,.start-line{background:#d8b75c!important}
.start-scale b{background:#17181a!important;color:#e2c46b!important}
.start-track{background:linear-gradient(180deg,#242526,#17181a)!important}
.start-track:before{background:#3a3b3f!important}
.start-st{color:#efefec!important}
.original-wrap{background:#151618!important;border-color:#3a3b3f!important}
.original-corner{background:#1a1915!important;color:#c4b78e!important}
.original-row-label{background:#17181a!important;color:#a8a8a4!important}
.original-value{background:#151618!important;color:#efefec!important}
.original-corner,.original-boat-head,.original-row-label,.original-value{border-color:#343539!important}
.data-note{background:#17181a!important;border-color:#393b3f!important;color:#929398!important}
.surface-card{background:#151618!important}.surface-card span{color:#8e9094!important}.surface-card strong{color:#efefec!important}
.odds-filter-btn{background:#151618!important;border-color:#3b3c40!important;color:#a9a9a5!important}
.odds-filter-btn.active{background:#d8b75c!important;border-color:#d8b75c!important;color:#111214!important;box-shadow:none!important}
.odds-item{background:#151618!important;border-color:#383a3e!important}
.odds-item b{color:#f2f1ed!important}.odds-item span{color:#d8b75c!important}
.analysis-paywall{background:#151618!important;border-color:#5d4d28!important}
.paywall-kicker{color:#c5a653!important}.analysis-paywall h2{color:#f4f3ef!important}.analysis-paywall p{color:#96979b!important}
.paywall-features span{background:#191a1c!important;border-color:#3b3c40!important;color:#b9b9b5!important}
.paywall-primary{background:#d8b75c!important;border-color:#d8b75c!important;color:#111214!important}
.paywall-secondary{background:#17181a!important;border-color:#6b592d!important;color:#e4cc87!important}
.paywall-compare{color:#aaa9a5!important}
.bottom-nav{background:rgba(9,9,10,.98)!important;border-top-color:#3d3523!important}
.bottom-nav a,.bottom-nav a b{color:#727478!important}
.bottom-nav a.active,.bottom-nav a.active b{color:#e0c268!important}



/* 2026-09-21 live deadline countdown — display only */
#race-deadline{
  font-size:11px;
  line-height:1.35;
  white-space:normal;
  font-variant-numeric:tabular-nums;
}
#race-deadline.deadline-soon{color:#c97118}
#race-deadline.deadline-hot{color:#d92736}
@media(max-width:380px){
  .hero-meta{grid-template-columns:.86fr 1.25fr 1.05fr}
  .hero-meta div{padding-left:6px;padding-right:6px}
  #race-deadline{font-size:10px}
}