/* WTWR_RESULTS_SECTION_V1 — generated by tools/build-results-section.mjs. Filter grid re-scoped from public/wtwr-strategy-section-v1.css; calendar from public/wtwr-results-archive-v1.css. Do not hand-edit: change the source sheets and regenerate. */ #results{--bg:#06080c;--panel:#0b1422;--line:rgba(255,255,255,.12);--text:#e8eef7;--dim:#93a3b8} #results, #results *{box-sizing:border-box} #results{margin:0;background:radial-gradient(circle at 75% 0,#102541 0,#06080c 32%);color:var(--text); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:22px} #results .nav{display:flex;gap:22px;font-size:13px;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px} #results .nav .on{color:var(--text);font-weight:700;border-bottom:2px solid #6fe3a0;padding-bottom:11px} #results h1{font-size:19px;margin:0 0 5px;letter-spacing:.01em} #results .sub{font-size:12.5px;color:var(--dim);margin:0 0 18px} #results .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin:0 0 16px} #results .panel h2{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 12px} #results .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:11px} #results label{display:block;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin-bottom:4px} #results select, #results .clearall{width:100%;background:#0e1726;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:12.5px} #results .clearall{font-family:inherit;font-weight:400;text-align:left;line-height:16px;cursor:pointer;display:block} #results .clearall:hover{border-color:rgba(255,255,255,.35)} #results label.spacer{visibility:hidden} #results .actions{margin-top:12px} #results button{background:#16243a;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 14px;font-size:12px;cursor:pointer} #results button:hover{border-color:rgba(255,255,255,.35)} #results .head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px} #results .big{font-size:26px;font-weight:800;line-height:1} #results .kind{font-size:9.5px;font-weight:800;letter-spacing:.07em;padding:3px 8px;border-radius:5px} #results .k-EXACT{background:#6fe3a0;color:#06210f} #results .k-BROADENED{background:#ffb36b;color:#2a1600} #results .k-BASELINE{background:#7d90a4;color:#0b1422} #results .g{font-size:10px;font-weight:800;padding:3px 8px;border-radius:5px;letter-spacing:.05em} #results .g-WATCHLIST{background:#39465a;color:#cfd8e6} #results .g-DEVELOPING{background:#4a6f9e;color:#eaf3ff} #results .g-USEFUL{background:#3f7d5a;color:#eafff1} #results .g-STRONG{background:#6fe3a0;color:#06210f} #results .plain{font-size:13.5px;line-height:1.75;margin:4px 0 0} #results .plain b{color:#fff} #results .split{font-size:12px;color:var(--dim);margin-top:9px} #results .split .live{color:#6fe3a0} #results .split .back{color:#ffb36b} #results .fa{font-size:11.5px;color:#c9b27a;background:rgba(255,179,107,.08);border-left:2px solid #ffb36b; padding:7px 10px;border-radius:0 6px 6px 0;margin-top:11px;line-height:1.6} #results .ladder{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} #results .rung{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:11px;background:#0d182a;min-width:186px} #results .rung .n{font-size:15px;font-weight:800} #results .rung.cur{border-color:#6fe3a0} #results .wrap{max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)} #results table{border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap;width:100%} #results thead th{position:sticky;top:0;background:#0d182a;z-index:2;text-align:left;padding:9px 10px; font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)} #results tbody td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top} #results tbody tr:hover{background:rgba(255,255,255,.035);cursor:pointer} #results tbody tr.sel{background:rgba(111,227,160,.08)} #results .pick{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:160px} #results .horse{font-weight:700} #results .meta{font-size:11px;color:var(--dim)} #results .badge{display:inline-block;padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700} #results .c-YELLOW{background:#f3d34a;color:#2a2300} #results .c-BLUE{background:#4aa8f3;color:#00203a} #results .c-PURPLE{background:#a879f0;color:#20003a} #results .c-PINK{background:#f07fb8;color:#3a0020} #results .c-BLACK{background:#222c3c;color:#cfd8e6} #results .c-LIME{background:#9ede4a;color:#17300a} #results .c-SLATE{background:#7d90a4;color:#0b1422} #results .c-WHITE{background:#e8eef7;color:#0b1422} #results .c-GREY, #results .c-NONE, #results .c-UNKNOWN{background:#39465a;color:#cfd8e6} #results .c-DEEP_PURPLE{background:#6b4bd6;color:#efe9ff} #results .c-TEAL{background:#3fc4c0;color:#00302f} #results .c-ORANGE{background:#f39a4a;color:#2e1600} #results .c-NOT_HELD{background:#39465a;color:#cfd8e6} #results .cswatch{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px; vertical-align:-1px;border:1px solid rgba(255,255,255,.30)} #results .side{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:210px} #results .side .cname{font-size:10.5px;color:var(--dim)} #results .side.click{cursor:pointer} #results .side.click:hover .horse{text-decoration:underline} #results .vs{color:#4a5769;font-size:10px;padding:0 2px} #results .r-1ST{color:#6fe3a0;font-weight:700} #results .r-2ND, #results .r-3RD{color:#9fd8ff} #results .r-LOST{color:#e2758a} #results .r-NON_RUNNER, #results .r-VOID{color:var(--dim)} #results .mv-SHORTENING{color:#6fe3a0} #results .mv-DRIFTING{color:#ffb36b} #results .mv-UNCHANGED{color:var(--dim)} #results .mv-NEW{color:#9fd8ff} #results .mv-NOT_AVAILABLE{color:#6b7684;font-style:italic} #results .notcap{color:#6b7684;font-style:italic} #results .match{font-weight:700;background:rgba(255,255,255,.06);border-radius:6px;padding:3px 8px;display:inline-block} #results .q-live{color:#6fe3a0;font-size:9.5px;font-weight:700} #results .q-back{color:#ffb36b;font-size:9.5px;font-weight:700} #results .detail{font-size:12px;line-height:1.85} #results .detail .row{display:flex;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);padding:4px 0} #results .detail .k{color:var(--dim);min-width:230px} #results .cols{display:grid;grid-template-columns:1fr 1fr;gap:26px} #results .foot{font-size:11.5px;color:var(--dim);margin-top:14px} #results .cand{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:4px} #results .box{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#0d182a} #results .box.strong{border-color:rgba(111,227,160,.45)} #results .box.weak{border-color:rgba(226,117,138,.40)} #results .box h3{font-size:10px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 9px;color:var(--dim)} #results .box.strong h3{color:#6fe3a0} #results .box.weak h3{color:#e2758a} #results .fl{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:1.6} #results .fl li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)} #results .fl li:last-child{border-bottom:0} #results .fl .t{font-weight:700;color:#fff} #results .fl .ev{color:var(--dim);font-size:11.5px} #results .fl .ev b{color:#e8eef7} #results .who{font-size:12px;line-height:1.9;margin:8px 0 0} #results .who .w{color:#6fe3a0} #results .who .l{color:#93a3b8} #results .sel-head{font-size:15px;font-weight:800;margin:0 0 2px} #results .sel-sub{font-size:12px;color:var(--dim);margin:0 0 14px} #results .lvl{border:1px solid var(--line);border-radius:10px;background:#0d182a;padding:11px 13px;margin-bottom:10px} #results .lvl.on{border-color:#6fe3a0} #results .lvl .lh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} #results .lvl .ln{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase} #results .lvl .lr{font-size:19px;font-weight:800} #results .lvl .ld{font-size:11.5px;color:var(--dim);margin-top:3px;line-height:1.6} #results .winners{font-size:11.5px;color:var(--dim);margin-top:7px;line-height:1.8} #results .winners b{color:#6fe3a0} #results .jk{color:#9fd8ff} #results .ctx{font-size:11px;color:#6b7684} #results .pill{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:5px;background:#39465a;color:#cfd8e6} #results .pill.p1{background:#6fe3a0;color:#06210f} #results .pill.p2{background:#4aa8f3;color:#00203a} #results .o-WON{color:#6fe3a0;font-weight:800} #results .o-LOST{color:#e2758a} #results .o-EXCLUDED{color:#6b7684;font-style:italic} @media(max-width:900px){ #results .cand{grid-template-columns:1fr} } /* ---- approved Results calendar, scoped ---- */ #results .wtwr-results-archive-v1{margin:0 0 16px;padding:18px;border:1px solid rgba(88,169,255,.30);border-radius:14px;background:linear-gradient(180deg,rgba(9,24,38,.98),rgba(7,18,30,.98))} #results .wtwr-archive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px} #results .wtwr-archive-eyebrow{display:block;color:#ff6b35;font-size:9px;font-weight:950;letter-spacing:.14em} #results .wtwr-archive-head h2{margin:0;font-size:20px} #results .wtwr-cal-nav{display:flex;align-items:center;gap:9px;margin:5px 0 4px} #results .wtwr-cal-nav-btn{width:24px;height:24px;flex:0 0 auto;border-radius:7px;border:1px solid rgba(88,169,255,.30);background:rgba(255,255,255,.03);color:#8fc7ff;font-size:14px;line-height:1;cursor:pointer;transition:.14s ease} #results .wtwr-cal-nav-btn:hover{border-color:#58a9ff;background:rgba(21,68,103,.6);color:#eef7ff} #results .wtwr-archive-empty{margin:12px 2px 0;color:#8e9bab;font-size:10px;font-style:italic} #results .wtwr-archive-head p{margin:0;max-width:720px;color:#8e9bab;font-size:10px;line-height:1.5} #results .wtwr-latest-result{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(88,169,255,.38);border-radius:9px;background:#0b1b2b;color:#8fc7ff;font-size:9px;font-weight:900} #results .wtwr-cal-week, #results .wtwr-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px} #results .wtwr-cal-week{margin-bottom:7px} #results .wtwr-cal-week span{text-align:center;color:#6f8196;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase} #results .wtwr-cal-day, #results .wtwr-cal-empty{min-height:58px;border-radius:9px} #results .wtwr-cal-day{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);color:#7c8998} #results .wtwr-cal-day b{font-size:13px} #results .wtwr-cal-day small{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.04em} #results .wtwr-cal-day.ready{border-color:rgba(88,169,255,.42);background:rgba(17,55,84,.72);color:#eef7ff;transition:.14s ease} #results .wtwr-cal-day.ready:hover{transform:translateY(-1px);border-color:#58a9ff;background:rgba(21,68,103,.92)} #results .wtwr-cal-day.ready small{color:#82c4ff} #results .wtwr-cal-day.ready.active{outline:2px solid #ff9d3c;border-color:#ff9d3c;background:rgba(76,45,8,.72)} #results .wtwr-cal-day.ready.active small{color:#ffc46d} #results .wtwr-cal-day.pending{border-color:rgba(255,157,60,.25);color:#b39470;background:rgba(72,44,12,.22)} #results .wtwr-cal-day.pending small{color:#c8904c} #results .wtwr-cal-day.unavailable{opacity:.40} #results .wtwr-archive-key{display:flex;gap:14px;justify-content:flex-end;margin-top:10px;color:#78899b;font-size:8px;font-weight:800} #results .wtwr-archive-key span{display:flex;align-items:center;gap:5px} #results .wtwr-archive-key i{width:7px;height:7px;border-radius:50%} #results .ready-dot{background:#58a9ff} #results .pending-dot{background:#ff9d3c} #results .wtwr-archive-error{color:#ff9e9e;font-size:10px} @media(max-width:720px){ #results .wtwr-archive-head{flex-direction:column} #results .wtwr-cal-week, #results .wtwr-cal-grid{gap:4px} #results .wtwr-cal-day, #results .wtwr-cal-empty{min-height:50px;padding:6px} #results .wtwr-cal-day small{font-size:6px} #results .wtwr-latest-result{align-self:flex-start} } #results #wtwrResultsCards{display:grid;gap:8px;margin:8px 0 8px} #results .wtwr-rs-note{font-size:12px;color:var(--dim);margin:10px 0 0} #results .wtwr-rs-day{font-size:13px;color:var(--dim);margin:0 0 12px} #results .wtwr-rs-day b{color:#fff} /* ---- mirrored live race-card rules ---- */ /* from wtwr-horse-first-race-navigator-v3.css */ #wtwrResultsCards #wtwr-horse-first-race-navigator-v3{margin:10px 0 16px; padding:12px; border: 1px solid rgba(97,139,178,.23); border-radius:13px; background: linear-gradient( 180deg, rgba(8,20,32,.97), rgba(5,14,24,.96) );} #wtwrResultsCards .wtwr-hfrn-v3-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px;} #wtwrResultsCards .wtwr-hfrn-v3-titlewrap{min-width:0; display:flex; align-items:center; gap:7px; flex-wrap:wrap;} #wtwrResultsCards .wtwr-hfrn-v3-title{color:#ffad55; font-size:10px; font-weight:950; letter-spacing:.11em;} #wtwrResultsCards .wtwr-hfrn-v3-count{color:#8193a4; font-size:8px; font-weight:850; letter-spacing:.07em;} #wtwrResultsCards .wtwr-hfrn-v3-subtitle{color:#667b8e; font-size:8px; font-weight:750;} #wtwrResultsCards .wtwr-hfrn-v3-controls{display:flex; gap:5px;} #wtwrResultsCards .wtwr-hfrn-v3-sort{appearance:none; border: 1px solid rgba(110,145,177,.25); border-radius:999px; padding:5px 9px; background: rgba(10,26,41,.80); color:#8192a3; font:850 8px/1 inherit; letter-spacing:.08em; cursor:pointer;} #wtwrResultsCards .wtwr-hfrn-v3-sort.is-active{border-color: rgba(88,169,255,.62); background: rgba(34,93,143,.28); color:#e8f3ff;} #wtwrResultsCards .wtwr-hfrn-v3-grid{display:grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap:7px;} #wtwrResultsCards .wtwr-hfrn-v3-race{min-width:0; appearance:none; text-align:left; border: 1px solid rgba(106,143,176,.18); border-radius:10px; padding:8px; background: linear-gradient( 180deg, rgba(14,31,47,.94), rgba(8,21,34,.95) ); color:#eaf1f7; cursor:pointer; transition: border-color .12s ease, background .12s ease;} #wtwrResultsCards .wtwr-hfrn-v3-race:hover, #wtwrResultsCards .wtwr-hfrn-v3-race:focus-visible{border-color: rgba(88,169,255,.52); background: linear-gradient( 180deg, rgba(18,39,58,.98), rgba(10,26,41,.98) ); outline:none;} #wtwrResultsCards .wtwr-hfrn-v3-racehead{display:flex; align-items:baseline; gap:6px; padding-bottom:6px; margin-bottom:6px; border-bottom: 1px solid rgba(110,145,177,.13);} #wtwrResultsCards .wtwr-hfrn-v3-time{flex:0 0 auto; color:#ffad55; font-size:12px; line-height:1; font-weight:950;} #wtwrResultsCards .wtwr-hfrn-v3-meeting{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f0f4f8; font-size:8px; line-height:1.2; font-weight:900; text-transform:uppercase; letter-spacing:.03em;} #wtwrResultsCards .wtwr-hfrn-v3-horse{position:relative; display:grid; grid-template-columns: 18px minmax(0,1fr) 60px; align-items:center; gap:4px; min-height:43px; margin:4px 0; padding:5px 4px 5px 6px; border-left: 3px solid var(--horse-colour,#edf3f8); border-radius:7px; background: rgba(12,31,47,.88);} #wtwrResultsCards .wtwr-hfrn-v3-pickno{color:#71879a; font-size:7px; font-weight:950; letter-spacing:.04em;} NOT a full watermark. See horseBlock() in wtwr-horse-first-race-navigator-v3.js. */ #wtwrResultsCards .wtwr-hfrn-v3-ai-place-tag{position:absolute; top:3px; right:3px; z-index:1; padding:1px 4px; border-radius:4px; background:#2f6fd8; color:#fff; font-size:7px; font-weight:950; letter-spacing:.04em; line-height:1.3;} #wtwrResultsCards .wtwr-hfrn-v3-horse-main{min-width:0; display:flex; flex-direction:column; gap:2px;} #wtwrResultsCards .wtwr-hfrn-v3-horse-top{min-width:0; display:flex; align-items:center; gap:3px;} #wtwrResultsCards .wtwr-hfrn-v3-silk{flex:0 0 auto; border-radius:2px; background: rgba(255,255,255,.08);} #wtwrResultsCards .wtwr-hfrn-v3-horse-name{min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: var(--horse-colour,#edf3f8)!important; font-size:9px; line-height:1.1; font-weight:950;} #wtwrResultsCards .wtwr-hfrn-v3-horse-name.wtwr-hfrn-v3-swap{color:#ff00ff!important;} #wtwrResultsCards .wtwr-hfrn-v3-horse-name.wtwr-hfrn-v3-swap ~ .wtwr-hfrn-v3-price{color:#ff00ff!important;} #wtwrResultsCards .wtwr-hfrn-v3-horse-sub{display:flex; align-items:center; gap:5px;} /* WTWR_HFRN_V3_PRICE_ON_NAME_LINE_20260908: price sits beside the horse name and takes the same colour -- both read var(--horse-colour). */ #wtwrResultsCards .wtwr-hfrn-v3-price{flex:0 0 auto; color: var(--horse-colour,#edf3f8)!important; font-size:8px; line-height:1; font-weight:850;} #wtwrResultsCards .wtwr-hfrn-v3-stall{color:#71879a; font-size:7px; font-weight:900; letter-spacing:.03em;} #wtwrResultsCards .wtwr-hfrn-v3-number{color:#71879a; font-size:7px; font-weight:900; letter-spacing:.03em;} #wtwrResultsCards .wtwr-hfrn-v3-support-wrap{width:60px; display:flex; flex-direction:column; align-items:flex-end; gap:2px;} #wtwrResultsCards .wtwr-hfrn-v3-finish-badge{display:inline-flex; align-items:center; justify-content:center; min-width:27px; height:19px; padding:0 5px; border: 1px solid rgba(255,255,255,.20); border-radius:6px; /* WTWR_RESULT_STATUS_SHARED_V1 ADOPTION (2026-09-24): the color:#0c1f2f fallback is removed with the .f1/.f2/.f3 blocks -- it would otherwise become the text colour for every badge state once those blocks are gone. Text colour now comes solely from wtwr-result-status-shared-v1.css. */ font-size:8px; line-height:1; font-weight:1000; letter-spacing:.03em;} because they carried ID specificity via #wtwrResultsCards, by its own design. */ #wtwrResultsCards .wtwr-hfrn-v3-view{display:block; margin-top:6px; padding-top:5px; border-top: 1px solid rgba(110,145,177,.10); color:#7d91a5; font-size:7px; line-height:1; font-weight:950; text-align:right; letter-spacing:.08em;} #wtwrResultsCards .wtwr-hfrn-v3-race:hover .wtwr-hfrn-v3-view{color:#a8d3ff;} #wtwrResultsCards .wtwr-op-race.wtwr-hfrn-v3-target{outline: 2px solid rgba(88,169,255,.92)!important; outline-offset: 3px!important; box-shadow: 0 0 0 5px rgba(88,169,255,.12), 0 14px 34px rgba(0,0,0,.22)!important;} #wtwrResultsCards .wtwr-hfrn-v3-grid{grid-template-columns: repeat(4,minmax(0,1fr));} #wtwrResultsCards .wtwr-hfrn-v3-grid{grid-template-columns: repeat(3,minmax(0,1fr));} #wtwrResultsCards .wtwr-hfrn-v3-grid{grid-template-columns: repeat(2,minmax(0,1fr));} #wtwrResultsCards .wtwr-hfrn-v3-head{align-items:flex-start; flex-direction:column;} #wtwrResultsCards .wtwr-hfrn-v3-grid{grid-template-columns:1fr;} /* from wtwr-layout-performance-v10c.css */ /* WTWR_LAYOUT_PERFORMANCE_V10C */ /* Equal-height P1/P2 columns. */ #wtwrResultsCards #wtwrResultsCards .wtwr-op-picks{align-items:stretch!important;} #wtwrResultsCards #wtwrResultsCards .wtwr-op-pick{display:flex!important; flex-direction:column!important; align-self:stretch!important; height:auto!important; box-sizing:border-box!important;} so P1 and P2 exchange ladders begin on the same horizontal line. */ #wtwrResultsCards #wtwrResultsCards .wtwr-op-exchange{margin-top:auto!important;} /* Neutralise any older JS min-height alignment. */ #wtwrResultsCards .wtwr-v8-decision, #wtwrResultsCards .wtwr-v8-calc{min-height:0!important; box-sizing:border-box!important;} /* from wtwr-racing-polish-v16b.css */ /* WTWR_RACING_POLISH_V16B */ /* WTWR_PRIORITY_TABS_V13B_V16B_OWNER */ #wtwrResultsCards .v16b-old{display:none!important} #wtwrResultsCards #wtwrResultsCards .wtwr-op-race.v16b-hidden{display:none!important} /* from wtwr-pair-row-align-v17b.css */ /* WTWR_PAIR_ROW_ALIGN_V17B */ #wtwrResultsCards #wtwrResultsCards .wtwr-op-pick-head, #wtwrResultsCards #wtwrResultsCards .wtwr-v8-decision, #wtwrResultsCards #wtwrResultsCards .wtwr-v8-calc{box-sizing:border-box!important;} #wtwrResultsCards #wtwrResultsCards .wtwr-op-exchange{margin-top:auto!important;} /* from wtwr-top-compact-v18b.css */ /* Restore the useful metrics row beneath Racing. */ #wtwrResultsCards > .metrics{display:grid!important; /* WTWR_COUNTRY_SELECTOR_V1 (2026-09-24): the base rule is grid-template-columns:repeat(4,1fr), sized for four tiles. Two of them (Historical races / Historical selections) are deleted, so without this the remaining two would sit in the left half with two empty columns beside them. Two tiles, two columns. */ grid-template-columns:repeat(2,1fr)!important;} #wtwrResultsCards > .metrics{grid-template-columns:1fr!important;} /* Keep the section compact. */ #wtwrResultsCards{padding-top:26px!important;} #wtwrResultsCards > .section-head{display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:18px!important; margin-bottom:18px!important;} /* Old "Data date:" line is no longer needed because the full analysis stamp sits beside Racing. */ #wtwrResultsCards > .section-head > p{display:none!important;} #wtwrResultsCards > .section-head > div:first-child{min-width:0!important;} #wtwrResultsCards .wtwr-v18b-title-row{display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:16px!important;} #wtwrResultsCards .wtwr-v18b-title-row h1{margin-bottom:0!important;} #wtwrResultsCards .wtwr-v18b-title-row #analysisUpdated{display:inline-block!important; color:#9eacbf!important; font-size:20px!important; line-height:1!important; font-weight:800!important; white-space:nowrap!important; margin:0!important;} #wtwrResultsCards .wtwr-v18b-title-row{gap:8px 12px!important;} #wtwrResultsCards .wtwr-v18b-title-row #analysisUpdated{font-size:16px!important;} /* from wtwr-top-title-scale-v18c.css */ /* WTWR_TOP_TITLE_SCALE_V18C */ #wtwrResultsCards .wtwr-v18b-title-row #analysisUpdated{color:#9eacbf!important; font-weight:800!important; letter-spacing:inherit!important; white-space:nowrap!important;} /* from wtwr-legacy-top-cleanup-v19.css */ /* WTWR_LEGACY_TOP_CLEANUP_V19 */ /* Retire the old Today control/explanation layer visually. The DOM remains present where scripts may still reference it. */ #wtwrResultsCards #wtwrFlowTodayConfluence, #wtwrResultsCards #wtwrStrategyInfo, #wtwrResultsCards .wtwr-my-rule-tools{display:none!important;} /* from wtwr-racing-flow-v21.css */ #wtwrResultsCards > .toolbar{display:none!important;} #wtwrResultsCards #wtwr-v8-summary{display:none!important;} #wtwrResultsCards #wtwrTodayCompactEvidence{display:none!important;} #wtwrResultsCards > p.note{display:none!important;} #wtwrResultsCards .wtwr-my-rule-tools{display:flex!important; align-items:center!important; justify-content:space-between!important; flex-wrap:wrap!important; gap:10px 14px!important; margin:10px 0 18px!important; padding:10px 12px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:10px!important; background:rgba(5,11,22,.42)!important;} #wtwrResultsCards .wtwr-my-rule-copy{display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:6px 10px!important; min-width:0!important;} #wtwrResultsCards .wtwr-my-rule-copy strong{color:#ffad45!important; font-size:10px!important; letter-spacing:.10em!important;} #wtwrResultsCards .wtwr-my-rule-copy span, #wtwrResultsCards .wtwr-my-rule-status{color:#8e9caf!important; font-size:10px!important;} #wtwrResultsCards .wtwr-my-rule-actions{display:flex!important; flex-wrap:wrap!important; gap:7px!important;} #wtwrResultsCards .wtwr-my-rule-actions button{min-height:32px!important; padding:6px 10px!important; font-size:9px!important; border-radius:8px!important;} #wtwrResultsCards #wtwr-v8-watchlist{margin-top:16px!important; margin-bottom:16px!important;} #wtwrResultsCards #todayAdvancedFilters{margin-top:0!important; margin-bottom:6px!important;} #wtwrResultsCards #todayFilterCount{margin:0 0 8px!important;} #wtwrResultsCards #wtwrResultsCards{margin-top:0!important;} #wtwrResultsCards #wtwr-racing-polish-tabs-v16b{margin-top:0!important; margin-bottom:12px!important;} #wtwrResultsCards .wtwr-my-rule-tools{align-items:flex-start!important;} /* WTWR_RACING_FLOW_V21C_FILTER_STACK */ #wtwrResultsCards #wtwr-v21c-filter-stack{display:block!important; width:100%!important; box-sizing:border-box!important; margin:0 0 18px!important; padding:14px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:12px!important; background:rgba(5,11,22,.38)!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-head{display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin:0 0 12px!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-head strong{color:#9eacbf!important; font-size:11px!important; font-weight:900!important; letter-spacing:.10em!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-head span{color:#7f8da0!important; font-size:9px!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-body{display:block!important;} #wtwrResultsCards #wtwr-v21c-filter-stack #todayAdvancedFilters{display:grid!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; overflow:visible!important; margin:0!important;} #wtwrResultsCards #wtwr-v21c-filter-stack #todayFilterCount{display:block!important; visibility:visible!important; opacity:1!important; margin:8px 0 0!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-my-rule-tools{display:flex!important; visibility:visible!important; opacity:1!important; margin:10px 0 0!important;} #wtwrResultsCards #wtwr-racing-polish-tabs-v16b{margin-bottom:14px!important;} #wtwrResultsCards #wtwr-v21c-filter-stack{padding:12px!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-head{display:block!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-head span{display:block!important; margin-top:3px!important;} /* WTWR_RACING_FLOW_V21D_RUNTIME_OWNERSHIP */ #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-body{display:flex!important; flex-direction:column!important;} #wtwrResultsCards #wtwr-v21c-filter-stack #todayAdvancedFilters{order:1!important;} #wtwrResultsCards #wtwr-v21c-filter-stack #todayFilterCount{order:2!important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-my-rule-tools{order:3!important;} #wtwrResultsCards > #wtwr-racing-polish-tabs-v16b{display:block!important; width:100%!important; margin:0 0 14px!important;} /* WTWR_RACING_FLOW_V21E3_FILTER_INLINE_OWNERSHIP */ #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-body > #todayAdvancedFilters{display:grid !important; visibility:visible !important; opacity:1 !important; order:1 !important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-body > #todayFilterCount{display:block !important; visibility:visible !important; opacity:1 !important; order:2 !important;} #wtwrResultsCards #wtwr-v21c-filter-stack .wtwr-v21c-filter-body > .wtwr-my-rule-tools{display:flex !important; visibility:visible !important; opacity:1 !important; order:3 !important;} /* from wtwr-exchange-market-align-v18.css */ not the retired .wtwr-op-exchange wrapper. This is presentation-only. */ #wtwrResultsCards #wtwrResultsCards .wtwr-op-picks{align-items:stretch!important;} #wtwrResultsCards #wtwrResultsCards .wtwr-op-pick{display:flex!important; flex-direction:column!important; align-self:stretch!important; height:auto!important; box-sizing:border-box!important;} /* Push the CURRENT visible Exchange Market ladder to the bottom of each equal-height P1/P2 card. */ #wtwrResultsCards #wtwrResultsCards .wtwr-op-pick > .wtwr-ex-market{margin-top:auto!important;} /* from wtwr-clean-racing-command-centre-v8.css */ #wtwrResultsCards .wtwr-v2-decision, #wtwrResultsCards .wtwr-v6-trade, #wtwrResultsCards .wtwr-op-percent-grid, #wtwrResultsCards .wtwr-trade-test-v1, #wtwrResultsCards .wtwr-trade-watch-badge, #wtwrResultsCards .wtwr-trade-test-badge, #wtwrResultsCards .wtwr-place-warning{display:none!important;} #wtwrResultsCards .wtwr-op-pick{position:relative!important;overflow:hidden!important} #wtwrResultsCards .wtwr-v8-decision{position:relative;z-index:2;margin:7px 0 8px;padding:9px 11px; border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.035);} /* WTWR_AI_PLACE_MARKER_20260908: genuine AI Demo PLACE-bet marker only -- see decisionPanel() in wtwr-clean-racing-command-centre-v8.js. */ #wtwrResultsCards .wtwr-v8-decision.wtwr-v8-decision-ai-place{border-color:rgba(96,165,250,.55); background:rgba(96,165,250,.08); display:flex;align-items:center;} #wtwrResultsCards .wtwr-v8-ai-place-label{color:#8fc7ff; font-size:11px;font-weight:1000;letter-spacing:.09em;} #wtwrResultsCards .wtwr-v8-calc{position:relative;z-index:2;margin:8px 0 9px;padding:10px; border:1px solid rgba(255,184,77,.52);border-radius:10px;background:rgba(255,184,77,.035);} #wtwrResultsCards .wtwr-v8-calc-title{color:#ffbd59!important;font-size:11px;font-weight:1000;letter-spacing:.075em} #wtwrResultsCards .wtwr-v8-calc-grid{display:grid;grid-template-columns:1fr 90px 1fr;gap:7px;margin-top:8px} #wtwrResultsCards .wtwr-v8-calc-grid label{color:#9fb0c5!important;font-size:8px;font-weight:900;letter-spacing:.05em} #wtwrResultsCards .wtwr-v8-calc-grid input{display:block;width:100%!important;box-sizing:border-box!important;margin-top:3px;padding:7px 8px!important;border:1px solid rgba(255,255,255,.21)!important;border-radius:7px!important;background:#07111f!important;color:#fff!important;font-size:14px!important;font-weight:900!important} #wtwrResultsCards .wtwr-v8-calc-out{margin-top:7px} #wtwrResultsCards .wtwr-v8-calc-out>strong{display:block;color:#fff!important;font-size:11px} #wtwrResultsCards .wtwr-v8-calc-out>span{display:block;margin-top:3px;color:#b7c4d5!important;font-size:9px;line-height:1.35} #wtwrResultsCards .wtwr-v8-step{padding:8px;border-radius:8px;background:rgba(255,255,255,.04)} #wtwrResultsCards .wtwr-v8-step+.wtwr-v8-step{margin-top:6px} #wtwrResultsCards .wtwr-v8-step1{border:1px solid rgba(255,184,77,.38)} #wtwrResultsCards .wtwr-v8-step2{border:1px solid rgba(74,222,128,.30)} #wtwrResultsCards .wtwr-v8-step b{display:block;color:#ffbd59!important;font-size:8px;font-weight:1000;letter-spacing:.07em} #wtwrResultsCards .wtwr-v8-step strong{display:block;margin-top:2px;color:#fff!important;font-size:15px} #wtwrResultsCards .wtwr-v8-step span{display:block;margin-top:3px;color:#b7c4d5!important;font-size:9px;line-height:1.35} #wtwrResultsCards .wtwr-v8-match-note{margin-top:6px;color:#9aa8ba!important;font-size:8px;font-weight:750} #wtwrResultsCards .wtwr-v8-calc-grid{grid-template-columns:1fr} /* from wtwr-header-sticky-logo-fix-v1.css */ /* Anchor-jump targets: keep the sticky bar from covering the top of a section when a nav link (#wtwrResultsCards, etc.) is clicked. */ #wtwrResultsCards{scroll-margin-top:110px!important;} /* from local-ui-overlay.css */ so the button was inset one step further than everything above it. Removing the footer's left padding lands it exactly on the content line. Vertically it sat 1px from the top of a 37px row; even padding centres the 22px button in that row. */ #wtwrResultsCards .wtwr-op-pick-footer{padding-left:0; padding-top:7px; padding-bottom:7px; align-items:center;} not the card and not the shared Pick 1 + Pick 2 wrapper. Anchored to the card the marker fell below the FULL FIELD row into the rounded corner; anchored to the shared wrapper its right inset put it against Pick 2's edge. `.wtwr-op-pick` is already position:relative in the card renderer; this states it explicitly. */ #wtwrResultsCards .wtwr-op-pick[data-wtwr-pick="1"], #wtwrResultsCards .wtwr-op-pick[data-wtwr-pick="2"]{position:relative;} /* WTWR_RESULTS_PICK_COLOUR_V1 (2026-10-01, direct instruction) The rules above colour the Results pick text with `var(--horse-colour,#edf3f8)`, but NOTHING in the Results section ever set --horse-colour: it is set only by wtwr-horse-first-race-navigator-v3.js on its own elements. Every pick therefore fell through to the #edf3f8 fallback, which is why the selection wording rendered white. Setting it here from the pick's own category class keeps one source of truth (the existing .c-* class the renderer already applies from the WIRE value) and needs no JS change. Result-status badge colours are untouched -- they come from wtwr-result-status-shared-v1.css and are deliberately separate. */ #wtwrResultsCards .wtwr-op-pick.c-blue { --horse-colour:#58a9ff; } #wtwrResultsCards .wtwr-op-pick.c-yellow { --horse-colour:#ffe877; } #wtwrResultsCards .wtwr-op-pick.c-pink { --horse-colour:#f08bd0; } #wtwrResultsCards .wtwr-op-pick.c-purple { --horse-colour:#b18cff; } #wtwrResultsCards .wtwr-op-pick.c-deep-purple { --horse-colour:#2ecc71; } /* EMERALD */ #wtwrResultsCards .wtwr-op-pick.c-orange { --horse-colour:#ffad55; } #wtwrResultsCards .wtwr-op-pick.c-lime { --horse-colour:#35da55; } #wtwrResultsCards .wtwr-op-pick.c-black { --horse-colour:#d5dae3; } #wtwrResultsCards .wtwr-op-pick.c-teal { --horse-colour:#2e8b8b; } #wtwrResultsCards .wtwr-op-pick.c-amber { --horse-colour:#daa520; } #wtwrResultsCards .wtwr-op-pick.c-slate { --horse-colour:#4a5a6a; } #wtwrResultsCards .wtwr-op-pick.c-magenta { --horse-colour:#ff6fd8; } #wtwrResultsCards .wtwr-op-pick.c-grey { --horse-colour:#c4c9d2; } /* WTWR_RESULTS_PICK_ALIGN_V1 (2026-10-08, direct instruction): the Results cards (member #results and the Register page, both #wtwrResultsCards) take the same Pick 1 / Pick 2 alignment the member Today card already has (local-ui-overlay.css WTWR_PICK_ROW_ALIGN_V1 + PRE-RACE INFO centring). Presentation only. 1. Row alignment, member Results only: both picks share the row tracks of .wtwr-op-picks (subgrid), so the optional E1P1/E1P2 line, comments and the PRE-RACE INFO row sit at the same height on both sides even when one side has no text. The Register page already has this exact rule in index.html's own stylesheet, so it is scoped to #results here rather than stated twice. 2. PRE-RACE INFO, both Results sections: left edge on the card's content line (the footer's extra 18px left padding removed) and vertically centred in its row (18px above = the card's 18px bottom padding below; 14px under 560px), exactly as on the Today card. The earlier "#wtwrResultsCards .wtwr-op-pick-footer{padding-left:0 ...}" rule above never applied: a stray comment fragment in front of it makes the browser drop the whole rule. It is left untouched; this block supersedes it. */ @media (min-width:861px){ #results #wtwrResultsCards .wtwr-op-picks{ grid-template-rows:repeat(7,auto)!important; } #results #wtwrResultsCards .wtwr-op-picks > .wtwr-op-pick{ display:grid!important; grid-template-rows:subgrid!important; grid-template-columns:minmax(0,1fr)!important; grid-row:span 7!important; row-gap:0!important; } #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-pick-head{grid-row:1} #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-frozen-ref{grid-row:2} #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-engine1-note{grid-row:3} #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-facts{grid-row:4} #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-opinion{grid-row:5} #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-evidence{grid-row:6} #results #wtwrResultsCards .wtwr-op-pick > .wtwr-op-pick-footer{grid-row:7} } #wtwrResultsCards .wtwr-op-pick .wtwr-op-pick-footer{ padding-left:0; padding-top:18px; padding-bottom:0; margin-top:0; margin-bottom:0; align-items:center; } @media (max-width:560px){ #wtwrResultsCards .wtwr-op-pick .wtwr-op-pick-footer{ padding-top:14px; } } /* WTWR_RESULTS_WIN_BOX_RESTORE_V1 (2026-10-08, direct instruction): in the member Results section the first blue (Win back) and first pink (Win lay) exchange boxes were near-invisible. They are the only two of the six that are