/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-prbsxfi4ss] {
    min-height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2l0stabxa6] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-2l0stabxa6] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2l0stabxa6] {
    font-size: 1.1rem;
}

.bi[b-2l0stabxa6] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2l0stabxa6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2l0stabxa6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2l0stabxa6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2l0stabxa6] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2l0stabxa6] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2l0stabxa6] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2l0stabxa6]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-2l0stabxa6]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-2l0stabxa6]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-2l0stabxa6] {
        display: none;
    }

    .collapse[b-2l0stabxa6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-2l0stabxa6] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-page[b-gkpv36phmy] {
    min-height: 100vh;
    background: radial-gradient(circle at 20% 20%, rgba(225, 6, 0, 0.12), transparent 35%), radial-gradient(circle at 80% 70%, rgba(225, 6, 0, 0.08), transparent 35%), #070b12;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.hero[b-gkpv36phmy] {
    width: 100%;
    max-width: 1050px;
    text-align: center;
}

.hero-badge[b-gkpv36phmy] {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 999px;
    background: rgba(255,255,255,0.04);
    color: #9ba6b7;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 24px;
}

h1[b-gkpv36phmy] {
    margin: 0;
    font-size: clamp(48px, 8vw, 100px);
    font-weight: 900;
    letter-spacing: -4px;
    line-height: 0.95;
}

    h1 span[b-gkpv36phmy] {
        color: #e10600;
    }

.hero-text[b-gkpv36phmy] {
    max-width: 720px;
    margin: 28px auto 36px;
    color: #9ba6b7;
    font-size: 18px;
    line-height: 1.7;
}

.session-card[b-gkpv36phmy] {
    max-width: 720px;
    margin: 0 auto 28px;
    padding: 20px 24px;
    background: #101722;
    border: 1px solid #1d2735;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.session-label[b-gkpv36phmy] {
    font-size: 11px;
    font-weight: 700;
    color: #667386;
    letter-spacing: 1.2px;
    margin-bottom: 6px;
}

.session-name[b-gkpv36phmy] {
    font-size: 19px;
    font-weight: 700;
}

.session-status[b-gkpv36phmy] {
    margin-top: 5px;
    color: #7d8999;
    font-size: 13px;
}

.live-dot-box[b-gkpv36phmy] {
    color: #49db86;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 7px;
}

.live-dot[b-gkpv36phmy] {
    width: 9px;
    height: 9px;
    background: #33d17a;
    border-radius: 50%;
    box-shadow: 0 0 14px rgba(51,209,122,.75);
}

.start-button[b-gkpv36phmy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 17px 30px;
    background: #e10600;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 800;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    box-shadow: 0 10px 35px rgba(225, 6, 0, 0.22);
}

    .start-button:hover[b-gkpv36phmy] {
        background: #ff1912;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 14px 40px rgba(225, 6, 0, 0.3);
    }

.play-icon[b-gkpv36phmy] {
    font-size: 13px;
}

