.app-header{position:fixed;top:0;left:0;right:0;z-index:10}.app-header__brand{position:relative;width:100%;aspect-ratio:1920/159;background-color:#000;overflow:hidden}.app-header__brand-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.app-header__brand-text{position:absolute;z-index:2;height:100%;right:6.7%;top:20%;max-width:23.3%;width:100%;color:#fff;color:#000;color:#303037;text-align:center;display:flex;flex-direction:column;gap:10%}.app-header__brand-text h1{font-family:"Formula 1",sans-serif;font-size:clamp(8px,2vw,32px);line-height:1;margin:0}.app-header__brand-text p{font-family:"Formula 1",sans-serif;font-size:clamp(8px,1.6vw,26px);line-height:1.1;margin:0}.app-header__nav{background-color:#000;color:#fff;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;font-family:"Formula 1",sans-serif;font-size:clamp(8px,1.2vw,16px);border-bottom:solid 2px #303037}.app-header__nav-link{border-bottom:solid 2px transparent}.app-header__nav-link--active,.app-header__nav-link:hover{border-bottom:solid 2px #e10600}.gp-status{display:flex;justify-content:space-around;align-items:center;gap:clamp(.5rem,1vw,2rem);background-color:#e10600;color:#000;padding:0 .5rem}.gp-status--upcoming{background-color:#1c1c25;color:#fff}.gp-status--today{background-color:#00e6a8;color:#15151e}.gp-status--live{background-color:#e10600;color:#000}.gp-status--season-ended{background-color:#47464c;color:#fff}.gp-status__link{color:#00e6a8}.gp-status__link:hover{color:#404bdd}.gp-status__title,.gp-status__race{font-family:"Formula 1",sans-serif;font-size:clamp(10px,1.3vw,16px);display:flex;align-items:center;gap:clamp(.5rem,1vw,2rem)}.gp-status__flag{width:clamp(1.1rem,1.8vw,1.35rem);border:1px solid #ffffff}.gp-status__time,.gp-status__state{font-family:"7-segment",sans-serif;font-size:clamp(12px,1.5vw,20px);line-height:1.2;margin:0;display:flex;align-items:center}.gp-status__label{font-family:"7-segment",sans-serif}.gp-status__label--live{font-family:"Formula 1",sans-serif}.gp-status__tag{display:inline-flex;align-items:center;gap:.4rem;margin-left:.6rem;padding:.2rem .6rem;background-color:#fff;color:#000;border-radius:999px;font-family:"Formula 1",sans-serif;font-size:clamp(10px,1.3vw,16px);line-height:1;align-self:center}.gp-status__tag:before{content:"";width:.45em;height:.45em;border-radius:50%;background-color:#e10600;display:inline-block}.app-flag{display:inline-block;width:1rem;height:auto;flex:0 0 auto;vertical-align:middle}.app-footer{position:fixed;bottom:0;left:0;right:0;z-index:10;border-top:2px solid #303037;font-family:"Formula 1",sans-serif;font-size:clamp(8px,1vw,16px)}.app-footer__bar{background-color:#000;color:#fff;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:.5rem clamp(.75rem,2.4vw,2rem);border-top:solid 2px #303037;gap:clamp(.55rem,1.8vw,1.25rem)}.app-footer__auth{min-width:0}.app-footer__nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.55rem,1.8vw,1.25rem)}.app-footer__nav-link{border-bottom:solid 1px transparent;margin:0}.app-footer__nav-link:hover{box-sizing:border-box;border-bottom:solid 1px #e10600}.app-auth{display:inline-flex;align-items:center;gap:clamp(.4rem,1.2vw,.75rem)}.app-auth__button{display:inline-flex;align-items:center;gap:clamp(.35rem,1vw,.55rem);background:transparent;margin:0;font-size:clamp(7px,.9vw,14px);color:#fff;cursor:pointer;border:none}.app-auth__button:hover{color:#00e6a8}.app-auth__button:hover .app-auth__icon{fill:currentColor}.app-auth__button:hover .app-auth__icon--twitch{fill:#9146ff}.app-auth__button:hover .app-auth__icon--logout{fill:#e10600}.app-auth__button--logout:hover{color:#e10600}.app-auth__chip{display:inline-flex;align-items:center;gap:clamp(.35rem,1vw,.55rem);min-height:clamp(1.9rem,2.4vw,2.2rem);background:#303037;padding:0 clamp(.6rem,1.4vw,.75rem);border-radius:999px;box-sizing:border-box}.app-auth__chip--login:hover{background:#47464c}.app-auth__chip--logout:hover{background:#1c1c25}.app-auth__chip--admin:hover{background:#47464c}.app-auth__chip--user{background:#1c1c25}.app-auth__icon{width:clamp(.9rem,1.1vw,1.2rem);height:clamp(.9rem,1.1vw,1.2rem);flex:0 0 auto;fill:currentColor}.app-auth__icon--twitch{fill:#9146ff}.app-auth__avatar{width:clamp(1.15rem,1.7vw,1.35rem);height:clamp(1.15rem,1.7vw,1.35rem);border-radius:50%;border:1px solid #ffffff;object-fit:cover}.app-auth__name,.app-auth__status{font-size:clamp(7px,.9vw,14px);color:#fff}.app-auth--connected{gap:clamp(.4rem,1.2vw,.75rem)}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-Regular-Cc2_J2g-.woff2) format("woff2");font-weight:400;font-style:normal;letter-spacing:0;font-display:swap}@font-face{font-family:"Formula 1";src:url(/assets/Formula1-Regular-C5x2Q7mT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Formula 1";src:url(/assets/Formula1-Bold-DuNR_mIq.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-Regular-Dr4QUcU3.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-SemiBold-BMdZhBT6.woff2) format("woff2");font-weight:600;font-style:normal;text-transform:uppercase;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-Regular-6Igp0aRH.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/IBMPlexMono-SemiBold-DF3k0K40.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-FIwubZjA.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"7-segment";src:url(/assets/7-Segment-CZP7cGPe.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}body{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}:root{--font-title: "Formula 1", system-ui, sans-serif;--font-body: "Titillium Web", system-ui, sans-serif;--weight-title: 600;--weight-body: 400}body{font-family:var(--font-body);font-weight:var(--weight-body);background:#fff;color:#000;line-height:1.6;min-width:360px;max-width:1920px;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:var(--weight-title)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #e10600;outline-offset:2px}.app-layout{height:100vh}.app-main{position:fixed;left:0;right:0;top:var(--header-h, 0px);bottom:var(--footer-h, 0px);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.app-main::-webkit-scrollbar{display:none}.nav-link{color:#404bdd}.nav-link:hover{border-bottom:1px solid #e10600}:where(.app-section){background-color:#47464c;color:#fff;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;justify-content:flex-start}:where(.app-section) h2{font-size:clamp(1rem,2.6vw,1.6rem);margin:0}:where(.app-section) p{font-size:clamp(.75rem,2.2vw,.875rem);margin:0;max-width:1200px;text-align:center}