/* Website masthead, scoped so the race scene keeps its own typography and colors. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-latin.woff2') format('woff2')}
body.watch-page{margin:0}
.watch-page #viewer:not(:fullscreen):not(.page-fullscreen){margin:14px}
.watch-masthead{background:rgba(10,12,9,.93);font:15.4px/1.65 "IBM Plex Sans",sans-serif;color:#97a188}
.watch-masthead .topnav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:12px;max-width:1160px;margin:0 auto;padding:12px clamp(20px,5vw,64px);border-bottom:1px solid #2c3522;font:inherit}
.watch-masthead .topnav a{color:#97a188;text-decoration:none}
.watch-masthead .topnav a:hover{color:#ece3cf}
.watch-masthead .topnav a:focus-visible{outline:2px solid #d9a441;outline-offset:3px}
.watch-masthead .topnav .home{display:flex;align-items:center;align-self:center;flex:none;opacity:1;pointer-events:auto}
.watch-masthead .topnav .home img{display:block;width:26px;height:26px;object-fit:contain}
.watch-masthead .topnav-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;min-width:0;text-align:left}
.watch-masthead .topnav-links .short{display:none}
:root.viewer-fullscreen .watch-masthead,:root:has(#viewer:fullscreen) .watch-masthead{display:none}
@media(max-width:800px){.watch-page #viewer:not(:fullscreen):not(.page-fullscreen){margin:8px}}
@media(max-width:620px){
  .watch-masthead .topnav-links .full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .watch-masthead .topnav-links .short{display:inline}
}