.feature-row[b-gkpv36phmy] {
    max-width: 620px;
    margin: 38px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.feature[b-gkpv36phmy] {
    padding: 16px;
    border-top: 1px solid #202a37;
}

    .feature strong[b-gkpv36phmy] {
        display: block;
        margin-bottom: 5px;
        color: white;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .feature span[b-gkpv36phmy] {
        color: #667386;
        font-size: 12px;
    }

@media (max-width: 650px) {

    h1[b-gkpv36phmy] {
        letter-spacing: -2px;
    }

    .hero-text[b-gkpv36phmy] {
        font-size: 15px;
    }

    .session-card[b-gkpv36phmy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .start-button[b-gkpv36phmy] {
        width: 100%;
    }

    .feature-row[b-gkpv36phmy] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Pages/Live.razor.rz.scp.css */
.session-select-page[b-l6h0qnerq5] {
    min-height: 100vh;
    background: radial-gradient( circle at 15% 10%, rgba(225, 6, 0, 0.14), transparent 30% ), radial-gradient( circle at 85% 85%, rgba(37, 99, 235, 0.08), transparent 32% ), #070b12;
    color: white;
    padding: 26px 24px 60px;
    font-family: Arial, Helvetica, sans-serif;
}


.session-select-shell[b-l6h0qnerq5] {
    width: min(1180px, 100%);
    margin: 0 auto;
}


/* ======================================= */
/* TOP BAR */
/* ======================================= */

.top-bar[b-l6h0qnerq5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}


.back-button[b-l6h0qnerq5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid #1d2938;
    border-radius: 9px;
    background: rgba(15, 23, 36, 0.75);
    color: #aab5c5;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition: all .2s ease;
}


    .back-button:hover[b-l6h0qnerq5] {
        color: white;
        border-color: #344258;
        background: #111a28;
        transform: translateX(-2px);
    }


.brand-small[b-l6h0qnerq5] {
    color: #8895a8;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.3px;
}


/* ======================================= */
/* HEADER */
/* ======================================= */

.session-select-header[b-l6h0qnerq5] {
    max-width: 720px;
    margin: 0 auto 42px;
    text-align: center;
}


.eyebrow[b-l6h0qnerq5] {
    display: inline-flex;
    padding: 7px 11px;
    border: 1px solid #293344;
    border-radius: 999px;
    background: rgba(15, 23, 36, 0.7);
    color: #9aa6b7;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.3px;
}


.session-select-header h1[b-l6h0qnerq5] {
    margin: 18px 0 12px;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -1.5px;
}


.session-select-header p[b-l6h0qnerq5] {
    max-width: 620px;
    margin: 0 auto;
    color: #8390a3;
    font-size: 13px;
    line-height: 1.7;
}


/* ======================================= */
/* GRID */
/* ======================================= */

.session-grid[b-l6h0qnerq5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* ======================================= */
/* CARD */
/* ======================================= */

.session-card[b-l6h0qnerq5] {
    position: relative;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #1d2938;
    border-radius: 16px;
    background: linear-gradient( 145deg, rgba(19, 28, 43, 0.97), rgba(10, 16, 26, 0.98) );
    color: white;
    text-decoration: none;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}


    .session-card[b-l6h0qnerq5]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity .22s ease;
    }


    .session-card:hover[b-l6h0qnerq5] {
        transform: translateY(-5px);
    }


        .session-card:hover[b-l6h0qnerq5]::before {
            opacity: 1;
        }


/* ======================================= */
/* CARD COLORS */
/* ======================================= */

.practice-card:hover[b-l6h0qnerq5] {
    border-color: rgba(59, 130, 246, 0.6);
    box-shadow: 0 16px 50px rgba(59, 130, 246, 0.12);
}


.practice-card[b-l6h0qnerq5]::before {
    background: radial-gradient( circle at 15% 10%, rgba(59, 130, 246, 0.15), transparent 45% );
}


.qualifying-card:hover[b-l6h0qnerq5] {
    border-color: rgba(168, 85, 247, 0.65);
    box-shadow: 0 16px 50px rgba(168, 85, 247, 0.13);
}


.qualifying-card[b-l6h0qnerq5]::before {
    background: radial-gradient( circle at 15% 10%, rgba(168, 85, 247, 0.16), transparent 45% );
}


.sprint-card:hover[b-l6h0qnerq5] {
    border-color: rgba(245, 158, 11, 0.65);
    box-shadow: 0 16px 50px rgba(245, 158, 11, 0.12);
}


.sprint-card[b-l6h0qnerq5]::before {
    background: radial-gradient( circle at 15% 10%, rgba(245, 158, 11, 0.15), transparent 45% );
}


.race-card:hover[b-l6h0qnerq5] {
    border-color: rgba(225, 6, 0, 0.7);
    box-shadow: 0 16px 55px rgba(225, 6, 0, 0.14);
}


.race-card[b-l6h0qnerq5]::before {
    background: radial-gradient( circle at 15% 10%, rgba(225, 6, 0, 0.17), transparent 45% );
}


/* ======================================= */
/* CARD TOP */
/* ======================================= */

.card-top[b-l6h0qnerq5] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.session-icon[b-l6h0qnerq5] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #172234;
    font-size: 21px;
    font-weight: 950;
}


.practice-card .session-icon[b-l6h0qnerq5] {
    color: #60a5fa;
}


.qualifying-card .session-icon[b-l6h0qnerq5] {
    color: #c084fc;
}


.sprint-card .session-icon[b-l6h0qnerq5] {
    color: #fbbf24;
}


.race-card .session-icon[b-l6h0qnerq5] {
    color: #ff3b35;
}


.session-tag[b-l6h0qnerq5] {
    padding: 6px 9px;
    border-radius: 7px;
    background: #172234;
    color: #8794a8;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* ======================================= */
/* CARD CONTENT */
/* ======================================= */

.card-content[b-l6h0qnerq5] {
    position: relative;
    z-index: 1;
    margin-top: 28px;
}


    .card-content h2[b-l6h0qnerq5] {
        margin: 0 0 10px;
        font-size: 26px;
        font-weight: 950;
    }


    .card-content p[b-l6h0qnerq5] {
        max-width: 450px;
        margin: 0;
        color: #8995a7;
        font-size: 12px;
        line-height: 1.65;
    }


/* ======================================= */
/* FEATURES */
/* ======================================= */

.card-features[b-l6h0qnerq5] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 22px;
}


    .card-features span[b-l6h0qnerq5] {
        padding: 5px 8px;
        border: 1px solid #273346;
        border-radius: 6px;
        background: rgba(10, 16, 26, 0.55);
        color: #7f8ca0;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: .5px;
    }


/* ======================================= */
/* FOOTER */
/* ======================================= */

.card-footer[b-l6h0qnerq5] {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-top: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #1b2636;
    color: #d8dee8;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .5px;
}


    .card-footer span[b-l6h0qnerq5] {
        font-size: 19px;
        transition: transform .2s ease;
    }


.session-card:hover .card-footer span[b-l6h0qnerq5] {
    transform: translateX(4px);
}


/* ======================================= */
/* NOTE */
/* ======================================= */

.select-note[b-l6h0qnerq5] {
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #68768a;
    font-size: 9px;
    font-weight: 700;
}


.live-dot[b-l6h0qnerq5] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34, 197, 94, .75);
}


/* ======================================= */
/* MOBILE */
/* ======================================= */

@media (max-width: 760px) {

    .session-select-page[b-l6h0qnerq5] {
        padding: 20px 14px 40px;
    }


    .top-bar[b-l6h0qnerq5] {
        margin-bottom: 45px;
    }


    .session-grid[b-l6h0qnerq5] {
        grid-template-columns: 1fr;
    }


    .session-card[b-l6h0qnerq5] {
        min-height: 270px;
        padding: 20px;
    }


    .session-select-header[b-l6h0qnerq5] {
        margin-bottom: 28px;
    }
}
/* /Pages/Practice.razor.rz.scp.css */
.practice-select-page[b-shpvyjagzz] {
    min-height: 100vh;
    background: radial-gradient( circle at 15% 10%, rgba(59, 130, 246, 0.14), transparent 30% ), radial-gradient( circle at 85% 85%, rgba(245, 158, 11, 0.06), transparent 32% ), #070b12;
    color: white;
    padding: 26px 24px 60px;
    font-family: Arial, Helvetica, sans-serif;
}


.practice-select-shell[b-shpvyjagzz] {
    width: min(1050px, 100%);
    margin: 0 auto;
}


/* TOP BAR */

.top-bar[b-shpvyjagzz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}


.back-button[b-shpvyjagzz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid #1d2938;
    border-radius: 9px;
    background: rgba(15, 23, 36, 0.75);
    color: #aab5c5;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition: all .2s ease;
}


    .back-button:hover[b-shpvyjagzz] {
        color: white;
        border-color: #344258;
        background: #111a28;
        transform: translateX(-2px);
    }


.brand-small[b-shpvyjagzz] {
    color: #8895a8;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.3px;
}


/* HEADER */

.practice-header[b-shpvyjagzz] {
    max-width: 700px;
    margin: 0 auto 42px;
    text-align: center;
}


.eyebrow[b-shpvyjagzz] {
    display: inline-flex;
    padding: 7px 11px;
    border: 1px solid #293344;
    border-radius: 999px;
    background: rgba(15, 23, 36, 0.7);
    color: #60a5fa;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
}


.practice-header h1[b-shpvyjagzz] {
    margin: 18px 0 12px;
    font-size: clamp(34px, 5vw, 54px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -1.5px;
}


.practice-header p[b-shpvyjagzz] {
    max-width: 590px;
    margin: 0 auto;
    color: #8390a3;
    font-size: 13px;
    line-height: 1.7;
}


/* GRID */

.weekend-grid[b-shpvyjagzz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* CARD */

.weekend-card[b-shpvyjagzz] {
    position: relative;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    padding: 26px;
    overflow: hidden;
    border: 1px solid #1d2938;
    border-radius: 16px;
    background: linear-gradient( 145deg, rgba(19, 28, 43, 0.97), rgba(10, 16, 26, 0.98) );
    color: white;
    text-decoration: none;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}


    .weekend-card[b-shpvyjagzz]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0;
        transition: opacity .22s ease;
    }


    .weekend-card:hover[b-shpvyjagzz] {
        transform: translateY(-5px);
    }


        .weekend-card:hover[b-shpvyjagzz]::before {
            opacity: 1;
        }


/* COLORS */

.normal-card:hover[b-shpvyjagzz] {
    border-color: rgba(59, 130, 246, 0.65);
    box-shadow: 0 16px 50px rgba(59, 130, 246, 0.13);
}


.normal-card[b-shpvyjagzz]::before {
    background: radial-gradient( circle at 15% 10%, rgba(59, 130, 246, 0.16), transparent 45% );
}


.sprint-card:hover[b-shpvyjagzz] {
    border-color: rgba(245, 158, 11, 0.65);
    box-shadow: 0 16px 50px rgba(245, 158, 11, 0.12);
}


.sprint-card[b-shpvyjagzz]::before {
    background: radial-gradient( circle at 15% 10%, rgba(245, 158, 11, 0.15), transparent 45% );
}


/* TOP */

.card-top[b-shpvyjagzz] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.weekend-icon[b-shpvyjagzz] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #172234;
    font-size: 22px;
    font-weight: 950;
}


.normal-card .weekend-icon[b-shpvyjagzz] {
    color: #60a5fa;
}


.sprint-card .weekend-icon[b-shpvyjagzz] {
    color: #fbbf24;
}


.weekend-tag[b-shpvyjagzz] {
    padding: 6px 9px;
    border-radius: 7px;
    background: #172234;
    color: #8794a8;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* CONTENT */

.card-content[b-shpvyjagzz] {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}


    .card-content h2[b-shpvyjagzz] {
        margin: 0 0 10px;
        font-size: 27px;
        font-weight: 950;
    }


    .card-content p[b-shpvyjagzz] {
        margin: 0;
        max-width: 420px;
        color: #8995a7;
        font-size: 12px;
        line-height: 1.65;
    }


/* SESSIONS */

.session-list[b-shpvyjagzz] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 8px;
    margin-top: 24px;
}


    .session-list span[b-shpvyjagzz] {
        min-width: 46px;
        padding: 7px 10px;
        text-align: center;
        border: 1px solid #273346;
        border-radius: 7px;
        background: rgba(10, 16, 26, 0.58);
        color: #b4bfce;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .5px;
    }


.normal-card .session-list span[b-shpvyjagzz] {
    color: #60a5fa;
}


.sprint-card .session-list span[b-shpvyjagzz] {
    color: #fbbf24;
}


/* FOOTER */

.card-footer[b-shpvyjagzz] {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #1b2636;
    color: #d8dee8;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .5px;
}


    .card-footer span[b-shpvyjagzz] {
        font-size: 20px;
        transition: transform .2s ease;
    }


.weekend-card:hover .card-footer span[b-shpvyjagzz] {
    transform: translateX(4px);
}


/* NOTE */

.select-note[b-shpvyjagzz] {
    margin-top: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #68768a;
    font-size: 9px;
    font-weight: 700;
}


.live-dot[b-shpvyjagzz] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34, 197, 94, .75);
}


