/* D2D's shared brand, with opaque working surfaces for the race office. */
@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
body{font-family:Manrope,Arial,sans-serif}
.wordmark{flex-direction:column;justify-content:center;gap:13px;width:100%;max-width:190px;margin-inline:auto}
.wordmark .brand-art{display:block;position:relative;width:100%;aspect-ratio:4.05;overflow:hidden;mix-blend-mode:lighten}
.brand-art img{position:absolute;width:112%;height:auto;max-width:none;top:-158%;left:-6%}
.wordmark .brand-label{font-size:17px;font-weight:650;font-style:normal;letter-spacing:.08em;line-height:1.4;color:#f1f4ed}
@media screen{
  :root{color-scheme:dark;--hub-bg:#101416;--hub-panel:#1a1f21;--hub-raised:#242c2a;--hub-line:#35403a;--hub-text:#f1f4ed;--hub-muted:#adb8b0;--hub-lime:#d5ff43;--hub-tint:#222e21}
  body{background-color:var(--hub-bg);background-image:radial-gradient(circle,rgba(218,230,219,.095) .6px,transparent .9px);background-size:6px 6px;color:var(--hub-text);-webkit-font-smoothing:antialiased}
  .sidebar{background-color:var(--hub-bg);background-image:radial-gradient(circle,rgba(218,230,219,.095) .6px,transparent .9px),radial-gradient(ellipse 240px 190px at 50% 65px,rgba(185,235,55,.17),transparent 80%);background-size:6px 6px,100% 300px;background-repeat:repeat,no-repeat;border-right:1px solid var(--hub-line);gap:36px;overflow-y:auto}
  .topbar{background:#14191b;border-color:var(--hub-line)}
  .panel,.metric,.story,.rd-night-card,.rd-feature-summary>div{background:var(--hub-panel);border-color:var(--hub-line)}
  .panel-header,.panel-foot,td,.race-card,.details,.connection-panel,.audit-row,.profile-stats>div,.modal-head{border-color:var(--hub-line)}
  .nav-caption,.eyebrow,.sidebar .nav-caption,.sub,.crumb span,.connection,.metric .label,.metric .detail,.panel-header p,.panel-foot,.driver-sub,.rank,.form-label,.race-info p,.tiny,.legend,.empty,.page-note,.meeting-sub,.story p,.details p,.rules-list,.connection-panel p,.profile-stats span,.saved,.foot-mark,.audit-row,.roster label small,.spotlight-top{color:var(--hub-muted)}
  .side-bottom{border-color:var(--hub-line);color:var(--hub-muted)}
  .side-bottom b{color:var(--hub-text)}
  .nav button{color:#bbc6bd;min-height:44px}
  .nav button:hover{background:var(--hub-raised);color:var(--hub-text)}
  .nav button.active{background:var(--hub-lime);color:#151b10}
  button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--hub-lime)}
  .button{background:var(--hub-raised);border-color:#48564c;color:var(--hub-text)}
  .button:hover{background:#354130}
  .button.primary,.button.lime{background:var(--hub-lime);border-color:var(--hub-lime);color:#151b10}
  .button.primary:hover,.button.lime:hover{background:#e1ff7b;border-color:#e1ff7b}
  .button.ghost{background:transparent;border-color:transparent}
  .button.danger{color:#ffb3a5;border-color:#795048;background:#35231f}
  .banner{background:#202a1e;border-color:#46563a;color:#c5d2bb}
  .banner strong{color:var(--hub-text)}
  .badge{background:#30392b;color:#d1dec5}
  .badge.approved{background:#293c27;color:#b9e5a9}
  .badge.draft{background:#3f3321;color:#f2cf91}
  .badge.outline{border-color:#58644e;background:transparent}
  .metric.dark{background:var(--hub-tint);border-color:#4b5b38}
  .metric.dark:after{display:none}
  .metric.dark .label,.metric.dark .detail{color:#bdcbb5}
  .metric.dark .value,.field-number,.spotlight-stat{color:var(--hub-lime)}
  th{background:#141b18;color:#b4c1b7}
  .name-link,.rank.top,.rating,.empty h2,.details summary,.audit-row b{color:var(--hub-text)}
  .number,.datebox,.close{background:#2b352b;color:#d1e3bf}
  .up{color:#b4e88a}.down{color:#f2a58e}
  .rank-tabs{background:#121916}
  .rank-tabs button{color:#b0bdb1}
  .rank-tabs .selected{background:#34412a;color:#e3ffac;box-shadow:none}
  .form-input,select.form-input,textarea.form-input,.toolbar-select,.workspace-switch select{background:#121917;border-color:#4a574d;color:var(--hub-text)}
  .form-input::placeholder{color:#9ba89f;opacity:1}
  .form-input:focus{border-color:var(--hub-lime)}
  .feature-spotlight,.comparison{background:var(--hub-tint)}
  .progress{background:#354034}.progress span,.field-range span{background:#a6ce71}
  .validation{background:#3d2921;color:#ffc0a1}
  .success-note{background:#263922;color:#c2e5a8}
  .roster label,.rd-series-checks label{border-color:var(--hub-line)}
  .roster label:has(input:checked){background:#2b3b22;border-color:#91ad61}
  input[type=checkbox],.roster input,.range{accent-color:var(--hub-lime)}
  .preview-graphic{background:#1d2b20}
  .file-drop{background:#20291f;border-color:#56654b}
  dialog{background:var(--hub-panel);color:var(--hub-text);border-color:#69745c;box-shadow:0 24px 100px #0009}
  dialog::backdrop{background:#050908b8;backdrop-filter:none}
  .profile-number{background:#2c3e23;color:var(--hub-lime)}
  #toast{background:#34462c;color:#f1f4ed;box-shadow:0 8px 35px #0007}
  .toast-error{background:#713b2d!important}
  .danger-zone{background:#30251f}.external{color:#c3e99b}
  .rd-intro{background:var(--hub-tint);color:var(--hub-text)}
  .rd-intro h2{color:var(--hub-text)}
  .rd-intro-rule strong{color:var(--hub-lime)}
  .rd-intro-rule small,.rd-intro p{color:#bdcbb5}
  .rd-night-card{color:var(--hub-text)}
  .rd-night-card:hover{background:#263023;border-color:#7b9161}
  .rd-night-card small,.rd-night-card>span>span,.rd-draw-panel>p,.rd-race-choice small,.rd-grid-car small,.rd-series-checks small{color:var(--hub-muted)}
  .rd-steps button{background:#263027;color:#c1cdbb}
  .rd-steps button span{background:#3c4933;color:#dcebcf}
  .rd-steps .active{background:#394c27;color:#f1f4ed}
  .rd-steps .active span{background:var(--hub-lime);color:#19231a}
  .rd-rules{background:var(--hub-tint);border-color:var(--hub-line);color:#becab4}
  .rd-rules b{color:var(--hub-text)}
  .rd-draw-panel{background:#202b1e}
  .rd-pill{background:var(--hub-panel);color:var(--hub-text);border-color:#5b7142;box-shadow:none}
  .rd-pill.drawn{background:#2a3d21;color:var(--hub-lime);border-color:#abc971}
  .rd-pill-pool span{background:#2b3527;color:#d3e4c3;border-color:#5b6a4c}
  .rd-race-choice{background:var(--hub-panel);border-color:var(--hub-line);color:var(--hub-text)}
  .rd-race-choice.active{border-color:#a2c16c;background:#2a3922}
  .rd-grid-details>summary{color:#c5e7a5}
  .rd-grid-front{border-color:#6a7f52;color:#b4c9a1}
  .rd-grid-car{background:#252f23;border-color:#43533b}
  .rd-grid-car>b{color:#b6d391}.rd-grid-car strong{color:var(--hub-text)}
  .rd-feature-summary b{color:var(--hub-text)}
  .rd-transfer{background:#263821;border-color:#687f48}.rd-transfer p{color:#c2d2b4}
  .rd-results-table .form-input:disabled{background:#2a302b}
}
@media screen and (max-width:760px){
  .sidebar{border-right:0;border-bottom:1px solid var(--hub-line);padding:27px 18px 17px;gap:25px;background-image:radial-gradient(circle,rgba(218,230,219,.095) .6px,transparent .9px),radial-gradient(ellipse 290px 210px at 50% 50px,rgba(185,235,55,.17),transparent 80%)}
  .wordmark{max-width:210px;gap:12px}.wordmark .brand-label{font-size:16px}
  .nav button{min-height:44px}.topbar .workspace-switch select{min-height:36px}
}