/* /Pages/Other/Docs/Syntax.razor.rz.scp.css */
.syntax-page[b-jyed61uxp2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Header Section */
.page-header[b-jyed61uxp2] {
    text-align: center;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--mud-palette-divider);
}

.page-header h1[b-jyed61uxp2] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--mud-palette-text-primary);
}

.subtitle[b-jyed61uxp2] {
    font-size: 1.125rem;
    color: var(--mud-palette-text-secondary);
    margin: 0;
}

/* Quick Navigation */
.quick-nav[b-jyed61uxp2] {
    background: var(--mud-palette-surface);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 3rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 1rem;
    z-index: 100;
}

.quick-nav h3[b-jyed61uxp2] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.nav-buttons[b-jyed61uxp2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.nav-btn[b-jyed61uxp2] {
    background: var(--mud-palette-primary);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-btn:hover[b-jyed61uxp2] {
    background: var(--mud-palette-primary-darken);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.nav-btn:active[b-jyed61uxp2] {
    transform: translateY(0);
}

/* Content Sections */
.content-sections[b-jyed61uxp2] {
    margin-top: 2rem;
}

.doc-section[b-jyed61uxp2] {
    background: var(--mud-palette-surface);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    scroll-margin-top: 6rem;
}

.doc-section h2[b-jyed61uxp2] {
    font-size: 1.75rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--mud-palette-primary);
    border-bottom: 2px solid var(--mud-palette-primary);
    padding-bottom: 0.5rem;
}

.doc-section p[b-jyed61uxp2] {
    line-height: 1.6;
    color: var(--mud-palette-text-primary);
    margin-bottom: 1.5rem;
}

/* Info Box */
.info-box[b-jyed61uxp2] {
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.1), rgba(33, 150, 243, 0.05));
    border-left: 4px solid var(--mud-palette-info);
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin: 1.5rem 0;
}

.info-box strong[b-jyed61uxp2] {
    color: var(--mud-palette-info);
}

.info-box ul[b-jyed61uxp2] {
    margin: 0.5rem 0 0 1.5rem;
    padding: 0;
}

.info-box li[b-jyed61uxp2] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

/* Example Box */
.example-box[b-jyed61uxp2] {
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.example-title[b-jyed61uxp2] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--mud-palette-text-primary);
    margin-bottom: 1rem;
}

.example-item[b-jyed61uxp2] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--mud-palette-surface);
    border-radius: 6px;
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
}