/* MOBILE */

@media (max-width: 760px) {

    .practice-select-page[b-shpvyjagzz] {
        padding: 20px 14px 40px;
    }


    .top-bar[b-shpvyjagzz] {
        margin-bottom: 45px;
    }


    .weekend-grid[b-shpvyjagzz] {
        grid-template-columns: 1fr;
    }


    .weekend-card[b-shpvyjagzz] {
        min-height: 290px;
        padding: 21px;
    }
}
/* /Pages/PracticeTiming.razor.rz.scp.css */
.practice-page[b-ypahmfxsh6] {
    min-height: 100vh;
    background: #070b12;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}


/* ========================================================= */
/* HEADER */
/* ========================================================= */

.practice-header[b-ypahmfxsh6] {
    min-height: 76px;
    padding: 0 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0d1420;
    border-bottom: 1px solid #1b2737;
}


.header-left[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 14px;
}


.back-button[b-ypahmfxsh6] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #283448;
    border-radius: 8px;
    background: #111a28;
    color: #8795a8;
    text-decoration: none;
    font-size: 18px;
    transition: all .2s ease;
}


    .back-button:hover[b-ypahmfxsh6] {
        color: white;
        background: #172233;
    }


.brand[b-ypahmfxsh6] {
    font-size: 19px;
    font-weight: 950;
}


