@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/AppHeader.razor.rz.scp.css */
/* a fejléc padding marad, balra kell, jobbra nem kell extra */
.app-header[b-sepvavh5gb] {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: right;
    background-color:transparent;
    border-bottom: 1px solid rgba(0,0,0,.1);
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: 101;
    
}

/* fejléc jobb oldali konténer */
.app-header__right[b-sepvavh5gb] {
    
    position: relative; /* ehhez igazodik a dropdown */
}

/* menü doboz */
#userMenu.dropdown-menu.dropdown-menu-end[b-sepvavh5gb] {
    background-color: #fff9db;
    opacity:0.9;
    border: 1px solid #f3d36b;
    border-radius: 12px 0 0 12px; /* bal kerek, jobb flush */
    min-width: 14rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* itemek */
#userMenu .dropdown-item[b-sepvavh5gb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 6px;
    padding: .5rem .75rem;
    color: #444;
    cursor: url('/Images/cursors/active.cur'), pointer;
}


    #userMenu .dropdown-item:hover[b-sepvavh5gb],
    #userMenu .dropdown-item:focus[b-sepvavh5gb] {
        background-color: #ffe8a3;
        color: #111;
        
        width: 100%;
        text-align: inherit;
        cursor: url('/Images/cursors/active.cur'), pointer;
    }

/* toggle button */
#userToggle[b-sepvavh5gb] {
    width: 60px;
    height: 60px;
    background-color: transparent !important; /* minden körülmények között áttetsző */
    border: none;
    padding: .375rem;
    line-height: 1;
    color: #d3d3d3; /* ikon+nyíl színe */
    box-shadow: none;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

    /* Hover/fókusz/nyitott állapot */
    #userToggle:hover[b-sepvavh5gb],
    #userToggle:focus[b-sepvavh5gb],
    #userToggle:active[b-sepvavh5gb],
    #userToggle.show[b-sepvavh5gb],
    #userToggle[aria-expanded="true"][b-sepvavh5gb] {
        background-color: transparent !important;
        border: none;
        color: whitesmoke; /* picit világosabb ikon+nyíl */
        box-shadow: none;
        outline: 0;
    }

    /* Ikon méret */
    #userToggle .bi[b-sepvavh5gb] {
        font-size: 1.25rem;
    }
/* /Components/CharacterComponent/CharachterFemale.razor.rz.scp.css */
/* /Components/CharacterComponent/CharachterMale.razor.rz.scp.css */
/* /Components/CharacterComponent/CharacterView.razor.rz.scp.css */

.picture[b-unudc4a41d] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.display-layer[b-unudc4a41d] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: color-mix(in srgb, var(--kc-lcd-background) 22%, transparent);
    z-index: 2;
}

.pic-display[b-unudc4a41d] {
    display: flex;
    padding: 20px;
   
    width: 100%;
    height: 100%;
    z-index: 0;
}
/* /Components/CharacterComponent/CharacterVitalityBar.razor.rz.scp.css */
.kc-character-vitality[b-1q1r5sw4jl] {
    position: relative;
    width: 100%;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    background-color: var(--kc-lcd-background, rgba(210, 255, 57, .9));
    background-image: repeating-linear-gradient(
        0deg,
        var(--kc-lcd-scanline, rgba(20, 28, 10, .025)) 0,
        var(--kc-lcd-scanline, rgba(20, 28, 10, .025)) 1px,
        transparent 1px,
        transparent 4px);
    border: 2px solid rgba(51, 51, 51, .8);
    box-sizing: border-box;
}

.kc-character-vitality.compact[b-1q1r5sw4jl] {
    height: 15px;
    border-width: 1px;
    border-color: #171d11;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18);
}

.kc-character-vitality-fill[b-1q1r5sw4jl] {
    position: absolute;
    z-index: 0;
    inset: 0 auto 0 0;
    transition: width .25s ease;
    box-shadow: inset -1px 0 0 #050805;
}

.kc-character-vitality-fill.full[b-1q1r5sw4jl] {
    background-color: rgba(20, 82, 38, .88);
}

.kc-character-vitality-fill.high[b-1q1r5sw4jl] {
    background-color: rgba(55, 145, 52, .82);
}

.kc-character-vitality-fill.medium[b-1q1r5sw4jl] {
    background-color: rgba(191, 168, 0, .82);
}

.kc-character-vitality-fill.low[b-1q1r5sw4jl] {
    background-color: rgba(220, 132, 31, .86);
}

.kc-character-vitality-fill.critical[b-1q1r5sw4jl] {
    background-color: rgba(190, 48, 42, .88);
}

.kc-character-vitality-label[b-1q1r5sw4jl],
.kc-character-vitality > strong[b-1q1r5sw4jl] {
    position: relative;
    z-index: 1;
    min-width: 0;
    overflow: hidden;
    color: #222f16;
    font-family: 'Share Tech Mono', monospace;
    font-size: .78rem;
    line-height: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-character-vitality.compact
    .kc-character-vitality-label[b-1q1r5sw4jl],
.kc-character-vitality.compact > strong[b-1q1r5sw4jl] {
    padding: 0 3px;
    font-size: .67rem;
}

.kc-character-vitality.state-full
    .kc-character-vitality-label[b-1q1r5sw4jl],
.kc-character-vitality.state-full > strong[b-1q1r5sw4jl] {
    color: #edf5d8;
    text-shadow: 0 1px 2px rgba(3, 18, 7, .9);
}

.kc-character-vitality.damage-a[b-1q1r5sw4jl] {
    animation: kc-character-vitality-damage-a-b-1q1r5sw4jl .48s ease-out;
}

.kc-character-vitality.damage-b[b-1q1r5sw4jl] {
    animation: kc-character-vitality-damage-b-b-1q1r5sw4jl .48s ease-out;
}

@keyframes kc-character-vitality-damage-a-b-1q1r5sw4jl {
    0%, 100% {
        box-shadow: none;
    }

    35% {
        box-shadow: 0 0 8px rgba(222, 65, 53, .95);
    }
}

@keyframes kc-character-vitality-damage-b-b-1q1r5sw4jl {
    0%, 100% {
        box-shadow: none;
    }

    35% {
        box-shadow: 0 0 8px rgba(222, 65, 53, .95);
    }
}
/* /Components/ContentBox.razor.rz.scp.css */
.kc-content-box[b-hy93shn6t4] {
    display: flex;
    border-radius: 22px;
    background-color: #2a2a2a; /* sötétebb árnyalat */
    border: 2px solid rgba(64, 64, 64, 0.7);
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.8);
    transition: all 0.2s ease-in-out;
    opacity: 1;
    padding: 2px;
}

.kc-content-box--inner[b-hy93shn6t4] {
    display: flex;
    border-radius: 22px;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    box-shadow: inset 0 4px 8px rgba(0,0,0,0.7);
    border: inset 2px rgba(10,10,10,0.5);
}

/* Méretvariációk */
.kc-content-box.small[b-hy93shn6t4] {
    width: 200px; /*180 x 140 */
    height: 200px;
}

.kc-content-box.medium[b-hy93shn6t4] {
    width: 320px;
    height: 200px;
}

.kc-content-box.large[b-hy93shn6t4] {
    width: 650px;
    height: 550px;
}

.kc-content-box.extra-large[b-hy93shn6t4] {
    width: 650px;
    height: 685px;
}

.kc-content-box.closed-large[b-hy93shn6t4] {
    width: 650px;
    height: 130px;
}

.kc-content-box.halflarge[b-hy93shn6t4] {
    width: 325px;
    height: 550px;
}

.kc-content-box.wide[b-hy93shn6t4] {
    width: 440px;
    height: 200px;
}

.kc-content-box.tall[b-hy93shn6t4] {
    width: 200px;
    height: 320px;
}

.kc-content-box.minimalized[b-hy93shn6t4] {
    width: 650px;
    height: 65px;
}

/* Fejléc / Lábléc */
.kc-content-box--footer[b-hy93shn6t4],
.kc-content-box--header[b-hy93shn6t4] {
    display: flex;
    height: 30px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.kc-content-box--header[b-hy93shn6t4] {
    border-top-right-radius: 22px;
    border-top-left-radius: 22px;
    background-color: rgba(23,23,23,0.6);
}
.label-title[b-hy93shn6t4] {
    position: relative;
    color: #cccccc;
    
}

.kc-content-box--footeractive[b-hy93shn6t4] {
    font-size: 1rem;
    outline: none;
    height: 30px;
    min-height: 30px;
    width: max-content;
    min-width: 20%;
    padding-left: 10px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    justify-content: left;
    border-top-right-radius: 22px;
    border-bottom-left-radius: 22px;
    font-size:0.95rem;
}
/* Tartalom */
.kc-content-box--content[b-hy93shn6t4] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0px;
    background-color: var(--kc-surface-bg);

    border-top: 1px solid rgba(64, 64, 64, 0.3);
    border-bottom: 1px solid rgba(64, 64, 64, 0.3);
    opacity: 1;
}
    .kc-content-box--content.background-content[b-hy93shn6t4] {
        background-color: transparent;
    }
    .kc-content-box--content.no-content[b-hy93shn6t4] {
        opacity: 0;
    }

    .kc-content-box--content img[b-hy93shn6t4] {
        max-height: 96%;
        border: solid;
        background: rgba(0,0,0,0.1);
        box-shadow: inset 0 4px 8px rgba(0,0,0,0.7);
        border: inset 2px rgba(23,23,23,0.4);
    }

/* Interaktív viselkedés */
.clickable[b-hy93shn6t4] {
    cursor: url('/Images/cursors/active.cur'), pointer;
}

    .clickable:hover[b-hy93shn6t4] {
        filter: brightness(1.1);
        border: 2px ridge rgb(255, 255, 255, 0.55);
    }

    .clickable:active[b-hy93shn6t4] {
        transform: translate(2px, 2px);
        box-shadow: none;
        opacity:1;
    }

