/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-kwp180m8hf] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-kwp180m8hf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-uqdol24u5e],
.components-reconnect-repeated-attempt-visible[b-uqdol24u5e],
.components-reconnect-failed-visible[b-uqdol24u5e],
.components-pause-visible[b-uqdol24u5e],
.components-resume-failed-visible[b-uqdol24u5e],
.components-rejoining-animation[b-uqdol24u5e] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-retrying[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-failed[b-uqdol24u5e],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-uqdol24u5e] {
    display: block;
}


#components-reconnect-modal[b-uqdol24u5e] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-uqdol24u5e 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-uqdol24u5e 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-uqdol24u5e 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-uqdol24u5e]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-uqdol24u5e 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-uqdol24u5e {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-uqdol24u5e {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-uqdol24u5e {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-uqdol24u5e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-uqdol24u5e] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-uqdol24u5e] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-uqdol24u5e] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-uqdol24u5e] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-uqdol24u5e] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-uqdol24u5e] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-uqdol24u5e 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-uqdol24u5e] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-uqdol24u5e {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Hlasovani.razor.rz.scp.css */
/* =====================================================
   GOOGLE FONT
===================================================== */

:host[b-wk2bmk5esg] {
    display: block;
    height: 100%;
}

*[b-wk2bmk5esg],
*[b-wk2bmk5esg]::before,
*[b-wk2bmk5esg]::after {
    box-sizing: border-box;
}

/* =====================================================
   POZADÍ
===================================================== */

.background[b-wk2bmk5esg] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    font-family: 'Montserrat', sans-serif;
    background: linear-gradient( 180deg, #0b6a42 0%, #11814f 35%, #0d5537 60%, #8b1010 100% );
    background-size: 400% 400%;
    animation: backgroundMove-b-wk2bmk5esg 16s ease infinite;
}

    /* Jemná záře nahoře */

    .background[b-wk2bmk5esg]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at top, rgba(255,255,255,.18), transparent 45%);
        pointer-events: none;
    }

    /* Vignette */

    .background[b-wk2bmk5esg]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle, transparent 35%, rgba(0,0,0,.30));
        pointer-events: none;
    }

/* =====================================================
   GLASSMORPHISM PANEL
===================================================== */

.glass[b-wk2bmk5esg] {
    position: relative;
    z-index: 20;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding: 4rem 3rem;
    border-radius: 36px;
    backdrop-filter: blur(18px);
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 35px 80px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.30);
    animation: panelAppear-b-wk2bmk5esg 1s ease-out;
    transition: transform .35s, box-shadow .35s;
}

    .glass:hover[b-wk2bmk5esg] {
        transform: translateY(-6px);
        box-shadow: 0 45px 90px rgba(0,0,0,.5), 0 0 40px rgba(255,255,255,.12);
    }

    /* Odlesk skla */

    .glass[b-wk2bmk5esg]::before {
        content: "";
        position: absolute;
        left: -30%;
        top: -50%;
        width: 160%;
        height: 80%;
        transform: rotate(-15deg);
        background: linear-gradient( transparent, rgba(255,255,255,.18), transparent );
        pointer-events: none;
    }

    .glass[b-wk2bmk5esg]::after {
        content: "";
        position: absolute;
        inset: -25px;
        border-radius: 40px;
        background: radial-gradient( rgba(255,255,255,.12), transparent 70%);
        z-index: -1;
    }

/* =====================================================
   NADPIS
===================================================== */

.title[b-wk2bmk5esg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    margin-top: -8px;
}

    .title h1[b-wk2bmk5esg] {
        margin: 0;
        color: white;
        text-align: center;
        font-weight: 800;
        letter-spacing: .12em;
        font-size: clamp(3.4rem,11vw,5rem);
        text-shadow: 0 6px 25px rgba(0,0,0,.45), 0 0 20px rgba(255,255,255,.18);
        animation: titleAppear-b-wk2bmk5esg 1.2s ease;
    }

/* Zlatá linka */