.mode-label[b-ypahmfxsh6] {
    margin-top: 4px;
    color: #60a5fa;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* ========================================================= */
/* HEADER RIGHT */
/* ========================================================= */

.header-right[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.pause-button[b-ypahmfxsh6],
.live-button[b-ypahmfxsh6] {
    min-height: 36px;
    padding: 10px 13px;
    border: 0;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 900;
    cursor: pointer;
    transition: all .2s ease;
}


.pause-button[b-ypahmfxsh6] {
    background: #172233;
    color: #d6dde7;
}


    .pause-button:hover[b-ypahmfxsh6] {
        background: #202d40;
    }


.live-button[b-ypahmfxsh6] {
    background: #133b28;
    color: #4be28b;
}


    .live-button:hover[b-ypahmfxsh6] {
        background: #174b31;
    }


/* ========================================================= */
/* DELAY */
/* ========================================================= */

.delay-display[b-ypahmfxsh6] {
    min-width: 72px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    margin-right: 3px;
}


.delay-label[b-ypahmfxsh6] {
    color: #69778b;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: .7px;
}


.delay-display strong[b-ypahmfxsh6] {
    color: #7e8b9e;
    font-size: 12px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    transition: all .2s ease;
}


    .delay-display strong.delay-active[b-ypahmfxsh6] {
        color: #f59e0b;
        text-shadow: 0 0 8px rgba(245, 158, 11, .5);
    }


/* ========================================================= */
/* SESSION BAR */
/* ========================================================= */

.session-bar[b-ypahmfxsh6] {
    min-height: 82px;
    padding: 0 26px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    background: #0a111c;
    border-bottom: 1px solid #172131;
}


.event-name[b-ypahmfxsh6] {
    font-size: 16px;
    font-weight: 900;
}


.session-type[b-ypahmfxsh6] {
    margin-top: 5px;
    color: #60a5fa;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* ========================================================= */
/* FP BUTTONS */
/* ========================================================= */

.session-center[b-ypahmfxsh6] {
    display: flex;
    gap: 7px;
}


.session-button[b-ypahmfxsh6] {
    min-width: 48px;
    padding: 8px 11px;
    border: 0;
    border-radius: 7px;
    background: #172233;
    color: #77869a;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
    transition: all .2s ease;
}


    .session-button:hover[b-ypahmfxsh6] {
        color: white;
        background: #202d40;
    }


    .session-button.active[b-ypahmfxsh6] {
        background: #2563eb;
        color: white;
        box-shadow: 0 0 13px rgba(37, 99, 235, .45);
    }


/* ========================================================= */
/* SESSION RIGHT */
/* ========================================================= */

.session-right[b-ypahmfxsh6] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 15px;
}


.session-clock[b-ypahmfxsh6] {
    font-size: 17px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}


/* ========================================================= */
/* TRACK STATUS */
/* ========================================================= */

.track-status[b-ypahmfxsh6] {
    padding: 7px 10px;
    border-radius: 7px;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .4px;
    transition: color .25s ease, background .25s ease, border-color .25s ease;
}


.status-clear[b-ypahmfxsh6] {
    color: #42e184;
    background: rgba(34, 197, 94, .10);
    border: 1px solid rgba(34, 197, 94, .18);
    text-shadow: 0 0 8px rgba(34, 197, 94, .55);
}


.status-yellow[b-ypahmfxsh6] {
    color: #facc15;
    background: rgba(250, 204, 21, .10);
    border: 1px solid rgba(250, 204, 21, .22);
    text-shadow: 0 0 8px rgba(250, 204, 21, .6);
}


.status-red[b-ypahmfxsh6] {
    color: #ff5252;
    background: rgba(239, 68, 68, .12);
    border: 1px solid rgba(239, 68, 68, .25);
    text-shadow: 0 0 9px rgba(239, 68, 68, .7);
}


.status-sc[b-ypahmfxsh6] {
    color: #fbbf24;
    background: rgba(245, 158, 11, .11);
    border: 1px solid rgba(245, 158, 11, .25);
}


.status-vsc[b-ypahmfxsh6] {
    color: #facc15;
    background: rgba(250, 204, 21, .09);
    border: 1px solid rgba(250, 204, 21, .20);
}


.status-finished[b-ypahmfxsh6] {
    color: #cbd5e1;
    background: rgba(148, 163, 184, .10);
    border: 1px solid rgba(148, 163, 184, .18);
}


/* ========================================================= */
/* CONTENT */
/* ========================================================= */

.practice-content[b-ypahmfxsh6] {
    width: min(1320px, calc(100% - 30px));
    margin: 18px auto 0;
}


/* ========================================================= */
/* TOOLBAR */
/* ========================================================= */

.practice-toolbar[b-ypahmfxsh6] {
    min-height: 30px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.toolbar-session[b-ypahmfxsh6] {
    display: flex;
    align-items: baseline;
    gap: 9px;
}


.toolbar-label[b-ypahmfxsh6] {
    color: #68768a;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}


.toolbar-session strong[b-ypahmfxsh6] {
    font-size: 14px;
    color: #60a5fa;
}


.toolbar-right[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 12px;
}


.toolbar-info[b-ypahmfxsh6] {
    color: #68768a;
    font-size: 8px;
    font-weight: 800;
}


.live-indicator[b-ypahmfxsh6] {
    color: #22c55e;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .5px;
    text-shadow: 0 0 7px rgba(34, 197, 94, .6);
}


.paused-indicator[b-ypahmfxsh6] {
    color: #f59e0b;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .5px;
    text-shadow: 0 0 7px rgba(245, 158, 11, .6);
}


.delayed-indicator[b-ypahmfxsh6] {
    color: #f59e0b;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .5px;
}


/* ========================================================= */
/* TIMING PANEL */
/* ========================================================= */

.timing-panel[b-ypahmfxsh6] {
    overflow: hidden;
    border: 1px solid #1b2737;
    border-radius: 12px;
    background: #0e1623;
}


.timing-header-row[b-ypahmfxsh6],
.driver-row[b-ypahmfxsh6] {
    display: grid;
    grid-template-columns: 58px 130px 90px 80px 100px 100px minmax(330px, 1fr) 60px 95px;
    align-items: center;
    padding: 0 14px;
}


.timing-header-row[b-ypahmfxsh6] {
    min-height: 40px;
    background: #111a28;
    color: #718095;
    border-bottom: 1px solid #1b2737;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .6px;
}


.driver-row[b-ypahmfxsh6] {
    min-height: 66px;
    background: #0f1724;
    border-bottom: 1px solid #1a2534;
    transition: background .2s ease;
}


    .driver-row:hover[b-ypahmfxsh6] {
        background: #121d2c;
    }


/* ========================================================= */
/* POSITION */
/* ========================================================= */

.driver-position[b-ypahmfxsh6] {
    font-size: 16px;
    font-weight: 950;
}


/* ========================================================= */
/* DRIVER */
/* ========================================================= */

.driver-info[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.team-line[b-ypahmfxsh6] {
    width: 4px;
    height: 34px;
    border-radius: 4px;
}


.driver-info strong[b-ypahmfxsh6] {
    display: block;
    font-size: 13px;
}


.driver-info span[b-ypahmfxsh6] {
    display: block;
    margin-top: 3px;
    color: #758398;
    font-size: 8px;
}


/* ========================================================= */
/* GAP */
/* ========================================================= */

.driver-gap[b-ypahmfxsh6] {
    color: #c4cedb;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}


/* ========================================================= */
/* TIMES */
/* ========================================================= */

.driver-best[b-ypahmfxsh6],
.driver-last[b-ypahmfxsh6] {
    color: #d0d8e3;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}


.time-green[b-ypahmfxsh6] {
    color: #22c55e;
    text-shadow: 0 0 8px rgba(34, 197, 94, .75);
}


.time-purple[b-ypahmfxsh6] {
    color: #a855f7;
    text-shadow: 0 0 10px rgba(168, 85, 247, .95);
}


/* ========================================================= */
/* TYRES */
/* ========================================================= */

.driver-tyre[b-ypahmfxsh6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}


.tyre-main[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 6px;
}


.tyre-dot[b-ypahmfxsh6] {
    width: 10px;
    height: 10px;
    display: inline-block;
    flex-shrink: 0;
    border-radius: 50%;
    background: #64748b;
}


.tyre-letter[b-ypahmfxsh6] {
    font-size: 11px;
    font-weight: 950;
}


.tyre-age[b-ypahmfxsh6] {
    padding-left: 16px;
    color: #768499;
    font-size: 7px;
    font-weight: 800;
}


.tyre-empty[b-ypahmfxsh6] {
    color: #465267;
}


/* SOFT */

.tyre-soft[b-ypahmfxsh6] {
    background: #ef4444;
    box-shadow: 0 0 7px rgba(239, 68, 68, .55);
}


.tyre-soft-text[b-ypahmfxsh6] {
    color: #ef4444;
}


/* MEDIUM */

.tyre-medium[b-ypahmfxsh6] {
    background: #facc15;
    box-shadow: 0 0 7px rgba(250, 204, 21, .50);
}


.tyre-medium-text[b-ypahmfxsh6] {
    color: #facc15;
}


/* HARD */

.tyre-hard[b-ypahmfxsh6] {
    background: #f1f5f9;
    box-shadow: 0 0 6px rgba(241, 245, 249, .40);
}


.tyre-hard-text[b-ypahmfxsh6] {
    color: #f1f5f9;
}


/* INTERMEDIATE */

.tyre-intermediate[b-ypahmfxsh6] {
    background: #22c55e;
    box-shadow: 0 0 7px rgba(34, 197, 94, .55);
}


.tyre-intermediate-text[b-ypahmfxsh6] {
    color: #22c55e;
}


/* WET */

.tyre-wet[b-ypahmfxsh6] {
    background: #3b82f6;
    box-shadow: 0 0 7px rgba(59, 130, 246, .55);
}


.tyre-wet-text[b-ypahmfxsh6] {
    color: #60a5fa;
}


/* ========================================================= */
/* SECTORS */
/* ========================================================= */

.driver-sectors[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 14px;
}


.sector-block[b-ypahmfxsh6] {
    min-width: 86px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.sector-time[b-ypahmfxsh6] {
    font-size: 8px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}


.mini-row[b-ypahmfxsh6] {
    display: flex;
    gap: 3px;
}


.mini[b-ypahmfxsh6] {
    width: 8px;
    height: 4px;
    display: inline-block;
    border-radius: 999px;
}


    .mini.neutral[b-ypahmfxsh6] {
        background: #64748b;
    }


    .mini.yellow[b-ypahmfxsh6] {
        background: #f59e0b;
        box-shadow: 0 0 7px rgba(245, 158, 11, .85);
    }


    .mini.green[b-ypahmfxsh6] {
        background: #22c55e;
        box-shadow: 0 0 8px rgba(34, 197, 94, .9);
    }


    .mini.purple[b-ypahmfxsh6] {
        background: #a855f7;
        box-shadow: 0 0 10px rgba(168, 85, 247, 1);
    }


    .mini.pit[b-ypahmfxsh6] {
        background: #60a5fa;
        box-shadow: 0 0 8px rgba(96, 165, 250, .8);
    }


.sector-neutral .sector-time[b-ypahmfxsh6] {
    color: #a4afbf;
}


.sector-yellow .sector-time[b-ypahmfxsh6] {
    color: #f59e0b;
    text-shadow: 0 0 7px rgba(245, 158, 11, .7);
}


.sector-green .sector-time[b-ypahmfxsh6] {
    color: #22c55e;
    text-shadow: 0 0 8px rgba(34, 197, 94, .75);
}


.sector-purple .sector-time[b-ypahmfxsh6] {
    color: #a855f7;
    text-shadow: 0 0 10px rgba(168, 85, 247, .9);
}


/* ========================================================= */
/* LAPS */
/* ========================================================= */

.driver-laps[b-ypahmfxsh6] {
    font-size: 11px;
    font-weight: 800;
}


/* ========================================================= */
/* LIVE LAP */
/* ========================================================= */

.live-lap-cell[b-ypahmfxsh6] {
    min-height: 56px;
    display: flex;
    align-items: center;
}


.hotlap-box[b-ypahmfxsh6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 7px;
    background: rgba(34, 197, 94, .07);
    border: 1px solid rgba(34, 197, 94, .18);
}


.hotlap-top[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.hotlap-badge[b-ypahmfxsh6] {
    color: #22c55e;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .6px;
    text-shadow: 0 0 8px rgba(34, 197, 94, .8);
}


.lap-number[b-ypahmfxsh6] {
    color: #718095;
    font-size: 7px;
    font-weight: 900;
}


.lap-timer[b-ypahmfxsh6] {
    color: white;
    font-size: 14px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}


.hotlap-deltas[b-ypahmfxsh6] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 7px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}


.delta-faster[b-ypahmfxsh6] {
    color: #22c55e;
    text-shadow: 0 0 7px rgba(34, 197, 94, .85);
}


.delta-slower[b-ypahmfxsh6] {
    color: #ef4444;
    text-shadow: 0 0 7px rgba(239, 68, 68, .8);
}


.delta-equal[b-ypahmfxsh6] {
    color: #a855f7;
    text-shadow: 0 0 8px rgba(168, 85, 247, .9);
}


.delta-neutral[b-ypahmfxsh6] {
    color: #77869a;
}


/* ========================================================= */
/* LAP STATES */
/* ========================================================= */

.lap-state-box[b-ypahmfxsh6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 7px 8px;
    border-radius: 7px;
    border: 1px solid #263246;
}


.state-top[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.state-label[b-ypahmfxsh6] {
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .6px;
}


.state-description[b-ypahmfxsh6] {
    font-size: 6px;
    font-weight: 900;
    letter-spacing: .5px;
    opacity: .65;
}


/* OUT */

.state-out[b-ypahmfxsh6] {
    background: rgba(59, 130, 246, .08);
    border-color: rgba(59, 130, 246, .22);
}


    .state-out .state-label[b-ypahmfxsh6],
    .state-out .state-description[b-ypahmfxsh6] {
        color: #60a5fa;
    }


/* IN */

.state-in[b-ypahmfxsh6] {
    background: rgba(245, 158, 11, .08);
    border-color: rgba(245, 158, 11, .22);
}


    .state-in .state-label[b-ypahmfxsh6],
    .state-in .state-description[b-ypahmfxsh6] {
        color: #f59e0b;
    }


/* PIT */

.state-pit[b-ypahmfxsh6] {
    background: rgba(239, 68, 68, .09);
    border-color: rgba(239, 68, 68, .24);
}


    .state-pit .state-label[b-ypahmfxsh6],
    .state-pit .state-description[b-ypahmfxsh6] {
        color: #ef4444;
    }


.inactive-lap[b-ypahmfxsh6] {
    color: #465267;
}


/* ========================================================= */
/* EMPTY */
/* ========================================================= */

.empty-state[b-ypahmfxsh6] {
    min-height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
}


.empty-icon[b-ypahmfxsh6] {
    margin-bottom: 15px;
    font-size: 34px;
    opacity: .55;
}


.empty-state h2[b-ypahmfxsh6] {
    margin: 0 0 9px;
    font-size: 19px;
}


.empty-state p[b-ypahmfxsh6] {
    margin: 0;
    color: #78869a;
    font-size: 11px;
}


/* ========================================================= */
/* MOBILE */
/* ========================================================= */

@media (max-width: 900px) {

    .practice-header[b-ypahmfxsh6] {
        padding: 14px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }


    .header-right[b-ypahmfxsh6] {
        width: 100%;
        flex-wrap: wrap;
    }


    .delay-display[b-ypahmfxsh6] {
        align-items: flex-start;
    }


    .pause-button[b-ypahmfxsh6],
    .live-button[b-ypahmfxsh6] {
        flex: 1;
    }


    .session-bar[b-ypahmfxsh6] {
        padding: 14px 16px;
        grid-template-columns: 1fr;
        gap: 13px;
    }


    .session-right[b-ypahmfxsh6] {
        justify-self: start;
    }


    .practice-toolbar[b-ypahmfxsh6] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }


    .toolbar-right[b-ypahmfxsh6] {
        flex-wrap: wrap;
    }


    .timing-panel[b-ypahmfxsh6] {
        overflow-x: auto;
    }


    .timing-header-row[b-ypahmfxsh6],
    .driver-row[b-ypahmfxsh6] {
        min-width: 1120px;
    }
}




/* ========================================================= */
/* POSITION CHANGE */
/* ========================================================= */

.driver-position[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}


.position-number[b-ypahmfxsh6] {
    min-width: 18px;
}


.position-arrow[b-ypahmfxsh6] {
    width: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 950;
}


.position-up-arrow[b-ypahmfxsh6] {
    color: #22c55e;
    text-shadow: 0 0 8px rgba(34, 197, 94, .95);
}


.position-down-arrow[b-ypahmfxsh6] {
    color: #ef4444;
    text-shadow: 0 0 8px rgba(239, 68, 68, .9);
}


/*
 * Jezdec skočil pořadím nahoru.
 */

.position-moved-up[b-ypahmfxsh6] {
    animation: moveDriverUp-b-ypahmfxsh6 1.15s ease-out;
}


/*
 * Jezdec spadl pořadím dolů.
 */

.position-moved-down[b-ypahmfxsh6] {
    animation: moveDriverDown-b-ypahmfxsh6 1.15s ease-out;
}


@keyframes moveDriverUp-b-ypahmfxsh6 {

    0% {
        transform: translateY(18px);
        background: rgba(34, 197, 94, .16);
    }

    45% {
        transform: translateY(0);
        background: rgba(34, 197, 94, .08);
    }

    100% {
        transform: translateY(0);
        background: #0f1724;
    }
}


@keyframes moveDriverDown-b-ypahmfxsh6 {

    0% {
        transform: translateY(-18px);
        background: rgba(239, 68, 68, .14);
    }

    45% {
        transform: translateY(0);
        background: rgba(239, 68, 68, .07);
    }

    100% {
        transform: translateY(0);
        background: #0f1724;
    }
}


/* ========================================================= */
/* DRIVER STATUS */
/* ========================================================= */

.driver-live-status[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.driver-status-pill[b-ypahmfxsh6] {
    min-width: 57px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 7px;
    border-radius: 999px;
    border: 1px solid #263246;
    background: #182334;
    color: #8794a8;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .45px;
    white-space: nowrap;
    transition: all .2s ease;
}


.status-none[b-ypahmfxsh6] {
    color: #465267;
}


/* HOT LAP */

.status-hot[b-ypahmfxsh6] {
    color: #22c55e;
    background: rgba(34, 197, 94, .10);
    border-color: rgba(34, 197, 94, .25);
    box-shadow: 0 0 8px rgba(34, 197, 94, .16);
    text-shadow: 0 0 7px rgba(34, 197, 94, .65);
}


/* OUT LAP */

.status-out[b-ypahmfxsh6] {
    color: #60a5fa;
    background: rgba(59, 130, 246, .10);
    border-color: rgba(59, 130, 246, .25);
    box-shadow: 0 0 8px rgba(59, 130, 246, .14);
}


/* IN LAP */

.status-in[b-ypahmfxsh6] {
    color: #f59e0b;
    background: rgba(245, 158, 11, .10);
    border-color: rgba(245, 158, 11, .25);
    box-shadow: 0 0 8px rgba(245, 158, 11, .14);
}


/* PIT */

.status-pit[b-ypahmfxsh6] {
    color: #c084fc;
    background: rgba(168, 85, 247, .10);
    border-color: rgba(168, 85, 247, .25);
    box-shadow: 0 0 8px rgba(168, 85, 247, .15);
}


/* DNF */

.status-dnf[b-ypahmfxsh6] {
    color: #ff5c5c;
    background: rgba(239, 68, 68, .12);
    border-color: rgba(239, 68, 68, .30);
    box-shadow: 0 0 9px rgba(239, 68, 68, .20);
    text-shadow: 0 0 7px rgba(239, 68, 68, .65);
}


/* ========================================================= */
/* SESSION START / COUNTDOWN */
/* ========================================================= */

.session-time-panel[b-ypahmfxsh6] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.planned-start[b-ypahmfxsh6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.session-time-label[b-ypahmfxsh6] {
    color: #64748b;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: .7px;
}

.planned-start strong[b-ypahmfxsh6] {
    color: #dbe4ef;
    font-size: 11px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.session-countdown[b-ypahmfxsh6] {
    min-width: 76px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.session-timer-label[b-ypahmfxsh6] {
    font-size: 6px;
    font-weight: 950;
    letter-spacing: .7px;
}

.session-countdown strong[b-ypahmfxsh6] {
    font-size: 17px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}


/* ČEKÁNÍ NA DATA */

.timer-waiting .session-timer-label[b-ypahmfxsh6],
.timer-waiting strong[b-ypahmfxsh6] {
    color: #7d899b;
}


/* SESSION JEŠTĚ NEZAČALA */

.timer-before .session-timer-label[b-ypahmfxsh6] {
    color: #60a5fa;
}

.timer-before strong[b-ypahmfxsh6] {
    color: #60a5fa;
    text-shadow: 0 0 10px rgba(96, 165, 250, .4);
}


/* SESSION PRÁVĚ BĚŽÍ */

.timer-running .session-timer-label[b-ypahmfxsh6] {
    color: #22c55e;
}

.timer-running strong[b-ypahmfxsh6] {
    color: #ffffff;
    text-shadow: 0 0 9px rgba(34, 197, 94, .3);
}


/* SESSION SKONČILA */

.timer-finished .session-timer-label[b-ypahmfxsh6] {
    color: #64748b;
}

.timer-finished strong[b-ypahmfxsh6] {
    color: #94a3b8;
}