/* Tiltott állapot */
.kc-content-box-disabled-overlay[b-hy93shn6t4] {
    position: absolute;
    border-radius: 22px;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(2px);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-disable-icon[b-hy93shn6t4] {
    width: 110px;
    height: 110px;
    opacity: 0.4;
}
.kc-toggle-icon[b-hy93shn6t4] {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.5rem;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
}
    .kc-toggle-icon:hover[b-hy93shn6t4] {
        background-color: rgba(#ff,#ff,#ff,0.9);
    }

/* Lefelé mutató nyíl */
.arrow-down[b-hy93shn6t4] {
    border-top: 6px solid #ccc; /* szürke nyílfej */
 
}

/* Felfelé mutató nyíl */
.arrow-up[b-hy93shn6t4] {
    border-bottom: 6px solid #ccc;
  
}


.kc-content-box--header:hover .tooltip-box[b-hy93shn6t4] {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    top: 40px;
    font-size:0.8rem;
   
}
.kc-lcd-wrapper[b-hy93shn6t4] {
    display:flex;
    flex-direction:column;
    height:100%;
    width: 95%;
}


.kc-lcd-display--outer[b-hy93shn6t4] {
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; /* nagyon fontos! */
}

.kc-lcd-display--inner[b-hy93shn6t4] {
    margin-top:10px;
    font-size: 1.2rem;
    padding: 4px 6px;
    display: block;
    width: 100%;
    /* itt szabályozod, mennyit látsz egyben */
    min-height: 100%;
    scrollbar-gutter: stable;
    overflow: auto;
    /* itt szabályozod, mennyit látsz egyben */
    text-align: left;
    max-height: 100%; /* itt szabályozod, mennyit látsz egyben */
    background: transparent;
}
    .kc-lcd-display--inner.lcd-off[b-hy93shn6t4],
    .kc-lcd-display--outer.lcd-off[b-hy93shn6t4] {
        background-color: transparent;
        color: whitesmoke;
        overflow: hidden;
        scrollbar-gutter: unset;
    }

.kc-lcd-display--inner[b-hy93shn6t4]::-webkit-scrollbar {
    width: 15px;
}

    .kc-lcd-display--inner[b-hy93shn6t4]::-webkit-scrollbar-track {
        background-color: var(--kc-lcd-background);
        border: inset 2px var(--kc-lcd-border);
        border-radius: 4px;
    }

    .kc-lcd-display--inner[b-hy93shn6t4]::-webkit-scrollbar-thumb {
        background-color: #bfa800; /* halványsárga */
        border-radius: 4px;
        border: 1px solid #333;
    }

        .kc-lcd-display--inner[b-hy93shn6t4]::-webkit-scrollbar-thumb:hover {
            background-color: #ffe14d; /* világosabb hover */
        }



.kc-content-box.content-sized[b-hy93shn6t4] {
    width: min(100%, 1120px);
    height: auto;
    box-sizing: border-box;
    flex-shrink: 1;
}

    .kc-content-box.content-sized .kc-content-box--inner[b-hy93shn6t4],
    .kc-content-box.content-sized .kc-content-box--content[b-hy93shn6t4],
    .kc-solo-play[b-hy93shn6t4] {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .kc-content-box.content-sized .kc-content-box--content[b-hy93shn6t4] {
        flex-grow: 0;
        overflow: visible;
    }
/* /Components/InternationalPhoneInput.razor.rz.scp.css */
.kc-international-phone[b-hyqkl5ff7j] {
    width: 100%;
    min-width: 0;
}

.kc-international-phone[b-hyqkl5ff7j]  .iti {
    width: 100%;
}

.kc-international-phone[b-hyqkl5ff7j]  .lcd-input {
    width: 100%;
}

.kc-international-phone[b-hyqkl5ff7j]  .iti__selected-country,
.kc-international-phone[b-hyqkl5ff7j]  .iti__selected-dial-code {
    color: var(--kc-lcd-input-color);
    font-family: var(--kc-lcd-font);
    font-size: 1rem;
    line-height: 1.5;
}

.kc-international-phone[b-hyqkl5ff7j]  .iti__selected-country:not(:disabled),
.kc-international-phone[b-hyqkl5ff7j]  .iti__selected-country:not(:disabled) *,
.kc-international-phone[b-hyqkl5ff7j]  .iti__country {
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-international-phone[b-hyqkl5ff7j]  .iti__selected-country:disabled,
.kc-international-phone[b-hyqkl5ff7j]  .iti__selected-country:disabled * {
    color: var(--kc-lcd-input-disabled-color);
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}
/* /Components/LangGuard.razor.rz.scp.css */
/* /Components/LCDDisplay.razor.rz.scp.css */
.lcd-display[b-tsxdt883jy] {
    width: 100%;
    height: 34px;
    overflow: hidden;
    position: relative;
    font-size: 1.2rem;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr;
    align-items: center;
    box-sizing: border-box;
}

.lcd-text[b-tsxdt883jy] {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(30%);
    transition: opacity 0.4s, transform 0.5s;
    text-align: center;
    box-sizing: border-box;
    padding: 0 6px;
    font-size: 1.2rem;
}

    .lcd-text.visible[b-tsxdt883jy] {
        opacity: 1;
        transform: translateY(0%);
    }

.lcd-start-controls[b-tsxdt883jy] {
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-self: start;
    gap: 2px;
    margin-left: 6px;
}

.lcd-sound-control[b-tsxdt883jy] {
    grid-column: 3;
    grid-row: 1;
    z-index: 2;
    align-self: center;
    justify-self: end;
    margin-right: 6px;
}

.lcd-control[b-tsxdt883jy] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    padding: 0;
    display: grid;
    place-items: center;
    color: var(--kc-lcd-color);
    background: transparent;
    border: 0;
    border-radius: 4px;
    font-size: 1.15rem;
    line-height: 1;
    opacity: .78;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.lcd-control:hover[b-tsxdt883jy] {
    color: #10180a;
    background: transparent;
    opacity: 1;
}

.lcd-control:focus-visible[b-tsxdt883jy] {
    outline: 1px solid rgba(34, 47, 22, .65);
    outline-offset: 1px;
}
/* /Components/PageContainer.razor.rz.scp.css */
.main-pagecontainer[b-7sy7t55k8o] {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    padding-bottom: 40px;
    justify-content: center;
    z-index: 10;
}
/* /Components/RecruitCard.razor.rz.scp.css */
.recruit-block[b-njoluroeba] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    max-width: 200px;
    padding: 8px 9px 8px 38px;
    box-sizing: border-box;
    overflow: hidden;
    color: #cccccc;
    background-color: var(--kc-surface-bg-soft);
    border: 1px solid #55583f;
    border-radius: 8px;
    box-shadow:
        inset 0 0 0 1px rgba(119, 120, 80, 0.14),
        0 3px 7px rgba(0, 0, 0, 0.32);
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.recruit-block:hover[b-njoluroeba] {
    background-color: rgba(48, 56, 46, 0.96);
    border-color: #777850;
}

.selected-block[b-njoluroeba] {
    padding: 7px 8px 7px 37px;
    background-color: rgba(75, 83, 32, 0.78);
    border: 2px solid #b6bd73;
    box-shadow:
        inset 0 0 0 1px rgba(210, 255, 57, 0.14),
        inset 0 3px 7px rgba(0, 0, 0, 0.58);
    cursor: url('/Images/cursors/normal.cur'), default;
}

.selected-block:hover[b-njoluroeba] {
    background-color: rgba(75, 83, 32, 0.78);
    border-color: #b6bd73;
}

.block-info[b-njoluroeba] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

.name-row[b-njoluroeba] {
    min-width: 0;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.name-line[b-njoluroeba] {
    min-width: 0;
    overflow: hidden;
    font-family: 'Special Elite', cursive;
    font-size: 0.9rem;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ori-short[b-njoluroeba] {
    flex: 0 0 auto;
    color: #d9ddb0;
    font-family: 'Courier New', monospace;
    font-size: 0.72rem;
}

.block-status[b-njoluroeba] {
    min-width: 0;
    padding-top: 5px;
    border-top: 1px solid #55583f;
    font-family: 'Courier New', monospace;
    font-size: 0.74rem;
    line-height: 1.25;
}

.block-status > div[b-njoluroeba] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/SubHeader.razor.rz.scp.css */

.htp-tabbar[b-a0ge7ncy6r] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: stretch;
    gap: 1px;
    user-select: none;
    height: 35px;
    color: #cccccc;
    z-index:101;
}

.htp-tab[b-a0ge7ncy6r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Courier New', monospace;
    background: rgba(10, 10, 10, 0.1);
    transition: 0.3s;
    cursor: url('/Images/cursors/normal.cur'), default;
    border-radius: 0 0 8px 8px;
    font-size: 1.2rem;
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 30px;
}

.htp-tab.disabled:hover .tooltip-box[b-a0ge7ncy6r] {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    top: -20px;
}
    .htp-tab:hover[b-a0ge7ncy6r] {
        background: rgba(99, 99, 99, 0.4);
        cursor: url('/Images/cursors/active.cur'), pointer;
    }

.htp-tab.active[b-a0ge7ncy6r] {
    background: var(--kc-shell-bg);
    font-weight: bold;
    border: 1px solid var(--kc-shell-border);
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.6);
    cursor: url('/Images/cursors/normal.cur'), default;
    width: max-content;
    max-width: 100%;
    border-top: none;
}

.htp-tab.disabled[b-a0ge7ncy6r] {
    background: rgba(255,45,45,0.15);
    color: #cccccc;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.tab-text[b-a0ge7ncy6r] {
    display: block;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-box[b-a0ge7ncy6r] {
    border: 1px darkgrey dotted;
}
/* /Features/Home/Home.razor.rz.scp.css */
.kc-home-selector[b-314tfxnru6] {
    display: flex;
    width: 680px;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}



.kc-bboard-item[b-314tfxnru6] {
    display: flex;
}
/* /Features/Login/Auth/Confirm.razor.rz.scp.css */
.emailconfirm-panel[b-s9cgs2t5mi] {
    width: 400px;
    margin: 10px auto;
}

.emailconfirm-head[b-s9cgs2t5mi] {
    text-align: center;
    padding: 4px;
}

.emailconfirm-body[b-s9cgs2t5mi] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    text-align: center;
    align-items: center;
}

/* FOOTER */
.emailconfirm-footer[b-s9cgs2t5mi] {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
/* /Features/Login/Auth/ConfirmPassword.razor.rz.scp.css */
.pswreset-panel[b-vzpdb9jcrd] {
    width: 400px;
    margin: 10px auto;
}

.pswreset-head[b-vzpdb9jcrd] {
    text-align: center;
    padding: 4px;
}

.pswreset-body[b-vzpdb9jcrd] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* FOOTER */
.pswreset-footer[b-vzpdb9jcrd] {
    bottom: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: left;
}
.pswresetbutton-row[b-vzpdb9jcrd] {
    
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
/* /Features/Login/CheckIn.razor.rz.scp.css */
.checkin-panel[b-854jymsh0v] {
    width: 400px;
    margin: 10px auto;
    
}

.checkin-head[b-854jymsh0v] {
    text-align: center;
    padding: 4px;
}

.checkin-body[b-854jymsh0v] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* FOOTER */
.checkin-footer[b-854jymsh0v] {
    bottom: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: left;
}

.checkin-row[b-854jymsh0v] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
   
}


/* Link stílus */
.AcceptTerms-link[b-854jymsh0v] {
    margin-left: 0px;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem; /* Méret állítása itt */
    color: #aaff44;
    text-decoration: none;
    white-space: normal;
    word-break: break-word;
    align-items: center;
    font-size: 10px;
    padding-left:4px;
}

    .AcceptTerms-link:hover[b-854jymsh0v] {
        color: #ddff77;
        text-decoration: underline;
    }

.AcceptTerms-label[b-854jymsh0v] {
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    color: #cccccc;
}

.checkin-action[b-854jymsh0v] {
    display: flex;
    flex-direction: row;
 
    justify-content: flex-start; /* függőleges középvonal */
    gap: 4px; /* checkbox és gomb közötti távolság */
}
.checkin-checkbox[b-854jymsh0v] {
    display: flex;
    justify-content: flex-start;
    top: 0;
}
.label-text[b-854jymsh0v] {
    padding-left: 4px;
}
.checkin-AcceptText[b-854jymsh0v] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; /* függőleges középvonal */
}


.kc-modal-body[b-854jymsh0v]  {
    display: block;
    width: 100%;
    height: 300vh;
    border: 0;
}
/* Scrollbar testreszabás az iframe-hez */

/* /Features/Login/ForgotPsw.razor.rz.scp.css */
.forgotpsw-panel[b-57ac8m4iyq] {
    width: 380px;
    height: 300px;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.forgotpsw-head[b-57ac8m4iyq] {
    text-align: center;
    padding: 4px;
}

.forgotpsw-body[b-57ac8m4iyq] {
    flex: 1 1 auto;
    overflow-y: auto;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-start;
    text-align: center;
    align-items: center;
    padding: 8px;
  
}

/* ✅ Footer fixen alul, sosem mozdul, középen van */
.forgotpsw-footer[b-57ac8m4iyq] {
    flex-shrink: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
  
}
/* /Features/Login/Login.razor.rz.scp.css */
.kc-login-panel[b-o92v1za65g] {
    display:flex;
    flex-direction:column;
    width: 380px;
    height:stretch;
    margin: 10px auto;
    justify-content:space-between;
}

.kc-login-pnael--divider-top[b-o92v1za65g] {
}
.kc-login-panel--divider-bottom[b-o92v1za65g] {
}


.kc-login-head[b-o92v1za65g] {
    text-align: center;
    padding: 4px;
}

.kc-login-body[b-o92v1za65g] {
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        gap: 2px;
    
    }
.kc-login-body--info-row[b-o92v1za65g] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 5px;
}
.kc-login-body--action-row[b-o92v1za65g] {
        display: flex;
        align-items: center; /* függőleges középvonal */
        justify-content: center;
        gap: 10px;
    }

.kc-login-error-row[b-o92v1za65g] {
    display: flex;
    position: static;
    bottom: 0;
}
/* FOOTER */
.kc-login-footer[b-o92v1za65g] {
    display: flex;
    flex-direction: column;
    bottom: 0px;
}

.kc-login-footer--other-providers-row[b-o92v1za65g] {
    text-align: left;
}
.kc-login-footer--other-providers-row.hide[b-o92v1za65g] {
    display: none;
}

.kc-btn-provider[b-o92v1za65g] {
    padding: 1px;
    width: max-content; /* alap szélesség */
    height: 30px;
    color: #fff;
}
    .kc-btn-provider:hover[b-o92v1za65g] {
        opacity: 0.7;
        cursor: url('/Images/cursors/active.cur'), pointer;
    }

    .kc-login-links-row[b-o92v1za65g] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        
    }

        .kc-login-links-row .divider[b-o92v1za65g] {
            color: #888;
            font-weight: bold;
            user-select: none;
        }

    /* Link stílus */
        .kc-login-link[b-o92v1za65g] {
            font-family: 'Courier New', monospace;
            font-size: 0.9rem; /* Méret állítása itt */
            color: #aaff44;
            text-decoration: none;
        }
            .kc-login-link:hover[b-o92v1za65g] {
                color: #ddff77;
                text-decoration: underline;
                cursor: url('/Images/cursors/active.cur'), pointer;
            }


.label-text.masked-email[b-o92v1za65g] {
    font-weight: bold;
}

.remember-me-label[b-o92v1za65g] {
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    color: #cccccc;
}
/* /Features/Login/Register.razor.rz.scp.css */
.kc-regist-panel[b-za7n3f95io] {
    width: 380px;
    margin: 10px auto;
}

.kc-regist-head[b-za7n3f95io] {
    text-align: center;
    padding: 4px;
}

.kc-regist-body[b-za7n3f95io] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.kc-regist-body--divider[b-za7n3f95io] {
}
.kc-regist-body--success[b-za7n3f95io] {
    margin-top: 30px;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.kc-regist-body--success .label-text[b-za7n3f95io] {
    max-width: 100%;
    overflow-wrap: anywhere;
}
.kc-regist-body--button-row[b-za7n3f95io] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* FOOTER */
.kc-regist-footer[b-za7n3f95io] {
    margin-top:30px;
    display: flex;
    justify-content: left;
}
.kc-regist-error-row[b-za7n3f95io] {
    display: flex;
    position: static;
    bottom: 0;
}
/* /Features/Question/Components/FactorySlotsBase.razor.rz.scp.css */
/* /Features/Question/Components/NewQuestionManager.razor.rz.scp.css */



.newquest-body[b-rx8a4cmk87] {
    margin: 10px;
    display: flex;
    flex-direction: column;
 
    gap: 4px; /* mezők közti térköz */
}


.category-part[b-rx8a4cmk87] {
    display: flex
}
.question-lettercounter[b-rx8a4cmk87] {
    display: flex;
    margin-top: 16px;
    width: 70%;
    justify-content: space-between;
    align-items: end;
}

.question-wrapper[b-rx8a4cmk87] {
    display: flex;
    height: 200px;
    justify-content: space-between;
    align-items: start;
}
.lcd-input.lcd-area[b-rx8a4cmk87] {
    width: 70%;
    height: 90%;
    resize: none;
    box-sizing: border-box;
    overflow: auto;
}
    


.question-wrapper-right[b-rx8a4cmk87] {
    height: 100%;
    margin-right: 10px;
    margin-top: 35px
}

.answer-table[b-rx8a4cmk87] {
    display: flex;
    justify-content: space-between;
}

.answer-row[b-rx8a4cmk87] {
    display: flex;
    flex-direction: column;
    justify-items: left;
    gap: 2px; /* mezők közti térköz */
    -webkit-align-items: flex-start;
    align-items: flex-start;
}


.inline-editor[b-rx8a4cmk87] {
    color: #cccccc;
    font-family: 'Share Tech Mono', monospace;
    margin-left: 10px;
    width: 53%;
    box-sizing: border-box;
    box-shadow: none;
}
.message-row[b-rx8a4cmk87] {
    color: red;
    position: absolute;
    bottom: 18%;
}
/* /Features/Question/Components/PendingSlotManager.razor.rz.scp.css */
.list-grid[b-yjz6n05t60] {
    grid-template-columns: 5px 8px max-content 60px 5fr 1fr;
}

.category-cell[b-yjz6n05t60] {
    max-width: 60px
}
.category-cell.category-cellext[b-yjz6n05t60] {
    font-size: 1rem;
    text-align: center;
}
.value-cell.value-cellext[b-yjz6n05t60] {
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: auto;
}
.ratio-cell.ratio-cellext[b-yjz6n05t60] {
    font-size: 1rem
}
.row-marker[b-yjz6n05t60] {
    color: red;
    font-weight: bold;
    text-align: center;
    animation: blink-b-yjz6n05t60 1s step-start infinite;
}


@keyframes blink-b-yjz6n05t60 {
    0%, 49% {
        visibility: visible;
    }

    50%, 100% {
        visibility: hidden;
    }
}
/* /Features/Question/Components/UserSlotManager.razor.rz.scp.css */
.list-grid[b-klla6mpgef] {
    grid-template-columns: 5px 8px max-content 60px 5fr 1fr;
    
}

.category-cell[b-klla6mpgef] {
    max-width: 50px
}
.category-cell.category-cellext[b-klla6mpgef] {
    font-size: 1rem;
    text-align: center;
   
}


.value-cell.value-cellext[b-klla6mpgef] {
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ratio-cell.ratio-cellext[b-klla6mpgef] {
    font-size: 1rem;
}
/* /Features/Question/Question.razor.rz.scp.css */

.kc-quest-selector[b-0j6gw429qk] {
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    width: max-content;
}

/* /Features/Shared/Help/HelpNavigator.razor.rz.scp.css */
.kc-help-window[b-ppx1psrfhl] {
    width: min(940px, calc(100vw - 48px));
    height: min(760px, calc(100vh - 48px));
}

.kc-help-window.with-navigation[b-ppx1psrfhl] {
    width: min(1180px, calc(100vw - 48px));
}

.kc-help-header h2[b-ppx1psrfhl] {
    font-size: 1.48rem;
}

.kc-help-main[b-ppx1psrfhl] {
    grid-template-columns: minmax(0, 1fr);
}

.kc-help-main.with-navigation[b-ppx1psrfhl] {
    grid-template-columns: 240px minmax(0, 1fr);
}

.kc-help-nav-toggle[b-ppx1psrfhl] {
    display: none;
}

.kc-help-navigation[b-ppx1psrfhl] {
    background:
        repeating-linear-gradient(
            0deg,
            rgba(168, 180, 120, .018) 0,
            rgba(168, 180, 120, .018) 1px,
            transparent 1px,
            transparent 4px),
        linear-gradient(180deg, var(--kc-panel-bg-start), var(--kc-panel-bg-end));
    scrollbar-color: #77714f #11150f;
}

.kc-help-navigation-title[b-ppx1psrfhl] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.kc-help-tree-root + .kc-help-tree-root[b-ppx1psrfhl] {
    margin-top: 4px;
}

.kc-help-package-button[b-ppx1psrfhl],
.kc-help-nav-toggle[b-ppx1psrfhl] {
    width: 100%;
    color: #c7c9b8;
    font-family: 'Courier New', monospace;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-help-root-button[b-ppx1psrfhl] {
    letter-spacing: .025em;
}

.kc-help-root-button:disabled[b-ppx1psrfhl] {
    color: #696c62;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-help-root-button:disabled .kc-help-tree-arrow[b-ppx1psrfhl] {
    color: #55584f;
}

.kc-help-tree-children[b-ppx1psrfhl] {
    position: relative;
    margin: 2px 0 6px 13px;
    padding-left: 12px;
}

.kc-help-tree-children[b-ppx1psrfhl]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: var(--kc-shell-border);
}

.kc-help-package-button[b-ppx1psrfhl] {
    position: relative;
    padding: 7px 7px 7px 9px;
    overflow: hidden;
    font-size: .82rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
}

.kc-help-package-button[b-ppx1psrfhl]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -12px;
    width: 9px;
    height: 1px;
    background: var(--kc-shell-border);
}

.kc-help-package-button:hover[b-ppx1psrfhl],
.kc-help-package-button:focus-visible[b-ppx1psrfhl] {
    color: #f0eec2;
    background: color-mix(in srgb, var(--kc-accent) 32%, transparent);
    outline: none;
}

.kc-help-package-button.active[b-ppx1psrfhl] {
    color: #f0eec2;
    background: color-mix(in srgb, var(--kc-accent) 44%, transparent);
    box-shadow: inset 3px 0 var(--kc-lcd-background);
}

.kc-help-content[b-ppx1psrfhl] {
    --kc-help-font-body: 'Courier New', monospace;
    --kc-help-font-title: 'Special Elite', cursive;
    --kc-help-font-display: 'Share Tech Mono', monospace;
    --kc-help-text: #cccccc;
    --kc-help-text-soft: #b9bca8;
    --kc-help-title: #f0eec2;
    --kc-help-accent: color-mix(in srgb, var(--kc-lcd-background) 76%, white);
    --kc-help-accent-soft: color-mix(in srgb, var(--kc-lcd-background) 60%, #777);
    --kc-help-panel: var(--kc-surface-bg-soft);
    --kc-help-panel-strong: var(--kc-surface-bg);
    --kc-help-border: var(--kc-shell-border);
    position: relative;
    isolation: isolate;
    min-height: 0;
    overflow: auto;
    padding: clamp(14px, 2.4vw, 28px);
    color: var(--kc-help-text);
    font-family: var(--kc-help-font-body);
    scrollbar-color: #77714f #11150f;
}

.kc-help-content[b-ppx1psrfhl]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: var(--kc-help-background-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(.25) sepia(.25) saturate(.65);
    opacity: .035;
    pointer-events: none;
}

.kc-help-content.landing[b-ppx1psrfhl]::before {
    background-size: contain;
    opacity: .045;
}

.kc-help-content-inner[b-ppx1psrfhl] {
    position: relative;
    z-index: 1;
}

.kc-help-content[b-ppx1psrfhl]  .kc-help-document {
    color: var(--kc-help-text);
    font-family: var(--kc-help-font-body);
}

.kc-help-content[b-ppx1psrfhl]  .kc-help-document h1,
.kc-help-content[b-ppx1psrfhl]  .kc-help-document h2 {
    color: var(--kc-help-title);
    font-family: var(--kc-help-font-title);
    font-weight: 400;
}

.kc-help-footer[b-ppx1psrfhl] {
    grid-row: 3;
}

.kc-help-pagination[b-ppx1psrfhl],
.kc-help-buttons[b-ppx1psrfhl] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.kc-help-page-dot[b-ppx1psrfhl] {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #11150f;
    border: 1px solid #77714f;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #24291e;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-help-page-dot.active[b-ppx1psrfhl] {
    background: #c1bd75;
    border-color: #e1dda0;
    box-shadow: 0 0 10px rgba(211, 210, 126, .42);
}

.kc-help-page-dot:hover[b-ppx1psrfhl],
.kc-help-page-dot:focus-visible[b-ppx1psrfhl] {
    filter: brightness(1.22);
    outline: none;
}

@media (max-width: 900px) {
    .kc-help-main.with-navigation[b-ppx1psrfhl] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto minmax(0, 1fr);
    }

    .kc-help-nav-toggle[b-ppx1psrfhl] {
        display: flex;
        grid-row: 1;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
        padding: 8px 14px;
        color: #d8d5a6;
        font: 700 .78rem/1.1 'Share Tech Mono', monospace;
        letter-spacing: .12em;
        background: linear-gradient(180deg, #2d3228, #1d211b);
        border-bottom: 1px solid #5d604b;
    }

    .kc-help-nav-toggle:hover[b-ppx1psrfhl],
    .kc-help-nav-toggle:focus-visible[b-ppx1psrfhl] {
        color: #f0eec2;
        background: linear-gradient(180deg, #383d30, #24291f);
        outline: none;
    }

    .kc-help-navigation[b-ppx1psrfhl] {
        display: none;
        grid-row: 2;
        max-height: 40vh;
        margin: 8px 10px 0;
    }

    .kc-help-navigation.open[b-ppx1psrfhl] {
        display: block;
    }

    .kc-help-main.with-navigation .kc-help-content[b-ppx1psrfhl] {
        grid-row: 3;
    }

    .kc-help-navigation-title[b-ppx1psrfhl] {
        display: none;
    }
}

@media (max-width: 680px) {
    .kc-help-backdrop[b-ppx1psrfhl] {
        padding: 10px;
    }

    .kc-help-window[b-ppx1psrfhl],
    .kc-help-window.with-navigation[b-ppx1psrfhl] {
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
    }

    .kc-help-header[b-ppx1psrfhl] {
        padding-left: 15px;
    }

    .kc-help-kicker[b-ppx1psrfhl] {
        display: none;
    }

    .kc-help-footer[b-ppx1psrfhl] {
        align-items: stretch;
        flex-direction: column;
    }

    .kc-help-pagination[b-ppx1psrfhl] {
        justify-content: center;
    }

    .kc-help-buttons[b-ppx1psrfhl] {
        justify-content: flex-end;
    }
}
/* /Features/Shared/KcToast.razor.rz.scp.css */
.kc-toast[b-vkn4zpfez7] {
    position: fixed;
    top: 180px;
    right: 15px;
    width: 320px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 16px;
    background: var(--kc-shell-bg);
    opacity: 0.85;
    border-left: 8px solid;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-radius: 10px;
    z-index: 3000;
}
.kc-toast-icon[b-vkn4zpfez7] {
    font-size:1.3rem
}
.kc-toast-message[b-vkn4zpfez7] {
    flex: 1;
    font-size: .95rem;
    line-height: 1.4;
    font-weight: 600;
    word-break: break-word;
}

.kc-toast-close[b-vkn4zpfez7] {
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 1rem;
    padding: 0;
    opacity: .6;
}
    .kc-toast-close:hover i[b-vkn4zpfez7],
    .kc-toast-close:hover[b-vkn4zpfez7] {
        opacity: 1;
        cursor: url('/Images/cursors/active.cur'), pointer;
    }


/*---------------------------*/

.kc-toast-error[b-vkn4zpfez7] {
    color: #FF1744;
    border-color: #dc3545;
    box-shadow: 0 8px 24px rgba(255, 23, 68,.65);
}

.kc-toast-success[b-vkn4zpfez7] {
    color: #00E676;
    border-color: green;
    box-shadow: 0 8px 24px rgba(0, 230, 118,.65);
}

.kc-toast-info[b-vkn4zpfez7] {
    color: #00BFFF;
    border-color: #0dcaf0;
    box-shadow: 0 8px 24px rgba(0, 191, 255,.65);
}

.kc-toast-warning[b-vkn4zpfez7] {
    color: #FFD600;
    border-color: #ffc107;
    box-shadow: 0 8px 24px rgba(255, 214, 0,.65);
}

/*---------------------------*/
.kc-toast.show[b-vkn4zpfez7] {
    animation: kcToastShow-b-vkn4zpfez7 .25s ease forwards;
}

.kc-toast.hide[b-vkn4zpfez7] {
    animation: kcToastHide-b-vkn4zpfez7 .25s ease forwards;
}

@keyframes kcToastShow-b-vkn4zpfez7 {

    from {
        opacity: 0;
        transform: translateX(100px);
    }

    to {
        opacity:0.85;
        transform: translateX(0);
    }
}
@keyframes kcToastHide-b-vkn4zpfez7 {

    from {
        opacity: 85;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(50px);
    }
}
/* /Features/Shared/LanguageSelector.razor.rz.scp.css */
.lang-selector[b-fiziki1p90] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: right;
    justify-content: space-between;
    align-items: center;
    padding: 0 0px;
    font-family: 'Special Elite', cursive;
    border-bottom: 1px solid rgba(0,0,0,.1);
    z-index: 1000;
}




/* 🌐 Nyelvválasztó menü doboz */
#langMenu.dropdown-menu.dropdown-menu-end[b-fiziki1p90] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff9db;
    border: 1px solid #f3d36b;
    border-radius: 12px 0 0 12px; /* bal kerek, jobb flush */
    min-width: 10rem;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* 🌐 Itemek */
#langMenu .dropdown-item[b-fiziki1p90] {
    border-radius: 6px;
    padding: .5rem .75rem;
    color: #444;
    display: flex;
    align-items: center;
    gap: .5rem; /* zászló és szöveg közé kis hely */
}

    #langMenu .dropdown-item:hover[b-fiziki1p90],
    #langMenu .dropdown-item:focus[b-fiziki1p90] {
        background-color: #ffe8a3;
        color: #111;
    }

/* 🌐 Nyelvváltó gomb (földgömb ikon) */
#langToggle[b-fiziki1p90] {
    width: 60px;
    height: 60px;
    background-color: transparent !important;
    border: none;
    padding: .375rem;
    line-height: 1;
    color: #d3d3d3; /* ikon színe */
    box-shadow: none;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

    #langToggle:hover[b-fiziki1p90],
    #langToggle:focus[b-fiziki1p90],
    #langToggle:active[b-fiziki1p90],
    #langToggle.show[b-fiziki1p90],
    #langToggle[aria-expanded="true"][b-fiziki1p90] {
        background-color: transparent !important;
        border: none;
        color: whitesmoke; /* hover → világosabb */
        box-shadow: none;
        outline: 0;
    }

    #langToggle .bi[b-fiziki1p90] {
        font-size: 1.25rem;
    }

/* 🌐 Zászló ikon placeholder (később lehet SVG / sprite helyett background-image) */
.flag[b-fiziki1p90] {
    width: 30px;
    height: 14px;
    display: inline-block;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.flag-hu[b-fiziki1p90] {
    background-image: url('/images/flags/hu.png');
}

.flag-en[b-fiziki1p90] {
    background-image: url('/images/flags/en.png');
}
/* /Features/Shared/LoaderView.razor.rz.scp.css */
.loader-overlay[b-v9wgxgirn4] {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(0px);
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none;
    transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
    cursor: url('/Images/cursors/normalload.cur'), wait;
}



    .loader-overlay.active[b-v9wgxgirn4] {
      
        opacity: 1;
        pointer-events: auto;
        backdrop-filter: blur(4px);
    }

.loader-container[b-v9wgxgirn4] {
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px;
}



.loading-logo[b-v9wgxgirn4] {
    width: 30vw;
    height: 30vh;
    animation: coin-swing-b-v9wgxgirn4 2s ease-in-out infinite;
    transform-style: preserve-3d;
}

@keyframes coin-swing-b-v9wgxgirn4 {
    0% {
        transform: rotateY(-60deg);
    }

    50% {
        transform: rotateY(60deg);
    }

    100% {
        transform: rotateY(-60deg);
    }
}
/* /Features/Shared/Modal/Components/DBoxModalRender.razor.rz.scp.css */
.modal-display[b-yf9n4g4u80] {
    container-name: modal-render;
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.modal-layout[b-yf9n4g4u80] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
}

@container modal-render (max-width: 28rem) {
    .modal-layout[b-yf9n4g4u80] {
        font-size: 0.92rem;
        line-height: 1.4;
    }
}
/* /Features/Shared/Modal/Components/QModalRender.razor.rz.scp.css */
.modal-display[b-kdk2upho68] {
    container-name: modal-render;
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.modal-layout[b-kdk2upho68] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 1.2rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.category-label[b-kdk2upho68],
.remark-title[b-kdk2upho68] {
    text-decoration: underline;
}

.question-label[b-kdk2upho68] {
    margin-bottom: 0.75rem;
    font-weight: bold;
}

.answer-label[b-kdk2upho68] {
    margin-bottom: 0.55rem;
    font-size: 0.9rem;
}

.answer-label.correct[b-kdk2upho68] {
    font-weight: bold;
}

.remark-label[b-kdk2upho68] {
    min-width: 0;
    font-size: 0.9rem;
}

.remark-label p[b-kdk2upho68] {
    margin-bottom: 0;
}

.divider[b-kdk2upho68] {
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 2px 0;
    color: #666;
    text-align: center;
}

.divider[b-kdk2upho68]::before,
.divider[b-kdk2upho68]::after {
    content: "";
    flex: 1 1 auto;
    min-width: 0;
    border-bottom: 1px solid #666;
}

.divider:not(:empty)[b-kdk2upho68]::before {
    margin-right: 0.75em;
}

.divider:not(:empty)[b-kdk2upho68]::after {
    margin-left: 0.75em;
}

.status-row[b-kdk2upho68] {
    font-weight: bold;
}

.submited-at[b-kdk2upho68] {
    font-size: 0.7rem;
}

.statistic-row[b-kdk2upho68] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.statistic-row > div[b-kdk2upho68] {
    display: grid;
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
    gap: 0.5rem;
    min-width: 0;
}

.label-statistic[b-kdk2upho68] {
    min-width: 0;
    font-size: 0.9rem;
}

.label-result[b-kdk2upho68] {
    min-width: 0;
    font-size: 1rem;
    font-weight: bold;
    overflow-wrap: anywhere;
}

@container modal-render (max-width: 32rem) {
    .modal-layout[b-kdk2upho68] {
        font-size: 0.95rem;
        line-height: 1.35;
    }

    .question-label[b-kdk2upho68] {
        margin-bottom: 0.5rem;
    }

    .answer-label[b-kdk2upho68],
    .remark-label[b-kdk2upho68],
    .label-statistic[b-kdk2upho68] {
        font-size: 0.82rem;
    }

    .label-result[b-kdk2upho68] {
        font-size: 0.9rem;
        text-align: right;
    }

    .statistic-row > div[b-kdk2upho68] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.35rem;
    }

    .divider:not(:empty)[b-kdk2upho68]::before {
        margin-right: 0.4em;
    }

    .divider:not(:empty)[b-kdk2upho68]::after {
        margin-left: 0.4em;
    }
}
/* /Features/Shared/Modal/Components/TModalRender.razor.rz.scp.css */
.modal-display[b-3bv1e3yaf0] {
    container-name: team-modal-render;
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.modal-layout[b-3bv1e3yaf0] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 1.1rem;
    line-height: 1.4;
}

.modal-section[b-3bv1e3yaf0],
.info-block[b-3bv1e3yaf0] {
    width: 100%;
    min-width: 0;
    margin-inline: auto;
}

.info-block[b-3bv1e3yaf0] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content max-content;
    column-gap: 0.5rem;
    row-gap: 0.25rem;
    margin-bottom: 10px;
}

.info-pair[b-3bv1e3yaf0] {
    display: contents;
}
    .info-pair:nth-child(even) > .info-label[b-3bv1e3yaf0],
    .info-pair:nth-child(even) > .modal-value[b-3bv1e3yaf0] {
        text-align: right;
    }
.info-label[b-3bv1e3yaf0],
.row-name[b-3bv1e3yaf0] {
    min-width: 0;
    overflow-wrap: break-word;
}

.modal-value[b-3bv1e3yaf0] {
    min-width: 0;
    font-weight: bold;
    overflow-wrap: break-word;
}

.right[b-3bv1e3yaf0] {
    text-align: right;
}

.hire-skillblock[b-3bv1e3yaf0],
.promote-block[b-3bv1e3yaf0],
.team-promote-block[b-3bv1e3yaf0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hire-row[b-3bv1e3yaf0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 0.75rem;
    align-items: center;
    min-width: 0;
}

.change-row[b-3bv1e3yaf0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content 4ch 5ch;
    column-gap: 0.35rem;
    align-items: center;
    min-width: 0;
}

.change-old[b-3bv1e3yaf0],
.change-new[b-3bv1e3yaf0],
.modal-separator[b-3bv1e3yaf0],
.times[b-3bv1e3yaf0] {
    white-space: nowrap;
}

.change-old[b-3bv1e3yaf0],
.change-new[b-3bv1e3yaf0],
.times[b-3bv1e3yaf0] {
    text-align: right;
}

.modal-separator[b-3bv1e3yaf0] {
    text-align: center;
}

.modal-subtitle[b-3bv1e3yaf0] {
    width: 100%;
    min-width: 0;
    margin-top: 18px;
    margin-bottom: 3px;
    text-decoration: underline;
    overflow-wrap: break-word;
}

.handle-block[b-3bv1e3yaf0] {
    margin-bottom: 30px;
    text-align: center;
}

.info-row1[b-3bv1e3yaf0] {
    padding: 20px;
    color: red;
    font-size: 1.6rem;
    font-weight: bold;
}

.info-row3[b-3bv1e3yaf0] {
    margin-top: 10px;
    font-weight: bold;
}

.info-row4[b-3bv1e3yaf0] {
    margin-top: 20px;
    font-size: 0.7rem;
    text-align: center;
}

.divider[b-3bv1e3yaf0] {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-top: 2px;
    margin-bottom: 4px;
    font-weight: bold;
    text-align: center;
}

.divider[b-3bv1e3yaf0]::before,
.divider[b-3bv1e3yaf0]::after {
    content: "";
    flex: 1 1 auto;
    min-width: 0;
    border-bottom: 1px solid #666;
}

.divider:not(:empty)[b-3bv1e3yaf0]::before {
    margin-right: 0.75em;
}

.divider:not(:empty)[b-3bv1e3yaf0]::after {
    margin-left: 0.75em;
}

.modal-promlevel[b-3bv1e3yaf0] {
    color: lightgray;
}

.modal-promrank[b-3bv1e3yaf0] {
    padding-left: 4px;
    color: greenyellow;
}

@container team-modal-render (max-width: 26rem) {
    .modal-layout[b-3bv1e3yaf0] {
        font-size: 0.9rem;
        line-height: 1.32;
    }

    .info-block[b-3bv1e3yaf0] {
        grid-template-columns: max-content minmax(0, 1fr);
        row-gap: 0.2rem;
    }

    .change-row[b-3bv1e3yaf0] {
        grid-template-columns: minmax(0, 1fr) max-content 4ch max-content;
        grid-template-areas:
            "name name name name"
            ". old separator new";
        column-gap: 0.25rem;
        row-gap: 0.05rem;
        padding-block: 0.12rem;
    }

    .change-row .row-name[b-3bv1e3yaf0] {
        grid-area: name;
    }

    .change-old[b-3bv1e3yaf0] {
        grid-area: old;
    }

    .modal-separator[b-3bv1e3yaf0] {
        grid-area: separator;
    }

    .change-new[b-3bv1e3yaf0] {
        grid-area: new;
    }

    .modal-subtitle[b-3bv1e3yaf0] {
        margin-top: 12px;
        margin-bottom: 2px;
    }

    .info-row1[b-3bv1e3yaf0] {
        padding: 10px 4px;
        font-size: 1.15rem;
    }

    .handle-block[b-3bv1e3yaf0] {
        margin-bottom: 18px;
    }

    .divider[b-3bv1e3yaf0] {
        font-size: 0.86rem;
    }

    .divider:not(:empty)[b-3bv1e3yaf0]::before {
        margin-right: 0.4em;
    }

    .divider:not(:empty)[b-3bv1e3yaf0]::after {
        margin-left: 0.4em;
    }
}
/* /Features/Shared/Modal/KcModal.razor.rz.scp.css */

/* Alap modal keret */
.modal-custom[b-rct93k0pph] {
    z-index: 9999; /* magasabb mint a backdrop (1050) */
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: auto;
}

/* Header */
.modal-header-custom[b-rct93k0pph] {
    justify-content: center;
}

.modal-title-custom[b-rct93k0pph] {
    text-transform: uppercase;
    font-size: 1.2rem;
}

/* Body */
.kc-modal-body[b-rct93k0pph] {
    font-size: 0.8rem;
    font-family: 'Courier New', monospace;
    /* mindig a modal keret görget */
    width: auto;
    max-width: calc(100% - 20px);
    max-height: 65vh; /* limitáljuk a teljes keretet */
    overflow-x: hidden;
    overflow-y: auto;
    overflow-wrap: anywhere;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(168, 180, 120, .018) 0,
            rgba(168, 180, 120, .018) 1px,
            transparent 1px,
            transparent 4px),
        radial-gradient(circle at 50% 0, var(--kc-panel-glow-start), var(--kc-panel-glow-end) 70%);
}

.kc-modal-body[b-rct93k0pph]  > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.kc-modal-body[b-rct93k0pph]  img,
.kc-modal-body[b-rct93k0pph]  svg,
.kc-modal-body[b-rct93k0pph]  table {
    max-width: 100%;
}

.modal .kc-modal-body h1[b-rct93k0pph],
.modal .kc-modal-body h2[b-rct93k0pph] {
    text-align: center;
}
/* Footer */
.modal-footer-custom[b-rct93k0pph] {
    min-width: 0;
    flex-wrap: wrap;
    gap: 10px;
}
/* Scrollbar testreszabás csak a modal body-n belül */
.kc-modal-body[b-rct93k0pph]::-webkit-scrollbar {
    width: 10px;
}

.kc-modal-body[b-rct93k0pph]::-webkit-scrollbar-track {
    background: rgba(30, 30, 30, 0.9);
    border-radius: 6px;
}

.kc-modal-body[b-rct93k0pph]::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 6px;
    border: 2px solid rgba(30, 30, 30, 0.9);
}

    .kc-modal-body[b-rct93k0pph]::-webkit-scrollbar-thumb:hover {
        background-color: #777;
    }