.underline[b-wk2bmk5esg] {
    width: 70%;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient( 90deg, #f4c542, #fff5ba, #f4c542);
    box-shadow: 0 0 18px rgba(255,221,87,.8);
    animation: underlineGrow-b-wk2bmk5esg 1.4s ease;
}

/* =====================================================
   TLAČÍTKO
===================================================== */

.voteButton[b-wk2bmk5esg] {
    width: 100%;
    min-height: 92px;
    border-radius: 26px;
    border: 2px solid rgba(255,255,255,.25);
    backdrop-filter: blur(6px);
    cursor: pointer;
    color: white;
    font-size: clamp(2rem,6vw,2.8rem);
    font-weight: 800;
    letter-spacing: .08em;
    background: linear-gradient( 180deg, #ff5b5b, #d71920);
    box-shadow: 0 12px 28px rgba(0,0,0,.45);
    /*transition: transform .25s, box-shadow .25s, filter .25s;*/
    transition: all .25s ease;
    
    /*Nove*/
    user-select: none; /* Potlačí označení textu */
    -webkit-tap-highlight-color: transparent; /* Na Androidu zmizí modrý obdélník po kliknutí. */
    touch-action: manipulation; /* Mobil reaguje svižněji. */
    outline: none; /* Klávesnice zůstane přístupná a myš nebude zobrazovat rámeček. */
}

    .voteButton:focus-visible[b-wk2bmk5esg] {
        outline: 3px solid rgba(255,255,255,.45);
        outline-offset: 4px;
    }
    
    .voteButton:not(.zakazano):hover[b-wk2bmk5esg] {
        transform: translateY(-5px);
        filter: brightness(1.08);
        box-shadow: 0 20px 40px rgba(0,0,0,.45);
    }

    .voteButton:not(.zakazano):active[b-wk2bmk5esg] {
        transform: scale(.97);
        box-shadow: 0 0 18px rgba(255,255,255,.8), 0 0 60px rgba(255,90,90,.9);
        filter: brightness(1.15);
    }

    .voteButton.zakazano[b-wk2bmk5esg] {
        cursor: not-allowed;
        /*        opacity: .9;*/

        filter: saturate(.65);
        background: linear-gradient( 180deg, #c74d4d, #a71b1b);
    }

    .voteButton.zakazano.zatreseni[b-wk2bmk5esg] {
        animation: shake-b-wk2bmk5esg .65s cubic-bezier(.36,.07,.19,.97);
        filter: saturate(.65) brightness(.95);
    }

@keyframes shake-b-wk2bmk5esg {

    0% {
        transform: scale(1);
        filter: brightness(1);
    }

    10% {
        transform: scale(.96);
    }

    20% {
        transform: translateX(-12px) rotate(-3deg) scale(.96);
        filter: brightness(.82);
    }

    30% {
        transform: translateX(12px) rotate(3deg) scale(.97);
    }

    40% {
        transform: translateX(-10px) rotate(-2deg) scale(.98);
    }

    50% {
        transform: translateX(10px) rotate(2deg);
    }

    60% {
        transform: translateX(-7px);
    }

    70% {
        transform: translateX(7px);
    }

    80% {
        transform: translateX(-3px);
    }

    90% {
        transform: translateX(3px);
    }

    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

/* =====================================================
   KONTEJNERY PRO HVĚZDY A SNÍH
===================================================== */

.stars[b-wk2bmk5esg],
.snow[b-wk2bmk5esg] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.star[b-wk2bmk5esg],
.snowflake[b-wk2bmk5esg] {
    position: absolute;
}

/* =====================================================
   ANIMACE
===================================================== */

@keyframes backgroundMove-b-wk2bmk5esg {

    0% {
        background-position: 50% 0%;
    }

    50% {
        background-position: 50% 100%;
    }

    100% {
        background-position: 50% 0%;
    }
}

@keyframes panelAppear-b-wk2bmk5esg {

    from {
        opacity: 0;
        transform: translateY(60px) scale(.92);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes titleAppear-b-wk2bmk5esg {

    from {
        opacity: 0;
        transform: translateY(-35px) scale(.85);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes underlineGrow-b-wk2bmk5esg {

    from {
        width: 0;
    }

    to {
        width: 70%;
    }
}

/* =====================================================
   TABLET
===================================================== */

@media (min-width:768px) {

    .glass[b-wk2bmk5esg] {
        max-width: 700px;
        padding: 4rem;
        gap: 4rem;
    }

    .voteButton[b-wk2bmk5esg] {
        min-height: 110px;
        font-size: 3rem;
    }
}

/* =====================================================
   DESKTOP
===================================================== */

@media (min-width:1200px) {

    .glass[b-wk2bmk5esg] {
        max-width: 900px;
        padding: 5rem;
    }

    .title h1[b-wk2bmk5esg] {
        font-size: 6rem;
    }

    .voteButton[b-wk2bmk5esg] {
        min-height: 125px;
        font-size: 3.5rem;
    }
}


/* =====================================================
   VÁNOČNÍ ATMOSFÉRA
===================================================== */

/* ---------- HVĚZDY ---------- */

.star[b-wk2bmk5esg] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 6px rgba(255,255,255,.9), 0 0 16px rgba(255,255,255,.6);
    animation: twinkle-b-wk2bmk5esg linear infinite;
}

    /* Rozmístění hvězd */

    .star:nth-child(1)[b-wk2bmk5esg] {
        left: 5%;
        top: 12%;
        animation-duration: 2.2s;
    }

    .star:nth-child(2)[b-wk2bmk5esg] {
        left: 18%;
        top: 8%;
        animation-duration: 3s;
    }

    .star:nth-child(3)[b-wk2bmk5esg] {
        left: 30%;
        top: 18%;
        animation-duration: 2.8s;
    }

    .star:nth-child(4)[b-wk2bmk5esg] {
        left: 45%;
        top: 10%;
        animation-duration: 4s;
    }

    .star:nth-child(5)[b-wk2bmk5esg] {
        left: 62%;
        top: 6%;
        animation-duration: 2.3s;
    }

    .star:nth-child(6)[b-wk2bmk5esg] {
        left: 75%;
        top: 16%;
        animation-duration: 3.7s;
    }

    .star:nth-child(7)[b-wk2bmk5esg] {
        left: 88%;
        top: 11%;
        animation-duration: 2.5s;
    }

    .star:nth-child(8)[b-wk2bmk5esg] {
        left: 9%;
        top: 30%;
        animation-duration: 4s;
    }

    .star:nth-child(9)[b-wk2bmk5esg] {
        left: 24%;
        top: 38%;
        animation-duration: 2.4s;
    }

    .star:nth-child(10)[b-wk2bmk5esg] {
        left: 41%;
        top: 34%;
        animation-duration: 3.2s;
    }

    .star:nth-child(11)[b-wk2bmk5esg] {
        left: 58%;
        top: 42%;
        animation-duration: 2.8s;
    }

    .star:nth-child(12)[b-wk2bmk5esg] {
        left: 70%;
        top: 36%;
        animation-duration: 4.2s;
    }

    .star:nth-child(13)[b-wk2bmk5esg] {
        left: 86%;
        top: 30%;
        animation-duration: 2.2s;
    }

    .star:nth-child(14)[b-wk2bmk5esg] {
        left: 7%;
        top: 56%;
    }

    .star:nth-child(15)[b-wk2bmk5esg] {
        left: 20%;
        top: 70%;
    }

    .star:nth-child(16)[b-wk2bmk5esg] {
        left: 38%;
        top: 62%;
    }

    .star:nth-child(17)[b-wk2bmk5esg] {
        left: 52%;
        top: 80%;
    }

    .star:nth-child(18)[b-wk2bmk5esg] {
        left: 67%;
        top: 72%;
    }

    .star:nth-child(19)[b-wk2bmk5esg] {
        left: 81%;
        top: 60%;
    }

    .star:nth-child(20)[b-wk2bmk5esg] {
        left: 92%;
        top: 82%;
    }

    .star:nth-child(21)[b-wk2bmk5esg] {
        left: 12%;
        top: 92%;
    }

    .star:nth-child(22)[b-wk2bmk5esg] {
        left: 34%;
        top: 90%;
    }

    .star:nth-child(23)[b-wk2bmk5esg] {
        left: 54%;
        top: 94%;
    }

    .star:nth-child(24)[b-wk2bmk5esg] {
        left: 73%;
        top: 88%;
    }

    .star:nth-child(25)[b-wk2bmk5esg] {
        left: 91%;
        top: 96%;
    }


/* ---------- SNÍH ---------- */

.snowflake[b-wk2bmk5esg] {
    color: white;
    opacity: .9;
    user-select: none;
    text-shadow: 0 0 10px white;
    animation-name: snowFall-b-wk2bmk5esg;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* velikost + rychlost */

.snow-1[b-wk2bmk5esg] {
    left: 3%;
    font-size: 18px;
    animation-duration: 8s;
    animation-delay: 0s;
}

.snow-2[b-wk2bmk5esg] {
    left: 9%;
    font-size: 30px;
    animation-duration: 13s;
    animation-delay: 1s;
}

.snow-3[b-wk2bmk5esg] {
    left: 16%;
    font-size: 22px;
    animation-duration: 10s;
    animation-delay: 3s;
}

.snow-4[b-wk2bmk5esg] {
    left: 24%;
    font-size: 28px;
    animation-duration: 12s;
    animation-delay: 5s;
}

.snow-5[b-wk2bmk5esg] {
    left: 31%;
    font-size: 18px;
    animation-duration: 9s;
    animation-delay: 2s;
}

.snow-6[b-wk2bmk5esg] {
    left: 38%;
    font-size: 35px;
    animation-duration: 15s;
}

.snow-7[b-wk2bmk5esg] {
    left: 46%;
    font-size: 24px;
    animation-duration: 11s;
}

.snow-8[b-wk2bmk5esg] {
    left: 53%;
    font-size: 16px;
    animation-duration: 8s;
}

.snow-9[b-wk2bmk5esg] {
    left: 61%;
    font-size: 27px;
    animation-duration: 14s;
}

.snow-10[b-wk2bmk5esg] {
    left: 68%;
    font-size: 20px;
    animation-duration: 10s;
}

.snow-11[b-wk2bmk5esg] {
    left: 74%;
    font-size: 32px;
    animation-duration: 15s;
}

.snow-12[b-wk2bmk5esg] {
    left: 79%;
    font-size: 18px;
    animation-duration: 8.5s;
}

.snow-13[b-wk2bmk5esg] {
    left: 84%;
    font-size: 26px;
    animation-duration: 12s;
}

.snow-14[b-wk2bmk5esg] {
    left: 89%;
    font-size: 21px;
    animation-duration: 10.5s;
}

.snow-15[b-wk2bmk5esg] {
    left: 94%;
    font-size: 34px;
    animation-duration: 16s;
}

.snow-16[b-wk2bmk5esg] {
    left: 12%;
    font-size: 24px;
    animation-duration: 11.5s;
}

.snow-17[b-wk2bmk5esg] {
    left: 27%;
    font-size: 19px;
    animation-duration: 9.5s;
}

.snow-18[b-wk2bmk5esg] {
    left: 49%;
    font-size: 29px;
    animation-duration: 13.5s;
}

.snow-19[b-wk2bmk5esg] {
    left: 71%;
    font-size: 22px;
    animation-duration: 12.5s;
}

.snow-20[b-wk2bmk5esg] {
    left: 97%;
    font-size: 18px;
    animation-duration: 9s;
}


/* ---------- TLAČÍTKO ---------- */

.voteButton[b-wk2bmk5esg] {
    position: relative;
    overflow: hidden;
    animation: pulseGlow-b-wk2bmk5esg 2.8s infinite;
}

    .voteButton[b-wk2bmk5esg]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 70%;
        height: 100%;
        background: linear-gradient( 90deg, transparent, rgba(255,255,255,.65), transparent);
        transform: skewX(-25deg);
        animation: shine-b-wk2bmk5esg 3.5s infinite;
    }


/* =====================================================
   ANIMACE
===================================================== */

@keyframes twinkle-b-wk2bmk5esg {

    0%,100% {
        opacity: .2;
        transform: scale(.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.8);
    }
}

@keyframes snowFall-b-wk2bmk5esg {

    from {
        transform: translateY(-120px) translateX(0) rotate(0deg);
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    50% {
        transform: translateY(50vh) translateX(20px) rotate(180deg);
    }

    to {
        transform: translateY(110vh) translateX(-25px) rotate(360deg);
        opacity: .1;
    }
}

@keyframes pulseGlow-b-wk2bmk5esg {

    0%,100% {
        box-shadow: 0 12px 28px rgba(0,0,0,.45), 0 0 0 rgba(255,60,60,0);
    }

    50% {
        box-shadow: 0 18px 36px rgba(0,0,0,.45), 0 0 40px rgba(255,80,80,.95), 0 0 80px rgba(255,70,70,.45);
    }
}

@keyframes shine-b-wk2bmk5esg {

    0% {
        left: -120%;
    }

    60% {
        left: 150%;
    }

    100% {
        left: 150%;
    }
}

/* =========================================
   VÁNOČNÍ SVĚTELNÝ ŘETĚZ
========================================= */

.lights[b-wk2bmk5esg] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 40;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    pointer-events: none;
}

    /* kabel */

    .lights[b-wk2bmk5esg]::before {
        content: "";
        position: absolute;
        top: 18px;
        left: -2%;
        width: 104%;
        height: 4px;
        background: #18351d;
        border-radius: 999px;
    }

.bulb[b-wk2bmk5esg] {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-top: 18px;
    animation: bulbGlow-b-wk2bmk5esg 2s infinite alternate;
}

    .bulb[b-wk2bmk5esg]::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 7px;
        width: 3px;
        height: 10px;
        background: #222;
    }

/*Barvy*/
.bulb-1[b-wk2bmk5esg], .bulb-5[b-wk2bmk5esg], .bulb-9[b-wk2bmk5esg], .bulb-13[b-wk2bmk5esg], .bulb-17[b-wk2bmk5esg] {
    background: #ff4444;
    box-shadow: 0 0 18px #ff4444;
}

.bulb-2[b-wk2bmk5esg], .bulb-6[b-wk2bmk5esg], .bulb-10[b-wk2bmk5esg], .bulb-14[b-wk2bmk5esg], .bulb-18[b-wk2bmk5esg] {
    background: #ffee58;
    box-shadow: 0 0 18px #ffee58;
}

.bulb-3[b-wk2bmk5esg], .bulb-7[b-wk2bmk5esg], .bulb-11[b-wk2bmk5esg], .bulb-15[b-wk2bmk5esg] {
    background: #66ff66;
    box-shadow: 0 0 18px #66ff66;
}

.bulb-4[b-wk2bmk5esg], .bulb-8[b-wk2bmk5esg], .bulb-12[b-wk2bmk5esg], .bulb-16[b-wk2bmk5esg] {
    background: #66ccff;
    box-shadow: 0 0 18px #66ccff;
}

/*Animace*/
@keyframes bulbGlow-b-wk2bmk5esg {

    0% {
        transform: scale(.9);
        filter: brightness(.6);
    }

    100% {
        transform: scale(1.15);
        filter: brightness(1.4);
    }
}


/* ======================================
   INFO ZPRÁVA
====================================== */

.infoMessage[b-wk2bmk5esg] {
    margin-top: -36px;
    color: #8dff97;
    font-weight: 700;
    font-size: 1.2rem;
    opacity: 0;
    transform: translateY(-12px);
    animation: infoShow-b-wk2bmk5esg 1s forwards 2 alternate;
    text-shadow: 0 0 12px rgba(0,255,100,.35);
}

@keyframes infoShow-b-wk2bmk5esg {

    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* CSS for Home component */
.scoreboard-background[b-7r5teutce2] {
    min-height: 100vh;
    background-image: url('/img/pozadi.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.scoreboard-panel[b-7r5teutce2] {
    width: 92%;
    backdrop-filter: blur(18px);
    background: rgba(255,255,255,.18);
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: 0 15px 50px rgba(0,0,0,.45);
    overflow: hidden;
}

.title[b-7r5teutce2] {
    text-align: center;
    font-size: 4rem;
    font-weight: 900;
    letter-spacing: 4px;
    color: white;
    padding: 35px;
    text-shadow: 0 0 15px black;
    background: linear-gradient( 90deg, #6b2d00, #a74d00, #d88d15, #a74d00, #6b2d00);
}

.scoreboard-table[b-7r5teutce2] {
    width: 100%;
    border-collapse: collapse;
}

thead[b-7r5teutce2] {
    background: rgba(0,0,0,.45);
}

th[b-7r5teutce2] {
    color: #FFE9A7;
    font-size: 2rem;
    padding: 25px;
    font-weight: bold;
}

td[b-7r5teutce2] {
    font-size: 3.4rem;
    font-weight: 800;
    color: white;
    text-shadow: 2px 2px 6px black;
    padding: 22px;
    border-bottom: 1px solid rgba(255,255,255,.15);
    height: 130px;
}

.rank[b-7r5teutce2] {
    width: 160px;
    text-align: center;
}

.id[b-7r5teutce2] {
    width: 320px;
    text-align: center;
}

.team[b-7r5teutce2] {
    width: 50%;
    text-align: center;
}

.points[b-7r5teutce2] {
    text-align: right;
    color: #FFE26F;
    width: 220px;
    padding: 0 60px 0 0;
}

.scoreboard-table tbody tr:nth-child(odd)[b-7r5teutce2] {
    background: rgba(255,255,255,.05);
}

.scoreboard-table tbody tr:nth-child(even)[b-7r5teutce2] {
    background: rgba(0,0,0,.10);
}

.medal[b-7r5teutce2] {
    font-size: 3.4rem;
}

.flipUp[b-7r5teutce2] {
    /*    animation: flipRow 1.8s ease;*/
    animation: flipRowUp-b-7r5teutce2 .9s ease;
}

.flipDown[b-7r5teutce2] {
    animation: flipRowDown-b-7r5teutce2 .9s ease;
}

@keyframes flipRowUp-b-7r5teutce2 {

    0% {
        opacity: 1;
        transform: rotateX(0deg) translateY(0);
    }

    100% {
        opacity: 0;
        transform: rotateX(90deg) translateY(-20px);
    }
}

@keyframes flipRowDown-b-7r5teutce2 {

    0% {
        opacity: 0;
        transform: rotateX(90deg) translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: rotateX(0deg) translateY(0);
    }
}

@media (max-width:1200px) {

    td[b-7r5teutce2] {
        font-size: 2.3rem;
    }

    th[b-7r5teutce2] {
        font-size: 1.5rem;
    }

    .title[b-7r5teutce2] {
        font-size: 2.8rem;
    }
}