.example-item:hover[b-jyed61uxp2] {
    transform: translateX(4px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.example-item:last-child[b-jyed61uxp2] {
    margin-bottom: 0;
}

.example-item code[b-jyed61uxp2] {
    flex-shrink: 0;
    min-width: 180px;
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.example-desc[b-jyed61uxp2] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.9375rem;
}

/* Code Styling */
code[b-jyed61uxp2] {
    background: rgba(0, 0, 0, 0.05);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    color: var(--mud-palette-primary);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Property Table */
.property-table[b-jyed61uxp2] {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    background: var(--mud-palette-surface);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.property-table thead[b-jyed61uxp2] {
    background: var(--mud-palette-primary);
    color: white;
}

.property-table th[b-jyed61uxp2] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.9375rem;
}

.property-table tbody tr[b-jyed61uxp2] {
    border-bottom: 1px solid var(--mud-palette-divider);
    transition: background 0.2s ease;
}

.property-table tbody tr:hover[b-jyed61uxp2] {
    background: var(--mud-palette-action-default-hover);
}

.property-table tbody tr:last-child[b-jyed61uxp2] {
    border-bottom: none;
}

.property-table td[b-jyed61uxp2] {
    padding: 0.875rem 1rem;
    color: var(--mud-palette-text-primary);
}

.property-table td code[b-jyed61uxp2] {
    background: var(--mud-palette-background-grey);
    padding: 0.25rem 0.5rem;
}

/* Operator Grid */
.operator-grid[b-jyed61uxp2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0;
}

.operator-card[b-jyed61uxp2] {
    background: linear-gradient(135deg, var(--mud-palette-primary), var(--mud-palette-primary-darken));
    color: white;
    padding: 1.25rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
}

.operator-card:hover[b-jyed61uxp2] {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.operator[b-jyed61uxp2] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.operator code[b-jyed61uxp2] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
}

.operator-desc[b-jyed61uxp2] {
    font-size: 0.875rem;
    opacity: 0.95;
}

/* Responsive Design */
@media (max-width: 768px) {
    .syntax-page[b-jyed61uxp2] {
        padding: 1rem;
    }

    .page-header h1[b-jyed61uxp2] {
        font-size: 2rem;
    }

    .subtitle[b-jyed61uxp2] {
        font-size: 1rem;
    }

    .quick-nav[b-jyed61uxp2] {
        position: relative;
        top: 0;
    }

    .nav-buttons[b-jyed61uxp2] {
        gap: 0.375rem;
    }

    .nav-btn[b-jyed61uxp2] {
        padding: 0.4rem 0.75rem;
        font-size: 0.8125rem;
    }

    .doc-section[b-jyed61uxp2] {
        padding: 1.25rem;
    }

    .doc-section h2[b-jyed61uxp2] {
        font-size: 1.5rem;
    }

    .example-item[b-jyed61uxp2] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .example-item code[b-jyed61uxp2] {
        min-width: auto;
    }

    .property-table[b-jyed61uxp2] {
        font-size: 0.875rem;
    }

    .property-table th[b-jyed61uxp2],
    .property-table td[b-jyed61uxp2] {
        padding: 0.625rem;
    }

    .operator-grid[b-jyed61uxp2] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 0.75rem;
    }
}

@media (max-width: 480px) {
    .page-header h1[b-jyed61uxp2] {
        font-size: 1.75rem;
    }

    .nav-buttons[b-jyed61uxp2] {
        justify-content: center;
    }

    .operator-grid[b-jyed61uxp2] {
        grid-template-columns: 1fr;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    code[b-jyed61uxp2] {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.15);
    }

    .property-table td code[b-jyed61uxp2] {
        background: rgba(255, 255, 255, 0.08);
    }
}
/* /Pages/Users/UserView.razor.rz.scp.css */
.profile-header[b-ztgme877t9] {
    width: 100%;
    display: flex;
    height: 190px;
    position: relative;
    background: var(--mud-palette-surface);
}

.profile-img[b-ztgme877t9] {
    float: left;
    width: 340px;
    height: 200px;
}

.profile-img img[b-ztgme877t9] {
    border-radius: 50%;
    height: 230px;
    width: 230px;
    border: 5px solid #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50px;
    top: 20px;
    z-index: 5;
}

.profile-nav-info[b-ztgme877t9] {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.profile-nav-info h3[b-ztgme877t9] {
    font-weight: bold;
}

.profile-nav-info .address[b-ztgme877t9] {
    display: flex;
    font-weight: bold;
    color: #777;
}

.profile-nav-info .address p[b-ztgme877t9] {
    margin-right: 5px;
}

.profile-option[b-ztgme877t9] {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
}

@media (max-width: 1100px) {
    .profile-img img[b-ztgme877t9] {
        height: 200px;
        width: 200px;
        left: 50px;
        top: 50px;
    }
}

@media (max-width: 900px) {
    .profile-header[b-ztgme877t9] {
        display: flex;
        height: 100%;
        flex-direction: column;
        text-align: center;
        padding-bottom: 20px;
    }

    .profile-img[b-ztgme877t9] {
        float: left;
        width: 100%;
        height: 200px;
    }

    .profile-img img[b-ztgme877t9] {
        position: relative;
        height: 200px;
        width: 200px;
        left: 0px;
    }

    .profile-nav-info[b-ztgme877t9] {
        text-align: center;
        padding-top: 60px;
    }

    .profile-option[b-ztgme877t9] {
        right: 20px;
        top: 75%;
        transform: translateY(50%);
    }

    .profile-nav-info .address[b-ztgme877t9] {
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .profile-header h3[b-ztgme877t9] {
    }

    .profile-option[b-ztgme877t9] {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 15px;
        top: 83%;
    }

    .profile-option[b-ztgme877t9] {
        top: -3px;
        right: -4px;
        padding: 4px;
        height: 15px;
        width: 15px;
        font-size: 0.7rem;
    }

    .profile-nav-info h3[b-ztgme877t9] {
        font-size: 1.9rem;
    }

    .profile-nav-info .address p[b-ztgme877t9],
    .profile-nav-info .address span[b-ztgme877t9] {
        font-size: 0.7rem;
    }
}
/* /Shared/Components/Cards/CardCell.razor.rz.scp.css */
.card-cell[b-krt0u530bl] {
    width: 100%;
    max-width: 120px; /* Limits max size to prevent giant cards */
    aspect-ratio: 3 / 4; /* Ensures consistent height */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Deck mode specific styling */
.card-cell.deck-mode[b-krt0u530bl] {
    max-width: none; /* Remove max-width constraint */
    width: 100%; /* Take full width of grid cell */
}

.card-cell__quantity-badge[b-krt0u530bl] {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: bold;
    z-index: 10;
    font-family: monospace;
}
/* /Shared/Components/Cards/CardGrid.razor.rz.scp.css */
.card-grid--mobile-auto[b-61oa1q5wgx] {
    grid-template-columns: var(--desktop-columns);
}

@media (max-width: 959px) {
    .card-grid--mobile-auto[b-61oa1q5wgx] {
        grid-template-columns: repeat(auto-fill, minmax(var(--mobile-min-width), 1fr)) !important;
    }
}
/* /Shared/Components/Cards/CardRarityLabel.razor.rz.scp.css */
/* --------------------------------
   || Rarity Background Variables
-------------------------------- */

.rarity-box-c[b-nlgji524s0] {
    --rarity-bg: rgb(238, 238, 238);
    --rarity-color: rgb(119, 119, 119);
}

.rarity-box-u[b-nlgji524s0] {
    --rarity-bg: linear-gradient(140deg, #4169E1 0%, #1E90FF 50%, #00BFFF 100%);
}

.rarity-box-r[b-nlgji524s0] {
    --rarity-bg: linear-gradient(140deg, #FFD700 0%, #FFA500 50%, #FF6347 100%);
}

.rarity-box-lr[b-nlgji524s0] {
    --rarity-bg: linear-gradient(140deg, #fd22ef 0%, #8123ff 50%, #02bfff 100%);
}

.rarity-box-p[b-nlgji524s0] {
    --rarity-bg: linear-gradient(135deg, #11CCCA, #CCF9EB);
}

.rarity-box-alt[b-nlgji524s0] {
    --rarity-bg: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
}

/* --------------------------------
   || Base Box + Utilities
-------------------------------- */

/* Shared size utilities */

.rarity-box-size-small[b-nlgji524s0] {
    height: 24px;
    width: 40px;
}

.rarity-box-size-medium[b-nlgji524s0] {
    height: 30px;
    width: 50px;
}

.rarity-box-size-large[b-nlgji524s0] {
    height: 36px;
    width: 60px;
}

/* --------------------------------
   || Standard Rarity Box
-------------------------------- */

.rarity-box[b-nlgji524s0] {
    content: attr(title);
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    background: var(--rarity-bg, var(--mud-palette-text-primary));
    color: var(--rarity-color, rgba(255, 255, 255, 1));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

/* --------------------------------
   || Rainbow Variant
-------------------------------- */

.rarity-box-rainbow[b-nlgji524s0]::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    left: -50%;
    top: -50%;
    background: conic-gradient(
            #fd004c,
            #fe9000,
            #fff020,
            #3edf4b,
            #3363ff,
            #b102b7,
            #fd004c
    );
    animation: spin-b-nlgji524s0 2s infinite linear;
    z-index: 0;
}

.rarity-box-rainbow[b-nlgji524s0]::after {
    content: attr(title);
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rarity-bg, var(--mud-palette-text-primary));
    color: var(--rarity-color, rgba(255, 255, 255, 1));
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 1;
}

/* --------------------------------
   || Shine Variant
-------------------------------- */

.rarity-box-shine[b-nlgji524s0]::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -100%;
    width: 100%;
    height: 200%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.9) 50%, transparent 70%);
    animation: diagonal-sweep-b-nlgji524s0 2s infinite;
    transform: rotate(30deg);
    z-index: 0;
}

.rarity-box-shine[b-nlgji524s0]::after {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* --------------------------------
   || Animations
-------------------------------- */
@keyframes spin-b-nlgji524s0 {
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes diagonal-sweep-b-nlgji524s0 {
    0%, 50% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
/* /Shared/Components/CollectionCard.razor.rz.scp.css */
.collection-card[b-ofxsvytzcx] {
    position: relative;
    margin: 1em;
}

.collection-card__content[b-ofxsvytzcx] {
    display: flex;
    flex-direction: column;
    max-width: 20.75em;
    min-height: 20.75em;
    overflow: hidden;
    border-radius: .5em;
    text-decoration: none;
    background: var(--mud-palette-surface);
    padding: 2.75em 2.5em;
    box-shadow: 0 1.5em 2.5em -.5em rgba(0, 0, 0, .1);
    transition: transform .45s ease, background .45s ease;
}

.collection-card__title[b-ofxsvytzcx] {
    font-size: 3.5em;
    font-weight: 600;
    line-height: 1;
    padding-bottom: .5em;
    margin-bottom: 0.25em;
    border-bottom: 2px solid rgba(255, 152, 0, 1);
    transition: color .45s ease, border .45s ease;
}

.collection-card__title--disabled[b-ofxsvytzcx] {
    border-bottom: 2px solid var(--mud-palette-error);
    color: var(--mud-palette-text-disabled);
}

.collection-card__subtitle[b-ofxsvytzcx] {
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 1.75em;
    transition: color .45s ease;
}

.collection-card__description[b-ofxsvytzcx] {
    color: #FFFFFF;
    opacity: 0;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 1.25em;
    transform: translateY(-1em);
    transition: opacity .45s ease, transform .5s ease;
}

.collection-card__link[b-ofxsvytzcx] {
    display: block;
    color: rgba(255, 152, 0, 1);
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.2;
    margin-top: auto;
    transition: color .45s ease;
}

.collection-card__link svg[b-ofxsvytzcx] {
    margin-left: .5em;
    transition: transform .6s ease;
}

.collection-card__link svg path[b-ofxsvytzcx] {
    transition: fill .45s ease;
}

.collection-card__content:hover[b-ofxsvytzcx] {
    background: rgba(255, 152, 0, 1);
    transform: scale(1.02);
}

.collection-card__content:hover .collection-card__title[b-ofxsvytzcx] {
    color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.collection-card__content:hover .collection-card__subtitle[b-ofxsvytzcx] {
    color: #FFFFFF;
}

.collection-card__content:hover .collection-card__description[b-ofxsvytzcx] {
    opacity: 1;
    transform: none;
}

.collection-card__content:hover .collection-card__link[b-ofxsvytzcx] {
    color: #FFFFFF;
}

.collection-card__content:hover .collection-card__link svg[b-ofxsvytzcx] {
    animation: point-b-ofxsvytzcx 1.25s infinite alternate;
}

.collection-card__content:hover .collection-card__link svg path[b-ofxsvytzcx] {
    fill: #FFFFFF;
}

.collection-card--disabled .collection-card__content[b-ofxsvytzcx] {
    opacity: 0.7;
    cursor: not-allowed;
    box-shadow: none;
}

.collection-card--disabled .collection-card__content:hover[b-ofxsvytzcx] {
    transform: none;
    background: var(--mud-palette-error);
}

.collection-card--disabled .collection-card__link[b-ofxsvytzcx] {
    color: var(--mud-palette-text-disabled);
}

.collection-card--disabled .collection-card__link svg path[b-ofxsvytzcx] {
    fill: var(--mud-palette-text-disabled);
}

.collection-card__delete-btn[b-ofxsvytzcx] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.collection-card__edit-btn[b-ofxsvytzcx] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.collection-card:hover .collection-card__delete-btn[b-ofxsvytzcx] {
    opacity: 1;
}

.collection-card:hover .collection-card__edit-btn[b-ofxsvytzcx] {
    opacity: 1;
}

.collection-card--disabled .collection-card__delete-btn[b-ofxsvytzcx] {
    background-color: rgba(255,255,255,0.95);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    opacity: 0;
}

.collection-card--disabled .collection-card__edit-btn[b-ofxsvytzcx] {
    background-color: rgba(255,255,255,0.95);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    opacity: 0;
}

.collection-card:hover .collection-card--disabled .collection-card__delete-btn[b-ofxsvytzcx] {
    opacity: 1;
}

.collection-card:hover .collection-card--disabled .collection-card__edit-btn[b-ofxsvytzcx] {
    opacity: 1;
}

@keyframes point-b-ofxsvytzcx {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(.125em);
    }
}
/* /Shared/Components/Decks/DeckBuilderList.razor.rz.scp.css */
.card-row[b-s83inlvns0] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    height: 44px;
    cursor: pointer;
}

.card-row:hover[b-s83inlvns0] {
    border-color: rgba(255, 255, 255, 0.3);
    filter: brightness(1.15);
}

.card-row:active[b-s83inlvns0] {
    filter: brightness(0.95);
    transition: filter 0.1s ease;
}

ul[b-s83inlvns0] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card-row__level[b-s83inlvns0] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 26px;
    text-align: center;
    color: white;
    width: 50px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5;
}

.card-row__cost[b-s83inlvns0] {
    position: absolute;
    top: 0;
    left: 50px;
    font-size: 16px;
    text-align: center;
    color: gold;
    width: 30px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5;
}

.card-row__name[b-s83inlvns0] {
    position: absolute;
    width: calc(100% - 130px);
    top: 0;
    left: 80px;
    font-weight: 200;
    height: 44px;
    padding: 0 0 0 10px;
    line-height: 44px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    color: white;
    z-index: 3;
}

.card-row__fill[b-s83inlvns0] {
    position: absolute;
    width: calc(100% - 50px);
    height: 100%;
    z-index: 0;
    top: 0;
    left: 50px;
    background-color: rgb(41, 46, 60);
}

.card-row__crop-image[b-s83inlvns0] {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 50px;
    width: 150px;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-row__crop-mask[b-s83inlvns0] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 50px;
    width: 150px;
    height: 100%;
    background: linear-gradient(to left, transparent 0%, rgb(41, 46, 60) 100%);
}

.card-row__count[b-s83inlvns0] {
    position: absolute;
    color: rgb(252, 209, 68);
    top: 0;
    right: 0;
    width: 50px;
    height: 44px;
    line-height: 44px;
    text-align: right;
    padding: 0 13px 0 0;
    font-size: 18px;
    white-space: nowrap;
    font-weight: bold;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5;
}

.card-row__controls[b-s83inlvns0] {
    position: absolute;
    display: flex;
    gap: 8px;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
    z-index: 7;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.card-row:hover .card-row__controls[b-s83inlvns0] {
    opacity: 1;
}
/* /Shared/Components/Decks/DeckLabel.razor.rz.scp.css */
.deck-label[b-dx1o58s5mp] {
    width: 100%;
    min-width: 160px;
}

.deck-label[b-dx1o58s5mp] {
    clip-path: polygon(calc(0% + 1rem) 0%, 100% 0, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0% calc(0% + 1rem));
}

.deck-label__bg[b-dx1o58s5mp] {
    clip-path: inherit;
    background-color: black;
    width: 100%;
    height: 35px;
    background-size: cover;
    background-position-y: 25%;
    background-image: var(--deck-label-bg);
}

.deck-label__overlay[b-dx1o58s5mp] {
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.deck-label__sub[b-dx1o58s5mp] {
    color: #27292d;
    bottom: 0;
    right: 0;
    background-color: var(--mud-palette-warning);
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0 14px 0 5px;
    border-top-left-radius: 0.7rem;
}

.deck-label__name[b-dx1o58s5mp] {
    font-weight: 700;
    color: white;
    text-align: center;
    text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
}
/* /Shared/Components/Decks/DeckListPanelView.razor.rz.scp.css */
.card-row[b-fdk9sn1th1] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    height: 44px;
    cursor: pointer;
}

.card-row:hover[b-fdk9sn1th1] {
    border-color: rgba(255, 255, 255, 0.3);
    filter: brightness(1.15);
}

.card-row:active[b-fdk9sn1th1] {
    filter: brightness(0.95);
    transition: filter 0.1s ease;
}

ul[b-fdk9sn1th1] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card-row__level[b-fdk9sn1th1] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 26px;
    text-align: center;
    color: white;
    width: 50px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 3;
}

.card-row__cost[b-fdk9sn1th1] {
    position: absolute;
    top: 0;
    left: 50px;
    font-size: 16px;
    text-align: center;
    color: gold;
    width: 30px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 3;
}

.card-row__name[b-fdk9sn1th1] {
    position: absolute;
    width: calc(100% - 130px);
    top: 0;
    left: 80px;
    font-weight: 200;
    height: 44px;
    padding: 0 0 0 10px;
    line-height: 44px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    color: white;
    z-index: 4;
}

.card-row__code[b-fdk9sn1th1] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    margin-left: 8px;
}

.card-row__fill[b-fdk9sn1th1] {
    position: absolute;
    width: calc(100% - 50px);
    height: 100%;
    z-index: 1;
    top: 0;
    left: 50px;
    background-color: rgb(41, 46, 60);
}

.card-row__crop-image[b-fdk9sn1th1] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 50px;
    width: 150px;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-row__crop-mask[b-fdk9sn1th1] {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 50px;
    width: 150px;
    height: 100%;
    background: linear-gradient(to left, transparent 0%, rgb(41, 46, 60) 100%);
}

.card-row__count[b-fdk9sn1th1] {
    position: absolute;
    color: rgb(252, 209, 68);
    top: 0;
    right: 0;
    width: 50px;
    height: 44px;
    line-height: 44px;
    text-align: right;
    padding: 0 13px 0 0;
    font-size: 18px;
    white-space: nowrap;
    font-weight: bold;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 3;
}

.card-row__controls[b-fdk9sn1th1] {
    position: absolute;
    display: flex;
    gap: 8px;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
    z-index: 5;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.card-row:hover .card-row__controls[b-fdk9sn1th1] {
    opacity: 1;
}
/* /Shared/Components/Decks/DeckPill.razor.rz.scp.css */
.pill-container[b-3pehxjclrf] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.deck-pill[b-3pehxjclrf] {
    display: flex;
    align-items: center;
    border-radius: 999px;
    min-width: 240px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    background-size: 100% 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.deck-pill:hover[b-3pehxjclrf] {
    outline: 3px solid var(--mud-palette-warning);
    outline-offset: 2px;
    cursor: pointer;
    transition: outline 0.1s ease;
}

.pill-avatar[b-3pehxjclrf] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 12px;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.pill-avatar img[b-3pehxjclrf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pill-info[b-3pehxjclrf] {
    display: flex;
    flex-direction: column;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

.pill-label[b-3pehxjclrf] {
    line-height: 1.2;
}

.pill-count[b-3pehxjclrf] {
    font-weight: 400;
    font-size: 13px;
    opacity: 0.85;
}

@media (max-width: 600px) {
    .deck-pill[b-3pehxjclrf] {
        min-width: 160px;
        font-size: 14px;
    }

    .pill-avatar[b-3pehxjclrf] {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .pill-count[b-3pehxjclrf] {
        font-size: 12px;
    }
}
/* /Shared/Components/DeckShowcaseCard.razor.rz.scp.css */
.deck-thumb[b-axe7249g3j] {
    width: 100%;
    max-width: 350px;
    max-height: 220px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 300ms;
}

.deck-thumb:hover[b-axe7249g3j] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    cursor: pointer;
}

.deck-thumb img[b-axe7249g3j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.deck-thumb .deck-thumb-content[b-axe7249g3j] {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    padding: 30px 20px 20px 20px;
    height: auto;
    bottom: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}

.deck-thumb .deck-thumb-date[b-axe7249g3j],
.deck-thumb .deck-thumb-title[b-axe7249g3j] {
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Stronger shadow */
}

.deck-thumb .deck-thumb-date[b-axe7249g3j] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 4px;
}

.deck-thumb .deck-thumb-title[b-axe7249g3j] {
    font-size: 17px;
    color: #fff;
}
/* /Shared/Components/Events/EventContainer.razor.rz.scp.css */
/* Event Card Block */
.event-card-modern[b-b0y0qsj5gp] {
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    position: relative;
    height: 100%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transform: scale(1);
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-surface);
}

.event-card-modern:hover[b-b0y0qsj5gp] {
    transform: scale(1.02) translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: #d1d5db;
}

/* Status Bar Element */
.event-card-modern__status-bar[b-b0y0qsj5gp] {
    height: 4px;
    width: 100%;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.event-card-modern__status-bar--live[b-b0y0qsj5gp] {
    background: linear-gradient(90deg, #ef4444, #dc2626);
    animation: pulse-live-b-b0y0qsj5gp 2s infinite;
}

.event-card-modern__status-bar--upcoming[b-b0y0qsj5gp] {
    background: linear-gradient(90deg, #3b82f6, #2563eb);
}

.event-card-modern__status-bar--completed[b-b0y0qsj5gp] {
    background: linear-gradient(90deg, #10b981, #059669);
}

@keyframes pulse-live-b-b0y0qsj5gp {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Content Element */
.event-card-modern__content[b-b0y0qsj5gp] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
}

/* Header Element */
.event-card-modern__header[b-b0y0qsj5gp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.event-card-modern__title-section[b-b0y0qsj5gp] {
    flex: 1;
    min-width: 0;
}

.event-card-modern__title[b-b0y0qsj5gp] {
    font-weight: 600;
    color: #111827;
    margin: 0 0 8px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-card-modern__date[b-b0y0qsj5gp] {
    color: #6b7280;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.event-card-modern__country-container[b-b0y0qsj5gp] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.event-card-modern__country-container .fflag[b-b0y0qsj5gp] {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

/* Type Section Element */
.event-card-modern__type-section[b-b0y0qsj5gp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start;
    margin: -8px 0 8px 0;
}

.event-card-modern__type-chip[b-b0y0qsj5gp] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    flex-shrink: 0;
}

/* Info Element */
.event-card-modern__info[b-b0y0qsj5gp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    gap: 12px;
}

.event-card-modern__player-info[b-b0y0qsj5gp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.event-card-modern__player-icon[b-b0y0qsj5gp] {
    color: #3b82f6;
}

.event-card-modern__player-count[b-b0y0qsj5gp] {
    color: #374151;
    font-weight: 500;
    margin: 0;
    font-size: 0.875rem;
}

.event-card-modern__player-count--muted[b-b0y0qsj5gp] {
    color: #9ca3af !important;
}

/* Status Chip Element */
.event-card-modern__status-chip-container[b-b0y0qsj5gp] {
    flex-shrink: 0;
}

.event-card-modern__status-chip[b-b0y0qsj5gp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.event-card-modern__status-chip--upcoming[b-b0y0qsj5gp] {
    background-color: #dbeafe;
    color: #1e40af;
    border: 1px solid #93c5fd;
}

.event-card-modern__status-chip--live[b-b0y0qsj5gp] {
    background-color: #fee2e2;
    color: #dc2626;
    border: 1px solid #fca5a5;
    position: relative;
}

.event-card-modern__status-chip--completed[b-b0y0qsj5gp] {
    background-color: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.event-card-modern__live-indicator[b-b0y0qsj5gp] {
    width: 8px;
    height: 8px;
    background-color: #ef4444;
    border-radius: 50%;
    animation: pulse-dot-b-b0y0qsj5gp 1.5s infinite;
}

@keyframes pulse-dot-b-b0y0qsj5gp {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .event-card-modern__content[b-b0y0qsj5gp] {
        padding: 16px;
        gap: 12px;
    }
    
    .event-card-modern__header[b-b0y0qsj5gp] {
        gap: 12px;
    }
    
    .event-card-modern__country-container .fflag[b-b0y0qsj5gp] {
        transform: scale(0.9);
    }
    
    .event-card-modern__status-chip[b-b0y0qsj5gp] {
        padding: 4px 8px;
        font-size: 0.7rem;
    }
    
    .event-card-modern__type-chip[b-b0y0qsj5gp] {
        font-size: 0.7rem;
        padding: 4px 8px;
    }
    
    .event-card-modern__type-section[b-b0y0qsj5gp] {
        gap: 4px;
    }
}
/* /Shared/Components/Events/EventDecksChart.razor.rz.scp.css */
/* Chart Controls */
.chart-controls[b-w2ktlydnmq] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

/* Deck Breakdown */
.deck-breakdown__title[b-w2ktlydnmq] {
    font-weight: 600;
    margin-bottom: 16px;
}

/* Deck Entry */
.deck-entry[b-w2ktlydnmq] {
    display: flex;
    align-items: center;
    padding: 16px;
    border-radius: 16px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    transition: all 0.2s ease;
}

.deck-entry:hover[b-w2ktlydnmq] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border-color: var(--mud-palette-primary);
}

/* Deck Entry Avatar */
.deck-entry__avatar-wrapper[b-w2ktlydnmq] {
    position: relative;
    margin-right: 16px;
}

.deck-entry__avatar[b-w2ktlydnmq] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border: 2px solid var(--mud-palette-primary);
}

.deck-entry__avatar--unknown[b-w2ktlydnmq] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #666666, #888888);
    border-radius: 12px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

[b-w2ktlydnmq] .deck-entry__unknown-icon {
    color: #ffffff !important;
}

.deck-entry:hover .deck-entry__avatar[b-w2ktlydnmq] {
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

/* Deck Entry Info */
.deck-entry__info[b-w2ktlydnmq] {
    flex: 1;
    min-width: 0;
}

.deck-entry__name[b-w2ktlydnmq] {
    font-weight: 600;
    margin-bottom: 2px;
}

.deck-entry__count[b-w2ktlydnmq] {
    color: var(--mud-palette-text-secondary);
}

/* Deck Entry Stats */
.deck-entry__stats[b-w2ktlydnmq] {
    text-align: right;
    margin-left: 16px;
}

.deck-entry__percentage[b-w2ktlydnmq] {
    font-weight: 700;
}
/* /Shared/Components/RangeSlider.razor.rz.scp.css */
.range-slider.grad[b-0pea4gstd0] {
    --progress-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
    --progress-flll-shadow: var(--progress-shadow);
    --fill-color: linear-gradient(to right, LightCyan, var(--primary-color-lighter));
    --thumb-shadow: 0 0 4px rgba(0, 0, 0, 0.3),
    -3px 9px 9px rgba(255, 255, 255, 0.33) inset,
    -1px 3px 2px rgba(255, 255, 255, 0.33) inset,
    0 0 0 99px var(--primary-color) inset;
}

.range-slider.grad input:hover[b-0pea4gstd0] {
    --thumb-transform: scale(1.2);
}

.range-slider.grad input:active[b-0pea4gstd0] {
    --thumb-shadow: inherit;
    --thumb-transform: scale(1);
}

.range-slider.flat[b-0pea4gstd0] {
    --thumb-size: 25px;
    --track-height: calc(var(--thumb-size) / 3);
    --progress-shadow: none;
    --progress-flll-shadow: none;
    --thumb-shadow: 0 0 0 7px var(--primary-color) inset, 0 0 0 99px white inset;
    --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset,
    0 0 0 99px white inset;
    --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset;
}

.range-slider.overlay[b-0pea4gstd0] {
    --primary-color: #ff9800;
    --primary-color-lighter: #f2ebe1;
    --track-height: 50px;
    --thumb-size: var(--track-height);
    --thumb-color: var(--primary-color-lighter);
    --thumb-shadow: none;
    --progress-flll-shadow: none;
    --progress-shadow: none;
    --progress-background: none;
    --progress-radius: 0px;
    --ticks-color: var(--primary-color-lighter);
    --ticks-height: 0;
    --ticks-thickness: 0;
    --ticks-gap: 0px;
    --min-max-font: 700 18px Arial;
    --min-max-opacity: 1;
    --show-min-max: none;
    --width: 200px;
    color: var(--primary-color);
}

.range-slider.overlay input:hover[b-0pea4gstd0] {
    --thumb-shadow: calc(25px - (50px * var(--is-left-most))) 0 0 -15px var(--primary-color) inset;
}

.range-slider.overlay input:active[b-0pea4gstd0] {
    --thumb-color: inherit;
}

.range-slider.overlay .range-slider__values[b-0pea4gstd0] {
    width: calc(100% - 50% / (var(--max) - var(--min)));
}

.range-slider[b-0pea4gstd0] {
    --primary-color: #ff9800;
    --primary-color-lighter: #f2ebe1;
    --value-offset-y: var(--ticks-gap);
    --value-active-color: white;
    --value-background: transparent;
    --value-background-hover: var(--primary-color-lighter);
    --value-font: 700 12px/1 Arial;
    --fill-color: var(--primary-color-lighter);
    --progress-background: #eee;
    --progress-radius: 20px;
    --track-height: calc(var(--thumb-size) / 2);
    --min-max-font: 12px Arial;
    --min-max-opacity: 0.5;
    --min-max-x-offset: 10%;
    --thumb-size: 22px;
    --thumb-color: white;
    --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
    0 0 0 99px var(--thumb-color) inset;
    --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),
    0 0 0 99px var(--primary-color-lighter) inset, 0 0 3px rgba(0, 0, 0, 0.4);
    --thumb-shadow-hover: var(--thumb-shadow);
    --ticks-thickness: 1px;
    --ticks-height: 5px;
    --ticks-gap: var(
            --ticks-height,
            0
    );
    --ticks-color: silver;
    --step: 1;
    --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
    --maxTicksAllowed: 30;
    --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
    --x-step: Max(
            var(--step),
            var(--too-many-ticks) * (var(--max) - var(--min))
    );
    --tickInterval: 100 / ((var(--max) -var(--min)) / var(--step)) * var(--tickEvery, 1);
    --tickIntervalPerc: calc(
            (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
            var(--tickEvery, 1)
    );
    --value-a: Clamp(
            var(--min),
            var(--value, 0),
            var(--max)
    );
    --value-b: var(--value, 0);
    --text-value-a: var(--text-value, "");
    --completed-a: calc(
            (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
    );
    --completed-b: calc(
            (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
    );
    --ca: Min(var(--completed-a), var(--completed-b));
    --cb: Max(var(--completed-a), var(--completed-b));
    --thumbs-too-close: Clamp(
            -1,
            1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
            1
    );
    --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
    --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
    display: inline-block;
    height: max(var(--track-height), var(--thumb-size));
    background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
    background-size: var(--tickIntervalPerc) var(--ticks-height);
    background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
    background-position-y: var(--flip-y, bottom);
    padding-bottom: var(--flip-y, var(--ticks-gap));
    padding-top: calc(var(--flip-y) * var(--ticks-gap));
    position: relative;
    width: var(--width);
    z-index: 1;
}

.range-slider[data-ticks-position=top][b-0pea4gstd0] {
    --flip-y: 1;
}

.range-slider[b-0pea4gstd0]::before, .range-slider[b-0pea4gstd0]::after {
    --offset: calc(var(--thumb-size) / 2);
    content: counter(x);
    display: var(--show-min-max, block);
    font: var(--min-max-font);
    position: absolute;
    bottom: var(--flip-y, -2.5ch);
    top: calc(-2.5ch * var(--flip-y));
    opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
    transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
    pointer-events: none;
}

.range-slider[b-0pea4gstd0]::before {
    --before: 1;
    --at-edge: var(--thumb-close-to-min);
    counter-reset: x var(--min);
    left: var(--offset);
}

.range-slider[b-0pea4gstd0]::after {
    --at-edge: var(--thumb-close-to-max);
    counter-reset: x var(--max);
    right: var(--offset);
}

.range-slider__values[b-0pea4gstd0] {
    position: relative;
    top: 50%;
    line-height: 0;
    text-align: justify;
    width: 100%;
    pointer-events: none;
    margin: 0 auto;
    z-index: 5;
}

.range-slider__values[b-0pea4gstd0]::after {
    content: "";
    width: 100%;
    display: inline-block;
    height: 0;
    background: red;
}

.range-slider__progress[b-0pea4gstd0] {
    --start-end: calc(var(--thumb-size) / 2);
    --clip-end: calc(100% - (var(--cb)) * 1%);
    --clip-start: calc(var(--ca) * 1%);
    --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
    position: absolute;
    left: var(--start-end);
    right: var(--start-end);
    top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
    height: calc(var(--track-height));
    background: var(--progress-background, #eee);
    pointer-events: none;
    z-index: -1;
    border-radius: var(--progress-radius);
}

.range-slider__progress[b-0pea4gstd0]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
    top: 0;
    bottom: 0;
    background: var(--fill-color, black);
    box-shadow: var(--progress-flll-shadow);
    z-index: 1;
    border-radius: inherit;
}

.range-slider__progress[b-0pea4gstd0]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--progress-shadow);
    pointer-events: none;
    border-radius: inherit;
}

.range-slider > input[b-0pea4gstd0] {
    -webkit-appearance: none;
    width: 100%;
    height: var(--thumb-size);
    margin: 0;
    position: absolute;
    left: 0;
    top: calc(50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));
    cursor: -webkit-grab;
    cursor: grab;
    outline: none;
    background: none;
}

.range-slider > input:not(:only-of-type)[b-0pea4gstd0] {
    pointer-events: none;
}

.range-slider > input[b-0pea4gstd0]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    transform: var(--thumb-transform);
    border-radius: var(--thumb-radius, 50%);
    background: var(--thumb-color);
    box-shadow: var(--thumb-shadow);
    border: none;
    pointer-events: auto;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.range-slider > input[b-0pea4gstd0]::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    transform: var(--thumb-transform);
    border-radius: var(--thumb-radius, 50%);
    background: var(--thumb-color);
    box-shadow: var(--thumb-shadow);
    border: none;
    pointer-events: auto;
    -moz-transition: 0.1s;
    transition: 0.1s;
}

.range-slider > input[b-0pea4gstd0]::-ms-thumb {
    appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    transform: var(--thumb-transform);
    border-radius: var(--thumb-radius, 50%);
    background: var(--thumb-color);
    box-shadow: var(--thumb-shadow);
    border: none;
    pointer-events: auto;
    -ms-transition: 0.1s;
    transition: 0.1s;
}

.range-slider > input:hover[b-0pea4gstd0] {
    --thumb-shadow: var(--thumb-shadow-hover);
}

.range-slider > input:hover + output[b-0pea4gstd0] {
    --value-background: var(--value-background-hover);
    --y-offset: -5px;
    color: var(--value-active-color);
    box-shadow: 0 0 0 3px var(--value-background);
}

.range-slider > input:active[b-0pea4gstd0] {
    --thumb-shadow: var(--thumb-shadow-active);
    cursor: -webkit-grabbing;
    cursor: grabbing;
    z-index: 2;
}

.range-slider > input:active + output[b-0pea4gstd0] {
    transition: 0s;
}

.range-slider > input:nth-of-type(1)[b-0pea4gstd0] {
    --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}

.range-slider > input:nth-of-type(1) + output[b-0pea4gstd0] {
    --value: var(--value-a);
    --x-offset: calc(var(--completed-a) * -1%);
}

.range-slider > input:nth-of-type(1) + output:not(:only-of-type)[b-0pea4gstd0] {
    --flip: calc(var(--thumbs-too-close) * -1);
}

.range-slider > input:nth-of-type(1) + output[b-0pea4gstd0]::after {
    content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}

.range-slider > input:nth-of-type(2)[b-0pea4gstd0] {
    --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}

.range-slider > input:nth-of-type(2) + output[b-0pea4gstd0] {
    --value: var(--value-b);
}

.range-slider > input:only-of-type ~ .range-slider__progress[b-0pea4gstd0] {
    --clip-start: 0;
}

.range-slider > input + output[b-0pea4gstd0] {
    --flip: -1;
    --x-offset: calc(var(--completed-b) * -1%);
    --pos: calc(
            ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
    );
    pointer-events: none;
    position: absolute;
    z-index: 5;
    background: var(--value-background);
    border-radius: 10px;
    padding: 2px 4px;
    left: var(--pos);
    transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
    transition: all 0.12s ease-out, left 0s;
}

.range-slider > input + output[b-0pea4gstd0]::after {
    content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
    font: var(--value-font);
}
/* /Shared/Components/Sets/SetContainer.razor.rz.scp.css */
.set-card[b-0ldyk18zg9] {
    position: relative;
    width: 100%;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
    
    /* Default theme colors */
    --set-primary-color: var(--mud-palette-warning);
    --set-accent-color: var(--mud-palette-warning);
}

/* Set type specific color schemes */
.set-card--boosterpack[b-0ldyk18zg9] {
    --set-primary-color: #e63946; /* bold crimson red */
    --set-accent-color: #e63946;  /* lighter energetic red */
}

.set-card--starterdeck[b-0ldyk18zg9] {
    --set-primary-color: #06d6a0; /* fresh mint green */
    --set-accent-color: #06d6a0;  /* teal-blue balance */
}

.set-card--specialedition[b-0ldyk18zg9] {
    --set-primary-color: #8338ec; /* vibrant violet */
    --set-accent-color: #8338ec;  /* deep royal purple */
}

.set-card--promo[b-0ldyk18zg9] {
    --set-primary-color: #ff9f1c; /* bright amber orange */
    --set-accent-color: #ff9f1c;  /* warm golden orange */
}

.set-card--tournamentpack[b-0ldyk18zg9] {
    --set-primary-color: #219ebc; /* clean sky blue */
    --set-accent-color: #219ebc;  /* strong navy contrast */
}

.set-card--accessory[b-0ldyk18zg9] {
    --set-primary-color: #8d99ae; /* cool steel gray */
    --set-accent-color: #8d99ae;  /* dark slate accent */
}

.set-card--prizecard[b-0ldyk18zg9] {
    --set-primary-color: #ffd700; /* bright gold */
    --set-accent-color: #ffd700;  /* rich antique gold */
}


.set-card a[b-0ldyk18zg9] {
    color: var(--mud-palette-text-primary);
    text-decoration: none;
}

.set-card:hover[b-0ldyk18zg9] {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

.set-card__date[b-0ldyk18zg9] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    padding-top: 10px;
    background-color: var(--set-primary-color);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 13px;
}

.set-card__date-day[b-0ldyk18zg9] {
    font-size: 14px;
}

.set-card__date-month[b-0ldyk18zg9] {
    text-transform: uppercase;
    font-size: 10px;
}

.set-card__thumb[b-0ldyk18zg9] {
    height: 200px;
    overflow: hidden;
    background-color: #000;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.set-card__thumb img[b-0ldyk18zg9] {
    width: 100%;
    height: 200px;
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    object-fit: cover;
}

@media (max-width: 480px) {
    .set-card__thumb img[b-0ldyk18zg9] {
        height: 100%;
    }
}

@media (min-width: 481px) and (max-width: 1100px) {
    .set-card__thumb img[b-0ldyk18zg9] {
        height: 100%;
    }
}

.set-card:hover .set-card__thumb[b-0ldyk18zg9] {
    height: 130px;
}

.set-card:hover .set-card__thumb img[b-0ldyk18zg9] {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.set-card__body[b-0ldyk18zg9] {
    position: relative;
    height: 185px;
    padding: 20px;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.set-card:hover .set-card__body[b-0ldyk18zg9] {
    height: 255px;
}

.set-card__code[b-0ldyk18zg9] {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    padding: 0 15px;
    background-color: var(--set-primary-color);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
}

.set-card__code a[b-0ldyk18zg9] {
    color: #fff;
}

.set-card__title[b-0ldyk18zg9] {
    margin: 0;
    padding: 0 0 10px 0;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.set-card__subtitle[b-0ldyk18zg9] {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 19px;
    color: var(--set-accent-color);
}

.set-card__description[b-0ldyk18zg9] {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 56px;
    margin: 0;
    padding: 0;
    color: var(--mud-palette-text-secondary);
    line-height: 27px;
    opacity: 0;
    -webkit-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.set-card:hover .set-card__description[b-0ldyk18zg9] {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.set-card__footer[b-0ldyk18zg9] {
    position: absolute;
    bottom: 12px;
    left: 20px;
    right: 20px;
    font-size: 11px;
    color: #a3a9a2;
}
/* /Shared/Components/Sets/SetDetailCard.razor.rz.scp.css */
.product-box[b-k1w5wz51bp] {
    display: inline-block;
    width: 240px;
    text-align: center;
}

.product-box__img[b-k1w5wz51bp] {
    height: 300px;
    width: 200px;
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    display: inline-block;
}

.product-box__img img[b-k1w5wz51bp] {
    transform: skew(0deg, -13deg);
    width: 100%;
    object-fit: cover;
    margin: -30px 0px 0px 0px;
}

.product-box__inner-skew[b-k1w5wz51bp] {
    display: flex;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
    padding: 0px;
    transform: skew(0deg, 13deg);
    font-size: 0px;
    margin: 30px 0px 0px 0px;
    background: #c8c2c2;
    height: 300px;
    width: 200px;
}

.product-box__text-container[b-k1w5wz51bp] {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    background-color: var(--mud-palette-surface);
    padding: 120px 20px 20px 20px;
    border-radius: 10px;
    margin: -120px 0px 0px 0px;
    line-height: 19px;
    font-size: 14px;
}

.product-box__text-container h3[b-k1w5wz51bp] {
    color: var(--mud-palette-warning);
    margin: 10px 0px 20px 0px;
    font-size: 20px;
}
/* /Shared/Components/Sets/SetListView.razor.rz.scp.css */
/* Set type specific color schemes */
.set-type--boosterpack[b-zypudvnsye] {
    --set-primary-color: #e63946; /* bold crimson red */
}

.set-type--starterdeck[b-zypudvnsye] {
    --set-primary-color: #06d6a0; /* fresh mint green */
}

.set-type--specialedition[b-zypudvnsye] {
    --set-primary-color: #8338ec; /* vibrant violet */
}

.set-type--promo[b-zypudvnsye] {
    --set-primary-color: #ff9f1c; /* bright amber orange */
}

.set-type--tournamentpack[b-zypudvnsye] {
    --set-primary-color: #219ebc; /* clean sky blue */
}

.set-type--accessory[b-zypudvnsye] {
    --set-primary-color: #8d99ae; /* cool steel gray */
}

.set-type--prizecard[b-zypudvnsye] {
    --set-primary-color: #ffd700; /* bright gold */
}

.set-card--boosterpack[b-zypudvnsye],
.set-card--starterdeck[b-zypudvnsye],
.set-card--specialedition[b-zypudvnsye],
.set-card--promo[b-zypudvnsye],
.set-card--tournamentpack[b-zypudvnsye],
.set-card--accessory[b-zypudvnsye],
.set-card--prizecard[b-zypudvnsye] {
    color: var(--set-primary-color);
}
/* /Shared/Components/TraitContainer.razor.rz.scp.css */
.trait-container[b-ej12753rfh] {
    --trait-width: 240px;
    display: inline-block;
    position: relative;
    width: var(--trait-width);
    padding: 40px;
    margin: 0;
    border: 0;
    cursor: pointer;
    border-radius: 15px;
    box-shadow: 0 10px 20px -5px #94a6af;
    overflow: hidden;
}

.trait-container[b-ej12753rfh]:before,
.trait-container[b-ej12753rfh]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.trait-container[b-ej12753rfh]:before {
    transform: scale(1);
    background-image: var(--trait-container-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s ease transform;
    z-index: 1;
}

.trait-container[b-ej12753rfh]:after {
    background-color: #000;
    opacity: 0.16;
    z-index: 2;
}

.trait-container div[b-ej12753rfh] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.trait-container div[b-ej12753rfh]:before,
.trait-container div[b-ej12753rfh]:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    padding: 30px 0;
    transition: 0.3s ease all;
}

.trait-container div[b-ej12753rfh]:before {
    content: attr(title);
    background: rgba(0, 0, 0, 0.4);
    letter-spacing: 0;
    opacity: 1;
    transform: scale(1);
}

.trait-container div[b-ej12753rfh]:after {
    content: "";
    letter-spacing: -10px;
    transform: scale(0);
    opacity: 0;
}

.trait-container:hover[b-ej12753rfh]:before {
    transform: scale(1.3);
}

.trait-container:hover div[b-ej12753rfh]:before {
    letter-spacing: 3px;
    opacity: 0;
    transform: scale(4);
}

.trait-container:hover div[b-ej12753rfh]:after {
    letter-spacing: 0;
    opacity: 1;
    transform: scale(1);
}