/* Firefox */
.kc-modal-body[b-rct93k0pph] {
    scrollbar-width: thin;
    scrollbar-color: #555 rgba(30, 30, 30, 0.9);
}



.modal-checkbox[b-rct93k0pph] {
    display: flex;
    min-width: 0;
    margin-left: 16px;
    justify-content: left;

}
.notshow-label[b-rct93k0pph] {
    display:flex;
    font-family: 'Courier New', monospace;
    font-size: 1rem;
    color: #cccccc;
    align-content: center;
    margin-left:4px;
}
.modal-sm.locked[b-rct93k0pph] { 
    --bs-modal-width: 300px; 
}

.locked[b-rct93k0pph] { 
    --bs-modal-width: 500px; 
}

.modal-lg.locked[b-rct93k0pph] { 
    --bs-modal-width: 800px; 
}

.modal-xl.locked[b-rct93k0pph] { 
    --bs-modal-width: 1140px; 
}
/* /Features/Shared/Profile/ProfileAccountView.razor.rz.scp.css */
section[b-aagl9x37bh] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    color: #c9c9bd;
    background: linear-gradient(180deg, var(--kc-panel-bg-start), var(--kc-panel-bg-end));
    border: 1px solid color-mix(in srgb, var(--kc-shell-border) 62%, #777);
    border-radius: 7px;
}

h3[b-aagl9x37bh] {
    margin: 0 0 10px;
    color: #f0eec2;
    font: 400 1.28rem/1.2 'Special Elite', cursive;
    letter-spacing: .06em;
}

label[b-aagl9x37bh] {
    color: #c9c9bd;
    font-size: .84rem;
}

.kc-account-label[b-aagl9x37bh] {
    color: #c9c9bd;
    font-size: .84rem;
}

.kc-account-email[b-aagl9x37bh] {
    display: flex;
    box-sizing: border-box;
    height: 36px;
    padding: 4px 12px;
    align-items: center;
    color: #f0eec2;
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.kc-account-locale-row[b-aagl9x37bh] {
    display: flex;
    min-height: 36px;
    gap: 8px;
    align-items: center;
}

.kc-account-locale[b-aagl9x37bh] {
    flex: 1 1 auto;
    padding: 4px 12px;
    color: #f0eec2;
    font-size: 1rem;
}

.kc-account-locale-warning[b-aagl9x37bh] {
    color: #e14646;
    font-size: 1.2rem;
    animation: kc-account-locale-blink-b-aagl9x37bh 1s step-start infinite;
}

@keyframes kc-account-locale-blink-b-aagl9x37bh {
    50% {
        opacity: .2;
    }
}

.lcd-input[b-aagl9x37bh] {
    width: 100%;
}

.kc-account-field[b-aagl9x37bh] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.kc-account-editable-row[b-aagl9x37bh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 8px;
    align-items: center;
}

.kc-account-section-heading[b-aagl9x37bh] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.kc-account-edit-button[b-aagl9x37bh] {
    display: grid;
    width: 40px;
    height: 36px;
    flex: 0 0 40px;
    padding: 0;
    place-items: center;
    color: #d7d3b8;
    background: var(--kc-panel-bg-end);
    border: 1px solid var(--kc-shell-border);
    border-radius: 5px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-account-edit-button:hover:not(:disabled)[b-aagl9x37bh],
.kc-account-edit-button:focus-visible:not(:disabled)[b-aagl9x37bh] {
    color: #fffbdc;
    background: var(--kc-shell-hover);
    border-color: var(--kc-lcd-background);
    outline: none;
}

.kc-account-edit-button:disabled[b-aagl9x37bh] {
    color: #777;
    background: #343434;
    border-color: #555;
    filter: grayscale(1);
    opacity: .72;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-account-edit-button i[b-aagl9x37bh] {
    pointer-events: none;
}

.kc-account-two-column-row[b-aagl9x37bh],
.kc-account-address-head-row[b-aagl9x37bh] {
    display: grid;
    gap: 12px;
}

.kc-account-two-column-row[b-aagl9x37bh] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kc-account-address-head-row[b-aagl9x37bh] {
    grid-template-columns: minmax(100px, .4fr) minmax(0, 1fr);
}

.kc-account-two-column-row > *[b-aagl9x37bh],
.kc-account-address-head-row > *[b-aagl9x37bh] {
    min-width: 0;
}

.password-box[b-aagl9x37bh] {
    max-width: 100%;
}

.kc-profile-actions[b-aagl9x37bh] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.kc-account-save-actions[b-aagl9x37bh] {
    align-self: end;
    padding: 0 4px 4px;
}

.kc-account-disabled-row[b-aagl9x37bh] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #858585;
}

small[b-aagl9x37bh] {
    color: #8d9084;
    margin-bottom: 12px;
}

.kc-profile-loading[b-aagl9x37bh],
.kc-profile-error[b-aagl9x37bh] {
    grid-column: 1 / -1;
    place-self: center;
    font-family: 'Share Tech Mono', monospace;
}

.kc-profile-error[b-aagl9x37bh] {
    color: #e47676;
}

@media (max-width: 680px) {
    .kc-account-two-column-row[b-aagl9x37bh],
    .kc-account-address-head-row[b-aagl9x37bh] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Shared/Profile/ProfileAuthorizationPrompt.razor.rz.scp.css */
label[b-6wtv5k75uk] {
    color: #c9c9bd;
    font-size: .84rem;
}

.lcd-input[b-6wtv5k75uk] {
    width: 100%;
}

.kc-profile-authorization-error[b-6wtv5k75uk] {
    min-height: 20px;
    margin: 4px 0 0;
    color: #e47676;
}

.kc-profile-authorization-actions[b-6wtv5k75uk] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
}
/* /Features/Shared/Profile/ProfileNavigator.razor.rz.scp.css */
.kc-profile-window[b-b9agrvc3mz] {
    width: min(1000px, calc(100vw - 48px));
    height: min(800px, calc(100vh - 48px));
}

.kc-profile-main[b-b9agrvc3mz] {
    grid-template-columns: 210px minmax(0, 1fr);
}

.kc-profile-content[b-b9agrvc3mz] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr);
    gap: 16px;
    overflow: auto;
    padding: clamp(16px, 2.4vw, 26px);
}

.kc-profile-content section[b-b9agrvc3mz] {
    min-width: 0;
    padding: 18px;
    color: #c9c9bd;
    background: linear-gradient(180deg, var(--kc-panel-bg-start), var(--kc-panel-bg-end));
    border: 1px solid color-mix(in srgb, var(--kc-shell-border) 62%, #777);
    border-radius: 7px;
}

.kc-profile-content h3[b-b9agrvc3mz] {
    margin: 0 0 10px;
    color: #f0eec2;
    font: 400 1.28rem/1.2 'Special Elite', cursive;
    letter-spacing: .06em;
}

.kc-profile-rule-message[b-b9agrvc3mz] {
    min-height: 42px;
    margin: 0 0 18px;
    color: #b9bca8;
    font-size: .86rem;
}

.kc-profile-name-row[b-b9agrvc3mz] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 44px;
    gap: 8px;
    align-items: center;
    margin-top: 8px;
}

.kc-profile-name-status[b-b9agrvc3mz] {
    font: 700 1.35rem/1 'Share Tech Mono', monospace;
    text-align: center;
}

.kc-profile-name-status.neutral[b-b9agrvc3mz],
.kc-profile-validation.neutral[b-b9agrvc3mz] {
    color: #9b9d91;
}

.kc-profile-name-status.available[b-b9agrvc3mz],
.kc-profile-validation.available[b-b9agrvc3mz] {
    color: #89c86e;
}

.kc-profile-name-status.invalid[b-b9agrvc3mz],
.kc-profile-validation.invalid[b-b9agrvc3mz],
.kc-profile-error[b-b9agrvc3mz] {
    color: #e47676;
}

.kc-profile-name-input[b-b9agrvc3mz] {
    width: 100%;
}

