nav{display:flex;flex-wrap:wrap;gap:16px}nav a{color:inherit;text-decoration:none}nav a:hover{text-decoration:underline}.form-card{max-width:720px;margin:32px auto;padding:32px;background:#fff;border:1px solid #dce3eb;border-radius:12px}.form-card h1{font-size:26px;margin-bottom:20px}.form-card p{margin:16px 0;line-height:1.8}.form-card input:not([type=checkbox]),.form-card textarea,.form-card select{display:block;width:100%;padding:10px;border:1px solid #adb9c9;border-radius:6px}.errorlist{color:#b42318}.actions{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}table{border-collapse:collapse;width:100%;background:#fff}th,td{padding:16px;text-align:left;border-bottom:1px solid #e3e8ee}th{color:#556579;font-size:13px}.table-wrap{overflow-x:auto}#race-app input,#race-app select,#performance-filter input{padding:8px;border:1px solid #b5c2d1;border-radius:6px}#race-tabs{padding-top:15px}#ticket-tabs{margin:20px 0}.app-notice{border-left:4px solid #cf7900;background:#fff6e6;padding:16px;margin:16px 0;line-height:1.8}#your-result{font:inherit;color:inherit;margin-left:8px}.your-entry-row{align-items:center;justify-content:flex-start;gap:8px}.your-entry-row>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#combination{width:100px}#detail-app section{margin:24px 0;padding:24px;background:white;border:1px solid #dde4ed;border-radius:12px}.detail-nav{margin-top:20px}#performance-filter{display:flex;flex-wrap:wrap;gap:15px;margin:24px 0}#performance-summary{padding:20px;background:white;margin-bottom:20px}.legal-document h2{margin:24px 0 10px}.legal-document p{line-height:1.9;margin-bottom:16px}#odds-dialog{max-width:750px;width:90%;padding:24px;border:1px solid #ccd5e0;border-radius:12px}#odds-dialog::backdrop{background:#13243780}.footer{margin-top:45px;display:block}.footer nav{margin:15px 0}button[aria-pressed=true]{background:#183d6a;color:white}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}@media(max-width:650px){.header-inner{flex-wrap:wrap;gap:10px;padding:12px 0}.header nav{font-size:12px;gap:10px}.form-card{padding:20px}th,td{padding:10px}.your-entry-row{flex-wrap:wrap}}

.main{display:block}.main>div,.main>section{min-width:0}.page-heading{margin-bottom:20px}#race-app .forecast{margin-top:20px}#race-app .forecast>p,#race-app .forecast>.button{margin:16px 22px}#forecast-content{padding:0 22px 22px}#race-app .race-picker{width:100%}.your-entry-row{display:flex}.form-card{width:100%}.legal-document{max-width:900px;background:white;padding:32px;border-radius:12px}.legal-document table{display:block;overflow-x:auto}.forecast-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.header-inner{height:auto;min-height:72px}#detail-app{overflow-wrap:anywhere}#detail-app section>div{overflow-x:auto}.odds-chart{width:100%;height:auto;min-height:180px}

#your-result{flex:1;min-width:0;overflow-wrap:anywhere}.your-entry-row>div{flex:0 0 120px}.your-entry-row>div label{font-size:12px;width:100%}.your-entry-row .button{min-height:34px;padding:5px 12px}.your-entry-row{flex-wrap:nowrap;align-items:center}#forecast-content th,#forecast-content td{font-size:14px}#forecast-content th{white-space:nowrap}.locked-prediction td{background:#f5f8fb;color:#687b8d;font-size:13px}#forecast-content td button{padding:4px 7px;border-radius:4px;white-space:nowrap}@media(max-width:600px){#forecast-content{padding:0 10px 18px}#forecast-content th,#forecast-content td{padding:9px 5px;font-size:12px}.your-entry-row{padding:10px 4px}.your-entry-row>div{flex-basis:100px}#your-result{font-size:12px;margin-left:0}#detail-app section{padding:14px}.legal-document{padding:18px}}

#your-inputs{flex-wrap:nowrap;flex-shrink:0}#your-inputs .your-boat-input{display:flex;flex-direction:column;gap:4px;font-size:12px}#race-app #your-inputs input{width:48px;height:44px;text-align:center;font-size:20px}#your-inputs input[aria-invalid=true]{border-color:#b42318}#your-input-help,#your-input-status{font-size:13px;margin:8px 0}#your-input-status{color:#b42318}#your-result{min-width:0;margin:0;font:inherit;color:inherit}

.your-entry-row>#your-results{display:flex;flex:1;min-width:0;align-items:center;gap:16px;flex-wrap:wrap}#your-roi-group{min-width:0}#your-roi-group h4{font-size:13px;color:#556579;margin:0 0 4px}#your-roi{font:inherit;color:inherit;margin:0;overflow-wrap:anywhere}

#your-results>#your-result{flex:0 1 auto}

.roi-membership-notice{font-size:12px!important;font-weight:400!important;white-space:normal!important;line-height:1.5;}

#your-results>#your-result{display:contents}.your-metric{display:flex;flex-direction:column;gap:4px;min-width:0}.your-metric>strong{font-size:13px;color:#556579;font-weight:700;line-height:1.5}.your-entry-row>#your-results{align-items:flex-start}#your-roi-group h4{line-height:1.5}#predictions .boats,#predictions [data-odds]{white-space:nowrap}
.your-entry-row{column-gap:32px;padding-block:16px}
.your-entry-row>#your-results{column-gap:32px;row-gap:20px}
.your-metric{gap:8px;min-width:80px}
.your-metric:first-child{min-width:136px}
#your-roi-group h4{margin-bottom:8px}
#your-evaluation-status{font-size:13px;margin:8px 0}
#runner-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding-block:14px}
#runner-list .runner-card{display:flex;align-items:center;gap:10px;padding:10px 8px;background:#fff;border:1px solid #dce5ec;border-radius:6px;text-align:left}
#runner-list .boat{width:30px;height:32px;flex-shrink:0;font-size:17px}
#runner-list .runner-name{display:block;margin:0;padding-left:10px;border-left:1px solid #dce5ec;font-size:13px;font-weight:600;line-height:1.6;color:#244354;overflow-wrap:anywhere}
#runner-list .runner-name small{display:block;color:#b42318;font-size:12px}
@media(max-width:600px){.your-entry-row{flex-wrap:wrap;row-gap:20px}.your-entry-row>#your-results{flex-basis:100%;column-gap:24px;row-gap:16px}}

#detail-app h1{margin:18px 0 12px;font-size:28px}
#detail-app h2{font-size:21px;margin:0 0 14px}
#detail-app h3{font-size:17px;margin:24px 0 12px}
#detail-app .detail-intro,#detail-app .detail-help{line-height:1.85;max-width:950px;color:#526475;margin:12px 0 20px}
#detail-app .detail-nav{gap:10px;margin:24px 0}
#detail-app .detail-nav a{padding:8px 14px;border:1px solid #c9d5df;border-radius:6px;background:#fff}
#detail-app section{scroll-margin-top:20px}
#detail-app details{margin-top:20px;border-top:1px solid #dce5ec;padding-top:16px;min-width:0}
#detail-app summary{cursor:pointer;color:#214f73;font-weight:600;line-height:1.7;padding:8px 4px}
#detail-app summary:focus-visible{outline:2px solid #214f73;outline-offset:3px}
#detail-app details>div,#detail-app .detail-course-group{overflow-x:auto}
#detail-app details[open]>summary{margin-bottom:16px}
#detail-app table{font-size:14px}
#detail-app th{background:#f3f7fa;white-space:nowrap;font-size:13px}
#detail-app td{line-height:1.7;vertical-align:middle}
#detail-app .runner-card{display:flex;align-items:center;gap:10px;min-width:155px;white-space:nowrap}
#detail-app .runner-card .boat{width:28px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
#detail-app .runner-name{font-size:14px;border-left:1px solid #dce5ec;padding-left:10px;font-weight:600}
#detail-app .runner-name small{display:block;color:#b42318}
#detail-app .detail-rating{min-width:130px}
#detail-app .detail-rating strong{display:block;font-size:16px}
#detail-app strong.detail-rating-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:16px;line-height:1.7;vertical-align:middle}
#detail-app .detail-rating-face{display:block;width:3em;height:3em;flex:none;object-fit:contain;transform:scaleX(-1)}
#detail-app .detail-rating small{display:block;color:#607181;font-size:12px;margin-top:4px}
#detail-ratings td:nth-child(2),#detail-ratings td:nth-child(3){white-space:nowrap}
#detail-app .detail-finish-strip{display:flex;align-items:center;gap:8px;min-width:660px}
#detail-app .detail-finish{display:block;min-width:102px;text-align:center;padding:7px 5px;border:1px solid #dce5ec;border-radius:6px;font-size:17px;font-weight:650;background:#f8fafc}
#detail-app .detail-finish small{display:block;font-size:12px;font-weight:400;white-space:nowrap;color:#526475;margin-top:5px}
#detail-entries td:nth-child(2){white-space:nowrap}
#detail-app .detail-scroll-hint{display:none}
#detail-app .detail-scrollbar{display:block;appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:10px 0 12px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:pan-y}
#detail-app .detail-scrollbar::-webkit-slider-runnable-track{height:10px;background:#dce5ec;border:1px solid #b4c4d1;border-radius:6px}
#detail-app .detail-scrollbar::-webkit-slider-thumb{-webkit-appearance:none;width:var(--scroll-thumb-width,48px);height:10px;margin-top:-1px;background:#496a85;border:1px solid #34536c;border-radius:6px}
#detail-app .detail-scrollbar::-moz-range-track{height:8px;background:#dce5ec;border:1px solid #b4c4d1;border-radius:6px}
#detail-app .detail-scrollbar::-moz-range-thumb{width:var(--scroll-thumb-width,48px);height:8px;background:#496a85;border:1px solid #34536c;border-radius:6px}
#detail-app .detail-scrollbar:focus-visible{outline:2px solid #214f73;outline-offset:2px;border-radius:6px}
@media(max-width:650px){#detail-app .detail-scroll-hint{display:block;color:#526475;font-size:12px;margin:10px 0}}
#detail-recent>.runner-card,#detail-app .detail-course-group{margin:24px 0 12px}
#detail-app .detail-course-group>p{margin:12px 0;font-size:13px;color:#526475}
@media(max-width:650px){#detail-app h1{font-size:23px}#detail-app h2{font-size:19px}#detail-app section{padding:16px}#detail-app .detail-person{position:sticky;left:0;background:#fff;z-index:1;border-right:1px solid #e3e8ee}#detail-app .runner-card{min-width:126px;gap:6px}#detail-app .runner-name{font-size:12px;padding-left:6px}#detail-app .detail-help{font-size:13px}#detail-app .detail-nav{font-size:13px}#detail-app .detail-finish-strip{gap:6px}}

.race-empty{padding:48px 24px;text-align:center;background:#fff;border:1px solid #dce5ec;border-radius:12px;margin:24px 0;line-height:1.8}.race-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#edf5fa;color:#315b78;border-radius:50%;font-size:36px;margin-bottom:16px}.race-empty h2{font-size:23px;margin:0 0 12px}.race-empty p{color:#526475;max-width:560px;margin:0 auto}.race-empty .actions{justify-content:center;align-items:center;margin:24px 0 0;gap:24px}#load-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:600px){.race-empty{padding:32px 18px}.race-empty h2{font-size:20px}}

/* Faces sit beside the page guidance, never over controls or race data. */
.delivery-notice{display:flex;align-items:center;gap:14px;margin:16px 0;padding:0!important;border:0!important;background:transparent!important;color:#14374d}
.delivery-notice[hidden]{display:none}
.delivery-notice-face{flex:0 0 64px;width:64px;height:64px;object-fit:contain}
.delivery-notice-bubble{position:relative;flex:1;min-width:0;padding:14px 16px;border:1px solid #e7d6b4;border-radius:14px;background:#fffaf0;overflow-wrap:anywhere}
.delivery-notice-bubble:before{content:'';position:absolute;left:-6px;top:22px;width:10px;height:10px;background:#fffaf0;border-left:1px solid #e7d6b4;border-bottom:1px solid #e7d6b4;transform:rotate(45deg)}
.delivery-notice-heading{margin:0;font-weight:700;font-size:16px;line-height:1.6}
.delivery-notice-description{margin:6px 0 0;font-size:13px;line-height:1.6;color:#526475}
@media(max-width:650px){.delivery-notice{gap:10px}.delivery-notice-face{flex-basis:56px;width:56px;height:56px}.delivery-notice-bubble{padding:10px 12px}.delivery-notice-heading{font-size:14px}}
.character-guide{display:flex;align-items:center;gap:12px;max-width:760px;margin:16px 0 20px;color:#14374d}
.character-guide-face{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain;border-radius:14px;background:#fff}
.character-guide-copy{flex:1;min-width:0;position:relative;padding:10px 14px;background:#edf7fb;border:1px solid #ccdfeb;border-radius:12px}
.character-guide-copy:before{content:'';position:absolute;left:-6px;top:24px;width:9px;height:9px;background:#edf7fb;border-left:1px solid #ccdfeb;border-bottom:1px solid #ccdfeb;transform:rotate(45deg)}
.character-guide .character-guide-heading{margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.5}
.character-guide .character-guide-text{margin:0;font-size:13px;line-height:1.65;color:#526475;overflow-wrap:anywhere}
@media(max-width:650px){.character-guide{gap:10px;margin:12px 0 16px}.character-guide-face{flex-basis:48px;width:48px;height:48px;border-radius:10px}.character-guide-copy{padding:8px 10px}.character-guide-copy:before{top:20px}.character-guide .character-guide-heading{font-size:14px}.character-guide .character-guide-text{font-size:12px}}