.board{padding:64px 0 110px}.board h1{font-size:clamp(3.7rem,8vw,7rem);margin:16px 0}.board>p{color:var(--muted)}.ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:38px 0 50px}.level{min-height:125px;padding:18px 14px;border-top:7px solid;display:flex;flex-direction:column;justify-content:space-between;background:#17241f}.level b{font:800 1.32rem/1.05 Barlow Condensed,Impact,sans-serif;letter-spacing:.025em}.level small{color:#d9e0d6;font-size:.83rem}.level.clear{border-color:#72a977}.level.notice{border-color:#e6c454}.level.park{border-color:#ef8936}.level.severe{border-color:#ed5b4c}.level.suspended{border-color:#e6e6e6;background:#54252a}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px}.board-tools h2{font-size:2.8rem;margin:0 0 15px}.board-tools button{border:1px solid #617266;background:#17241f;color:#eaf3e8;padding:10px 14px;margin:0 5px 15px 0;cursor:pointer;font:700 .9rem Inter,Arial,sans-serif}.board-tools button.selected{background:var(--lime);color:#102018}.status-group{margin-top:34px;border-left:5px solid #72a977;padding-left:20px}.status-group.notice{border-color:#e6c454}.status-group.park{border-color:#ef8936}.status-group.severe{border-color:#ed5b4c}.status-group.suspended{border-color:#fff}.status-group h3{font-size:2rem;margin:0 0 15px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-driver{background:#192921;border:1px solid #425347;padding:18px}.status-driver>a{font-weight:800;display:block;margin-bottom:12px}.status-driver>a:hover{color:var(--lime)}.caution-badge{display:inline-block;padding:7px 10px;border:2px solid #72a977;color:#d9f4dc;font:800 1.35rem Barlow Condensed,Impact,sans-serif}.caution-badge.notice{border-color:#e6c454;color:#f5dc84}.caution-badge.park{border-color:#ef8936;color:#ffb77e}.caution-badge.severe{border-color:#ed5b4c;color:#ff9e92}.caution-badge.suspended{border-color:#fff;background:#762932;color:white}.status-driver p{color:var(--muted);margin:12px 0 0}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.group-panel{border-top:6px solid var(--lime);background:#192921;padding:22px}.group-panel h2{font-size:2.5rem}.group-driver{display:block;padding:12px 0;border-top:1px solid var(--line)}.group-driver:hover{color:var(--lime)}@media(max-width:800px){.ladder{grid-template-columns:1fr;gap:4px}.level{min-height:72px;flex-direction:row;align-items:center;gap:15px;border-top:0;border-left:7px solid}.status-grid,.group-grid{grid-template-columns:1fr}}@media(max-width:480px){.level{flex-direction:column;align-items:start;min-height:75px}.board{padding-top:35px}.status-group{padding-left:12px}}
/* Keep the league's four real status levels visually distinct. */
.ladder{grid-template-columns:repeat(4,minmax(0,1fr))}.level.clear{border-color:#81c984}.level.notice{border-color:#e7c24c}.level.park{border-color:#f28a36}.level.suspended{border-color:#f05c50}.all-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 22px}.all-search[hidden]{display:none}.all-search label{font-size:.9rem;font-weight:700;color:#dce9db}.all-search input,.all-search select{background:#1a2b23;border:1px solid #657565;color:#f0f4ec;padding:11px 13px;font:inherit;min-height:44px}.all-search input{width:min(340px,100%)}.driver-list{border:1px solid var(--line);background:#15241e}.driver-list-head,.driver-list-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(150px,1.5fr) minmax(110px,.8fr) minmax(95px,.7fr) minmax(150px,1.5fr);align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #35493e}.driver-list-head{background:#203329;text-transform:uppercase;font-size:.77rem;letter-spacing:.05em;color:#bdcbbc}.driver-list-row:nth-child(odd){background:#1a2a23}.driver-list-row:hover{background:#294030}.driver-list-row>a{font-weight:800}.driver-list-row>a:hover{color:var(--lime)}.driver-list-row .caution-badge{font-size:1rem;justify-self:start;white-space:nowrap;padding:4px 8px}.driver-list-row>span:not(.caution-badge){font-size:.91rem;color:#cbd8ca}.empty-status{padding:30px;background:#192921;color:var(--muted)}@media(max-width:800px){.ladder{grid-template-columns:1fr}.driver-list-head{display:none}.driver-list-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:15px}.driver-list-row>a{grid-column:1}.driver-list-row .caution-badge{grid-column:2;grid-row:1}.driver-list-row>span:not(.caution-badge){font-size:.82rem}.driver-list-row>span:last-child{grid-column:1/-1}.all-search label[for=status-filter]{margin-left:0}}@media(max-width:480px){.driver-list-row{grid-template-columns:1fr}.driver-list-row .caution-badge{grid-column:1;grid-row:auto}.all-search input,.all-search select{width:100%}}
.history-trigger{background:none;border:0;color:inherit;text-align:left;padding:7px 0;font:inherit;font-weight:800;cursor:pointer}.history-trigger:hover{color:var(--lime);text-decoration:underline}.caution-badge{background:transparent;cursor:pointer;text-align:left}.history-trigger:focus-visible,.caution-badge:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.caution-history{box-sizing:border-box;width:min(1000px,calc(100% - 24px));max-height:90dvh;background:#112019;color:#eef4eb;border:1px solid #75876b;border-top:5px solid var(--lime);padding:28px;overflow:auto;font:1rem/1.5 Inter,Arial,sans-serif}.caution-history::backdrop{background:#000b}.caution-history h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 75px 8px 0;overflow-wrap:anywhere}.history-close{float:right;position:sticky;top:0;background:#23372a;color:white;border:1px solid #768871;padding:10px 15px;cursor:pointer;min-height:44px}.history-summary{padding:18px;background:#203528;margin:18px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.history-summary p{width:100%;margin:0}.history-balance{font-size:3.3rem;color:var(--lime);line-height:1}.caution-history summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.history-tools{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.history-tools button,.history-tools select{font:inherit;font-size:.875rem;background:#203528;color:white;border:1px solid #5f735f;padding:10px;min-height:44px}.history-tools .selected{background:var(--lime);color:#142219}.history-segment{border:1px solid #425843;margin:14px 0;padding:12px 16px}.history-segment>summary{font-size:1.2rem}.history-race{border-top:1px solid #425843;padding:8px 0}.history-race-head{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.2fr;gap:14px;align-items:center;font-size:.9rem}.history-race-head strong{text-align:right;color:var(--lime)}.history-incident{margin:12px 0;padding:12px;background:#1f3126}.history-incident p{margin:5px 0}.points-added,.history-warning{color:#ffbc85}.points-clean{color:#b4ee40}.history-ending{font-weight:800;border-top:1px solid #647c59;padding-top:12px}.history-graph{background:#182a20;padding:10px}.history-graph svg{width:100%;height:auto;max-height:180px}.history-graph text{fill:#dce6d5;font-size:14px}.history-graph p{font-size:.875rem;margin:0}.caution-history small{font-size:.875rem}.caution-history button:focus-visible,.caution-history select:focus-visible,.caution-history summary:focus-visible{outline:2px solid var(--lime)}@media(max-width:650px){.caution-history{padding:18px;width:calc(100% - 12px);max-height:94dvh}.history-race-head{grid-template-columns:1fr 1fr;gap:8px}.history-race-head b{grid-column:1/-1}.history-race-head strong{grid-column:1/-1;text-align:left}.history-segment{padding:10px}.history-summary{gap:10px}.history-summary .caution-badge{font-size:1rem}.history-race p{overflow-wrap:anywhere}}
/* Compact controls extend the existing tracker rather than replacing its views. */
.all-search>button,.sort-controls button,.empty-status button{background:#203528;color:#eef4eb;border:1px solid #657565;font:inherit;padding:10px 13px;min-height:44px;cursor:pointer}.advanced-filters{display:flex;flex-wrap:wrap;gap:12px;width:100%;padding:16px;background:#17281f;border:1px solid #425843;box-sizing:border-box}.advanced-filters[hidden]{display:none!important}.filter-field{display:flex;flex-direction:column;gap:5px;min-width:130px;max-width:100%;font-size:.85rem!important}.filter-field>span{color:#dce9db}.filter-field input,.filter-field select{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.advanced-filters .filter-field{flex:1 1 160px}.advanced-filters .filter-field:has(input[type=number]){flex:1 1 130px}.advanced-filters .filter-field:has(input[type=number]) input{width:100%}.sort-controls{display:flex;flex-wrap:wrap;align-items:end;gap:8px;width:100%}.driver-list-head button{font:inherit;color:inherit;background:none;border:0;padding:8px 0;text-align:left;cursor:pointer;min-height:44px}.driver-list-head button:hover{color:var(--lime)}.all-search button:focus-visible,.all-search input:focus-visible,.all-search select:focus-visible,.driver-list-head button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.driver-list-row>*{min-width:0;overflow-wrap:anywhere}.driver-list-row .caution-badge{white-space:normal}.history-tools{align-items:end}.history-tools .filter-field{flex:0 1 240px}.history-tools.advanced-filters .filter-field{flex:1 1 180px}.history-tools input{font:inherit;font-size:.875rem;background:#203528;color:white;border:1px solid #5f735f;padding:10px;min-height:44px;color-scheme:dark}.history-tools.advanced-filters{margin:0 0 20px}.history-tools .filter-field:has(input[type=number]){flex-basis:150px}@media(max-width:800px){.driver-list-row [data-label="Caution points"]::before{content:'Caution points: ';font-weight:400}.driver-list-row [data-label="Last recorded race"]::before{content:'Last recorded: '}.driver-list-row [data-label="Last recorded race"]{grid-column:1/-1}}@media(max-width:480px){.all-search{align-items:stretch}.all-search>input,.all-search>select{flex-basis:100%;min-width:0}.advanced-filters{padding:12px}.filter-field,.history-tools .filter-field{flex:1 1 100%;width:100%}.all-search>button{flex:1 1 auto}.sort-controls .filter-field{flex:1 1 160px}.driver-list-row .caution-badge{max-width:100%}.history-tools select{width:100%}}