.kc-profile-check-button[b-b9agrvc3mz],
.kc-profile-avatar-arrow[b-b9agrvc3mz] {
    display: grid;
    place-items: center;
    color: #d7d3b8;
    background: var(--kc-panel-bg-end);
    border: 1px solid var(--kc-shell-border);
    border-radius: 5px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-profile-check-button[b-b9agrvc3mz] {
    width: 44px;
    height: 38px;
    font-size: 1.08rem;
}

.kc-profile-check-button:hover:not(:disabled)[b-b9agrvc3mz],
.kc-profile-check-button:focus-visible[b-b9agrvc3mz],
.kc-profile-avatar-arrow:hover:not(:disabled)[b-b9agrvc3mz],
.kc-profile-avatar-arrow:focus-visible[b-b9agrvc3mz] {
    color: #fffbdc;
    background: var(--kc-shell-hover);
    border-color: var(--kc-lcd-background);
    outline: none;
}

.kc-profile-check-button:disabled[b-b9agrvc3mz],
.kc-profile-avatar-arrow:disabled[b-b9agrvc3mz] {
    color: #777;
    background: #343434;
    border-color: #555;
    box-shadow: none;
    filter: grayscale(1);
    opacity: .72;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-profile-validation[b-b9agrvc3mz] {
    min-height: 38px;
    margin: 9px 0 0 38px;
    font-size: .82rem;
}

.kc-profile-actions[b-b9agrvc3mz] {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

.kc-profile-avatar-picker[b-b9agrvc3mz] {
    display: grid;
    grid-template-columns: 42px minmax(0, 276px) 42px;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.kc-profile-avatar-arrow[b-b9agrvc3mz] {
    width: 42px;
    height: 58px;
}

.kc-profile-avatar-frame[b-b9agrvc3mz] {
    position: relative;
    width: min(100%, 276px);
    aspect-ratio: 276 / 352;
    overflow: hidden;
  
}

.kc-profile-avatar-frame img[b-b9agrvc3mz] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center bottom;

   
}

.kc-profile-loading[b-b9agrvc3mz],
.kc-profile-error[b-b9agrvc3mz] {
    grid-column: 1 / -1;
    place-self: center;
    font-family: 'Share Tech Mono', monospace;
}

.kc-profile-footer[b-b9agrvc3mz] {
    color: #aeb09f;
    font-size: .8rem;
}

.kc-profile-navigation-children[b-b9agrvc3mz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px 0 2px 18px;
}

.kc-profile-navigation-child[b-b9agrvc3mz] {
    font-size: .8rem;
}

@media (max-width: 850px) {
    .kc-profile-main[b-b9agrvc3mz] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }

    .kc-profile-content[b-b9agrvc3mz] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kc-profile-navigation-children[b-b9agrvc3mz] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 2px 5px 5px;
    }
}

@media (max-width: 560px) {
    .kc-profile-backdrop[b-b9agrvc3mz] {
        padding: 10px;
    }

    .kc-profile-window[b-b9agrvc3mz] {
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
    }

    .kc-profile-avatar-picker[b-b9agrvc3mz] {
        grid-template-columns: 36px minmax(0, 220px) 36px;
        gap: 6px;
    }

    .kc-profile-avatar-arrow[b-b9agrvc3mz] {
        width: 36px;
    }

    .kc-profile-footer > span[b-b9agrvc3mz] {
        display: none;
    }
}

@media (max-width: 720px) {
    .kc-window-navigation--sections .kc-window-navigation-list[b-b9agrvc3mz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Features/Shared/Profile/ProfilePrivacyView.razor.rz.scp.css */
.kc-profile-privacy-root[b-y1516os0qm] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.kc-profile-privacy-root section[b-y1516os0qm],
.kc-profile-legal-document[b-y1516os0qm] {
    min-width: 0;
    padding: 18px;
    color: #c9c9bd;
    background: linear-gradient(180deg, var(--kc-panel-bg-start), var(--kc-panel-bg-end));
    border: 1px solid color-mix(in srgb, var(--kc-shell-border) 62%, #777);
    border-radius: 7px;
}

.kc-profile-privacy-root section[b-y1516os0qm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

h3[b-y1516os0qm] {
    margin: 0 0 10px;
    color: #f0eec2;
    font: 400 1.28rem/1.2 'Special Elite', cursive;
    letter-spacing: .06em;
}

p[b-y1516os0qm] {
    margin: 0 0 18px;
    color: #b9bca8;
    font-size: .86rem;
    line-height: 1.45;
}

.kc-profile-privacy-root .kc-profile-privacy-delete[b-y1516os0qm] {
    border-color: color-mix(in srgb, #a64b2a 68%, var(--kc-shell-border));
}

.kc-profile-delete-button:not(:disabled)[b-y1516os0qm],
.kc-profile-privacy-delete[b-y1516os0qm]  .kc-profile-authorization-actions .military-button:not(:disabled) {
    background-color: #a64b2a;
}

.kc-profile-privacy-actions[b-y1516os0qm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
}

.kc-profile-legal-document[b-y1516os0qm] {
    grid-column: 1 / -1;
    overflow: auto;
    scrollbar-color: var(--kc-accent) var(--kc-panel-bg-end);
}

.kc-profile-legal-markup[b-y1516os0qm] {
    color: #c9c9bd;
    font-size: .9rem;
    line-height: 1.55;
}

.kc-profile-legal-markup[b-y1516os0qm]  h1,
.kc-profile-legal-markup[b-y1516os0qm]  h2 {
    color: #f0eec2;
    font-family: 'Special Elite', cursive;
    font-weight: 400;
    letter-spacing: .04em;
}

.kc-profile-legal-markup[b-y1516os0qm]  h1 {
    margin: 0 0 24px;
    font-size: 1.55rem;
}

.kc-profile-legal-markup[b-y1516os0qm]  h2 {
    margin: 24px 0 10px;
    font-size: 1.15rem;
}

.kc-profile-legal-markup[b-y1516os0qm]  p,
.kc-profile-legal-markup[b-y1516os0qm]  li {
    color: #c9c9bd;
}

.kc-profile-privacy-status[b-y1516os0qm] {
    grid-column: 1 / -1;
    place-self: center;
    font-family: 'Share Tech Mono', monospace;
}

.kc-profile-privacy-status.error[b-y1516os0qm] {
    color: #e47676;
}

@media (max-width: 680px) {
    .kc-profile-privacy-root[b-y1516os0qm] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Shared/ScreenTooSmall.razor.rz.scp.css */
/* Teljes overlay háttér */
.screen-warning-overlay[b-xoyutb48r0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--kc-shell-bg);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
}

/* Figyelmeztető doboz */
.warning-box[b-xoyutb48r0] {
    background-color: rgba(51, 51, 51, 0.9);
    padding: 40px;
    border-radius: 22px;
    flex-direction: column;
    text-align: center;
    color: white;
    font-size: 1.1rem;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.8);
    display: flex;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(64, 64, 64, 0.7);
}

    /* Ikon */
    .warning-box .icon[b-xoyutb48r0] {
        font-size: 3rem;
        margin-bottom: 12px;
    }

    /* Szöveg */
    .warning-box .text[b-xoyutb48r0] {
        font-weight: bold;
    }
/* /Features/Shared/Settings/SettingsNavigator.razor.rz.scp.css */
.kc-settings-window[b-ovxzjqsopq] {
    width: min(960px, calc(100vw - 48px));
    height: min(700px, calc(100vh - 48px));
}

.kc-settings-header h2[b-ovxzjqsopq] {
    font-size: 1.48rem;
}

.kc-settings-main[b-ovxzjqsopq] {
    grid-template-columns: 230px minmax(0, 1fr);
}

.kc-settings-content[b-ovxzjqsopq] {
    min-height: 0;
    overflow: auto;
    padding: clamp(16px, 3vw, 30px);
    scrollbar-color: #77714f var(--kc-panel-bg-end);
}

.kc-settings-content h3[b-ovxzjqsopq] {
    margin: 0 0 22px;
    color: #f0eec2;
    font: 400 1.35rem/1.2 'Special Elite', cursive;
    letter-spacing: .07em;
}

.kc-settings-row[b-ovxzjqsopq] {
    display: block;
    padding: 18px;
    color: #c9c9bd;
    background: linear-gradient(180deg, var(--kc-panel-bg-start), var(--kc-panel-bg-end));
    border: 1px solid color-mix(in srgb, var(--kc-shell-border) 62%, #777);
    border-radius: 7px;
}

.kc-settings-row + .kc-settings-row[b-ovxzjqsopq] {
    margin-top: 14px;
}

.kc-settings-row strong[b-ovxzjqsopq] {
    color: #e5e3c1;
    font-weight: 700;
}

.kc-settings-toggle-row[b-ovxzjqsopq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-settings-switch[b-ovxzjqsopq] {
    position: relative;
    flex: 0 0 auto;
    width: 54px;
    height: 28px;
}

.kc-settings-switch input[b-ovxzjqsopq] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.kc-settings-switch span[b-ovxzjqsopq] {
    position: absolute;
    inset: 0;
    background: var(--kc-panel-bg-end);
    border: 1px solid var(--kc-shell-border);
    border-radius: 3px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .6);
}

.kc-settings-switch span[b-ovxzjqsopq]::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: #77796e;
    border: 1px solid #999b8e;
    border-radius: 2px;
    transition: transform .14s ease, background .14s ease;
}

.kc-settings-switch input:checked + span[b-ovxzjqsopq] {
    background: var(--kc-accent);
}

.kc-settings-switch input:checked + span[b-ovxzjqsopq]::after {
    background: var(--kc-lcd-background);
    border-color: color-mix(in srgb, var(--kc-lcd-background) 72%, white);
    transform: translateX(26px);
}

.kc-settings-switch input:focus-visible + span[b-ovxzjqsopq] {
    outline: 2px solid var(--kc-lcd-background);
    outline-offset: 3px;
}

.kc-settings-range-row > span[b-ovxzjqsopq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.kc-settings-range-row output[b-ovxzjqsopq] {
    min-width: 48px;
    color: #d8d5a6;
    font-family: 'Share Tech Mono', monospace;
    text-align: right;
}

.kc-settings-range-row input[type='range'][b-ovxzjqsopq] {
    width: 100%;
    accent-color: var(--kc-lcd-background);
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-settings-themes[b-ovxzjqsopq] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
    margin-top: 14px;
}

.kc-settings-theme[b-ovxzjqsopq] {
    min-width: 0;
    padding: 8px;
    color: #c9c9bd;
    font: .76rem/1.2 'Courier New', monospace;
    background: var(--kc-panel-bg-end);
    border: 1px solid var(--kc-shell-border);
    border-radius: 5px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-settings-theme:hover[b-ovxzjqsopq],
.kc-settings-theme:focus-visible[b-ovxzjqsopq],
.kc-settings-theme.active[b-ovxzjqsopq] {
    color: #f0eec2;
    border-color: var(--kc-lcd-background);
    outline: none;
}

.kc-settings-theme.active[b-ovxzjqsopq] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kc-lcd-background) 28%, transparent);
}

.kc-settings-theme-swatch[b-ovxzjqsopq] {
    height: 34px;
    margin-bottom: 7px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 3px;
}

.kc-settings-theme-swatch span:nth-child(1)[b-ovxzjqsopq] { background: var(--preview-shell); }
.kc-settings-theme-swatch span:nth-child(2)[b-ovxzjqsopq] { background: var(--preview-surface); }
.kc-settings-theme-swatch span:nth-child(3)[b-ovxzjqsopq] { background: var(--preview-lcd); }

.kc-settings-theme-default[b-ovxzjqsopq] { --preview-shell: #0c1f17; --preview-surface: #1b211b; --preview-lcd: #d2ff39; }
.kc-settings-theme-olive[b-ovxzjqsopq] { --preview-shell: #273018; --preview-surface: #242b1b; --preview-lcd: #c1da6c; }
.kc-settings-theme-desert[b-ovxzjqsopq] { --preview-shell: #3b2b1a; --preview-surface: #302419; --preview-lcd: #f2be52; }
.kc-settings-theme-steel[b-ovxzjqsopq] { --preview-shell: #1d2a32; --preview-surface: #1b252b; --preview-lcd: #96cde1; }
.kc-settings-theme-night[b-ovxzjqsopq] { --preview-shell: #141625; --preview-surface: #171925; --preview-lcd: #8b9ae6; }
.kc-settings-theme-lily[b-ovxzjqsopq] { --preview-shell: #35213f; --preview-surface: #2b1d33; --preview-lcd: #d6a7eb; }
.kc-settings-theme-candy[b-ovxzjqsopq] { --preview-shell: #472637; --preview-surface: #38202d; --preview-lcd: #f3a8c8; }
.kc-settings-theme-phone[b-ovxzjqsopq] { --preview-shell: #441036; --preview-surface: #340d2b; --preview-lcd: #ff55c8; }
.kc-settings-theme-wolf[b-ovxzjqsopq] { --preview-shell: #24282c; --preview-surface: #202326; --preview-lcd: #b8c0c7; }

.kc-settings-help-row p[b-ovxzjqsopq] {
    margin: 8px 0 0;
    color: #adb09f;
    line-height: 1.55;
}

.kc-settings-help-row .military-button[b-ovxzjqsopq] {
    margin-top: 22px;
}

.kc-settings-success[b-ovxzjqsopq] {
    margin-top: 14px;
    color: #d8d5a6;
    font: .82rem/1.3 'Share Tech Mono', monospace;
}

.kc-settings-footer .military-button[b-ovxzjqsopq] {
    margin-top: 0;
}

.kc-settings-autosave[b-ovxzjqsopq] {
    color: #b2b4a4;
    font: .76rem/1.2 'Share Tech Mono', monospace;
    letter-spacing: .04em;
}

@media (max-width: 720px) {
    .kc-settings-backdrop[b-ovxzjqsopq] { padding: 10px; }

    .kc-settings-window[b-ovxzjqsopq] {
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
    }

    .kc-settings-main[b-ovxzjqsopq] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }

    .kc-settings-content[b-ovxzjqsopq] { margin: 8px; }
    .kc-settings-themes[b-ovxzjqsopq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kc-settings-autosave[b-ovxzjqsopq] { display: none; }
    .kc-settings-footer[b-ovxzjqsopq] { justify-content: flex-end; }
}

@media (max-width: 430px) {
    .kc-settings-toggle-row[b-ovxzjqsopq] { gap: 14px; }
    .kc-settings-themes[b-ovxzjqsopq] { grid-template-columns: minmax(0, 1fr); }
}
/* /Features/Solo/Components/SoloCategoryStatus.razor.rz.scp.css */
.kc-solo-category-status[b-pygqggko93] {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    line-height: 1;
    pointer-events: none;
}

.kc-solo-category-panel[b-pygqggko93] {
    min-width: 1.8rem;
    min-height: 1.7rem;
    padding: .3rem .45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(210, 255, 57, .45);
    border-radius: 4px;
    background-color: rgba(23, 23, 23, .58);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .65);
    box-sizing: border-box;
    color: rgba(190, 195, 185, .65);
    text-shadow: 0 1px 2px #000;
}

.kc-solo-category-panel.maxed[b-pygqggko93] {
    background-color: rgba(48, 76, 43, .58);
    border-color: rgba(126, 160, 95, .72);
}

.kc-solo-category-panel .bi-trophy-fill.maximum-score[b-pygqggko93] {
    color: #d2ff39;
}
/* /Features/Solo/Components/SoloOrientationStatus.razor.rz.scp.css */
.kc-solo-orientation-status[b-wr2ymlz9ja] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    line-height: 1;
    pointer-events: none;
}

.kc-solo-orientation-panel[b-wr2ymlz9ja] {
    position: relative;
    min-height: 1.7rem;
    padding: .3rem .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(210, 255, 57, .45);
    border-radius: 4px;
    background-color: rgba(23, 23, 23, .58);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .65);
    box-sizing: border-box;
    color: #d2ff39;
    text-shadow: 0 1px 2px #000;
}

.kc-solo-orientation-panel.has-tooltip[b-wr2ymlz9ja] {
    pointer-events: auto;
}

.kc-solo-orientation-panel.has-tooltip:hover > .tooltip-box[b-wr2ymlz9ja] {
    z-index: 5;
    display: block;
    width: max-content;
    max-width: 170px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px darkgrey dotted;
    font-family: 'Courier New', monospace;
    white-space: normal;
    line-height: 20px;
    text-align: center;
}

.kc-solo-orientation-xp[b-wr2ymlz9ja] {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgba(190, 195, 185, .65);
}

.kc-solo-orientation-xp.maxed[b-wr2ymlz9ja] {
    color: #d2ff39;
}

.kc-solo-orientation-xp > .tooltip-box[b-wr2ymlz9ja] {
    bottom: calc(100% + .35rem);
    left: 0;
}

.kc-solo-orientation-score[b-wr2ymlz9ja] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 .4rem;
    gap: .35rem;
}

    .kc-solo-orientation-score .bi-trophy-fill[b-wr2ymlz9ja] {
        color: rgba(190, 195, 185, .65);
    }

        .kc-solo-orientation-score .bi-trophy-fill.maximum-score[b-wr2ymlz9ja] {
            color: #d2ff39;
        }
.kc-solo-orientation-healing[b-wr2ymlz9ja] {
    min-width: 1.8rem;
    --vitality-color: rgba(190, 48, 42, .88);
}

.kc-solo-orientation-healing > .tooltip-box[b-wr2ymlz9ja] {
    top: calc(100% + .35rem);
    right: 0;
}

.kc-solo-orientation-heart[b-wr2ymlz9ja] {
    position: relative;
    width: 1em;
    height: 1em;
    display: block;
    line-height: 1;
}

.kc-solo-orientation-heart i[b-wr2ymlz9ja] {
    position: absolute;
    inset: 0;
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1;
}

.kc-solo-orientation-heart .heart-empty[b-wr2ymlz9ja] {
    color: rgba(204, 204, 204, .28);
}

.kc-solo-orientation-heart .heart-fill[b-wr2ymlz9ja] {
    color: var(--vitality-color);
    clip-path: inset(
        calc(100% - var(--vitality-percent)) 0 0 0);
}

.kc-solo-orientation-healing.full[b-wr2ymlz9ja] {
    --vitality-color: rgba(20, 82, 38, .88);
}

.kc-solo-orientation-healing.high[b-wr2ymlz9ja] {
    --vitality-color: rgba(55, 145, 52, .82);
}

.kc-solo-orientation-healing.medium[b-wr2ymlz9ja] {
    --vitality-color: rgba(191, 168, 0, .82);
}

.kc-solo-orientation-healing.low[b-wr2ymlz9ja] {
    --vitality-color: rgba(220, 132, 31, .86);
}

.kc-solo-orientation-healing.critical[b-wr2ymlz9ja] {
    --vitality-color: rgba(190, 48, 42, .88);
}

.kc-solo-orientation-panel.maxed[b-wr2ymlz9ja] {
    background-color: rgba(48, 76, 43, .58);
    border-color: rgba(126, 160, 95, .72);
}
.kc-solo-orientation-healing.healing-game[b-wr2ymlz9ja] {
    background-color: rgba(112, 47, 47, .64);
    border-color: rgba(190, 76, 76, .78);
}
/* /Features/Solo/Components/SoloPlayView.razor.rz.scp.css */
.kc-solo-play[b-okc28jpn9p] {
    
    width: min(100%, 1120px);
    height: min(72vh, 680px);
    min-height: 560px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    padding: 2px;
}

.kc-solo-player-panel[b-okc28jpn9p],
.kc-solo-question-panel[b-okc28jpn9p] {
    min-width: 0;
    border: 2px solid #151713;
    border-radius: 10px;
    background: var(--kc-surface-bg-soft);
    box-shadow: inset 0 0 0 1px #55584a, inset 0 0 16px rgba(0, 0, 0, .75);
}

.kc-solo-reward-host[b-okc28jpn9p] {
    grid-row: 2 / -1;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: auto;
}

.kc-solo-player-panel[b-okc28jpn9p] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kc-solo-player-visual[b-okc28jpn9p] {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.kc-solo-connection[b-okc28jpn9p] {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 7px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 18px;
    color: #777850;
    font-size: .9rem;
    line-height: 1;
    text-shadow: 0 1px 2px #000;
    background-color: rgba(44,44,44,0.5);
    box-shadow: 2px 2px rgba(0,0,0,0.5);
    border-radius:6px;
}

.kc-solo-connection.good[b-okc28jpn9p] { color: #51b36d; }
.kc-solo-connection.medium[b-okc28jpn9p] { color: #d7bd4f; }
.kc-solo-connection.bad[b-okc28jpn9p] { color: #d15f52; }
.kc-solo-connection.unknown[b-okc28jpn9p] { color: #777850; }

.kc-solo-player-image-box[b-okc28jpn9p] {
    position: relative;
    height: clamp(140px, 24vh, 210px);
    aspect-ratio: 138 / 176;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
}

.kc-solo-player-svg-host[b-okc28jpn9p] {
    position: absolute;
    z-index: 0;
    inset: 0;
}

.kc-solo-player-image[b-okc28jpn9p] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    filter: brightness(0.92) contrast(1.04);
}

.kc-solo-player-placeholder[b-okc28jpn9p] {
    font-size: 5rem;
    color: #7f8552;
}

.kc-solo-player-data[b-okc28jpn9p] {
    padding: 4px 8px 10px;
    text-align: center;
}

.kc-solo-player-name[b-okc28jpn9p] {
    overflow: hidden;
    color: #eee9dc;
    font-size: clamp(1.05rem, 1.25vw, 1.35rem);
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Special Elite', cursive;
}

.kc-solo-player-rank[b-okc28jpn9p] {
    margin-top: 5px;
    color: #c6ef39;
    font-size: 1rem;
    font-family: 'Courier New', monospace;
}

.kc-solo-player-separator[b-okc28jpn9p] {
    height: 1px;
    margin: 10px 0;
    background: #54583b;
}

.kc-solo-player-property[b-okc28jpn9p] {
    padding: 3px 0;
    font-size: .95rem;
    color: #cccccc;
    font-family: 'Courier New', monospace;
    letter-spacing: 0.2px;
}

.kc-solo-player-best[b-okc28jpn9p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.kc-solo-player-best-result[b-okc28jpn9p] {
    white-space: nowrap;
}

.kc-solo-player-best-result strong[b-okc28jpn9p] {
    color: #c6ef39;
    font-weight: 700;
}

.kc-solo-score-box[b-okc28jpn9p] {
    flex: 0 0 auto;
    padding: 10px;
    display: grid;
    gap: 5px;
    text-align: center;
    border-top: 1px solid #55583f;
    
}

    .kc-solo-score-box span[b-okc28jpn9p] {
        color: #cccccc;
        font-family: 'Courier New', monospace;
        letter-spacing: 0.2px;
        font-size: .9rem;
    }

    .kc-solo-score-box strong[b-okc28jpn9p] {
        padding: 8px 5px;
        overflow: hidden;
        font-size: clamp(1.2rem, 1.8vw, 1.75rem);
        text-overflow: ellipsis;
        white-space: nowrap;
        
    }



.kc-solo-question-panel[b-okc28jpn9p] {
    padding: 12px;
    display: grid;
    grid-template-rows: auto auto minmax(100px, .8fr) minmax(250px, 2fr) auto;
    gap: 10px;

}

.kc-solo-connection-check[b-okc28jpn9p] {
    grid-row: 2 / -1;
    min-width: 0;
    min-height: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 18px;
    text-align: center;
}

.kc-solo-connection-check > i[b-okc28jpn9p] {
    color: #c6ef39;
    font-size: clamp(3.5rem, 8vw, 6rem);
    filter: drop-shadow(0 0 8px rgba(210, 255, 57, .35));
    animation: kc-solo-connection-pulse-b-okc28jpn9p 1.4s ease-in-out infinite;
}

.kc-solo-connection-check h3[b-okc28jpn9p] {
    margin: 0;
    color: #eee9dc;
    font-family: 'Special Elite', cursive;
    font-size: clamp(1.2rem, 2.2vw, 1.8rem);
    text-transform: uppercase;
}

.kc-solo-connection-check .kc-solo-connection-result[b-okc28jpn9p] {
    font-family: 'Share Tech Mono', monospace;
    letter-spacing: .03em;
}

.kc-solo-connection-result.good[b-okc28jpn9p] { color: #51b36d; }
.kc-solo-connection-result.medium[b-okc28jpn9p] { color: #d7bd4f; }
.kc-solo-connection-result.bad[b-okc28jpn9p] { color: #d15f52; }

@keyframes kc-solo-connection-pulse-b-okc28jpn9p {
    0%,
    100% {
        opacity: .45;
    }

    50% {
        opacity: 1;
    }
}


.kc-solo-question-header[b-okc28jpn9p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
    min-height: 40px;
    color: #cccccc;
    opacity: 0.9;
    font-size: clamp(1rem, 1.35vw, 1.35rem);
    font-family: 'Special Elite', cursive;
    text-transform: uppercase;
    border: inset 1px #777;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), inset 0 4px 8px rgba(0, 0, 0, 0.7);
}

.kc-solo-category[b-okc28jpn9p],
.kc-solo-question-count[b-okc28jpn9p] {
    align-self: stretch;
    display: flex;
    align-items: center;

    transform: translateY(3px);
}

.kc-solo-category[b-okc28jpn9p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-solo-question-count[b-okc28jpn9p] {
    flex: 0 0 auto;
}

.kc-solo-timer[b-okc28jpn9p] {
    min-height: 58px;
    padding: 6px 10px;
    display: grid;
    grid-template-columns: auto 100px minmax(80px, 1fr);
    align-items: center;
    gap: 10px;
    background: #181b16;
    border: 2px solid #080a08;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px #55594a;
}

    .kc-solo-timer > i[b-okc28jpn9p] {
        color: #c6ef39;
        font-size: 2rem;
    }

.kc-solo-timer-display[b-okc28jpn9p] {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}



.kc-solo-timer-display strong[b-okc28jpn9p] {
    font-family: monospace;
    font-size: 2rem;
    line-height: 1;
}

    .kc-solo-timer-display span[b-okc28jpn9p] {
        font-size: .9rem;
    }

.kc-solo-timer-track[b-okc28jpn9p] {
    height: 25px;
    padding: 4px;
    overflow: hidden;
    background: repeating-linear-gradient( 90deg, #262a1c 0, #262a1c 7px, #0d0f0b 7px, #0d0f0b 11px);
    border: inset 2px #777;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4), inset 0 4px 8px rgba(0,0,0,0.7);
}

.kc-solo-timer-value[b-okc28jpn9p] {
    height: 100%;
    background-color: yellow;
    box-shadow: 0 0 7px rgba(197, 242, 57, .8);
    transition: width .25s linear;
}

.kc-solo-timer-high .kc-solo-timer-value[b-okc28jpn9p] {
    background-color: #bfe935;
}

.kc-solo-timer-warning .kc-solo-timer-value[b-okc28jpn9p] {
    background-color: rgba(231, 140, 53,1);
}
.kc-solo-timer-warning .kc-solo-timer-display[b-okc28jpn9p] {
    background-color: rgba(231, 140, 53, 0.9);
}

.kc-solo-timer-critical .kc-solo-timer-value[b-okc28jpn9p] {
    background-color: rgba(200, 59, 50, 1);
}

.kc-solo-timer-critical .kc-solo-timer-display[b-okc28jpn9p] { background-color: rgba(200, 59, 50, 0.9); }


.kc-solo-question-text[b-okc28jpn9p] {
    position: relative;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;

   
    font-size: clamp(1rem, 1.7vw, 1.35rem);
    font-weight: 700;
    line-height: 1.35;
    text-align: center;



}

.kc-solo-healing-indicator[b-okc28jpn9p] {
    position: absolute;
    right: 10px;
    bottom: 8px;
    display: grid;
    place-items: center;
    color: inherit;
    font-size: 1.25rem;
    line-height: 1;
    opacity: .92;
    filter: drop-shadow(0 0 3px rgba(34, 47, 22, .35));
    pointer-events: none;
}

.kc-solo-experience-indicator[b-okc28jpn9p] {
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: inherit;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    opacity: .92;
    text-shadow: 0 0 3px rgba(34, 47, 22, .35);
    pointer-events: none;
}

.kc-solo-healing-indicator.completed[b-okc28jpn9p] {
    animation: kc-solo-healing-complete-b-okc28jpn9p .65s ease forwards;
}

@keyframes kc-solo-healing-complete-b-okc28jpn9p {
    0% {
        opacity: .92;
        transform: scale(1);
    }

    40% {
        opacity: 1;
        transform: scale(1.25);
    }

    100% {
        opacity: 0;
        transform: scale(.35);
    }
}

.kc-solo-answer-list[b-okc28jpn9p] {
    min-height: 0;
    display: grid;
    grid-template-rows: repeat(4, minmax(50px, 1fr));
    gap: 8px;
}

.kc-solo-answer[b-okc28jpn9p] {
    min-width: 0;
    padding: 6px 14px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    color: #e6e2d5;
    background: linear-gradient(180deg, #4c5033, #343820);
    border: 2px solid #171910;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px #777850, 0 2px 3px rgba(0, 0, 0, .6);
    font: inherit;
    cursor: pointer;
    transition: transform .1s ease, filter .1s ease, border-color .1s ease;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

    .kc-solo-answer:hover:not(:disabled)[b-okc28jpn9p] {
        border-color: #a9c83a;
        filter: brightness(1.14);
        transform: translateY(-1px);
    
    }

    .kc-solo-answer:active:not(:disabled)[b-okc28jpn9p] {
        transform: translateY(1px);
    }

    .kc-solo-answer:focus-visible[b-okc28jpn9p] {
        outline: 3px solid #c6ef39;
        outline-offset: 2px;
    }

    .kc-solo-answer:disabled[b-okc28jpn9p] {
        cursor: default;
        filter: grayscale(.5) brightness(.65);
        cursor: url('/Images/cursors/normal.cur'), default;
    }

.kc-solo-answer.selected[b-okc28jpn9p] {
    border-color: #d6ba54;
}

.kc-solo-answer.correct[b-okc28jpn9p] {
    border-color: #4fa968;
    background: rgba(46, 112, 64, .78);
}

.kc-solo-answer.wrong[b-okc28jpn9p] {
    border-color: #b84c4c;
    background: rgba(124, 45, 45, .78);
}

.kc-solo-answer-letter[b-okc28jpn9p] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #c6ef39;
    border: 2px solid #8b963d;
    border-radius: 6px;
    font-size: 1.35rem;
}

.kc-solo-answer-text[b-okc28jpn9p] {
    overflow: hidden;
    font-size: clamp(1rem, 1.3vw, 1.3rem);
    line-height: 1.2;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: 'Share Tech Mono', monospace;
}
.kc-solo-progress-row[b-okc28jpn9p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}


.kc-solo-progress[b-okc28jpn9p] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    row-gap: 12px;
    width: 100%;
    min-width: 0;
    
}

.kc-solo-progress-item[b-okc28jpn9p] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-rows: 24px auto;
    justify-items: center;
    align-items: center;
    color: #aaa;
    font-size: 0.75rem;
}

    /* Alapból balról érkezik a vonal. */
    .kc-solo-progress-item[b-okc28jpn9p]::before {
        content: "";
        position: absolute;
        top: 11px;
        right: 50%;
        width: 100%;
        height: 2px;
        background: #55584b;
        z-index: 0;
        transition: background-color 0.2s ease, box-shadow 0.2s ease;
    }

    /* Az első kérdés előtt nincs vonal. */
    .kc-solo-progress-item:first-child[b-okc28jpn9p]::before {
        display: none;
    }

    /* A második sor jobbról balra halad. */
    .kc-solo-progress-item.second-row[b-okc28jpn9p]::before {
        right: auto;
        left: 50%;
    }

    /* A 10. és 11. kérdés közötti függőleges vonal. */
    .kc-solo-progress-item.row-turn[b-okc28jpn9p]::before {
        top: -100%;
        left: 50%;
        width: 2px;
        height: calc(100% + 12px);
        transform: translateX(-50%);
    }

.kc-solo-progress-item.line-active[b-okc28jpn9p]::before {
    background: #c6ef39;
    box-shadow: 0 0 5px rgba(198, 239, 57, 0.55);
}

.kc-solo-progress-item.line-correct[b-okc28jpn9p]::before {
    background: #aeca35;
    box-shadow: 0 0 5px rgba(174, 202, 53, 0.55);
}

.kc-solo-progress-item.line-wrong[b-okc28jpn9p]::before {
    background: #a83232;
    box-shadow: 0 0 5px rgba(168, 50, 50, 0.55);
}

.kc-solo-progress-item.line-unanswered[b-okc28jpn9p]::before {
    background: #d6ba54;
    box-shadow: 0 0 5px rgba(214, 186, 84, 0.5);
}

.kc-solo-progress-dot[b-okc28jpn9p] {
    position: relative;
    z-index: 1;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    color: #ddd;
    background: #171a15;
    border: 2px solid #66695b;
    border-radius: 50%;
    font-size: 0.75rem;
}

/* Aktuális kérdés. */
.kc-solo-progress-item.active .kc-solo-progress-dot[b-okc28jpn9p] {
    border-color: #c6ef39;
    box-shadow: 0 0 7px #c6ef39;
}

/* Helyes válasz. */
.kc-solo-progress-item.correct .kc-solo-progress-dot[b-okc28jpn9p] {
    color: #17200d;
    background: #aeca35;
    border-color: #d1f257;
}

/* Hibás válasz. */
.kc-solo-progress-item.wrong .kc-solo-progress-dot[b-okc28jpn9p] {
    color: #fff;
    background: #a83232;
    border-color: #ef6767;
}

.kc-solo-progress-item.unanswered .kc-solo-progress-dot[b-okc28jpn9p] {
    color: #332b09;
    background: #d6ba54;
    border-color: #f0d66e;
}


.kc-solo-progress-number[b-okc28jpn9p] {
    line-height: 1;
}



@media (max-width: 1050px) {
    .kc-solo-play[b-okc28jpn9p] {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .kc-solo-timer[b-okc28jpn9p] {
        grid-template-columns: auto 130px minmax(60px, 1fr);
    }
}

@media (max-width: 760px) {
    .kc-solo-play[b-okc28jpn9p] {
        height: auto;
        min-height: 0;
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .kc-solo-player-panel[b-okc28jpn9p] {
        display: grid;
        grid-template-columns: 18px 72px minmax(0, 1fr) 150px;
        align-items: center;
        gap: 7px;
    }

    .kc-solo-player-visual[b-okc28jpn9p] {
        display: contents;
    }

    .kc-solo-connection[b-okc28jpn9p] {
        position: static;
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
        background-color: transparent; 
        box-shadow:none;
    }

    .kc-solo-player-image-box[b-okc28jpn9p] {
        grid-column: 2;
        grid-row: 1;
        height: 88px;
        margin: 0;
    }

    .kc-solo-player-data[b-okc28jpn9p] {
        grid-column: 3;
        grid-row: 1;
    }

    .kc-solo-player-best[b-okc28jpn9p] {
        flex-direction: row;
        justify-content: center;
        gap: .45rem;
    }

    .kc-solo-score-box[b-okc28jpn9p] {
        grid-column: 4;
        grid-row: 1;
        border-top: 0;
        border-left: 1px solid #55583f;
    }

    .kc-solo-question-panel[b-okc28jpn9p] {
        grid-template-rows: auto auto minmax(110px, auto) auto auto;
    }


}
@media (max-width: 520px) {
    .kc-solo-player-panel[b-okc28jpn9p] {
        grid-template-columns: 18px 72px minmax(0, 1fr);
    }

    .kc-solo-score-box[b-okc28jpn9p] {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid #55583f;
    }

    .kc-solo-timer[b-okc28jpn9p] {
        grid-template-columns: auto 1fr;
    }

    .kc-solo-timer-track[b-okc28jpn9p] {
        grid-column: 1 / -1;
    }

    .kc-solo-progress-number[b-okc28jpn9p] {
        display: none;
    }
 
    
}

/* /Features/Solo/Components/SoloRewardView.razor.rz.scp.css */
.kc-solo-reward[b-glf85bs85t] {
    width: 100%;
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 10px;
    color: #cccccc;
}

.kc-solo-reward-banner[b-glf85bs85t] {
    min-height: 52px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: clamp(1rem, 1.8vw, 1.4rem);
    text-align: center;
    text-transform: uppercase;
}

.kc-solo-reward-columns[b-glf85bs85t] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.kc-solo-reward-panel[b-glf85bs85t] {
    min-width: 0;
    padding: 12px 14px;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 7px;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, .55),
        0 3px 7px rgba(0, 0, 0, .35);
}

.kc-solo-reward-panel h3[b-glf85bs85t] {
    margin: 0 0 10px;
    color: #c6ef39;
    font-family: 'Special Elite', cursive;
    font-size: 1.05rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.kc-solo-reward-panel dl[b-glf85bs85t] {
    margin: 0;
    display: grid;
}

.kc-solo-reward-panel dl > div[b-glf85bs85t] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #3f4335;
    font-family: 'Courier New', monospace;
    font-size: .78rem;
}

.kc-solo-reward-panel dt[b-glf85bs85t] { color: #aaa99f; }

.kc-solo-reward-panel dd[b-glf85bs85t] {
    margin: 0;
    color: #eee9dc;
    font-weight: 700;
    text-align: right;
}

.kc-solo-reward-panel .total dd[b-glf85bs85t] { color: #c6ef39; }

.kc-solo-reward-panel .member-xp.capped[b-glf85bs85t] { color: #d15f52; }

.member-dev-label[b-glf85bs85t] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.member-dev-label > i[b-glf85bs85t] {
    color: inherit;
    font-size: .95rem;
    line-height: 1;
}

.team-xp-label[b-glf85bs85t] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.team-level-cycle[b-glf85bs85t] {
    display: inline-grid;
    min-width: 76px;
    color: #c6ef39;
    pointer-events: none;
}

.team-level-cycle > strong[b-glf85bs85t] {
    grid-area: 1 / 1;
    white-space: nowrap;
    opacity: 0;
}

.team-level-cycle > strong:first-child[b-glf85bs85t] {
    animation: solo-team-level-text-b-glf85bs85t 4s linear infinite;
}

.team-level-cycle > strong:last-child[b-glf85bs85t] {
    animation: solo-team-level-code-b-glf85bs85t 4s linear infinite;
}

@keyframes solo-team-level-text-b-glf85bs85t {
    0%, 100% { opacity: 0; }
    25% { opacity: 1; }
    50% { opacity: 0; }
}

@keyframes solo-team-level-code-b-glf85bs85t {
    0%, 50%, 100% { opacity: 0; }
    75% { opacity: 1; }
}

@media (max-width: 620px) {
    .kc-solo-reward-columns[b-glf85bs85t] { grid-template-columns: 1fr; }
}
/* /Features/Solo/SoloGame.razor.rz.scp.css */
.kc-solo-selector-root[b-yxzgq6z977],
.kc-solo-selector-sub[b-yxzgq6z977] {
    display: grid;
    gap: 10px;
    margin: 0 auto;

    width: 100%;
}

.kc-solo-selector-root[b-yxzgq6z977] {
    grid-template-columns: 1fr;
    place-items:center;
}


.kc-solo-selector-sub[b-yxzgq6z977] {
    grid-template-columns: repeat(4, 1fr); /* mindig 4 oszlop  /* 4x140px + 3x12px gap ≈ 600px */
    max-width: 900px;
}

/* Tablet: 2 oszlop */
@media (max-width: 1000px) {
    .kc-solo-selector-sub[b-yxzgq6z977] {
        grid-template-columns: repeat(2, 1fr);
        max-width: 440px; /* 2x140px + 1x12px gap ≈ 300px */
    }
}

/* Mobil: 1 oszlop */
@media (max-width: 320px) {
    .kc-solo-selector-sub[b-yxzgq6z977] {
        grid-template-columns: 1fr;
        max-width: 140px;
    }
}
/* /Features/Start/Start.razor.rz.scp.css */

/* === KÖZÉP === */
.kc-start-layout[b-2ouxqi1uxy] {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* header + footer */
    min-width: 100%;
}
/* A középre igazított fix főkonténer */
.kc-start-main-container[b-2ouxqi1uxy] {
    display: flex;
    flex-direction: column;
    border-radius: 22px;
    background-color: rgba(51, 51, 51, 0.9);
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.8);
    border-width: 2px;
    border-style: solid;
    border-color: rgba(64, 64, 64, 0.7);
    width: 520px;
    height: 580px;
    position: relative;
    align-items: center;
}
.kc-start-logo[b-2ouxqi1uxy] {
    display:flex;
    height:stretch;
    width:500px;
    height:auto;
    border-radius: 12px;
}

.kc-start-content-body[b-2ouxqi1uxy] {
    flex: 1;
    color: white;
    width:100%;
    justify-items:center;
    padding:5px;
}

.kc-start-login-panel[b-2ouxqi1uxy] {
    display:flex;
    position:relative;
    flex-direction:column;
    top:-30px;
    padding:10px;
    width:85%;
}

.kc-start-login-panel--head[b-2ouxqi1uxy] {
    text-align: center;
}
/* FOOTER */
.kc-start-login-panel--footer[b-2ouxqi1uxy] {
    display: flex;
    justify-content: center;
}

@media (max-width: 520px), (max-height: 700px) {
    .kc-start-layout[b-2ouxqi1uxy] {
        align-items: start;
        top: 70px;
    }
    .kc-start-main-container[b-2ouxqi1uxy] {
        width: 260px;
        height: 480px;
    }
    .kc-start-logo[b-2ouxqi1uxy] {
        width: 380px;
    }
}
/* /Features/Team/Components/MemberManager.razor.rz.scp.css */
.picture-side[b-tblbi5h58i] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 157px;
    width: 123px;
    border-left: none;
    z-index: 0;
    background: rgba(23,23,255,0.5);
    border-left: 3px #333 solid;
    border-bottom: 3px #333 solid;
}

    .picture-side.hide[b-tblbi5h58i] {
        display: none;
        height: 0;
        width: 0;
    }

.vitality-display[b-tblbi5h58i] {
    position: absolute;
    top: 100%;
    left: -3px;
    width: calc(100% + 3px);
    height: 22px;
}
/* /Features/Team/Components/RecruitManager.razor.rz.scp.css */
.recruit-tab[b-jh3jy94ppe] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 176px minmax(0, 1fr);
    gap: 14px;
    overflow: hidden;
}

.recruit-tab.closed[b-jh3jy94ppe] {
    grid-template-columns: 1fr;
}

.candidate-preview[b-jh3jy94ppe] {
    min-width: 0;
    min-height: 0;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    color: #cccccc;
    background-color: var(--kc-surface-bg-soft);
    border: 1px solid #55583f;
    border-radius: 8px;
    box-shadow:
        inset 0 0 0 1px rgba(119, 120, 80, 0.18),
        inset 0 3px 9px rgba(0, 0, 0, 0.66);
}

.candidate-preview-header[b-jh3jy94ppe] {
    width: 100%;
    min-width: 0;
    min-height: 27px;
    padding-bottom: 7px;
    box-sizing: border-box;
    overflow: hidden;
    color: #d6d6bd;
    border-bottom: 1px solid #55583f;
    font-family: 'Special Elite', cursive;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.picture-side[b-jh3jy94ppe] {
    position: relative;
    isolation: isolate;
    width: 138px;
    height: 176px;
    min-width: 138px;
    min-height: 176px;
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    color: lightblue;
    background: rgba(23, 23, 255, 0.7);
    border: inset 2px #777;
    border-radius: 4px;
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.7);
    font-size: 6rem;
}

.picture-side > i[b-jh3jy94ppe] {
    opacity: 0.3;
}

.character-svg-host[b-jh3jy94ppe] {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.candidate-identity[b-jh3jy94ppe] {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: 'Courier New', monospace;
    text-align: center;
}

.candidate-name[b-jh3jy94ppe] {
    display: block;
    width: 100%;
    overflow: hidden;
    font-family: 'Special Elite', cursive;
    font-size: 0.98rem;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candidate-name.male[b-jh3jy94ppe] {
    color: lightblue;
}

.candidate-name.female[b-jh3jy94ppe] {
    color: pink;
}

.candidate-meta[b-jh3jy94ppe] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #a8b88c;
    font-size: 0.68rem;
    white-space: nowrap;
}

.candidate-meta > span + span[b-jh3jy94ppe]::before {
    margin-right: 6px;
    content: "•";
}

.button-side[b-jh3jy94ppe] {
    width: 100%;
    min-width: 0;
    min-height: 62px;
    margin-top: auto;
    padding-top: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-top: 1px solid #55583f;
}

.recruit-button[b-jh3jy94ppe] {
    width: 126px;
    height: 50px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
}

.recruit-button > i[b-jh3jy94ppe] {
    flex: 0 0 auto;
    font-size: 1.5rem;
}

.recruit-button > span[b-jh3jy94ppe] {
    overflow: hidden;
    font-family: 'Courier New', monospace;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recruit-button:not(:disabled)[b-jh3jy94ppe] {
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.recruit-button:disabled[b-jh3jy94ppe] {
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.candidate-list[b-jh3jy94ppe] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.candidate-list-item[b-jh3jy94ppe] {
    position: relative;
    min-width: 0;
    min-height: 0;
}

.candidate-list-number[b-jh3jy94ppe] {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    width: 20px;
    color: #87947e;
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.68rem;
    line-height: 1;
    pointer-events: none;
}

.candidate-list-item.selected .candidate-list-number[b-jh3jy94ppe] {
    color: #d5da9d;
}

.hire-info[b-jh3jy94ppe] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (max-width: 800px) {
    .recruit-tab[b-jh3jy94ppe] {
        height: auto;
        min-height: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        overflow: visible;
    }

    .candidate-preview[b-jh3jy94ppe] {
        display: grid;
        grid-template-columns: 124px minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
        column-gap: 14px;
        row-gap: 0;
    }

    .candidate-preview-header[b-jh3jy94ppe] {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
    }

    .picture-side[b-jh3jy94ppe] {
        width: 124px;
        height: 158px;
        min-width: 124px;
        min-height: 158px;
        grid-column: 1;
        grid-row: 1 / 4;
        margin-top: 0;
    }

    .candidate-identity[b-jh3jy94ppe] {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
        align-items: flex-start;
        text-align: left;
    }

    .candidate-meta[b-jh3jy94ppe] {
        justify-content: flex-start;
    }

   .button-side[b-jh3jy94ppe] {
    grid-column: 2;
    grid-row: 3;
    min-height: 52px;
    margin-top: 0;
    padding: 6px 0 0;
    box-sizing: border-box;
    align-items: flex-end;
    justify-content: flex-end;
    border-top: 1px solid #55583f;
    border-left: 0;
}

.recruit-button[b-jh3jy94ppe] {
    width: 113px;
    height: 45px;
    padding: 0 10px;
    gap: 7px;
}

.recruit-button > i[b-jh3jy94ppe] {
    font-size: 1.35rem;
}

.recruit-button > span[b-jh3jy94ppe] {
    font-size: 0.7rem;
}

    .candidate-list[b-jh3jy94ppe] {
        height: auto;
        grid-template-rows: repeat(4, minmax(88px, auto));
    }
}
/* /Features/Team/Components/TeamManager.razor.rz.scp.css */


.gapped-rows[b-kh1nzmryfw] {
    grid-template-rows: 40px 40px 40px 40px 40px;
}
/* /Features/Team/Team.razor.rz.scp.css */

.kc-team-selector[b-uenhm60iq1] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    width: max-content;
}
/* /Features/VsGame/Components/RankedBattleTeamManager.razor.rz.scp.css */
.kc-ranked-team-manager[b-bhgzrbuhz5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 58px;
}

.kc-ranked-team-message[b-bhgzrbuhz5] {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.9rem;
    font-weight: bold;
}

.kc-ranked-member-grid[b-bhgzrbuhz5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(118px, 132px));
    justify-content: center;
    gap: 6px 10px;
}

.kc-ranked-member[b-bhgzrbuhz5] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    min-height: 173px;
    padding: 4px 5px 29px;
    color: #222f16;
    background: rgba(120, 120, 120, 0.08);
    border: 1px solid rgba(34, 47, 22, 0.45);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    font: inherit;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-ranked-member:hover:not(:disabled)[b-bhgzrbuhz5] {
    background: rgba(34, 47, 22, 0.12);
    border-color: rgba(34, 47, 22, 0.75);
}

.kc-ranked-member.selected[b-bhgzrbuhz5] {
    background: rgba(34, 47, 22, 0.18);
    border-color: rgba(16, 105, 42, 0.85);
    box-shadow: inset 0 0 0 2px rgba(16, 105, 42, 0.45);
}

.kc-ranked-member.not-selectable[b-bhgzrbuhz5],
.kc-ranked-member.not-selectable:hover[b-bhgzrbuhz5] {
    background: rgba(60, 60, 60, 0.2);
    border-color: rgba(90, 45, 45, 0.45);
    box-shadow: none;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-ranked-member-picture[b-bhgzrbuhz5] {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 69px;
    aspect-ratio: 138 / 176;
    overflow: hidden;
    isolation: isolate;
    background: rgba(23, 23, 23, 0.18);
    border: inset 1px rgba(60, 60, 60, 0.55);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45);
}

.kc-ranked-member-data[b-bhgzrbuhz5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin-top: 3px;
    text-align: center;
    font-size: 0.68rem;
    line-height: 1.15;
}

.kc-ranked-member-data span[b-bhgzrbuhz5] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-ranked-member-name[b-bhgzrbuhz5] {
    font-weight: bold;
}

.kc-ranked-member-vitality[b-bhgzrbuhz5] {
    position: absolute;
    right: 6px;
    bottom: 4px;
    left: 6px;
    height: 15px;
}

.kc-ranked-member.not-selectable .kc-ranked-member-picture[b-bhgzrbuhz5],
.kc-ranked-member.not-selectable .kc-ranked-member-data[b-bhgzrbuhz5],
.kc-ranked-member.not-selectable .kc-ranked-member-vitality[b-bhgzrbuhz5] {
    opacity: 0.38;
    filter: grayscale(0.85);
}

.kc-ranked-member-state[b-bhgzrbuhz5] {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 1;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
}

.kc-ranked-member-state.selected[b-bhgzrbuhz5] {
    color: #087a27;
    filter: drop-shadow(0 0 3px rgba(90, 255, 120, 0.65));
}

.kc-ranked-member-state.blocked[b-bhgzrbuhz5] {
    color: #b51616;
    filter: drop-shadow(0 0 2px rgba(255, 80, 80, 0.55));
}

.kc-ranked-classification[b-bhgzrbuhz5] {
    position: relative;
    display: flex;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: rgba(211, 211, 211, 0.72);
    background: rgba(82, 86, 78, 0.72);
    border: inset 2px #666;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-ranked-classification.active[b-bhgzrbuhz5] {
    color: #222f16;
    background: rgba(210, 255, 57, 0.95);
    box-shadow: 0 0 10px rgba(210, 255, 57, 0.75);
}

.kc-ranked-classification:not(.active):hover[b-bhgzrbuhz5] {
    color: rgba(211, 211, 211, 0.8);
    background: rgba(90, 94, 84, 0.78);
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-ranked-classification.active:hover[b-bhgzrbuhz5] {
    background: rgba(218, 255, 75, 0.95);
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-ranked-classification:hover > .tooltip-box[b-bhgzrbuhz5] {
    bottom: 56px;
    left: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    max-width: 360px;
    padding: 8px 10px;
    white-space: nowrap;
    line-height: 1.45;
    text-align: left;
    font-weight: normal;
}

.kc-ranked-save-button[b-bhgzrbuhz5] {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
}

@media (max-width: 720px) {
    .kc-ranked-member-grid[b-bhgzrbuhz5] {
        grid-template-columns: repeat(2, minmax(118px, 132px));
    }

    .kc-ranked-team-manager[b-bhgzrbuhz5] {
        overflow-y: auto;
    }
}
/* /Features/VsGame/Components/VsMatchManager.razor.rz.scp.css */
.kc-vs-match-manager[b-la9vq2rdnz] {
    width: min(100%, 1120px);
    height: min(72vh, 680px);
    min-height: 560px;
    margin: 0 auto;
    position: relative;
    isolation: isolate;
    color: #cccccc;
}

.kc-vs-match-stage[b-la9vq2rdnz] {
    position: relative;
    z-index: 0;
    height: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 238px minmax(0, 1fr);
    gap: 8px;
}

.kc-vs-match-content[b-la9vq2rdnz] {
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.kc-vs-match-manager.preparation[b-la9vq2rdnz],
.kc-vs-match-manager.preparation .kc-vs-match-stage[b-la9vq2rdnz],
.kc-vs-match-manager.preparation .kc-vs-match-content[b-la9vq2rdnz] {
    height: auto;
    min-height: 560px;
}

.kc-vs-match-manager.preparation .kc-vs-match-content[b-la9vq2rdnz] {
    overflow: visible;
}

.kc-vs-match-error[b-la9vq2rdnz] {
    position: absolute;
    z-index: 9999;
    top: 8px;
    right: 8px;
    left: 8px;
    min-height: 42px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #eee9dc;
    background: rgba(119, 47, 31, .96);
    border: 2px solid #2a110c;
    border-radius: 7px;
    box-shadow:
        inset 0 0 0 1px rgba(221, 117, 79, .45),
        0 4px 12px rgba(0, 0, 0, .55);
    font-family: 'Special Elite', cursive;
    text-align: center;
}

.kc-vs-queue[b-la9vq2rdnz],
.kc-vs-match-locked[b-la9vq2rdnz] {
    width: 100%;
    height: 100%;
    padding: 34px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 18px;
    color: #cccccc;
    background: var(--kc-surface-bg-soft);
    border: 2px solid #151713;
    border-radius: 10px;
    box-shadow:
        inset 0 0 0 1px #55584a,
        inset 0 0 16px rgba(0, 0, 0, .75);
    text-align: center;
}

.kc-vs-queue-emblem[b-la9vq2rdnz],
.kc-vs-match-locked > i[b-la9vq2rdnz] {
    color: #c6ef39;
    font-size: clamp(3.5rem, 8vw, 6rem);
    filter: drop-shadow(0 0 8px rgba(210, 255, 57, .35));
}

.kc-vs-queue h3[b-la9vq2rdnz],
.kc-vs-match-locked strong[b-la9vq2rdnz] {
    margin: 0;
    color: #eee9dc;
    font-family: 'Special Elite', cursive;
    font-size: clamp(1.2rem, 2.2vw, 1.8rem);
    text-transform: uppercase;
}

.kc-vs-queue p[b-la9vq2rdnz],
.kc-vs-match-locked span[b-la9vq2rdnz] {
    margin: 0;
    font-family: 'Courier New', monospace;
}

.kc-vs-connection-result[b-la9vq2rdnz] {
    font-family: 'Share Tech Mono', monospace !important;
    letter-spacing: .03em;
}

.kc-vs-connection-result.good[b-la9vq2rdnz] {
    color: #51b36d;
}

.kc-vs-connection-result.medium[b-la9vq2rdnz] {
    color: #d7bd4f;
}

.kc-vs-connection-result.bad[b-la9vq2rdnz] {
    color: #d15f52;
}

.kc-vs-queue-counter[b-la9vq2rdnz] {
    width: 158px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #c6ef39;
    background: color-mix(in srgb, var(--kc-panel-bg-end) 82%, transparent);
    border: 4px dashed #c6ef39;
    border-radius: 50%;
    box-shadow:
        0 0 11px rgba(210, 255, 57, .25),
        inset 0 0 15px rgba(0, 0, 0, .7);
    font-family: 'Share Tech Mono', monospace;
    line-height: 1;
}

.kc-vs-queue-counter > span[b-la9vq2rdnz] {
    font-size: 2.5rem;
}

.kc-vs-queue-counter > small[b-la9vq2rdnz] {
    font-size: 1.2rem;
}

.kc-vs-queue-timer[b-la9vq2rdnz] {
    min-width: 190px;
    min-height: 38px;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #c6ef39;
    background: rgba(14, 16, 13, .78);
    border: 1px solid #55583f;
    border-radius: 6px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .65);
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-queue-stake[b-la9vq2rdnz] {
    min-width: 190px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: #e6e2d5;
    background: linear-gradient(180deg, #4c5033, #343820);
    border: 2px solid #171910;
    border-radius: 7px;
    box-shadow:
        inset 0 0 0 1px #777850,
        0 2px 3px rgba(0, 0, 0, .6);
    font-family: 'Courier New', monospace;
}

.kc-vs-queue-conditions[b-la9vq2rdnz] {
    width: min(100%, 520px);
    min-height: 76px;
    padding: 13px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #e6e2d5;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 7px;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, .55);
    font-family: 'Courier New', monospace;
}

.kc-vs-queue-conditions > span[b-la9vq2rdnz] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kc-vs-queue-conditions i[b-la9vq2rdnz],
.kc-vs-queue-conditions strong[b-la9vq2rdnz] {
    color: #c6ef39;
}

.kc-vs-queue-stake strong[b-la9vq2rdnz] {
    color: #c6ef39;
}

.kc-vs-queue.connecting .kc-vs-queue-emblem[b-la9vq2rdnz] {
    animation: kc-vs-queue-pulse-b-la9vq2rdnz 1.4s ease-in-out infinite;
}

@keyframes kc-vs-queue-pulse-b-la9vq2rdnz {
    0%,
    100% {
        opacity: .45;
    }

    50% {
        opacity: 1;
    }
}

@media (max-width: 860px) {
    .kc-vs-match-manager[b-la9vq2rdnz] {
        height: auto;
        min-height: 0;
    }

    .kc-vs-match-stage[b-la9vq2rdnz] {
        grid-template-columns: 1fr;
    }
}
/* /Features/VsGame/Components/VsMatchPlayView.razor.rz.scp.css */
.kc-vs-play[b-0bbc905vh0] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 10px;
    display: grid;
    grid-template-rows: 42px 58px minmax(0, 1fr);
    grid-template-areas:
        "title"
        "timer"
        "body";
    gap: 8px;
    overflow: hidden;
    box-sizing: border-box;
    color: #cccccc;
    background: var(--kc-surface-bg-soft);
    border: 2px solid #151713;
    border-radius: 10px;
    box-shadow:
        inset 0 0 0 1px #55584a,
        inset 0 0 16px rgba(0, 0, 0, .75);
}

.kc-vs-play.with-progress[b-0bbc905vh0] {
    grid-template-rows: 42px 58px minmax(0, 1fr) 64px;
    grid-template-areas:
        "title"
        "timer"
        "body"
        "progress";
}

.kc-vs-play-title[b-0bbc905vh0] {
    grid-area: title;
    min-width: 0;
    min-height: 40px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #cccccc;
    opacity: .9;
    border: inset 1px #777;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, .4),
        inset 0 4px 8px rgba(0, 0, 0, .7);
    font-family: 'Special Elite', cursive;
    font-size: clamp(1rem, 1.35vw, 1.35rem);
    text-transform: uppercase;
}

.kc-vs-play-title > strong[b-0bbc905vh0],
.kc-vs-play-title > span[b-0bbc905vh0] {
    align-self: stretch;
    display: flex;
    align-items: center;
    transform: translateY(3px);
}

.kc-vs-play-title > strong[b-0bbc905vh0] {
    min-width: 0;
    overflow: hidden;
    letter-spacing: .04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-play-title > span[b-0bbc905vh0] {
    flex: 0 0 auto;
    color: #c6ef39;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
}

.kc-vs-play-timer-slot[b-0bbc905vh0] {
    grid-area: timer;
    min-width: 0;
    min-height: 58px;
    display: grid;
    place-items: center;
}

.kc-vs-play-timer[b-0bbc905vh0] {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    padding: 6px 10px;
    display: grid;
    grid-template-columns: auto 100px minmax(80px, 1fr);
    align-items: center;
    gap: 10px;
    background: #181b16;
    border: 2px solid #080a08;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px #55594a;
    box-sizing: border-box;
}

.kc-vs-play-timer > i[b-0bbc905vh0] {
    color: #c6ef39;
    font-size: 2rem;
}

.kc-vs-play-timer-display[b-0bbc905vh0] {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.kc-vs-play-timer-display strong[b-0bbc905vh0] {
    font-family: monospace;
    font-size: 2rem;
    line-height: 1;
}

.kc-vs-play-timer-display span[b-0bbc905vh0] {
    font-size: .9rem;
}

.kc-vs-play-timer-track[b-0bbc905vh0] {
    height: 25px;
    padding: 4px;
    overflow: hidden;
    background: repeating-linear-gradient(
        90deg,
        #262a1c 0,
        #262a1c 7px,
        #0d0f0b 7px,
        #0d0f0b 11px);
    border: inset 2px #777;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, .4),
        inset 0 4px 8px rgba(0, 0, 0, .7);
    box-sizing: border-box;
}

.kc-vs-play-timer-value[b-0bbc905vh0] {
    height: 100%;
    background: #bfe935;
    box-shadow: 0 0 7px rgba(197, 242, 57, .8);
    transition: width .25s linear;
}

.kc-vs-play-timer.warning .kc-vs-play-timer-value[b-0bbc905vh0] {
    background: rgba(231, 140, 53, 1);
}

.kc-vs-play-timer.warning .kc-vs-play-timer-display[b-0bbc905vh0] {
    background-color: rgba(231, 140, 53, .9);
}

.kc-vs-play-timer.zero .kc-vs-play-timer-value[b-0bbc905vh0] {
    background: rgba(200, 59, 50, 1);
}

.kc-vs-play-timer.zero .kc-vs-play-timer-display[b-0bbc905vh0] {
    background-color: rgba(200, 59, 50, .9);
}

.kc-vs-wait-timer[b-0bbc905vh0] {
    width: 50px;
    aspect-ratio: 1;
    padding: 4px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(
        #c6ef39 var(--kc-vs-wait-progress),
        #262a1c 0);
    box-shadow: 0 0 7px rgba(197, 242, 57, .28);
}

.kc-vs-wait-timer[b-0bbc905vh0]::before {
    content: "";
    grid-area: 1 / 1;
    width: 38px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #181b16;
}

.kc-vs-wait-timer strong[b-0bbc905vh0] {
    z-index: 1;
    grid-area: 1 / 1;
    color: #c6ef39;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
}

.kc-vs-play-body[b-0bbc905vh0] {
    grid-area: body;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #777850 #171910;
}

.kc-vs-question[b-0bbc905vh0] {
    position: relative;
    min-height: 0;
    display: grid;
    gap: 10px;
}

.kc-vs-question > small[b-0bbc905vh0] {
    padding-right: 58px;
    color: #aaa99f;
    font-family: 'Courier New', monospace;
}

.kc-vs-question > small strong[b-0bbc905vh0] {
    color: #c6ef39;
}

.kc-vs-speed-pool[b-0bbc905vh0] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    min-width: 48px;
    height: 28px;
    padding: 3px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #c6ef39;
    background: var(--kc-panel-bg-end);
    border: 1px solid #777850;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'Share Tech Mono', monospace;
    pointer-events: none;
}

.kc-vs-speed-pool i[b-0bbc905vh0] {
    font-size: .9rem;
}

.kc-vs-speed-pool strong[b-0bbc905vh0] {
    min-width: 1ch;
    text-align: center;
}

.kc-vs-speed-pool.increased[b-0bbc905vh0] {
    animation: kc-vs-speed-pool-increase-b-0bbc905vh0 .7s ease-out;
}

@keyframes kc-vs-speed-pool-increase-b-0bbc905vh0 {
    0%, 100% {
        color: #c6ef39;
        transform: scale(1);
        box-shadow: none;
    }

    35% {
        color: #fffbc2;
        transform: scale(1.28);
        box-shadow: 0 0 12px rgba(198, 239, 57, .75);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kc-vs-speed-pool.increased[b-0bbc905vh0] {
        animation: none;
    }
}

.kc-vs-question h3[b-0bbc905vh0] {
    min-height: 70px;
    margin: 0;
    padding: 13px 16px;
    display: grid;
    place-items: center;
    font-size: clamp(1rem, 1.7vw, 1.35rem);
}

.kc-vs-question h3[b-0bbc905vh0],
.kc-vs-guess input.lcd-input.game-display[b-0bbc905vh0] {
    font-weight: 700;
    text-align: center;
}

.kc-vs-answers[b-0bbc905vh0] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}

.kc-vs-answers button[b-0bbc905vh0] {
    position: relative;
    min-height: 42px;
    padding: 6px 12px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    color: #e6e2d5;
    background: linear-gradient(180deg, #3b3f2b, #292d1d);
    border: 2px solid #171910;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #777850;
    cursor: url('/Images/cursors/active.cur'), pointer;
    font-family: 'Courier New', monospace;
    text-align: left;
}

.kc-vs-answers button:disabled[b-0bbc905vh0] {
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-vs-answer-letter[b-0bbc905vh0] {
    position: relative;
    z-index: 1;
    color: #c6ef39;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.1rem;
}

.kc-vs-answers button > strong[b-0bbc905vh0] {
    position: relative;
    z-index: 1;
}

.kc-vs-answers button.selected[b-0bbc905vh0] {
    border-color: #d8bb43;
}

.kc-vs-answers button.correct[b-0bbc905vh0] {
    border-color: #51b36d;
    box-shadow:
        inset 0 0 0 1px rgba(81, 179, 109, .7),
        0 0 7px rgba(81, 179, 109, .28);
}

.kc-vs-answers button.wrong[b-0bbc905vh0] {
    border-color: #d15f52;
}

.kc-vs-answers button.suggested[b-0bbc905vh0] {
    border-color: #63a9c7;
    box-shadow:
        inset 0 0 0 1px rgba(99, 169, 199, .72),
        0 0 7px rgba(99, 169, 199, .28);
}

.kc-vs-answers button.eliminated[b-0bbc905vh0] {
    opacity: .34;
    filter: grayscale(.72);
}

.kc-vs-answers button.locked-muted[b-0bbc905vh0] {
    opacity: .53;
}

.kc-vs-answers button.result-muted[b-0bbc905vh0] {
    opacity: .38;
}

.kc-vs-answer-player-fill[b-0bbc905vh0] {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    pointer-events: none;
}

.kc-vs-answer-player-fill > i[b-0bbc905vh0] {
    min-width: 0;
    flex: 1 1 0;
    background: var(--kc-vs-player-color);
}

.kc-vs-ai-suggestion[b-0bbc905vh0] {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 2;
    color: #63a9c7;
    transform: translateY(-50%);
}

.kc-vs-guess[b-0bbc905vh0] {
    min-height: 148px;
    display: grid;
    grid-template-rows: 100px auto;
    place-items: center;
    align-content: start;
    gap: 10px;
}

.kc-vs-guess-stage[b-0bbc905vh0] {
    width: 100%;
    height: 100px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
}

.kc-vs-guess-controls[b-0bbc905vh0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.kc-vs-guess-range-slot[b-0bbc905vh0] {
    width: 100%;
    height: 34px;
    min-width: 0;
    display: grid;
    place-items: center;
}

.kc-vs-guess-range[b-0bbc905vh0] {
    height: 34px;
    max-width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #aaa99f;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-guess-range i[b-0bbc905vh0],
.kc-vs-guess-range strong[b-0bbc905vh0] {
    color: #c6ef39;
}

.kc-vs-guess input.lcd-input[b-0bbc905vh0] {
    width: min(280px, 55%);
    height: 42px;
    box-sizing: border-box;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    text-align: center;
    transition:
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        color .3s ease;
}

.kc-vs-guess input.lcd-input.game-display:disabled[b-0bbc905vh0] {
    color: var(--kc-lcd-color);
    background-color: var(--kc-lcd-background);
}

.kc-vs-guess input:disabled[b-0bbc905vh0] {
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-vs-guess .button-on-lcd[b-0bbc905vh0] {
    width: 50px;
    height: 42px;
    flex: 0 0 50px;
}

.kc-vs-guess .button-on-lcd.hidden[b-0bbc905vh0] {
    visibility: hidden;
}

.kc-vs-guess-player-results[b-0bbc905vh0] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

.kc-vs-guess-player-results > span[b-0bbc905vh0] {
    width: calc(50% - 3px);
    max-width: calc(50% - 3px);
    min-width: 0;
    min-height: 38px;
    padding: 5px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #aaa99f;
    background:
        linear-gradient(
            var(--kc-vs-player-color),
            var(--kc-vs-player-color)),
        rgba(17, 22, 16, .94);
    border: 1px solid #55583f;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-guess-player-results > span.winner[b-0bbc905vh0] {
    border-color: #c6ef39;
    box-shadow: 0 0 6px rgba(198, 239, 57, .2);
}

.kc-vs-guess-player-results small[b-0bbc905vh0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-guess-player-name[b-0bbc905vh0] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.kc-vs-guess-player-state[b-0bbc905vh0],
.kc-vs-guess-player-points[b-0bbc905vh0] {
    flex: 0 0 auto;
}

.kc-vs-guess-player-state[b-0bbc905vh0] {
    color: #aaa99f;
}

.kc-vs-guess-player-state.answered[b-0bbc905vh0],
.kc-vs-guess-player-points.positive[b-0bbc905vh0] {
    color: #51b36d;
}

.kc-vs-guess-player-points.negative[b-0bbc905vh0] {
    color: #d15f52;
}

.kc-vs-guess-player-results > span > strong[b-0bbc905vh0] {
    flex: 0 0 auto;
    color: #eee9dc;
    font-size: .92rem;
    opacity: .42;
    transition: opacity .3s ease;
}

.kc-vs-guess-player-results > span > strong.revealed[b-0bbc905vh0] {
    opacity: 1;
}

.kc-vs-question-status[b-0bbc905vh0] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.kc-vs-question-status.guess-status[b-0bbc905vh0] {
    margin-top: 11px;
    padding-top: 9px;
    border-top: 1px solid rgba(119, 120, 80, .38);
}

.kc-vs-question-status.has-questioner[b-0bbc905vh0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.kc-vs-question-status.has-questioner
    .kc-vs-question-status-players[b-0bbc905vh0] {
    display: contents;
}

.kc-vs-question-status.has-questioner
    .questioner-row[b-0bbc905vh0] {
    grid-column: 1;
    grid-row: 1;
}

.kc-vs-question-status.has-questioner
    .answerer-row[b-0bbc905vh0] {
    grid-column: 1 / -1;
    grid-row: 2;
}

.kc-vs-question-status.has-questioner
    > .kc-vs-play-help[b-0bbc905vh0] {
    grid-column: 2;
    grid-row: 1;
    margin-left: 0;
}

.kc-vs-question-status-players[b-0bbc905vh0] {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.kc-vs-question-status-player-row[b-0bbc905vh0] {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.kc-vs-question-status-player-row > span[b-0bbc905vh0],
.kc-vs-question-status > span[b-0bbc905vh0],
.kc-vs-question-status > button[b-0bbc905vh0] {
    min-height: 28px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #aaa99f;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 4px;
    font-family: 'Share Tech Mono', monospace;
    font-size: .76rem;
}

.kc-vs-question-status > button[b-0bbc905vh0] {
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-vs-question-status > button:disabled[b-0bbc905vh0] {
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
    opacity: .58;
}

.kc-vs-question-status-player-row > span.answered[b-0bbc905vh0],
.kc-vs-question-status .positive[b-0bbc905vh0] {
    color: #51b36d;
}

.kc-vs-question-status-player-row > span.kc-vs-player-status[b-0bbc905vh0] {
    background:
        linear-gradient(
            var(--kc-vs-player-color),
            var(--kc-vs-player-color)),
        rgba(17, 22, 16, .94);
}

.kc-vs-question-status-player-row > span.kc-vs-player-status.questioner[b-0bbc905vh0] {
    border-color: #d8bb43;
    box-shadow: inset 0 0 0 1px rgba(216, 187, 67, .28);
}

.kc-vs-questioner-mark[b-0bbc905vh0] {
    color: #d8bb43;
    font-size: .88rem;
}

.player-tone-1[b-0bbc905vh0] {
    --kc-vs-player-color: rgba(72, 132, 190, .32);
}

.player-tone-2[b-0bbc905vh0] {
    --kc-vs-player-color: rgba(218, 133, 62, .32);
}

.player-tone-3[b-0bbc905vh0] {
    --kc-vs-player-color: rgba(145, 92, 177, .31);
}

.player-tone-4[b-0bbc905vh0] {
    --kc-vs-player-color: rgba(146, 151, 158, .28);
}

.kc-vs-question-status .negative[b-0bbc905vh0] {
    color: #d15f52;
}

.kc-vs-question-time[b-0bbc905vh0] {
    color: #aaa99f;
    white-space: nowrap;
}

.kc-vs-speed-bonus[b-0bbc905vh0] {
    color: #c6ef39;
}

.kc-vs-question-status > .kc-vs-play-help[b-0bbc905vh0] {
    align-self: flex-start;
    flex: 0 0 auto;
    margin-left: auto;
    color: #c6ef39;
}

.kc-vs-question-status > button.kc-vs-play-help[b-0bbc905vh0] {
    min-height: 30px;
    padding: 4px 10px;
    justify-content: center;
    background: linear-gradient(180deg, #3b3f2b, #292d1d);
    border: 2px solid #171910;
    box-shadow:
        inset 0 0 0 1px #777850,
        0 2px 3px rgba(0, 0, 0, .6);
    font-weight: 700;
}

.kc-vs-question-status > button.kc-vs-play-help:hover:not(:disabled)[b-0bbc905vh0] {
    filter: brightness(1.12);
}

.kc-vs-question-status > button.kc-vs-play-help:active:not(:disabled)[b-0bbc905vh0] {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .68);
    transform: translateY(1px);
}

.kc-vs-play-help.available[b-0bbc905vh0] {
    border-color: #c6ef39;
    box-shadow:
        inset 0 0 0 1px #777850,
        0 2px 3px rgba(0, 0, 0, .6),
        0 0 6px rgba(198, 239, 57, .2);
}

.kc-vs-play-help strong[b-0bbc905vh0] {
    min-width: 1.1em;
    text-align: center;
}

.kc-vs-play-message[b-0bbc905vh0],
.kc-vs-play-waiting[b-0bbc905vh0] {
    height: 100%;
    min-height: 180px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 14px;
    text-align: center;
}

.kc-vs-play-message > i[b-0bbc905vh0],
.kc-vs-play-waiting > i[b-0bbc905vh0] {
    color: #c6ef39;
    font-size: 4rem;
}

.kc-vs-play-message > strong[b-0bbc905vh0] {
    color: #eee9dc;
    font-family: 'Special Elite', cursive;
    font-size: 1.35rem;
    text-transform: uppercase;
}

.kc-vs-captain-selection[b-0bbc905vh0] {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
}

.kc-vs-captain-order[b-0bbc905vh0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kc-vs-captain-order span[b-0bbc905vh0] {
    padding: 5px 8px;
    color: #aaa99f;
    border: 1px solid #55583f;
    border-radius: 4px;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-captain-order span.current[b-0bbc905vh0] {
    color: #222f16;
    background: #c6ef39;
}

.kc-vs-captain-questions[b-0bbc905vh0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 7px;
}

.kc-vs-captain-questions button[b-0bbc905vh0] {
    position: relative;
    min-width: 0;
    min-height: 62px;
    padding: 5px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    color: #e6e2d5;
    background: linear-gradient(180deg, #3b3f2b, #292d1d);
    border: 2px solid #171910;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #777850;
    cursor: url('/Images/cursors/active.cur'), pointer;
    font-family: 'Courier New', monospace;
    text-align: left;
}

.kc-vs-captain-questions button:hover[b-0bbc905vh0] {
    z-index: 2;
}

.kc-vs-captain-questions button:hover > .tooltip-box[b-0bbc905vh0] {
    top: calc(100% + 4px);
    left: 0;
    z-index: 20;
    display: block;
    padding: 6px 9px;
    white-space: nowrap;
}

.kc-vs-captain-questions.selection-complete button[b-0bbc905vh0] {
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-vs-captain-questions button.selected[b-0bbc905vh0] {
    border-color: #d8bb43;
}

.kc-vs-captain-questions button.unselected[b-0bbc905vh0] {
    opacity: .53;
}

.kc-vs-captain-questions img[b-0bbc905vh0] {
    width: 58px;
    height: 48px;
    object-fit: cover;
    border: inset 1px #777;
}

.kc-vs-round-result[b-0bbc905vh0] {
    display: grid;
    gap: 5px;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-round-result-head[b-0bbc905vh0],
.kc-vs-round-result-row[b-0bbc905vh0] {
    min-height: 42px;
    padding: 5px 8px;
    display: grid;
    grid-template-columns:
        minmax(120px, 1.25fr)
        minmax(68px, .55fr)
        minmax(70px, .65fr)
        minmax(105px, .85fr)
        minmax(115px, 1fr);
    align-items: center;
    gap: 7px;
}

.kc-vs-round-result-head[b-0bbc905vh0] {
    color: #aaa99f;
    border-bottom: 1px solid #777850;
    font-size: .72rem;
    text-transform: uppercase;
}

.kc-vs-round-result-row[b-0bbc905vh0] {
    color: #e6e2d5;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 5px;
}

.kc-vs-round-result-row .points[b-0bbc905vh0],
.kc-vs-round-result-row .reward i[b-0bbc905vh0] {
    color: #c6ef39;
}

.kc-vs-round-result-row .reward[b-0bbc905vh0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.kc-vs-round-speed-bonus[b-0bbc905vh0] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.kc-vs-round-result-row .reward .kc-vs-round-speed-bonus small[b-0bbc905vh0] {
    color: #c6ef39;
}

.kc-vs-round-result-row .reward .kc-vs-speed-position-gain[b-0bbc905vh0] {
    color: #51b36d;
}

.kc-vs-round-result-row .reward small[b-0bbc905vh0] {
    color: #aaa99f;
}

.kc-vs-progress[b-0bbc905vh0] {
    grid-area: progress;
    min-width: 0;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.kc-vs-progress > span[b-0bbc905vh0] {
    position: relative;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: #777850;
    border: 2px solid #55583f;
    border-radius: 50%;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-progress > span[b-0bbc905vh0]::after {
    content: "";
    position: absolute;
    left: 100%;
    width: 13px;
    height: 2px;
    background: #55583f;
}

.kc-vs-progress > span:last-of-type[b-0bbc905vh0]::after {
    display: none;
}

.kc-vs-progress > span.completed[b-0bbc905vh0] {
    color: #222f16;
    background: #c6ef39;
    border-color: #c6ef39;
}

.kc-vs-progress > span.current[b-0bbc905vh0] {
    border-color: #c6ef39;
    box-shadow: 0 0 7px rgba(210, 255, 57, .45);
}

    .kc-vs-progress > span small[b-0bbc905vh0] {
        position: absolute;
        right: -5px;
        bottom: -6px;
        width: 3ch;
        height: 15px;
        display: grid;
        place-items: center;
        color: #eee9dc;
        background: #171910;
        border: 1px solid rgba(198, 239, 57, 1);
        border-radius: 2px;
        box-sizing: content-box;
        font-size: .6rem;
        line-height: 1;
    }

.kc-vs-progress > strong[b-0bbc905vh0] {
    width: 62px;
    height: 48px;
    margin-left: 5px;
    display: grid;
    place-items: center;
    color: #c6ef39;
    border: 2px solid #777850;
    border-radius: 4px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.15rem;
}

.kc-vs-progress > strong small[b-0bbc905vh0] {
    color: #aaa99f;
    font-size: .62rem;
}

@media (max-width: 720px) {
    .kc-vs-play[b-0bbc905vh0] {
        height: auto;
        min-height: 580px;
    }

    .kc-vs-captain-questions[b-0bbc905vh0] {
        grid-template-columns: 1fr;
    }

    .kc-vs-round-result-head[b-0bbc905vh0] {
        display: none;
    }

    .kc-vs-round-result-row[b-0bbc905vh0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Features/VsGame/Components/VsMatchPreparationView.razor.rz.scp.css */
.kc-vs-preparation[b-8s2i4vnxqp] {
    position: relative;
    min-width: 0;
    min-height: 100%;
    height: auto;
    padding: 10px;
    display: grid;
    grid-template-rows: 42px 52px minmax(min-content, 1fr) auto;
    gap: 9px;
    overflow: visible;
    color: #cccccc;
    background: var(--kc-surface-bg-soft);
    border: 2px solid #151713;
    border-radius: 10px;
    box-shadow:
        inset 0 0 0 1px #55584a,
        inset 0 0 16px rgba(0, 0, 0, .75);
}

.kc-vs-prep-info[b-8s2i4vnxqp] {
    min-width: 0;
    min-height: 40px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #cccccc;
    opacity: .9;
    border: inset 1px #777;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, .4),
        inset 0 4px 8px rgba(0, 0, 0, .7);
    font-family: 'Special Elite', cursive;
    font-size: clamp(1rem, 1.35vw, 1.35rem);
    text-transform: uppercase;
}

.kc-vs-prep-info > strong[b-8s2i4vnxqp],
.kc-vs-prep-info > span[b-8s2i4vnxqp] {
    align-self: stretch;
    display: flex;
    align-items: center;
    transform: translateY(3px);
}

.kc-vs-prep-info strong[b-8s2i4vnxqp] {
    min-width: 0;
    overflow: hidden;
    letter-spacing: .04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-prep-info > span[b-8s2i4vnxqp] {
    flex: 0 0 auto;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
}

.kc-vs-prep-timer[b-8s2i4vnxqp] {
    min-width: 0;
    min-height: 52px;
    padding: 3px 18px;
    display: grid;
    grid-template-columns: 38px 110px minmax(100px, 1fr);
    align-items: center;
    gap: 10px;
}

.kc-vs-prep-timer > i[b-8s2i4vnxqp] {
    color: #c6ef39;
    font-size: 2.25rem;
}

.kc-vs-prep-timer-display[b-8s2i4vnxqp] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.kc-vs-prep-timer-display strong[b-8s2i4vnxqp] {
    font-size: 1.7rem;
    line-height: 1;
}

.kc-vs-prep-timer-display span[b-8s2i4vnxqp] {
    font-size: .82rem;
}

.kc-vs-prep-timer-track[b-8s2i4vnxqp] {
    height: 25px;
    padding: 4px;
    overflow: hidden;
    background: repeating-linear-gradient(
        90deg,
        #262a1c 0,
        #262a1c 7px,
        #0d0f0b 7px,
        #0d0f0b 11px);
    border: inset 2px #777;
}

.kc-vs-prep-timer-value[b-8s2i4vnxqp] {
    height: 100%;
    background: #bfe935;
    box-shadow: 0 0 7px rgba(197, 242, 57, .8);
    transition: width .25s linear;
}

.kc-vs-prep-timer.warning > i[b-8s2i4vnxqp] {
    color: rgba(231, 140, 53, 1);
}

.kc-vs-prep-timer.warning .kc-vs-prep-timer-display[b-8s2i4vnxqp],
.kc-vs-prep-timer.warning .kc-vs-prep-timer-value[b-8s2i4vnxqp] {
    background-color: rgba(231, 140, 53, .9);
}

.kc-vs-prep-rounds[b-8s2i4vnxqp] {
    min-height: 0;
    padding: 0 6px;
    display: grid;
    grid-auto-rows: minmax(62px, 1fr);
    align-content: stretch;
    gap: 6px;
    overflow: visible;
}

.kc-vs-prep-round[b-8s2i4vnxqp] {
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-columns:
        minmax(215px, 1.15fr)
        minmax(160px, 1.2fr)
        minmax(125px, .95fr)
        minmax(76px, .6fr);
    align-items: stretch;
    gap: 7px;
    overflow: hidden;
}

.kc-vs-prep-round-character[b-8s2i4vnxqp],
.kc-vs-prep-round-category[b-8s2i4vnxqp],
.kc-vs-prep-round-help[b-8s2i4vnxqp],
.kc-vs-prep-round-modifier[b-8s2i4vnxqp] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    color: #e6e2d5;
    background: linear-gradient(180deg, #3b3f2b, #292d1d);
    border: 2px solid #171910;
    border-radius: 7px;
    box-shadow:
        inset 0 0 0 1px #777850,
        0 2px 3px rgba(0, 0, 0, .6);
}

.kc-vs-prep-round-character[b-8s2i4vnxqp] {
    padding: 4px 7px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

.kc-vs-prep-round.captain .kc-vs-prep-round-character[b-8s2i4vnxqp] {
    grid-template-columns: 38px minmax(0, 1fr);
}

.kc-vs-prep-captain-picture[b-8s2i4vnxqp] {
    width: 38px;
    aspect-ratio: 138 / 176;
    overflow: hidden;
}

.kc-vs-prep-captain-picture img[b-8s2i4vnxqp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kc-vs-prep-round-picture-frame[b-8s2i4vnxqp],
.kc-vs-prep-inventory-picture-frame[b-8s2i4vnxqp] {
    position: relative;
    z-index: 0;
    isolation: isolate;
    display: block;
    flex: 0 0 auto;
    aspect-ratio: 138 / 176;
    overflow: hidden;
    background: rgba(23, 23, 23, .72);
    border: inset 1px #666;
}

.kc-vs-prep-round-picture-frame[b-8s2i4vnxqp] {
    width: 38px;
}

.kc-vs-prep-inventory-picture-frame[b-8s2i4vnxqp] {
    width: 38px;
}

.kc-vs-prep-round-svg-host[b-8s2i4vnxqp],
.kc-vs-prep-inventory-svg-host[b-8s2i4vnxqp] {
    position: absolute;
    z-index: 0;
    inset: 0;
}

.kc-vs-prep-round-picture-frame > i[b-8s2i4vnxqp] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #7f8552;
    font-size: 1.7rem;
}

.kc-vs-prep-round-copy[b-8s2i4vnxqp] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    font-family: 'Courier New', monospace;
}

.kc-vs-prep-round-copy small[b-8s2i4vnxqp],
.kc-vs-prep-round-copy strong[b-8s2i4vnxqp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-prep-round-copy small[b-8s2i4vnxqp] {
    color: #aaa99f;
    font-size: .68rem;
    text-transform: uppercase;
}

.kc-vs-prep-round-copy strong[b-8s2i4vnxqp] {
    color: #eee9dc;
    font-size: .88rem;
}

.kc-vs-prep-round-category[b-8s2i4vnxqp],
.kc-vs-prep-round-help[b-8s2i4vnxqp] {
    position: relative;
    padding: 4px;
    display: grid;
    place-items: center;
    overflow: hidden;
    min-height: 0;
    box-sizing: border-box;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-vs-prep-round-category:disabled[b-8s2i4vnxqp],
.kc-vs-prep-round-help:disabled[b-8s2i4vnxqp] {
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-vs-prep-round-category.static[b-8s2i4vnxqp] {
    cursor: url('/Images/cursors/normal.cur'), default;
}

.kc-vs-prep-round-category.assignable[b-8s2i4vnxqp],
.kc-vs-prep-round-help.assignable[b-8s2i4vnxqp] {
    border-color: rgba(210, 255, 57, .62);
    box-shadow:
        inset 0 0 0 1px rgba(210, 255, 57, .2),
        0 0 6px rgba(210, 255, 57, .22);
}

.kc-vs-prep-round-category > img[b-8s2i4vnxqp] {
    position: absolute;
    inset: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    object-fit: cover;
    border: inset 1px #777;
    box-sizing: border-box;
}

.kc-vs-prep-round-category > i[b-8s2i4vnxqp],
.kc-vs-prep-round-help > i[b-8s2i4vnxqp] {
    color: #7f8552;
    font-size: 1.75rem;
}

.kc-vs-prep-round-help[b-8s2i4vnxqp] {
    grid-template-columns: auto minmax(0, auto);
    align-content: center;
    gap: 7px;
}

.kc-vs-prep-round-help > span[b-8s2i4vnxqp] {
    min-width: 0;
    max-height: 100%;
    overflow: hidden;
    font-family: 'Share Tech Mono', monospace;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-prep-round-modifier[b-8s2i4vnxqp] {
    padding: 5px;
    display: grid;
    place-items: center;
    color: #aaa99f;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-prep-round-modifier strong[b-8s2i4vnxqp] {
    font-size: 1.05rem;
}

.kc-vs-prep-round-modifier.positive strong[b-8s2i4vnxqp] {
    color: #51b36d;
}

.kc-vs-prep-round-modifier.negative strong[b-8s2i4vnxqp] {
    color: #d15f52;
}

.kc-vs-prep-round.captain .kc-vs-prep-round-modifier[b-8s2i4vnxqp] {
    color: #eee9dc;
}

.kc-vs-prep-inventory[b-8s2i4vnxqp] {
    height: 215px;
    margin: 0 6px;
    padding: 7px 10px 9px;
    display: grid;
    grid-template-rows: 42px minmax(0, 1fr);
    row-gap: 7px;
    overflow: visible;
    color: #cccccc;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 7px;
    box-shadow: inset 0 0 9px rgba(0, 0, 0, .55);
}



.kc-vs-prep-inventory > header[b-8s2i4vnxqp] {
    min-width: 0;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #c6ef39;
    font-family: 'Share Tech Mono', monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.kc-vs-prep-inventory-title[b-8s2i4vnxqp] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.kc-vs-prep-inventory-title strong[b-8s2i4vnxqp] {
    font-size: .92rem;
}

.kc-vs-prep-inventory-title small[b-8s2i4vnxqp] {
    overflow: hidden;
    font-size: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-prep-character-inventory[b-8s2i4vnxqp],
.kc-vs-prep-loadout-inventory[b-8s2i4vnxqp],
.kc-vs-prep-help-inventory[b-8s2i4vnxqp] {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    align-items: center;
    gap: 7px;
}

.kc-vs-prep-character-inventory[b-8s2i4vnxqp] {
    max-width: 584px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.kc-vs-prep-character-card[b-8s2i4vnxqp] {
    width: 190px;
    min-width: 0;
    flex: 0 0 190px;
    height: 54px;
    padding: 3px 8px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    color: #e6e2d5;
    background: rgba(76, 80, 51, .55);
    border: 1px solid #686c48;
    border-radius: 5px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-vs-prep-character-card:hover:not(:disabled)[b-8s2i4vnxqp],
.kc-vs-prep-help-card:hover:not(:disabled)[b-8s2i4vnxqp],
.kc-vs-prep-loadout-card:hover:not(:disabled)[b-8s2i4vnxqp] {
    border-color: #c6ef39;
    filter: brightness(1.08);
}

.kc-vs-prep-character-card > span[b-8s2i4vnxqp],
.kc-vs-prep-help-card > span[b-8s2i4vnxqp] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-align: left;
}

.kc-vs-prep-character-card strong[b-8s2i4vnxqp],
.kc-vs-prep-character-card small[b-8s2i4vnxqp],
.kc-vs-prep-help-card strong[b-8s2i4vnxqp],
.kc-vs-prep-help-card small[b-8s2i4vnxqp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-prep-character-card small[b-8s2i4vnxqp],
.kc-vs-prep-help-card small[b-8s2i4vnxqp] {
    color: #b9b9af;
    font-family: 'Courier New', monospace;
    font-size: .68rem;
}

.kc-vs-prep-loadout-inventory[b-8s2i4vnxqp] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kc-vs-prep-loadout-card[b-8s2i4vnxqp] {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 3px;
    display: grid;
    place-items: center;
    background: #343820;
    border: 2px solid #171910;
    border-radius: 6px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-vs-prep-loadout-card > img[b-8s2i4vnxqp] {
    width: 100%;
    height: 44px;
    object-fit: cover;
    border: inset 1px #777;
}

.kc-vs-prep-loadout-card.selected[b-8s2i4vnxqp] {
    border-color: #c6ef39;
    box-shadow: 0 0 9px rgba(210, 255, 57, .8);
}

.kc-vs-prep-loadout-card.locked[b-8s2i4vnxqp] {
    opacity: .43;
    filter: grayscale(.8);
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-vs-prep-loadout-card > i[b-8s2i4vnxqp] {
    position: absolute;
    color: #eee9dc;
    font-size: 1.15rem;
    text-shadow: 0 1px 3px #000;
}

.kc-vs-prep-loadout-card:hover > .tooltip-box[b-8s2i4vnxqp] {
    left: 0;
    bottom: 59px;
    z-index: 2;
    display: block;
    padding: 6px 9px;
    white-space: nowrap;
}

.kc-vs-prep-loadout-card:hover[b-8s2i4vnxqp] {
    z-index: 1;
}

.kc-vs-prep-help-inventory[b-8s2i4vnxqp] {
    display: flex;
}

.kc-vs-prep-help-card[b-8s2i4vnxqp] {
    min-width: 0;
    height: 58px;
    flex: 1 1 0;
    padding: 5px 9px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    color: #e6e2d5;
    background: linear-gradient(180deg, #4c5033, #343820);
    border: 1px solid #777850;
    border-radius: 5px;
    cursor: url('/Images/cursors/active.cur'), pointer;
}

.kc-vs-prep-help-card > i[b-8s2i4vnxqp] {
    font-size: 1.55rem;
}

.kc-vs-prep-help-card.selected[b-8s2i4vnxqp] {
    border-color: #c6ef39;
    box-shadow: inset 0 0 0 2px rgba(198, 239, 57, .35);
}

.kc-vs-prep-help-card:disabled[b-8s2i4vnxqp],
.kc-vs-prep-character-card:disabled[b-8s2i4vnxqp] {
    opacity: .35;
    cursor: url('/Images/cursors/disabled.cur'), not-allowed;
}

.kc-vs-prep-actions[b-8s2i4vnxqp] {
    flex: 0 0 auto;
    display: flex;
    gap: 7px;
}

.kc-vs-prep-actions .button-on-lcd[b-8s2i4vnxqp] {
    width: 40px;
    height: 40px;
}

.kc-vs-prep-actions .button-on-lcd.finished:disabled[b-8s2i4vnxqp],
.kc-vs-prep-actions .button-on-lcd.finished:disabled i[b-8s2i4vnxqp] {
    color: #c6ef39;
    background-color: var(--kc-shell-bg);
    border-color: rgba(198, 239, 57, .72);
    opacity: .88;
    box-shadow:
        inset 0 0 0 1px rgba(198, 239, 57, .24),
        0 0 7px rgba(198, 239, 57, .28);
}

.kc-vs-prep-completed[b-8s2i4vnxqp] {
    grid-row: 2 / 5;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 18px;
    color: #c6ef39;
    font-family: 'Special Elite', cursive;
    font-size: 1.35rem;
    text-align: center;
}

.kc-vs-prep-completed > i[b-8s2i4vnxqp] {
    font-size: 5rem;
}

@media (max-width: 980px) {
    .kc-vs-prep-round[b-8s2i4vnxqp] {
        grid-template-columns:
            minmax(190px, 1.15fr)
            minmax(130px, 1.1fr)
            minmax(95px, .8fr)
            70px;
    }

    .kc-vs-prep-round-character[b-8s2i4vnxqp] {
        grid-template-columns: 38px minmax(0, 1fr);
    }
}
/* /Features/VsGame/Components/VsMatchRewardView.razor.rz.scp.css */
.kc-vs-reward[b-i657e54we6] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding: 10px;
    display: grid;
    grid-template-rows: 42px minmax(0, 1fr);
    gap: 8px;
    overflow: hidden;
    box-sizing: border-box;
    color: #cccccc;
    background: var(--kc-surface-bg-soft);
    border: 2px solid #151713;
    border-radius: 10px;
    box-shadow:
        inset 0 0 0 1px #55584a,
        inset 0 0 16px rgba(0, 0, 0, .75);
}

.kc-vs-reward-title[b-i657e54we6] {
    min-width: 0;
    min-height: 40px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #cccccc;
    opacity: .9;
    border: inset 1px #777;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, .4),
        inset 0 4px 8px rgba(0, 0, 0, .7);
    font-family: 'Special Elite', cursive;
    font-size: clamp(1rem, 1.35vw, 1.35rem);
    text-transform: uppercase;
}

.kc-vs-reward-title > strong[b-i657e54we6],
.kc-vs-reward-title > span[b-i657e54we6] {
    align-self: stretch;
    display: flex;
    align-items: center;
    transform: translateY(3px);
}

.kc-vs-reward-title > strong[b-i657e54we6] {
    min-width: 0;
    overflow: hidden;
    letter-spacing: .04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-reward-title > span[b-i657e54we6] {
    flex: 0 0 auto;
    color: #c6ef39;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
}

.kc-vs-reward-body[b-i657e54we6] {
    min-width: 0;
    min-height: 0;
    padding: 8px;
    display: grid;
    align-content: start;
    gap: 10px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #777850 #171910;
}

.kc-vs-reward-banner[b-i657e54we6] {
    min-height: 56px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.kc-vs-reward-panel[b-i657e54we6] {
    min-width: 0;
    padding: 12px 14px;
    background: var(--kc-panel-bg-end);
    border: 1px solid #55583f;
    border-radius: 7px;
    box-shadow:
        inset 0 0 9px rgba(0, 0, 0, .55),
        0 3px 7px rgba(0, 0, 0, .35);
}

.kc-vs-reward-panel h3[b-i657e54we6] {
    margin: 0 0 10px;
    color: #c6ef39;
    font-family: 'Special Elite', cursive;
    font-size: 1.05rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.kc-vs-reward-standing-grid[b-i657e54we6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.kc-vs-reward-standing[b-i657e54we6] {
    min-width: 0;
    min-height: 47px;
    padding: 6px 8px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    border: 1px solid #55583f;
    border-radius: 5px;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-reward-standing.me[b-i657e54we6] {
    border: 2px solid #d8bd51;
}

.kc-vs-reward-standing.bot[b-i657e54we6] {
    opacity: .48;
}

.kc-vs-reward-standing .place[b-i657e54we6],
.kc-vs-reward-standing .points[b-i657e54we6] {
    color: #c6ef39;
    font-size: 1rem;
}

.kc-vs-reward-standing div[b-i657e54we6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.kc-vs-reward-standing div > strong[b-i657e54we6],
.kc-vs-reward-standing div > small[b-i657e54we6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-reward-standing .time[b-i657e54we6],
.kc-vs-reward-standing div > small[b-i657e54we6] {
    color: #aaa99f;
    font-size: .72rem;
}

.kc-vs-reward-standing .bot-label[b-i657e54we6] {
    color: #d15f52;
    font-size: .7rem;
}

.kc-vs-reward-details[b-i657e54we6] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 10px;
}

.kc-vs-reward-panel dl[b-i657e54we6] {
    margin: 0;
    display: grid;
}

.kc-vs-reward-panel dl > div[b-i657e54we6] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #3f4335;
    font-family: 'Courier New', monospace;
    font-size: .78rem;
}

.kc-vs-reward-panel dt[b-i657e54we6] {
    color: #aaa99f;
}

.kc-vs-reward-panel dt small[b-i657e54we6] {
    color: inherit;
    font: inherit;
    white-space: nowrap;
}

.kc-vs-reward-panel dd[b-i657e54we6] {
    margin: 0;
    color: #eee9dc;
    font-weight: 700;
    text-align: right;
}

.kc-vs-reward-panel dl > div.total dd[b-i657e54we6] {
    color: #c6ef39;
}

.kc-vs-reward-panel dl > div.ranking-score[b-i657e54we6] {
    min-height: 42px;
    border-bottom-color: #777850;
}

.kc-vs-reward-panel .ranking-score dt[b-i657e54we6] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #c6ef39;
}

.kc-vs-reward-panel .ranking-score dd[b-i657e54we6] {
    color: #c6ef39;
    font-size: 1rem;
}

.kc-vs-reward-panel dt.team-xp-label[b-i657e54we6] {
    display: flex;
    align-items: center;
    gap: 7px;
}


.team-level-cycle[b-i657e54we6] { display: inline-grid; min-width: 76px; color: #c6ef39; pointer-events: none; }

    .team-level-cycle > strong[b-i657e54we6] { grid-area: 1 / 1; white-space: nowrap; opacity: 0; }


        .team-level-cycle > strong:first-child[b-i657e54we6] { animation: team-level-up-text-b-i657e54we6 4s linear infinite; }

        .team-level-cycle > strong:last-child[b-i657e54we6] { animation: team-level-up-level-b-i657e54we6 4s linear infinite; }

@keyframes team-level-up-text-b-i657e54we6 {
    0% { opacity: 0; }

    25% { opacity: 1; }

    50% { opacity: 0; }

    100% { opacity: 0; }
}

@keyframes team-level-up-level-b-i657e54we6 {
    0% { opacity: 0; }

    50% { opacity: 0; }

    75% { opacity: 1; }

    100% { opacity: 0; }
}
.kc-vs-reward-character-list[b-i657e54we6] {
    display: grid;
    gap: 7px;
}

.kc-vs-reward-character[b-i657e54we6] {
    min-width: 0;
    min-height: 63px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid #3f4335;
    font-family: 'Courier New', monospace;
}

.kc-vs-reward-character-picture[b-i657e54we6] {
    position: relative;
    isolation: isolate;
    width: 40px;
    height: 52px;
    overflow: hidden;
    background: rgba(23, 23, 23, .75);
    border: inset 2px #555;
    border-radius: 4px;
}

.kc-vs-reward-character-svg-host[b-i657e54we6] {
    position: absolute;
    z-index: 0;
    inset: 0;
}

.kc-vs-reward-character > div:nth-child(2)[b-i657e54we6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kc-vs-reward-character small[b-i657e54we6] {
    color: #aaa99f;
}

.kc-vs-reward-character .character-xp.capped[b-i657e54we6] {
    color: #d15f52;
}

.kc-vs-reward-character .pension[b-i657e54we6] {
    color: #eee9dc;
    font-size: .78rem;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .kc-vs-reward-standing-grid[b-i657e54we6],
    .kc-vs-reward-details[b-i657e54we6] {
        grid-template-columns: 1fr;
    }
}
/* /Features/VsGame/Components/VsMatchRoster.razor.rz.scp.css */
.kc-vs-roster[b-ph9ro247t2] {
    min-width: 0;
    min-height: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    overflow: hidden;
    border: 2px solid #151713;
    border-radius: 10px;
    background: var(--kc-surface-bg-soft);
    box-shadow:
        inset 0 0 0 1px #55584a,
        inset 0 0 16px rgba(0, 0, 0, .75);
}

.kc-vs-roster > header[b-ph9ro247t2] {
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #c6ef39;
    border-bottom: 1px solid #55583f;
    font-family: 'Special Elite', cursive;
    letter-spacing: .08em;
}

.kc-vs-roster > header i[b-ph9ro247t2] {
    font-size: 1.05rem;
}

.kc-vs-roster-card[b-ph9ro247t2] {
    position: relative;
    min-width: 0;
    min-height: 92px;
    max-height: 132px;
    flex: 1 1 0;
    padding: 8px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    color: #cccccc;
    background:
        linear-gradient(
            var(--kc-vs-roster-player-color),
            var(--kc-vs-roster-player-color)),
        rgba(28, 32, 24, .78);
    border: 1px solid #55583f;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px rgba(119, 120, 80, .24);
}

.kc-vs-roster-card.player-tone-1[b-ph9ro247t2] {
    --kc-vs-roster-player-color: rgba(72, 132, 190, .14);
}

.kc-vs-roster-card.player-tone-2[b-ph9ro247t2] {
    --kc-vs-roster-player-color: rgba(218, 133, 62, .14);
}

.kc-vs-roster-card.player-tone-3[b-ph9ro247t2] {
    --kc-vs-roster-player-color: rgba(145, 92, 177, .14);
}

.kc-vs-roster-card.player-tone-4[b-ph9ro247t2] {
    --kc-vs-roster-player-color: rgba(146, 151, 158, .12);
}

.kc-vs-roster-card.me[b-ph9ro247t2] {
    border: 2px solid #c6ef39;
    box-shadow:
        inset 0 0 0 1px rgba(210, 255, 57, .32),
        0 0 8px rgba(210, 255, 57, .18);
}

.kc-vs-roster-card.disconnected[b-ph9ro247t2] {
    opacity: .42;
    filter: grayscale(.85);
}

.kc-vs-roster-card.bot > *[b-ph9ro247t2] {
    opacity: .38;
    filter: grayscale(.8);
}

.kc-vs-roster-card.bot[b-ph9ro247t2]::after {
    content: "BOT";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    padding: 5px 13px 3px;
    color: rgba(238, 233, 220, .86);
    background: rgba(63, 24, 18, .88);
    border: 2px solid rgba(209, 95, 82, .8);
    border-radius: 4px;
    box-shadow:
        inset 0 0 0 1px rgba(238, 233, 220, .16),
        0 3px 8px rgba(0, 0, 0, .55);
    font-family: 'Special Elite', cursive;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 1;
    opacity: .8;
    text-shadow: 0 1px 2px #000;
    transform: translate(-50%, -50%) rotate(-3deg);
    pointer-events: none;
}

.kc-vs-roster-card.searching[b-ph9ro247t2] {
    display: flex;
    justify-content: center;
    color: #777850;
}

.kc-vs-roster-search-ring[b-ph9ro247t2] {
    width: 42px;
    aspect-ratio: 1;
    border: 3px dashed #777850;
    border-radius: 50%;
    animation: kc-vs-roster-search-b-ph9ro247t2 3s linear infinite;
}

.kc-vs-roster-visual[b-ph9ro247t2] {
    width: 52px;
    min-width: 0;
    display: grid;
    gap: 3px;
    justify-items: center;
}

.kc-vs-roster-avatar[b-ph9ro247t2] {
    position: relative;
    z-index: 0;
    isolation: isolate;
    width: 52px;
    height: 66px;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.kc-vs-roster-svg-host[b-ph9ro247t2] {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kc-vs-roster-avatar img[b-ph9ro247t2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kc-vs-roster-vitality[b-ph9ro247t2] {
    width: 52px;
    height: 15px;
}

.kc-vs-roster-card.depleted
    .kc-vs-roster-avatar[b-ph9ro247t2] {
    opacity: .48;
    filter: grayscale(1);
}

.kc-vs-roster-card.depleted
    .kc-vs-roster-avatar[b-ph9ro247t2]::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(0, 0, 0, .28);
    pointer-events: none;
}

.kc-vs-roster-connection[b-ph9ro247t2] {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 7px;
    width: 24px;
    height: 18px;
    display: grid;
    place-items: center;
    font-size: .9rem;
    line-height: 1;
    text-shadow: 0 1px 2px #000;
    background-color: rgba(44,44,44,0.5);
    box-shadow: 2px 2px rgba(0,0,0,0.5);
    border-radius:6px;
}





.kc-vs-roster-connection.good[b-ph9ro247t2] {
    color: #51b36d;
}

.kc-vs-roster-connection.medium[b-ph9ro247t2] {
    color: #d7bd4f;
}

.kc-vs-roster-connection.bad[b-ph9ro247t2] {
    color: #d15f52;
}

.kc-vs-roster-connection.unknown[b-ph9ro247t2] {
    color: #777850;
}

.kc-vs-roster-modifier[b-ph9ro247t2] {
    position: absolute;
    top: 5px;
    right: 7px;
    line-height: 1;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
}

.kc-vs-roster-modifier.positive[b-ph9ro247t2] {
    color: #d15f52;
}

.kc-vs-roster-modifier.negative[b-ph9ro247t2] {
    color: #51b36d;
}

.kc-vs-roster-modifier.neutral[b-ph9ro247t2] {
    color: #aaa99f;
}

.kc-vs-roster-score[b-ph9ro247t2] {
    position: absolute;
    right: 7px;
    bottom: 5px;
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #c6ef39;
    font-family: 'Share Tech Mono', monospace;
}

.kc-vs-roster-score strong[b-ph9ro247t2] {
    font-size: 1rem;
}

.kc-vs-roster-score small[b-ph9ro247t2] {
    color: #aaa99f;
    font-size: .58rem;
}

.kc-vs-roster-data[b-ph9ro247t2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: 'Courier New', monospace;
    font-size: .76rem;
}

.kc-vs-roster-data strong[b-ph9ro247t2],
.kc-vs-roster-data span[b-ph9ro247t2],
.kc-vs-roster-data small[b-ph9ro247t2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kc-vs-roster-data strong[b-ph9ro247t2] {
    color: #eee9dc;
    font-family: 'Special Elite', cursive;
    font-size: .94rem;
}

.kc-vs-roster-data small[b-ph9ro247t2] {
    color: #b9b9af;
    font-size: .7rem;
}

    .kc-vs-roster-data small.male[b-ph9ro247t2] {
        color: lightblue;
    }

    .kc-vs-roster-data small.female[b-ph9ro247t2] {
        color: pink;
    }

.kc-vs-roster-state[b-ph9ro247t2] {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #8b4d31;
    box-shadow: 0 0 5px rgba(200, 59, 50, .7);
}

.kc-vs-roster-state.ready[b-ph9ro247t2] {
    background: #c6ef39;
    box-shadow: 0 0 6px rgba(210, 255, 57, .8);
}

@media (max-width: 860px) {
    .kc-vs-roster[b-ph9ro247t2] {
        display: grid;
        overflow: visible;
    }

    .kc-vs-roster.compact-columns-1[b-ph9ro247t2] {
        grid-template-columns: 1fr;
    }

    .kc-vs-roster.compact-columns-2[b-ph9ro247t2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kc-vs-roster.compact-columns-3[b-ph9ro247t2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .kc-vs-roster > header[b-ph9ro247t2] {
        grid-column: 1 / -1;
    }

    .kc-vs-roster.compact-count-3 >
        .kc-vs-roster-card:last-child[b-ph9ro247t2] {
        width: calc((100% - 9px) / 2);
        grid-column: 1 / -1;
        justify-self: center;
    }

    .kc-vs-roster-card[b-ph9ro247t2] {
        min-height: 92px;
        max-height: none;
        grid-template-columns: 18px 54px minmax(0, 1fr);
        gap: 7px;
    }

    .kc-vs-roster-connection[b-ph9ro247t2] {
        position: static;
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
        background-color: transparent; 
        box-shadow: none; 
    }

    .kc-vs-roster-visual[b-ph9ro247t2] {
        grid-column: 2;
        grid-row: 1;
    }

    .kc-vs-roster-data[b-ph9ro247t2] {
        grid-column: 3;
        grid-row: 1;
    }

    .kc-vs-roster-card.has-modifier
        .kc-vs-roster-data > strong[b-ph9ro247t2] {
        max-width: calc(100% - 52px);
    }

    .kc-vs-roster-card.has-score
        .kc-vs-roster-data > small[b-ph9ro247t2] {
        max-width: calc(100% - 62px);
    }

    
}

@keyframes kc-vs-roster-search-b-ph9ro247t2 {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/VsGame/VsGame.razor.rz.scp.css */
.kc-vsgame-selector[b-7vmfs9objz] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    width: 100%;
}
/* /Layout/LoginLayout.razor.rz.scp.css */


.kc-loginlayout-center[b-udob02pxnx] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px); /* header + footer lejön a teljes view heightből */
    padding-top: 5px;
}


.kc-loginlayout-center--container[b-udob02pxnx] {
    display: flex;
    flex-direction: column;
    border-radius: 22px;
   
   background:
    repeating-linear-gradient(
        0deg,
        rgba(190, 190, 190, 0.018) 0,
        rgba(190, 190, 190, 0.018) 1px,
        transparent 1px,
        transparent 4px),
    radial-gradient(circle at 50% 0, #303230, #181a18 70%);


    border-width: 2px;
    border-style: solid;
    border-color: rgba(64, 64, 64, 0.7);
    padding: 30px;
    width: 500px;
    height: 545px;
    position: relative;
    align-items: center;
    box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.8);
}

.kc-logo-small[b-udob02pxnx] {
    max-width: 80px;
    height: 80px;
    border-radius: 80px;
    
 
}

.kc-loginlayout-content-body[b-udob02pxnx] {
    flex: 1;
    color: white;
    overflow: auto; 
}






/* /Layout/MainLayout.razor.rz.scp.css */
.kc-mainlayout-root[b-vj2e3grxqz] {
    --kc-main-header-height: 60px;
    --kc-nav-width: 130px;
    position: relative;
}

.kc-mainlayout-nav-side[b-vj2e3grxqz] {
    position: absolute;
    top: var(--kc-main-header-height);
    bottom: 0;
    left: 0;
    width: var(--kc-nav-width);
    z-index: 103;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-100%);
    transition: transform 0.25s ease-out, visibility 0.25s;
}
@media (min-width: 801px) {
    .kc-mainlayout-nav-side.desktop-open[b-vj2e3grxqz] {
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }

    .kc-mainlayout-root.desktop-nav-open .kc-mainlayout-content-container[b-vj2e3grxqz] {
        margin-left: var(--kc-nav-width);
    }

    .kc-mainlayout-root.desktop-nav-open .kc-mainlayout-content-header[b-vj2e3grxqz] {
        grid-template-columns: minmax(0, 1fr) var(--kc-nav-width) auto minmax(0, 1fr);
    }

    .kc-mainlayout-root.desktop-nav-open .kc-mainlayout-content-header--left-warper[b-vj2e3grxqz] {
        grid-column: 1 / 3;
    }

    .kc-mainlayout-root.desktop-nav-open .kc-mainlayout-content-header--center[b-vj2e3grxqz] {
        grid-column: 3;
    }

    .kc-mainlayout-root.desktop-nav-open .kc-mainlayout-content-header--right[b-vj2e3grxqz] {
        grid-column: 4;
    }
}

.kc-mainlayout-nav-backdrop[b-vj2e3grxqz] {
    display: none;
}

.kc-mainlayout-content-side[b-vj2e3grxqz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.kc-mainlayout-content-header[b-vj2e3grxqz] {
    display: grid;
    flex: 0 0 var(--kc-main-header-height);
    position: relative;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: minmax(0, 1fr);
    align-items: center;
    background-color: var(--kc-shell-bg);
    font-family: 'Special Elite', cursive;
    color: #d3d3d3;
    border-bottom: 1px solid var(--kc-shell-border);
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.6);
    height: 60px;
    gap: 0 10px;
    z-index: 100;
}

.kc-mainlayout-content-header--left-warper[b-vj2e3grxqz] {
    display: flex;
    min-width: 0;
    align-items: center;
    height: 100%;
}

.kc-mainlayout-content-header--left[b-vj2e3grxqz] {
    width: 100%;
    padding: 0 10px 0 5px;
}

.kc-mainlayout-content-header--right[b-vj2e3grxqz] {
    width: 100%;
    padding: 0 5px 0 5px;
    justify-content: flex-end;
}

.kc-mainlayout-content-header--right[b-vj2e3grxqz],
.kc-mainlayout-content-header--left[b-vj2e3grxqz] {
    min-width: 0;
    display: flex;
    align-items: center;
    height: 80%;
}

.kc-mainlayout-content-header--left[b-vj2e3grxqz],
.kc-mainlayout-content-header--center[b-vj2e3grxqz],
.kc-mainlayout-content-header--right[b-vj2e3grxqz] {
    box-shadow: inset 0 4px 8px rgba(0,0,0,0.7);
    border: inset 2px var(--kc-shell-inset-border);
}

.kc-back-button[b-vj2e3grxqz] {
    display: flex;
    padding: 6px 12px 0 6px;
    background-color: transparent;
    border-radius: 16px;
    font-size: 1.3rem;
}

.kc-back-button-slot[b-vj2e3grxqz] {
    display: flex;
    align-items: center;
}

    .kc-back-button:hover[b-vj2e3grxqz] {
        background-color: rgba(255,255,255,0.1);
        color: whitesmoke;
        cursor: url('/Images/cursors/active.cur'), pointer;
        border: grey 1px solid;
    }

    .kc-back-button.btn-hidden[b-vj2e3grxqz] {
        display: none;
    }

.kc-actual-page-title[b-vj2e3grxqz] {
    flex: 1;
    min-width: 0;
}

    .kc-actual-page-title h2[b-vj2e3grxqz] {
        padding-top: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.kc-mainlayout-content-header--center[b-vj2e3grxqz] {
    display: grid;
    place-items: center;
    justify-self: center;
}

.kc-header-lcd-display[b-vj2e3grxqz] {
    width: clamp(320px, 50vw, 640px);
}




.kc-header-greeting[b-vj2e3grxqz] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-width: 0;
    max-width: 100%;
    margin-right: 15px;
    line-height: 1.2;
    max-height: calc(2 * 1.2em);
}

main[b-vj2e3grxqz] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.kc-mainlayout-content-container[b-vj2e3grxqz] {
    position: relative;
    min-height: 0;
    flex: 1 1 auto;
}

.kc-mainlayout-scroll-container[b-vj2e3grxqz] {
    position: absolute;
    inset: 0;
    overflow-y: auto; /* <<< GÖRGETÉS engedélyezése */
    /* Firefox */
    scrollbar-width: none;
    /* IE / régi Edge */
    -ms-overflow-style: none;
}
    /* Chrome / Edge / Safari */
    .kc-mainlayout-scroll-container[b-vj2e3grxqz]::-webkit-scrollbar {
        display: none;
    }

.kc-collapse-btn[b-vj2e3grxqz] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    background-color: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kc-mobile-nav-toggle[b-vj2e3grxqz] {
    display: none;
}

    .kc-collapse-btn:not(:disabled):hover[b-vj2e3grxqz] {
        background-color: rgba(255,255,255,0.1);
        cursor: url('/Images/cursors/active.cur'), pointer;
        border-color: grey;
    }

.nav-logo[b-vj2e3grxqz] {
    display: block;
    width: 58px;
    height: 58px;
    object-fit: cover;
    z-index: 0;
}

@media (max-width: 800px) {
    .kc-mainlayout-root[b-vj2e3grxqz] {
        --kc-main-header-height: 100px;
    }

    .kc-mainlayout-content-header[b-vj2e3grxqz] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 40px 60px; grid-template-areas:
            "center center"
            "left right"; height: 100px; gap: 0; }

    .kc-mainlayout-content-header--left-warper[b-vj2e3grxqz] {
        grid-area: left;
        display: flex;
    }

    .kc-desktop-nav-toggle[b-vj2e3grxqz] {
        display: none;
    }

    .kc-mobile-nav-toggle[b-vj2e3grxqz] {
        display: flex;
    }

    .kc-mainlayout-nav-side[b-vj2e3grxqz] {
        position: fixed;
        top: 0;
        bottom: 0;
        width: min(320px, 86vw);
        z-index: 1201;
    }

    .kc-mainlayout-nav-side.mobile-open[b-vj2e3grxqz] {
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }

    .kc-mainlayout-nav-backdrop[b-vj2e3grxqz] {
        position: fixed;
        inset: 0;
        z-index: 1200;
        display: block;
        background-color: rgba(0, 0, 0, 0.52);
    }

    .kc-mainlayout-content-header--left[b-vj2e3grxqz] {
        display: flex;
    }

    .kc-back-button-slot[b-vj2e3grxqz] {
        width: auto;
    }
    .kc-header-lcd-display[b-vj2e3grxqz] {
        width: 100%;
    }

    .kc-mainlayout-content-header--center[b-vj2e3grxqz] {
        grid-area: center;
        width: 100%;
        box-sizing: border-box;
    }

    .kc-mainlayout-content-header--right[b-vj2e3grxqz] {
        grid-area: right;
        height: 80%;
    }

}
/* /Layout/NavMenu.razor.rz.scp.css */
.side-nav[b-ww1oannmri] {
    background-color: var(--kc-shell-bg);
    display: flex;
    flex-direction: column;
    padding: 0;
    border-bottom: 1px solid var(--kc-shell-border);
    border-right: 1px solid var(--kc-shell-border);
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.nav-drawer-header[b-ww1oannmri] {
    display: none;
}

.side-nav[b-ww1oannmri]  .navigation-button {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    text-align: left;
}

.side-nav[b-ww1oannmri]  .navigation-button span {
    display: block;
    text-align: left;
}

.nav-footer[b-ww1oannmri] {
    position: relative;
    width: auto;
    bottom: 0px;
    left: 0;
    margin-top: auto;
    margin-bottom: 0px;
    height: 6%;
    display: flex;
    z-index: 0;
}

@media (max-width: 800px) {
    .nav-drawer-header[b-ww1oannmri] {
        flex: 0 0 60px;
        min-height: 60px;
        padding: 0 6px 0 18px;
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) 42px;
        align-items: center;
        gap: 8px;
        color: #d3d3d3;
        border-bottom: 1px solid var(--kc-shell-border);
        font-family: 'Special Elite', cursive;
    }

    .nav-drawer-close[b-ww1oannmri] {
        width: 42px;
        height: 42px;
        padding: 0;
        display: grid;
        place-items: center;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 8px;
        color: #d3d3d3;
        font-size: 1.35rem;
        cursor: url('/Images/cursors/active.cur'), pointer;
    }

    .nav-drawer-close:hover[b-ww1oannmri] {
        background-color: rgba(255,255,255,0.1);
        border-color: grey;
        color: whitesmoke;
    }

    .nav-drawer-logo[b-ww1oannmri] {
        width: 24px;
        height: 24px;
        object-fit: cover;
    }

    .nav-drawer-header strong[b-ww1oannmri] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .side-nav[b-ww1oannmri]  .navigation-button {
        min-height: 46px;
        padding: 0 16px;
        gap: 12px;
    }

    .side-nav[b-ww1oannmri]  .navigation-button i {
        width: 24px;
        text-align: center;
    }
}