/* /Components/CookieBanner.razor.rz.scp.css */
.cookie-banner[b-u949l706y7] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(680px, calc(100vw - 2rem));
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1.1rem 1.25rem;
    z-index: 9000;
    box-shadow: 0 8px 32px rgba(0,0,0,.45);
    backdrop-filter: blur(8px);
}

.cookie-content[b-u949l706y7] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}

.cookie-text[b-u949l706y7] {
    display: flex;
    gap: .75rem;
    flex: 1;
    min-width: 0;
}

.cookie-icon[b-u949l706y7] { font-size: 1.35rem; flex-shrink: 0; line-height: 1.4; }

.cookie-main[b-u949l706y7] {
    font-size: .82rem;
    color: var(--muted);
    line-height: 1.5;
    margin: 0 0 .35rem;
}

.cookie-info-toggle[b-u949l706y7] {
    background: none;
    border: none;
    padding: 0;
    font-size: .75rem;
    color: var(--accent-2);
    cursor: pointer;
    font-weight: 600;
}
.cookie-info-toggle:hover[b-u949l706y7] { text-decoration: underline; }

.cookie-detail[b-u949l706y7] {
    margin-top: .7rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-top: 1px solid var(--border);
    padding-top: .65rem;
}

.cookie-row[b-u949l706y7] {
    display: flex;
    gap: .6rem;
    font-size: .75rem;
    line-height: 1.4;
}

.cookie-name[b-u949l706y7] {
    color: var(--muted);
    flex: 1;
}

.cookie-tag[b-u949l706y7] {
    font-size: .7rem;
    font-weight: 700;
    color: #4ade80;
    background: rgba(34,197,94,.1);
    border: 1px solid rgba(34,197,94,.25);
    border-radius: 999px;
    padding: .1rem .5rem;
    white-space: nowrap;
    align-self: center;
}

.cookie-accept[b-u949l706y7] {
    flex-shrink: 0;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: .55rem 1.2rem;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .15s, box-shadow .15s;
    align-self: center;
    box-shadow: var(--glow);
    white-space: nowrap;
}
.cookie-accept:hover[b-u949l706y7] { opacity: .88; }

@media (max-width: 520px) {
    .cookie-content[b-u949l706y7] { flex-direction: column; gap: .9rem; }
    .cookie-accept[b-u949l706y7] { width: 100%; text-align: center; }
}
/* /Components/FolderCard.razor.rz.scp.css */
.folder-card[b-my6i1ezus1] { display: block; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.6rem; text-decoration: none; color: var(--text); transition: transform .25s, border-color .25s, box-shadow .25s; }
.folder-card:hover[b-my6i1ezus1] { transform: translateY(-4px); border-color: var(--accent); box-shadow: var(--glow); }
.folder-card-head[b-my6i1ezus1] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .3rem; margin-bottom: 1.25rem; }
.folder-name[b-my6i1ezus1] { font-weight: 800; font-size: 1.35rem; }
.folder-count[b-my6i1ezus1] { font-size: .85rem; color: var(--muted); }
.folder-preview-grid[b-my6i1ezus1] { display: grid; grid-template-columns: repeat(2,1fr); gap: .85rem; }
.folder-card-foot[b-my6i1ezus1] { margin-top: 1.1rem; display: flex; justify-content: center; }
.folder-view-btn[b-my6i1ezus1] { font-size: .85rem; padding: .5rem 1.1rem; pointer-events: none; }
/* /Components/FolderPreviewTile.razor.rz.scp.css */
.fp-tile[b-w8tebwgl1w] { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.fp-tile-img[b-w8tebwgl1w] { position: relative; aspect-ratio: 1/1; border-radius: 12px; overflow: hidden; background: rgba(255,255,255,.04); display: flex; align-items: center; justify-content: center; font-size: 2rem; }
.fp-tile-img img[b-w8tebwgl1w] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fp-tile-name[b-w8tebwgl1w] { font-size: .8rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fp-badge[b-w8tebwgl1w] { position: absolute; top: .3rem; left: .3rem; font-size: .58rem; font-weight: 700; padding: .16rem .42rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .2px; z-index: 1; }
.fp-badge-new[b-w8tebwgl1w] { background: rgba(34,197,94,.85); color: #06210f; }
.fp-badge-hot[b-w8tebwgl1w] { background: rgba(244,114,182,.9); color: #3a0620; }
.fp-badge-sale[b-w8tebwgl1w] { background: rgba(251,191,36,.9); color: #3a2600; }
.fp-badge-free[b-w8tebwgl1w] { background: rgba(6,182,212,.9); color: #012026; }
.fp-badge-member[b-w8tebwgl1w] { background: rgba(124,58,237,.9); color: #fff; }
.fp-badge-soldout[b-w8tebwgl1w] { background: rgba(239,68,68,.9); color: #2a0a0a; }
/* /Components/GiftModal.razor.rz.scp.css */
.gift-overlay[b-l104z8wuuc] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.gift-modal[b-l104z8wuuc] {
    background: linear-gradient(145deg, #0f0d1e, #16132a);
    border: 1px solid rgba(168,85,247,.25);
    border-radius: 20px;
    padding: 2rem;
    width: 100%;
    max-width: 420px;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 40px rgba(168,85,247,.08);
}

.gift-close[b-l104z8wuuc] {
    position: absolute;
    top: 1rem; right: 1rem;
    background: rgba(255,255,255,.06);
    border: none;
    color: rgba(200,205,255,.5);
    width: 28px; height: 28px;
    border-radius: 50%;
    cursor: pointer;
    font-size: .85rem;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s, color .15s;
}
.gift-close:hover[b-l104z8wuuc] { background: rgba(255,255,255,.12); color: #fff; }

.gift-header[b-l104z8wuuc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
}
.gift-header-icon[b-l104z8wuuc] { font-size: 2rem; }
.gift-title[b-l104z8wuuc] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #c4b5fd;
    line-height: 1.1;
}
.gift-subtitle[b-l104z8wuuc] {
    font-size: .8rem;
    color: rgba(180,185,255,.55);
    font-weight: 500;
}

.gift-label[b-l104z8wuuc] {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(180,185,255,.5);
    margin-bottom: .5rem;
}

/* ── Autocomplete ── */
.gift-autocomplete[b-l104z8wuuc] {
    position: relative;
}

.gift-input[b-l104z8wuuc] {
    width: 100%;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(168,85,247,.2);
    border-radius: 10px;
    padding: .65rem 1rem;
    color: #e2e5ff;
    font-size: .9rem;
    outline: none;
    transition: border-color .15s, border-radius .15s;
    box-sizing: border-box;
}
.gift-input:focus[b-l104z8wuuc] { border-color: rgba(168,85,247,.55); }
.gift-input--open[b-l104z8wuuc] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: transparent;
}
.gift-input[b-l104z8wuuc]::placeholder { color: rgba(180,185,255,.3); }

.gift-dropdown[b-l104z8wuuc] {
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    background: #13102a;
    border: 1px solid rgba(168,85,247,.35);
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    list-style: none;
    margin: 0;
    padding: .25rem 0;
    z-index: 100;
    box-shadow: 0 8px 24px rgba(0,0,0,.5);
}

.gift-dd-item[b-l104z8wuuc] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .9rem;
    cursor: pointer;
    transition: background .1s;
}
.gift-dd-item:hover[b-l104z8wuuc] { background: rgba(168,85,247,.12); }

.gift-dd-avatar[b-l104z8wuuc] {
    width: 28px; height: 28px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}
.gift-dd-init[b-l104z8wuuc] {
    background: rgba(168,85,247,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 800;
    color: #c4b5fd;
}
.gift-dd-nick[b-l104z8wuuc] {
    font-size: .88rem;
    font-weight: 600;
    color: #e2e5ff;
}

.gift-dd-loading[b-l104z8wuuc],
.gift-dd-hint[b-l104z8wuuc] {
    padding: .65rem .9rem;
    font-size: .82rem;
    color: rgba(180,185,255,.45);
    list-style: none;
}

.gift-error[b-l104z8wuuc] {
    margin-top: .55rem;
    font-size: .78rem;
    color: #f87171;
    font-weight: 500;
}

/* ── Recipient card ── */
.gift-recipient[b-l104z8wuuc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: .9rem 1rem;
    background: rgba(34,197,94,.06);
    border: 1px solid rgba(34,197,94,.2);
    border-radius: 12px;
}

.gift-avatar[b-l104z8wuuc] {
    width: 48px; height: 48px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}
.gift-avatar-init[b-l104z8wuuc] {
    width: 48px; height: 48px;
    border-radius: 10px;
    background: rgba(168,85,247,.15);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; font-weight: 900;
    color: #c4b5fd;
    flex-shrink: 0;
}

.gift-recv-nick[b-l104z8wuuc] {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
}
.gift-recv-badge[b-l104z8wuuc] {
    font-size: .7rem;
    color: #4ade80;
    font-weight: 600;
    margin-top: 2px;
}

.gift-note[b-l104z8wuuc] {
    margin-top: .9rem;
    font-size: .75rem;
    color: rgba(180,185,255,.4);
    line-height: 1.5;
}

.gift-confirm-btn[b-l104z8wuuc] {
    margin-top: 1.25rem;
    width: 100%;
    padding: .85rem;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: .95rem;
    font-weight: 800;
    cursor: pointer;
    transition: opacity .15s, transform .1s;
    letter-spacing: .03em;
}
.gift-confirm-btn:hover[b-l104z8wuuc] { opacity: .88; transform: translateY(-1px); }
.gift-confirm-btn:active[b-l104z8wuuc] { transform: translateY(0); }

@media (max-width: 480px) {
    .gift-modal[b-l104z8wuuc] { padding: 1.5rem; }
}
/* /Components/MaintenancePage.razor.rz.scp.css */
.maintenance-wrap[b-twhabk9l76] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg, #0a0a0f);
    padding: 2rem;
}

.maintenance-card[b-twhabk9l76] {
    text-align: center;
    max-width: 480px;
    width: 100%;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    padding: 3rem 2.5rem;
    box-shadow: 0 24px 64px rgba(0,0,0,.5);
}

.maintenance-logo[b-twhabk9l76] {
    margin-bottom: 1.5rem;
}

.maintenance-logo-img[b-twhabk9l76] {
    height: 56px;
    width: auto;
    opacity: .9;
}

.maintenance-icon[b-twhabk9l76] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.maintenance-title[b-twhabk9l76] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 .75rem;
    letter-spacing: -.02em;
}

.maintenance-msg[b-twhabk9l76] {
    color: rgba(255,255,255,.55);
    font-size: .95rem;
    line-height: 1.6;
    margin: 0 0 2rem;
}

.maintenance-discord[b-twhabk9l76] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: #5865f2;
    color: #fff;
    font-size: .875rem;
    font-weight: 600;
    padding: .6rem 1.25rem;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity .15s;
}

.maintenance-discord:hover[b-twhabk9l76] {
    opacity: .85;
}

.maintenance-admin-btn[b-twhabk9l76] {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    background: none;
    border: none;
    font-size: 1rem;
    opacity: .18;
    cursor: pointer;
    padding: .4rem;
    border-radius: 6px;
    transition: opacity .2s;
    line-height: 1;
}

.maintenance-admin-btn:hover[b-twhabk9l76] {
    opacity: .55;
}
/* /Components/OrderDetailModal.razor.rz.scp.css */
.odm-overlay[b-ff6a1foegh] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(4px);
    z-index: 300;
    animation: odm-fade-in-b-ff6a1foegh .2s ease;
}

.odm-panel[b-ff6a1foegh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(480px, calc(100vw - 2rem));
    max-height: min(90vh, 700px);
    background: #0b1120;
    border: 1px solid rgba(124,58,237,.2);
    border-radius: 20px;
    z-index: 301;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);
    animation: odm-slide-in-b-ff6a1foegh .22s cubic-bezier(.34,1.26,.64,1);
}

@keyframes odm-fade-in-b-ff6a1foegh  { from { opacity: 0; } to { opacity: 1; } }
@keyframes odm-slide-in-b-ff6a1foegh { from { opacity: 0; transform: translate(-50%,-46%); } to { opacity:1; transform: translate(-50%,-50%); } }

/* Header */
.odm-header[b-ff6a1foegh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.06);
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(124,58,237,.08), transparent);
}

.odm-order-id[b-ff6a1foegh] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--text);
    letter-spacing: .02em;
}

.odm-date[b-ff6a1foegh] {
    font-size: .78rem;
    color: var(--muted);
    margin-top: .2rem;
}

.odm-close[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    cursor: pointer;
    color: var(--muted);
    flex-shrink: 0;
    transition: color .15s, background .15s;
}
.odm-close:hover[b-ff6a1foegh] { color: var(--text); background: rgba(255,255,255,.1); }

/* Scrollable body */
.odm-panel > .odm-section:first-of-type[b-ff6a1foegh],
.odm-panel > .odm-section[b-ff6a1foegh] { flex-shrink: 0; }

.odm-section[b-ff6a1foegh] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    flex-direction: column;
    gap: .65rem;
    overflow-y: auto;
}

.odm-section:last-child[b-ff6a1foegh] { border-bottom: none; }

.odm-section--payment[b-ff6a1foegh] { flex-direction: row; align-items: center; justify-content: space-between; }

.odm-section-title[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
}

.odm-section-title--sub[b-ff6a1foegh] { margin-top: .5rem; }

/* Items */
.odm-item[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.odm-item-icon[b-ff6a1foegh] {
    font-size: 1.1rem;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
}

.odm-item-name[b-ff6a1foegh] {
    flex: 1;
    font-size: .88rem;
    font-weight: 600;
    color: var(--text);
    min-width: 0;
}

.odm-item-name--single[b-ff6a1foegh] {
    font-size: .9rem;
}

.odm-item-price[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
    font-size: .88rem;
    font-weight: 700;
    color: var(--text);
}

.odm-original[b-ff6a1foegh] {
    font-size: .75rem;
    color: var(--muted);
    text-decoration: line-through;
}

/* Discount row */
.odm-discount-row[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .8rem;
    color: #4ade80;
    padding: .25rem 0;
    border-top: 1px dashed rgba(74,222,128,.2);
}

.odm-discount-row > span:first-child[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.odm-savings[b-ff6a1foegh] { font-weight: 700; }

/* Total */
.odm-total-row[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9rem;
    font-weight: 700;
    color: var(--text);
    padding-top: .35rem;
    border-top: 1px solid rgba(255,255,255,.08);
}

.odm-total-amount[b-ff6a1foegh] {
    font-size: 1.1rem;
    font-weight: 900;
}

/* Address */
.odm-address[b-ff6a1foegh] {
    font-size: .83rem;
    color: var(--muted);
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.odm-addr-name[b-ff6a1foegh] {
    font-weight: 600;
    color: var(--text);
    font-size: .85rem;
}

/* Badges */
.odm-badges[b-ff6a1foegh] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* Mobile: bottom sheet */
@media (max-width: 520px) {
    .odm-panel[b-ff6a1foegh] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        width: 100%;
        max-height: 92vh;
        border-radius: 20px 20px 0 0;
        animation: odm-sheet-in-b-ff6a1foegh .25s cubic-bezier(.34,1.1,.64,1);
    }
    @keyframes odm-slide-in-b-ff6a1foegh { from {} to {} } /* override desktop anim */
    @keyframes odm-sheet-in-b-ff6a1foegh { from { transform: translateY(100%); } to { transform: translateY(0); } }
}
/* /Components/PlanCard.razor.rz.scp.css */
.plan-card[b-csvo19sh0q] { background: var(--bg-card); border: 1px solid color-mix(in srgb, var(--plan-color, var(--border)) 40%, transparent); border-radius: 12px; padding: 1.25rem; position: relative; overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; display: flex; flex-direction: column; height: 100%; }
.btn-plan[b-csvo19sh0q] { width: 100%; padding: .65rem; border-radius: 10px; font-size: .88rem; font-weight: 700; cursor: pointer; border: none; transition: all .2s; margin-top: auto; }
.plan-img-wrap[b-csvo19sh0q] { position: relative; margin: -1.25rem -1.25rem 1.1rem; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px 12px 0 0; }
.plan-img[b-csvo19sh0q] { width: 100%; height: 100%; object-fit: cover; display: block; }
.plan-img-overlay[b-csvo19sh0q] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,26,.95) 0%, rgba(10,14,26,.2) 55%, transparent 100%); }
.plan-img-title[b-csvo19sh0q] { position: absolute; bottom: .85rem; left: 1rem; display: flex; align-items: center; gap: .5rem; }
.plan-img-icon[b-csvo19sh0q] { font-size: 1.4rem; filter: drop-shadow(0 1px 4px rgba(0,0,0,.8)); }
.plan-img-name[b-csvo19sh0q] { font-size: 1.5rem; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,.9); }
.price-original[b-csvo19sh0q] { font-size: .85rem; color: var(--muted); text-decoration: line-through; margin-right: .25rem; align-self: center; }
.price-first-offer[b-csvo19sh0q] { display: inline-block; margin-top: .4rem; background: rgba(251,191,36,.15); color: #fbbf24; border: 1px solid rgba(251,191,36,.3); font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; }
.plan-top-bar[b-csvo19sh0q] { position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 0; background: var(--plan-color, var(--border)); }
.plan-card:hover[b-csvo19sh0q] { transform: translateY(-4px); border-color: color-mix(in srgb, var(--plan-color, var(--border)) 70%, transparent); }
.popular-badge[b-csvo19sh0q] { position: absolute; top: 1rem; right: 1rem; background: linear-gradient(135deg,var(--accent),var(--accent-2)); color: #fff; font-size: .65rem; font-weight: 800; letter-spacing: .5px; padding: .25rem .65rem; border-radius: 999px; text-transform: uppercase; }
.plan-icon[b-csvo19sh0q] { font-size: 1.6rem; margin-bottom: .75rem; }
.plan-name[b-csvo19sh0q] { font-size: 1.1rem; font-weight: 800; margin-bottom: .25rem; }
.plan-desc[b-csvo19sh0q] { font-size: .8rem; color: var(--muted); margin-bottom: 1.25rem; line-height: 1.6; }
.plan-price[b-csvo19sh0q] { margin-bottom: .6rem; }
.price-main[b-csvo19sh0q] { display: flex; align-items: flex-start; gap: .25rem; }
.price-curr[b-csvo19sh0q] { font-size: 1.1rem; margin-top: .55rem; color: var(--muted); }
.price-num[b-csvo19sh0q] { font-size: 2rem; font-weight: 900; letter-spacing: -1px; line-height: 1; }
.price-num.gold[b-csvo19sh0q] { color: #fbbf24; }
.price-period[b-csvo19sh0q] { font-size: .8rem; color: var(--muted); margin-top: .3rem; }
.price-save[b-csvo19sh0q] { display: inline-block; margin-top: .4rem; background: rgba(34,197,94,.12); color: #4ade80; border: 1px solid rgba(34,197,94,.25); font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; }
/* ── Stat badges ── */
.plan-perks[b-csvo19sh0q] { margin-bottom: 1.1rem; border-top: 1px solid rgba(255,255,255,.07); padding-top: .85rem; margin-top: .5rem; }
.plan-perks-label[b-csvo19sh0q] {
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: rgba(200,210,255,.45);
    margin-bottom: .5rem;
}
.plan-stat-grid[b-csvo19sh0q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
}
.plan-stat[b-csvo19sh0q] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .6rem;
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    cursor: default;
    min-width: 0;
}
.plan-stat-svg[b-csvo19sh0q]  { flex-shrink: 0; display: block; opacity: .85; }
.plan-stat-body[b-csvo19sh0q] { display: flex; flex-direction: column; gap: .05rem; min-width: 0; }
.plan-stat-val[b-csvo19sh0q]  { font-size: .78rem; font-weight: 800; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.plan-stat-sub[b-csvo19sh0q]  { font-size: .62rem; font-weight: 500; opacity: .65; white-space: nowrap; }
.plan-stat-full[b-csvo19sh0q] { grid-column: 1 / -1; margin-top: .5rem; }
.plan-stat-votes[b-csvo19sh0q]    { background: rgba(6,182,212,.08);  border-color: rgba(6,182,212,.2);    color: #38bdf8; }
.plan-stat-raffle[b-csvo19sh0q]   { background: rgba(251,146,60,.08);  border-color: rgba(251,146,60,.2);   color: #fb923c; }
.plan-stat-discount[b-csvo19sh0q] { background: rgba(168,85,247,.08); border-color: rgba(168,85,247,.22);  color: #c4b5fd; }
.plan-stat-crates[b-csvo19sh0q]   { background: rgba(34,197,94,.08);  border-color: rgba(34,197,94,.2);    color: #4ade80; }

/* ── Votos + tickets combinados ─────────────────────────── */
.plan-stat-vt[b-csvo19sh0q]    { gap: 0; padding: 0; }
.plan-vt-half[b-csvo19sh0q]    { display: flex; align-items: center; gap: .5rem; width: 50%; padding: .45rem .65rem; }
.plan-vt-votes[b-csvo19sh0q]   { background: rgba(6,182,212,.08); color: #38bdf8; border-radius: 8px 0 0 8px; }
.plan-vt-raffle[b-csvo19sh0q]  { background: rgba(251,146,60,.08); color: #fb923c; border-left: 1px solid rgba(255,255,255,.08); border-radius: 0 8px 8px 0; }

/* ── Multi-set cofres ───────────────────────────────────── */
.plan-stat-sets[b-csvo19sh0q]      { gap: 0; padding: 0; }
.plan-set-item[b-csvo19sh0q]       { display: flex; align-items: center; gap: .5rem; width: 50%; padding: .45rem .65rem; }
.plan-set-item + .plan-set-item[b-csvo19sh0q] { border-left: 1px solid rgba(34,197,94,.18); }
.plan-set-img[b-csvo19sh0q]        { width: 30px; height: 30px; border-radius: 5px; object-fit: cover; flex-shrink: 0; }
.plan-set-body[b-csvo19sh0q]       { display: flex; flex-direction: column; gap: .05rem; min-width: 0; }
.plan-set-top-row[b-csvo19sh0q]    { display: flex; align-items: baseline; gap: .3rem; }
.plan-set-count[b-csvo19sh0q]      { font-size: .88rem; font-weight: 800; line-height: 1.2; flex-shrink: 0; }
.plan-set-name[b-csvo19sh0q]       { font-size: .65rem; font-weight: 700; opacity: .75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.plan-set-suffix[b-csvo19sh0q]     { font-size: .6rem; font-weight: 500; opacity: .65; }



@keyframes golden-pulse-b-csvo19sh0q {
    0%, 100% { box-shadow: 0 0 6px rgba(251,191,36,.25); border-color: rgba(251,191,36,.35); background: rgba(251,191,36,.08); }
    50%       { box-shadow: 0 0 18px rgba(251,191,36,.55), 0 0 32px rgba(251,191,36,.15); border-color: rgba(251,191,36,.65); background: rgba(251,191,36,.14); }
}
.plan-stat-discount.plan-stat-full[b-csvo19sh0q] {
    color: #fbbf24;
    background: rgba(251,191,36,.08);
    border-color: rgba(251,191,36,.35);
    animation: golden-pulse-b-csvo19sh0q 2.4s ease-in-out infinite;
}

.plan-features[b-csvo19sh0q] { list-style: none; display: flex; flex-direction: column; gap: .65rem; margin-bottom: 1.75rem; flex: 1; }
.plan-features li[b-csvo19sh0q] { display: flex; align-items: center; gap: .65rem; font-size: .83rem; }
.plan-features li.off[b-csvo19sh0q] { color: var(--muted); }
.check[b-csvo19sh0q] { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: .65rem; }
.check-on[b-csvo19sh0q] { background: rgba(34,197,94,.18); color: #4ade80; }
.check-off[b-csvo19sh0q] { background: rgba(100,116,139,.12); color: var(--muted); }
.btn-plan-free[b-csvo19sh0q] { background: rgba(100,116,139,.12); color: var(--muted); border: 1px solid rgba(100,116,139,.2); }
.btn-plan-free:hover[b-csvo19sh0q] { border-color: var(--muted); color: var(--text); }
.btn-plan-pro[b-csvo19sh0q] { background: linear-gradient(135deg,var(--accent),#9d5cf6); color: #fff; box-shadow: var(--glow); }
.btn-plan-pro:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 0 30px rgba(124,58,237,.65); }
.btn-plan-elite[b-csvo19sh0q] { background: linear-gradient(135deg,var(--accent-2),#0ea5e9); color: #fff; box-shadow: var(--glow-c); }
.btn-plan-elite:hover[b-csvo19sh0q] { transform: translateY(-1px); }
.btn-plan-founder[b-csvo19sh0q] { background: linear-gradient(135deg,#f59e0b,#fbbf24); color: #000; font-weight: 800; }
.btn-plan-founder:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 0 24px rgba(251,191,36,.5); }
.btn-plan-cart[b-csvo19sh0q] { margin-top: .5rem; background: linear-gradient(135deg, var(--plan-color, var(--accent)), color-mix(in srgb, var(--plan-color, var(--accent)) 70%, #fff 15%)); color: #fff; border: 1px solid transparent; font-weight: 700; box-shadow: 0 4px 18px color-mix(in srgb, var(--plan-color, var(--accent)) 45%, transparent); }
.btn-plan-cart:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 6px 26px color-mix(in srgb, var(--plan-color, var(--accent)) 65%, transparent); }
.btn-plan-cart.in-cart[b-csvo19sh0q] { background: rgba(34,197,94,.15); color: #4ade80; border-color: rgba(34,197,94,.4); }
.btn-plan-cart.in-cart:hover[b-csvo19sh0q] { background: rgba(239,68,68,.15); color: #f87171; border-color: rgba(239,68,68,.4); }
.btn-plan-disabled[b-csvo19sh0q] { opacity: .45; cursor: not-allowed; pointer-events: none; }
.btn-plan-row[b-csvo19sh0q] {
    display: flex;
    gap: .4rem;
    margin-top: auto;
}
.btn-plan-row .btn-plan[b-csvo19sh0q] {
    flex: 1;
    margin-top: 0;
}
.btn-plan-gift[b-csvo19sh0q] {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    color: rgba(200,205,255,.55);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background .15s, border-color .15s, color .15s;
}
.btn-plan-gift:hover[b-csvo19sh0q] { background: rgba(168,85,247,.1); border-color: rgba(168,85,247,.3); color: #c4b5fd; }
.btn-plan-gift[data-tip][b-csvo19sh0q]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: rgba(15,10,30,.92);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(220,225,255,.9);
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
    padding: .25rem .55rem;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s, transform .15s;
    z-index: 10;
}
.btn-plan-gift[data-tip]:hover[b-csvo19sh0q]::after { opacity: 1; transform: translateX(-50%) translateY(0); }

/* Subscriber badges */
.plan-subscribers[b-csvo19sh0q] { display: flex; align-items: center; gap: .65rem; margin-bottom: .75rem; }
.sub-avatars[b-csvo19sh0q] { display: flex; }
.sub-avatar[b-csvo19sh0q] { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--bg-card); margin-left: -8px; overflow: hidden; background: rgba(124,58,237,.25); display: flex; align-items: center; justify-content: center; font-size: .65rem; font-weight: 700; color: var(--text); flex-shrink: 0; }
.sub-avatar:first-child[b-csvo19sh0q] { margin-left: 0; }
.sub-avatar img[b-csvo19sh0q] { width: 100%; height: 100%; object-fit: cover; }
.sub-avatar-more[b-csvo19sh0q] { background: rgba(255,255,255,.08); color: var(--muted); font-size: .6rem; }
.sub-count[b-csvo19sh0q] { font-size: .72rem; color: var(--muted); white-space: nowrap; }

@media (max-width: 380px) {
    .btn-plan-row[b-csvo19sh0q] { flex-direction: column; }
    .btn-plan-gift[b-csvo19sh0q] { width: 100%; height: 38px; }
}
/* /Components/ProductCard.razor.rz.scp.css */
.prod-card[b-97iaabmimp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; cursor: default; display: flex; flex-direction: column; }
.prod-card:hover[b-97iaabmimp] { transform: translateY(-4px); border-color: var(--accent); box-shadow: var(--glow); }
.prod-img[b-97iaabmimp] { aspect-ratio: 1/1; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 3rem; }
.prod-img-cover[b-97iaabmimp] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.prod-img-overlay[b-97iaabmimp] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,26,.6) 0%, transparent 60%); }
.prod-icon-over[b-97iaabmimp] { position: relative; z-index: 1; filter: drop-shadow(0 1px 4px rgba(0,0,0,.8)); }
.prod-badges[b-97iaabmimp] { position: absolute; top: .8rem; left: .8rem; display: flex; gap: .35rem; }
.pb[b-97iaabmimp] { font-size: .62rem; font-weight: 700; padding: .2rem .5rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; }
.pb-new[b-97iaabmimp] { background: rgba(34,197,94,.2); color: #4ade80; border: 1px solid rgba(34,197,94,.35); }
.pb-hot[b-97iaabmimp] { background: rgba(244,114,182,.2); color: var(--accent-3); border: 1px solid rgba(244,114,182,.35); }
.pb-sale[b-97iaabmimp] { background: rgba(251,191,36,.15); color: #fcd34d; border: 1px solid rgba(251,191,36,.3); }
.pb-free[b-97iaabmimp] { background: rgba(6,182,212,.15); color: var(--accent-2); border: 1px solid rgba(6,182,212,.3); }
.pb-member[b-97iaabmimp] { background: rgba(124,58,237,.18); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); }
.pb-soldout[b-97iaabmimp] { background: rgba(220,38,38,.92); color: #fff; border: 1px solid rgba(248,113,113,.9); text-shadow: 0 1px 3px rgba(0,0,0,.4); }
.pb--block[b-97iaabmimp] { display: inline-flex; align-self: flex-start; margin-bottom: .5rem; }
.pb-stock.pb-stock--ok[b-97iaabmimp] { background: rgba(34,197,94,.18); color: #4ade80; border: 1px solid rgba(34,197,94,.35); }
.pb-stock.pb-stock--warn[b-97iaabmimp] { background: rgba(250,204,21,.22); color: #facc15; border: 1px solid rgba(250,204,21,.4); }
.pb-stock.pb-stock--critical[b-97iaabmimp] {
    background: rgba(250,204,21,.95); color: #422006; border: 1px solid rgba(253,224,71,.95);
    box-shadow: 0 0 14px rgba(250,204,21,.6); font-size: .66rem;
    animation: pb-stock-pulse-b-97iaabmimp 1.4s ease-in-out infinite;
}
@keyframes pb-stock-pulse-b-97iaabmimp { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.07); } }
.member-lock[b-97iaabmimp] { position: absolute; top: .6rem; right: .6rem; background: rgba(0,0,0,.6); border: 1px solid rgba(124,58,237,.4); border-radius: 8px; padding: .3rem .5rem; font-size: .7rem; color: #a78bfa; }
.prod-body[b-97iaabmimp] { padding: 1rem; display: flex; flex-direction: column; flex: 1; }
.prod-cat-row[b-97iaabmimp] { display: flex; align-items: center; gap: .5rem; margin-bottom: .3rem; flex-wrap: wrap; }
.prod-cat[b-97iaabmimp] { font-size: .68rem; color: var(--accent-2); font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.prod-name-row[b-97iaabmimp] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .3rem; }
.prod-name[b-97iaabmimp] { font-size: .95rem; font-weight: 700; }
.prod-expand-chevron[b-97iaabmimp] { font-size: .8rem; color: var(--muted); transition: transform .2s; flex-shrink: 0; }
.prod-expand-chevron.open[b-97iaabmimp] { transform: rotate(180deg); }
.prod-desc[b-97iaabmimp] { font-size: .78rem; color: var(--muted); margin-bottom: .9rem; line-height: 1.5; }
.prod-tags[b-97iaabmimp] { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .9rem; }
.tag[b-97iaabmimp] { font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid rgba(255,255,255,.08); }
.prod-foot[b-97iaabmimp] { display: flex; flex-direction: column; align-items: stretch; gap: .6rem; margin-top: auto; }
.prod-foot--sub[b-97iaabmimp] { }
.prod-price-wrap[b-97iaabmimp] { display: flex; flex-direction: column; gap: .1rem; }
.prod-price[b-97iaabmimp] { font-size: 1.1rem; font-weight: 800; color: var(--accent-2); }
.prod-recurring[b-97iaabmimp] { font-size: .68rem; font-weight: 700; color: #fbbf24; background: rgba(251,191,36,.12); border: 1px solid rgba(251,191,36,.3); border-radius: 999px; padding: .1rem .5rem; display: inline-block; margin-top: .15rem; align-self: flex-start; }
.prod-price.free-price[b-97iaabmimp] { color: var(--green); }
.prod-price .old[b-97iaabmimp] { font-size: .75rem; color: var(--muted); text-decoration: line-through; margin-right: .3rem; }
.btn-add[b-97iaabmimp] { background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); padding: .45rem .85rem; border-radius: 8px; font-size: .78rem; font-weight: 600; cursor: pointer; transition: all .2s; width: 100%; text-align: center; }
.btn-add:hover[b-97iaabmimp] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.btn-add.btn-add-in-cart[b-97iaabmimp] { background: rgba(34,197,94,.15); color: #4ade80; border-color: rgba(34,197,94,.4); }
.btn-add.btn-add-in-cart:hover[b-97iaabmimp] { background: rgba(239,68,68,.15); color: #f87171; border-color: rgba(239,68,68,.4); }
.btn-add.btn-add-blocked[b-97iaabmimp] { opacity: .4; cursor: not-allowed; pointer-events: none; }
.btn-add.btn-add-sub[b-97iaabmimp] { background: linear-gradient(135deg, #06b6d4, #0891b2); color: #fff; border-color: transparent; box-shadow: 0 3px 14px rgba(6,182,212,.4); }
.btn-add.btn-add-sub:hover[b-97iaabmimp] { transform: translateY(-1px); box-shadow: 0 5px 20px rgba(6,182,212,.55); }
.btn-add.btn-add-sub.btn-add-sub--nebula[b-97iaabmimp] { background: linear-gradient(135deg, #3b82f6, #1d4ed8); box-shadow: 0 3px 14px rgba(59,130,246,.45); }
.btn-add.btn-add-sub.btn-add-sub--nebula:hover[b-97iaabmimp] { box-shadow: 0 5px 20px rgba(59,130,246,.65); }
.btn-add.btn-add-sub.btn-add-sub--quasar[b-97iaabmimp] { background: linear-gradient(135deg, #fbbf24, #d97706); color: #1a0e00; box-shadow: 0 3px 14px rgba(251,191,36,.45); }
.btn-add.btn-add-sub.btn-add-sub--quasar:hover[b-97iaabmimp] { box-shadow: 0 5px 20px rgba(251,191,36,.65); }
.btn-add-group[b-97iaabmimp] { display: flex; gap: .4rem; align-items: center; }
.btn-add-group .btn-add[b-97iaabmimp] { flex: 1; }
.btn-add-gift-sm[b-97iaabmimp] {
    flex-shrink: 0; width: 34px; height: 34px;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
    color: rgba(200,205,255,.5); border-radius: 8px;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: all .15s;
}
.btn-add-gift-sm:hover[b-97iaabmimp] { background: rgba(168,85,247,.12); border-color: rgba(168,85,247,.3); color: #c4b5fd; }
.pb-sub[b-97iaabmimp] { background: rgba(6,182,212,.15); color: #06b6d4; border: 1px solid rgba(6,182,212,.3); }
.pb-tier-disc[b-97iaabmimp] { background: rgba(124,58,237,.85); color: #fff; border: 1px solid rgba(168,85,247,.9); text-shadow: 0 1px 3px rgba(0,0,0,.4); }

.prod-price-discount-row[b-97iaabmimp] { display: flex; align-items: baseline; gap: .35rem; }
.prod-price-old[b-97iaabmimp] { font-size: .75rem; color: var(--muted); text-decoration: line-through; }
.prod-price-discounted[b-97iaabmimp] { color: #a78bfa; }

@media (max-width: 520px) {
    .btn-add[b-97iaabmimp] { padding: .55rem; font-size: .82rem; }
}
/* /Components/ProductDetailModal.razor.rz.scp.css */
.pdm-overlay[b-xr3r6ewwx2] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem;
}

.pdm-modal[b-xr3r6ewwx2] {
    background: linear-gradient(145deg, #0f0d1e, #16132a);
    border: 1px solid rgba(168,85,247,.25);
    border-radius: 20px;
    width: 100%;
    max-width: 760px;
    /* resta exactamente el padding del overlay (.75rem arriba + .75rem abajo). Se usa
       --pdm-vh (window.innerHeight/visualViewport medido por JS en modal.js) como fuente
       de verdad porque vh/dvh no son fiables en algunos navegadores/webviews móviles;
       vh y dvh quedan solo como respaldo mientras JS no ha corrido todavía. */
    max-height: calc(100vh - 1.5rem);
    max-height: calc(100dvh - 1.5rem);
    max-height: calc(var(--pdm-vh, 100dvh) - 1.5rem);
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 40px rgba(168,85,247,.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* el pie va superpuesto (position:absolute) para el efecto cristal, así que ya no
       cuenta en el alto del flex column — se reserva aquí su hueco para que el modal
       mantenga el mismo alto total que antes de flotar el pie. Calculado para el caso
       más alto del pie (con selector de cantidad, ~199px) + margen. */
    padding-bottom: 14rem;
}

.pdm-header[b-xr3r6ewwx2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem 1.1rem 2.25rem;
    border-bottom: 1px solid rgba(168,85,247,.15);
    flex-shrink: 0;
}

.pdm-body[b-xr3r6ewwx2] {
    display: flex;
    gap: 1.5rem;
    padding: 1.25rem 2.25rem 1rem;
    /* hueco extra abajo para que el texto no quede tapado del todo bajo el pie flotante
       (pie real medido ~199px con selector de cantidad + margen) */
    padding-bottom: 13.5rem;
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
    /* tope propio e independiente del alto del modal: por mucho texto que tenga la
       descripción, el cuerpo nunca crece más de esto y la cabecera/pie quedan a salvo */
    max-height: 45vh;
}

.pdm-media[b-xr3r6ewwx2] { flex: 0 0 200px; position: sticky; top: 0; align-self: flex-start; }
.pdm-info[b-xr3r6ewwx2] { flex: 1 1 auto; min-width: 0; }

.pdm-footer[b-xr3r6ewwx2] {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 1rem 2.25rem 1.5rem;
    border-top: 1px solid rgba(168,85,247,.15);
    background: rgba(15,13,30,.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 0 0 20px 20px;
    z-index: 2;
}

.pdm-close[b-xr3r6ewwx2] {
    background: rgba(255,255,255,.06);
    border: none;
    color: rgba(200,205,255,.5);
    width: 28px; height: 28px;
    border-radius: 50%;
    cursor: pointer;
    font-size: .85rem;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s, color .15s;
    flex-shrink: 0;
}
.pdm-close:hover[b-xr3r6ewwx2] { background: rgba(255,255,255,.12); color: #fff; }

.pdm-img[b-xr3r6ewwx2] {
    aspect-ratio: 1/1;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.04);
    display: flex; align-items: center; justify-content: center;
    font-size: 3rem;
    cursor: zoom-in;
}
.pdm-img img[b-xr3r6ewwx2] { width: 100%; height: 100%; object-fit: cover; }

.pdm-gallery[b-xr3r6ewwx2] { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .5rem; }
.pdm-gallery-thumb[b-xr3r6ewwx2] {
    width: 52px; height: 52px; flex-shrink: 0;
    border-radius: 8px; overflow: hidden; cursor: zoom-in;
    border: 1px solid rgba(168,85,247,.25);
    transition: border-color .15s, transform .1s;
}
.pdm-gallery-thumb:hover[b-xr3r6ewwx2] { border-color: #a855f7; transform: translateY(-1px); }
.pdm-gallery-thumb--active[b-xr3r6ewwx2] { border-color: #a855f7; box-shadow: 0 0 0 2px rgba(168,85,247,.35); }
.pdm-gallery-thumb img[b-xr3r6ewwx2] { width: 100%; height: 100%; object-fit: cover; }

.pdm-lightbox[b-xr3r6ewwx2] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.88);
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    cursor: zoom-out;
}
.pdm-lightbox img[b-xr3r6ewwx2] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.6);
    cursor: default;
}
.pdm-lightbox-close[b-xr3r6ewwx2] {
    position: absolute;
    top: 1.25rem; right: 1.25rem;
    background: rgba(255,255,255,.1);
    border: none;
    color: #fff;
    width: 36px; height: 36px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s;
}
.pdm-lightbox-close:hover[b-xr3r6ewwx2] { background: rgba(255,255,255,.2); }

.pdm-cat[b-xr3r6ewwx2] { font-size: .7rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #a855f7; margin-bottom: .3rem; }
.pdm-stock[b-xr3r6ewwx2] {
    display: inline-flex; align-items: center; gap: .3rem;
    font-size: .72rem; font-weight: 800; letter-spacing: .2px;
    padding: .22rem .6rem; border-radius: 999px; margin-bottom: .7rem;
}
.pdm-stock.pdm-stock--ok[b-xr3r6ewwx2] { color: #4ade80; background: rgba(34,197,94,.15); border: 1px solid rgba(34,197,94,.35); }
.pdm-stock.pdm-stock--warn[b-xr3r6ewwx2] { color: #facc15; background: rgba(250,204,21,.18); border: 1px solid rgba(250,204,21,.4); }
.pdm-stock.pdm-stock--critical[b-xr3r6ewwx2] {
    color: #422006; background: rgba(250,204,21,.95); border: 1px solid rgba(253,224,71,.95);
    text-shadow: none; box-shadow: 0 0 14px rgba(250,204,21,.55);
    animation: pdm-stock-pulse-b-xr3r6ewwx2 1.4s ease-in-out infinite;
}
@keyframes pdm-stock-pulse-b-xr3r6ewwx2 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
.pdm-name[b-xr3r6ewwx2] { font-size: 1.1rem; font-weight: 800; color: #fff; }
.pdm-desc[b-xr3r6ewwx2] { font-size: .85rem; color: rgba(200,205,255,.6); line-height: 1.85; margin-bottom: 1rem; }
.pdm-desc div[b-xr3r6ewwx2], .pdm-desc p[b-xr3r6ewwx2] { margin-bottom: .6em; }
.pdm-desc ul[b-xr3r6ewwx2], .pdm-desc ol[b-xr3r6ewwx2] { margin: .4em 0 .6em; padding-left: 1.4em; }
.pdm-desc li[b-xr3r6ewwx2] { margin-bottom: .3em; }

.pdm-tags[b-xr3r6ewwx2] { display: flex; gap: .35rem; flex-wrap: wrap; }
.pdm-tag[b-xr3r6ewwx2] {
    font-size: .68rem; font-weight: 600; padding: .18rem .55rem; border-radius: 999px;
    background: rgba(255,255,255,.05); color: rgba(200,205,255,.6); border: 1px solid rgba(255,255,255,.08);
}

.pdm-qty-row[b-xr3r6ewwx2] {
    display: flex; align-items: center; justify-content: space-between;
    padding-bottom: .85rem; border-bottom: 1px solid rgba(168,85,247,.15);
    margin-bottom: 1.1rem;
}
.pdm-qty-label[b-xr3r6ewwx2] { font-size: .82rem; font-weight: 700; color: #e2e5ff; }
.pdm-qty-stepper[b-xr3r6ewwx2] { display: flex; align-items: center; gap: .5rem; }
.pdm-qty-btn[b-xr3r6ewwx2] {
    width: 30px; height: 30px; border-radius: 8px;
    background: rgba(168,85,247,.15); border: 1px solid rgba(168,85,247,.3); color: #c4b5fd;
    font-size: 1rem; font-weight: 700; cursor: pointer; transition: background .15s;
    display: flex; align-items: center; justify-content: center;
}
.pdm-qty-btn:hover:not(:disabled)[b-xr3r6ewwx2] { background: rgba(168,85,247,.28); }
.pdm-qty-btn:disabled[b-xr3r6ewwx2] { opacity: .35; cursor: not-allowed; }
.pdm-qty-input[b-xr3r6ewwx2] {
    width: 52px; text-align: center; background: rgba(255,255,255,.05); border: 1px solid rgba(168,85,247,.2);
    border-radius: 8px; color: #e2e5ff; font-size: .9rem; font-weight: 700; padding: .35rem 0;
}

.pdm-price-row[b-xr3r6ewwx2] { margin-bottom: 1.25rem; }
.pdm-price-old[b-xr3r6ewwx2] { font-size: .8rem; color: rgba(200,205,255,.4); text-decoration: line-through; margin-right: .5rem; }
.pdm-price[b-xr3r6ewwx2] { font-size: 1.5rem; font-weight: 900; color: #06b6d4; display: inline-block; }
.pdm-price-unit[b-xr3r6ewwx2] { font-size: .72rem; color: rgba(200,205,255,.45); margin-top: .15rem; }

.pdm-buy-btn[b-xr3r6ewwx2] {
    width: 100%;
    padding: .85rem;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: .95rem;
    font-weight: 800;
    cursor: pointer;
    transition: opacity .15s, transform .1s;
    letter-spacing: .03em;
}
.pdm-buy-btn:hover[b-xr3r6ewwx2] { opacity: .88; transform: translateY(-1px); }
.pdm-buy-btn:active[b-xr3r6ewwx2] { transform: translateY(0); }
.pdm-buy-btn.pdm-buy-btn--disabled[b-xr3r6ewwx2] { background: rgba(239,68,68,.15); color: #f87171; cursor: not-allowed; }
.pdm-buy-btn.pdm-buy-btn--disabled:hover[b-xr3r6ewwx2] { opacity: 1; transform: none; }

@media (max-width: 560px) {
    .pdm-body[b-xr3r6ewwx2] { flex-direction: column; gap: 1rem; }
    /* en columna, una imagen "pegada" arriba tapa el texto que va desplazándose
       por debajo (se ve borroso/solapado) — en móvil no tiene sentido, así que
       aquí deja de ser sticky y todo el bloque (imagen+galería+texto) hace scroll junto */
    .pdm-media[b-xr3r6ewwx2] { position: static; flex: 0 0 auto; }
    .pdm-img[b-xr3r6ewwx2] { width: 140px; margin: 0 auto; }
    .pdm-gallery[b-xr3r6ewwx2] { justify-content: center; }
}

@media (max-width: 480px) {
    .pdm-header[b-xr3r6ewwx2] { padding: .9rem 1rem .9rem 1.5rem; }
    .pdm-body[b-xr3r6ewwx2] { padding: 1rem 1.5rem .75rem; }
    .pdm-footer[b-xr3r6ewwx2] { padding: .75rem 1.5rem 1.5rem; }
}
/* /Components/ReconnectModal.razor.rz.scp.css */
/* Hidden by default */
#components-reconnect-modal[b-2i8orykljx] { display: none; }

#components-reconnect-modal.components-reconnect-show[b-2i8orykljx],
#components-reconnect-modal.components-reconnect-failed[b-2i8orykljx],
#components-reconnect-modal.components-reconnect-rejected[b-2i8orykljx] {
    display: flex;
    position: fixed;
    bottom: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.rcn-bar[b-2i8orykljx] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem 1rem;
    background: rgba(15, 15, 25, 0.92);
    border: 1px solid rgba(99, 102, 241, .3);
    border-radius: 10px;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0,0,0,.4);
    font-size: .8rem;
    color: var(--muted, #94a3b8);
    white-space: nowrap;
}

/* Spinner solo en reconectando */
.rcn-spinner[b-2i8orykljx] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(99,102,241,.25);
    border-top-color: var(--accent, #6366f1);
    border-radius: 50%;
    animation: rcn-spin-b-2i8orykljx .7s linear infinite;
    flex-shrink: 0;
}
@keyframes rcn-spin-b-2i8orykljx { to { transform: rotate(360deg); } }

/* Textos: solo muestra el relevante según clase */
.rcn-text[b-2i8orykljx] { display: none; }

.components-reconnect-show  .rcn-reconnecting[b-2i8orykljx] { display: inline; }
.components-reconnect-failed .rcn-spinner[b-2i8orykljx]     { display: none; }
.components-reconnect-failed .rcn-failed[b-2i8orykljx]      { display: inline; }
.components-reconnect-rejected .rcn-spinner[b-2i8orykljx]   { display: none; }
.components-reconnect-rejected .rcn-rejected[b-2i8orykljx]  { display: inline; }

.rcn-bar button[b-2i8orykljx], .rcn-bar a[b-2i8orykljx] {
    color: var(--accent, #818cf8);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: inherit;
    text-decoration: underline;
}
/* /Components/ServerCard.razor.rz.scp.css */
.sc-card[b-44ml0n7k8e] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.sc-card:hover[b-44ml0n7k8e] {
    border-color: rgba(124,58,237,.35);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Image */
.sc-img-wrap[b-44ml0n7k8e] { position: relative; }
.sc-img[b-44ml0n7k8e] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.sc-image[b-44ml0n7k8e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Status badge top-right (outside overflow:hidden) */
.sc-status-badge[b-44ml0n7k8e] {
    position: absolute;
    top: .6rem; right: .6rem;
    z-index: 2;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    padding: .25rem .55rem;
    font-size: .68rem;
    font-weight: 700;
    color: #fff;
}
.sc-status-badge.online[b-44ml0n7k8e]  { color: #4ade80; border-color: rgba(34,197,94,.4); }
.sc-status-badge.offline[b-44ml0n7k8e] { color: #f87171; border-color: rgba(239,68,68,.3); }

/* Overlay */
.sc-overlay[b-44ml0n7k8e] {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(3px);
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: .4rem;
    font-size: .75rem; font-weight: 900; letter-spacing: 1.2px; color: #fff;
}
.sc-overlay--offline[b-44ml0n7k8e] { background: rgba(0,0,0,.7); }
.sc-overlay-icon[b-44ml0n7k8e] { font-size: 1.6rem; opacity: .85; }

/* Body */
.sc-body[b-44ml0n7k8e] {
    padding: .85rem 1rem .75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}
.sc-cat-badge[b-44ml0n7k8e] {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: .3rem;
    background: rgba(124,58,237,.12);
    border: 1px solid rgba(124,58,237,.35);
    color: #a78bfa;
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .6px;
}
.sc-name[b-44ml0n7k8e] {
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text);
}
.sc-meta[b-44ml0n7k8e] {
    font-size: .7rem;
    color: var(--muted);
}
.sc-tags[b-44ml0n7k8e] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .35rem;
}
.sc-ip[b-44ml0n7k8e] {
    margin: 0 .85rem .75rem;
    padding: .4rem .7rem;
    font-size: .75rem;
    font-weight: 600;
    font-family: monospace;
    color: #a78bfa;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(124,58,237,.2);
    border-radius: 8px;
}

/* Footer button */
.sc-btn[b-44ml0n7k8e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: 100%;
    padding: .78rem 1rem;
    background: transparent;
    border: none;
    border-top: 1px solid rgba(124,58,237,.25);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a78bfa;
    cursor: pointer;
    transition: background .18s, color .18s;
}
.sc-btn:hover[b-44ml0n7k8e] {
    background: rgba(124,58,237,.1);
    color: #fff;
}
.sc-footer[b-44ml0n7k8e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .72rem 1rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .8px;
    text-align: center;
    border-top: 1px solid var(--border);
}
.sc-footer--offline[b-44ml0n7k8e] {
    color: var(--muted);
}
/* /Components/SubscriptionManagerModal.razor.rz.scp.css */
.sm-backdrop[b-jpkyc216p7] { position: fixed; inset: 0; background: rgba(0,0,0,.65); backdrop-filter: blur(4px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.sm-modal[b-jpkyc216p7] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; width: 100%; max-width: 480px; box-shadow: 0 24px 64px rgba(0,0,0,.5); overflow: hidden; }
.sm-header[b-jpkyc216p7] { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.4rem; border-bottom: 1px solid var(--border); }
.sm-title[b-jpkyc216p7] { font-size: 1rem; font-weight: 700; }
.sm-close[b-jpkyc216p7] { background: none; border: none; color: var(--muted); font-size: 1rem; cursor: pointer; padding: .25rem .4rem; border-radius: 6px; transition: color .15s; }
.sm-close:hover[b-jpkyc216p7] { color: var(--fg); }
.sm-body[b-jpkyc216p7] { padding: 1.2rem 1.4rem; display: flex; flex-direction: column; gap: 1rem; }
.sm-empty[b-jpkyc216p7] { color: var(--muted); font-size: .85rem; text-align: center; padding: 1rem 0; }
.sm-sub-card[b-jpkyc216p7] { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; display: flex; flex-direction: column; gap: .75rem; }
.sm-sub-top[b-jpkyc216p7] { display: flex; align-items: flex-start; justify-content: space-between; }
.sm-sub-name[b-jpkyc216p7] { font-size: .95rem; font-weight: 700; margin-bottom: .3rem; }
.sm-sub-meta[b-jpkyc216p7] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.sm-badge[b-jpkyc216p7] { font-size: .6rem; font-weight: 700; padding: .18rem .5rem; border-radius: 999px; letter-spacing: .4px; text-transform: uppercase; }
.sm-badge-active[b-jpkyc216p7] { background: rgba(34,197,94,.15); color: #4ade80; border: 1px solid rgba(34,197,94,.3); }
.sm-badge-cancelling[b-jpkyc216p7] { background: rgba(251,191,36,.12); color: #fcd34d; border: 1px solid rgba(251,191,36,.25); }
.sm-badge-past_due[b-jpkyc216p7] { background: rgba(239,68,68,.15); color: #f87171; border: 1px solid rgba(239,68,68,.3); }
.sm-interval[b-jpkyc216p7] { font-size: .72rem; color: var(--muted); }
.sm-renew-info[b-jpkyc216p7] { font-size: .78rem; color: var(--muted); }
.sm-cancel-notice[b-jpkyc216p7] { font-size: .8rem; color: #fcd34d; background: rgba(251,191,36,.08); border: 1px solid rgba(251,191,36,.2); border-radius: 8px; padding: .65rem .85rem; line-height: 1.5; }
.sm-confirm[b-jpkyc216p7] { background: rgba(239,68,68,.06); border: 1px solid rgba(239,68,68,.2); border-radius: 8px; padding: .8rem; }
.sm-confirm p[b-jpkyc216p7] { font-size: .8rem; color: var(--muted); margin: 0 0 .75rem; line-height: 1.5; }
.sm-confirm-btns[b-jpkyc216p7] { display: flex; gap: .5rem; }
.sm-btn[b-jpkyc216p7] { border: none; border-radius: 8px; padding: .45rem .9rem; font-size: .8rem; font-weight: 600; cursor: pointer; transition: all .18s; }
.sm-btn:disabled[b-jpkyc216p7] { opacity: .5; cursor: not-allowed; }
.sm-btn-cancel[b-jpkyc216p7] { background: rgba(239,68,68,.1); color: #f87171; border: 1px solid rgba(239,68,68,.25); width: 100%; }
.sm-btn-cancel:hover[b-jpkyc216p7] { background: rgba(239,68,68,.2); }
.sm-btn-danger[b-jpkyc216p7] { background: rgba(239,68,68,.2); color: #f87171; border: 1px solid rgba(239,68,68,.35); }
.sm-btn-danger:hover[b-jpkyc216p7] { background: rgba(239,68,68,.35); }
.sm-btn-ghost[b-jpkyc216p7] { background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid var(--border); }
.sm-btn-ghost:hover[b-jpkyc216p7] { background: rgba(255,255,255,.1); color: var(--fg); }
.sm-error[b-jpkyc216p7] { font-size: .78rem; color: #f87171; }
/* /Components/ToastContainer.razor.rz.scp.css */
.toast-container[b-bxn2axelm9] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    pointer-events: none;
}

.toast[b-bxn2axelm9] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 260px;
    max-width: 360px;
    padding: .75rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #1e2433;
    box-shadow: 0 8px 32px rgba(0,0,0,.5);
    font-size: .82rem;
    font-weight: 600;
    color: #e2e8f0;
    pointer-events: all;
    animation: toast-in-b-bxn2axelm9 .22s ease;
}

@keyframes toast-in-b-bxn2axelm9 {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to   { opacity: 1; transform: none; }
}

.toast--success[b-bxn2axelm9] { border-color: rgba(34,197,94,.35);  }
.toast--error[b-bxn2axelm9]   { border-color: rgba(239,68,68,.35);  }
.toast--warning[b-bxn2axelm9] { border-color: rgba(234,179,8,.35);  }
.toast--info[b-bxn2axelm9]    { border-color: rgba(6,182,212,.35);  }

.toast-icon[b-bxn2axelm9] {
    font-size: .9rem;
    flex-shrink: 0;
}
.toast--success .toast-icon[b-bxn2axelm9] { color: #4ade80; }
.toast--error   .toast-icon[b-bxn2axelm9] { color: #f87171; }
.toast--warning .toast-icon[b-bxn2axelm9] { color: #facc15; }
.toast--info    .toast-icon[b-bxn2axelm9] { color: #06b6d4; }

.toast-msg[b-bxn2axelm9]  { flex: 1; }

.toast-close[b-bxn2axelm9] {
    background: none;
    border: none;
    color: var(--muted);
    cursor: pointer;
    font-size: .75rem;
    padding: 0 .2rem;
    flex-shrink: 0;
    opacity: .6;
    transition: opacity .15s;
}
.toast-close:hover[b-bxn2axelm9] { opacity: 1; }
/* /Components/VoteCard.razor.rz.scp.css */
.vc-card[b-hgqomyy5zz] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.vc-card:hover[b-hgqomyy5zz] {
    border-color: rgba(6,182,212,.35);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Image */
.vc-img-wrap[b-hgqomyy5zz] {
    position: relative; /* el badge se posiciona aquí */
}
.vc-img[b-hgqomyy5zz] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative; /* para los overlays */
}
.vc-image[b-hgqomyy5zz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.vc-cat-badge[b-hgqomyy5zz] {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: .45rem;
    background: rgba(6,182,212,.12);
    border: 1px solid rgba(6,182,212,.35);
    color: #06b6d4;
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .6px;
}

.vc-vote-badge[b-hgqomyy5zz] {
    position: absolute;
    top: .6rem; right: .6rem;
    z-index: 2;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    padding: .3rem .6rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .3px;
    cursor: default;
}
/* Status overlay */
.vc-overlay[b-hgqomyy5zz] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(3px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 1.2px;
    color: #fff;
}
.vc-overlay--closed[b-hgqomyy5zz] { background: rgba(0,0,0,.7); }
.vc-overlay-icon[b-hgqomyy5zz] { font-size: 1.6rem; opacity: .85; }

/* Body */
.vc-body[b-hgqomyy5zz] {
    padding: .85rem 1rem .75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    cursor: pointer;
}
.vc-more-link[b-hgqomyy5zz] {
    align-self: flex-start;
    margin-top: .15rem;
    background: none;
    border: none;
    padding: 0;
    font-size: .68rem;
    font-weight: 700;
    color: #06b6d4;
    cursor: pointer;
}
.vc-more-link:hover[b-hgqomyy5zz] { text-decoration: underline; }

/* Detail modal */
.vc-modal-backdrop[b-hgqomyy5zz] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}
.vc-modal[b-hgqomyy5zz] {
    position: relative;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    max-width: 460px;
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
}
.vc-modal-close[b-hgqomyy5zz] {
    position: absolute;
    top: .6rem;
    right: .6rem;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    cursor: pointer;
    font-size: .85rem;
}
.vc-modal-img[b-hgqomyy5zz] { aspect-ratio: 16 / 9; overflow: hidden; }
.vc-modal-img img[b-hgqomyy5zz] { width: 100%; height: 100%; object-fit: cover; display: block; }
.vc-modal-body[b-hgqomyy5zz] { padding: 1.1rem 1.25rem 1.4rem; display: flex; flex-direction: column; gap: .55rem; }
.vc-modal-name[b-hgqomyy5zz] { font-size: 1.15rem; font-weight: 800; color: var(--text); margin: 0; }
.vc-modal-meta[b-hgqomyy5zz] { display: flex; flex-wrap: wrap; gap: .45rem; }
.vc-modal-meta-item[b-hgqomyy5zz] { font-size: .72rem; font-weight: 600; color: var(--muted); background: rgba(255,255,255,.05); border: 1px solid var(--border); border-radius: 999px; padding: .2rem .6rem; }
.vc-modal-desc[b-hgqomyy5zz] { font-size: .85rem; color: var(--muted); line-height: 1.6; margin: 0; }
.vc-modal-tags[b-hgqomyy5zz] { display: flex; flex-wrap: wrap; gap: .35rem; }
.vc-modal-tag[b-hgqomyy5zz] { font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid rgba(255,255,255,.08); }
.vc-modal-votes[b-hgqomyy5zz] { font-size: .8rem; font-weight: 700; color: var(--text); }
.vc-modal-vote-btn[b-hgqomyy5zz] { border-radius: 10px; border-top: none; background: rgba(6,182,212,.12); border: 1px solid rgba(6,182,212,.35); }
.vc-modal-vote-btn:hover[b-hgqomyy5zz] { background: rgba(6,182,212,.22); }
.vc-name[b-hgqomyy5zz] {
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text);
}
.vc-desc[b-hgqomyy5zz] {
    font-size: .72rem;
    color: var(--muted);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Vote button */
.vc-btn[b-hgqomyy5zz] {
    display: block;
    width: 100%;
    padding: .78rem 1rem;
    background: transparent;
    border: none;
    border-top: 1px solid rgba(6,182,212,.25);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #06b6d4;
    cursor: pointer;
    transition: background .18s, color .18s, box-shadow .18s;
}
.vc-btn:hover[b-hgqomyy5zz] {
    background: rgba(6,182,212,.1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(6,182,212,.4);
}

/* Footer states */
.vc-footer[b-hgqomyy5zz] {
    padding: .72rem 1rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .8px;
    text-align: center;
    border-top: 1px solid var(--border);
}
.vc-footer--voted[b-hgqomyy5zz] {
    color: #4ade80;
    background: rgba(34,197,94,.06);
}
.vc-footer--locked[b-hgqomyy5zz] {
    color: var(--muted);
}
.vc-footer--closed[b-hgqomyy5zz] {
    color: #f87171;
    background: rgba(239,68,68,.08);
    border-top-color: rgba(239,68,68,.2);
}

/* Inline confirm */
.vc-confirm[b-hgqomyy5zz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem .85rem;
    border-top: 1px solid rgba(6,182,212,.25);
    background: rgba(6,182,212,.06);
}
.vc-confirm-text[b-hgqomyy5zz] {
    font-size: .72rem;
    font-weight: 700;
    color: #e2e8f0;
    white-space: nowrap;
}
.vc-confirm-btns[b-hgqomyy5zz] {
    display: flex;
    gap: .4rem;
}
.vc-confirm-yes[b-hgqomyy5zz],
.vc-confirm-no[b-hgqomyy5zz] {
    padding: .3rem .75rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .5px;
    cursor: pointer;
    border: none;
    transition: filter .15s;
}
.vc-confirm-yes[b-hgqomyy5zz] {
    background: #06b6d4;
    color: #000;
}
.vc-confirm-yes:hover[b-hgqomyy5zz] { filter: brightness(1.15); }
.vc-confirm-no[b-hgqomyy5zz] {
    background: rgba(255,255,255,.08);
    color: var(--muted);
}
.vc-confirm-no:hover[b-hgqomyy5zz] { filter: brightness(1.3); }
/* /Layout/MainLayout.razor.rz.scp.css */
.layout-root[b-r5ifi62cip] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.layout-root main[b-r5ifi62cip] {
    flex: 1;
}

.site-footer[b-r5ifi62cip] { position: relative; z-index: 1; border-top: 1px solid var(--border); background: rgba(5,8,16,.9); padding: 2rem 0; margin-top: 4rem; text-align: center; }
.footer-inner[b-r5ifi62cip] { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 2rem; margin-bottom: 1.5rem; }
@media(max-width:768px) { .footer-inner[b-r5ifi62cip] { grid-template-columns: 1fr 1fr; } }
.footer-brand p[b-r5ifi62cip] { color: var(--muted); font-size: .8rem; line-height: 1.7; max-width: 260px; margin-top: .5rem; }
.footer-col h4[b-r5ifi62cip] { font-size: .75rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); margin-bottom: .8rem; }
.footer-col ul[b-r5ifi62cip] { list-style: none; display: flex; flex-direction: column; gap: .45rem; }
.footer-col a[b-r5ifi62cip] { color: var(--muted); text-decoration: none; font-size: .8rem; transition: color .2s; }
.footer-col a:hover[b-r5ifi62cip] { color: var(--accent-2); }
.footer-logo[b-r5ifi62cip] { font-size: 1.1rem; font-weight: 900; letter-spacing: 1px; color: var(--text); margin-bottom: .5rem; }
.footer-copy[b-r5ifi62cip] { font-size: .75rem; color: var(--muted); margin-bottom: .25rem; }
.footer-sub[b-r5ifi62cip]  { font-size: .72rem; color: var(--muted); opacity: .6; }
.footer-legal[b-r5ifi62cip] { display: inline-block; margin-top: .75rem; font-size: .72rem; color: var(--muted); opacity: .5; text-decoration: underline; text-underline-offset: 3px; transition: opacity .15s; }
.footer-legal:hover[b-r5ifi62cip] { opacity: .9; }
.footer-bottom[b-r5ifi62cip] { border-top: 1px solid var(--border); padding-top: 1.1rem; font-size: .73rem; color: var(--muted); }
#blazor-error-ui[b-r5ifi62cip] { background: rgba(220,50,50,.15); border: 1px solid rgba(220,50,50,.3); color: var(--text); padding: .75rem 1.5rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; display: none; }
.reload[b-r5ifi62cip] { color: var(--accent-2); }
.dismiss[b-r5ifi62cip] { cursor: pointer; }

/* ── Speed dial FAB ── */
.fab-wrap[b-r5ifi62cip] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
}

.fab-main[b-r5ifi62cip] {
    width: 50px; height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 22px rgba(99,102,241,.5);
    cursor: default;
    transition: transform .2s, box-shadow .2s;
    user-select: none;
}
.fab-wrap:hover .fab-main[b-r5ifi62cip] {
    transform: scale(1.08);
    box-shadow: 0 6px 30px rgba(99,102,241,.7);
}

/* Sub-buttons hidden by default */
.fab-actions[b-r5ifi62cip] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    pointer-events: none;
}

.fab-sub[b-r5ifi62cip] {
    position: relative;
    width: 44px; height: 44px;
    border-radius: 50%;
    background: rgba(15,16,30,.95);
    border: 1px solid rgba(99,102,241,.3);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none;
    font-size: 1.05rem; font-weight: 800;
    box-shadow: 0 3px 16px rgba(0,0,0,.45);
    opacity: 0;
    transform: translateY(12px) scale(.85);
    transition: opacity .2s, transform .2s, background .18s, border-color .18s, box-shadow .18s;
}

/* Stagger animation */
.fab-actions .fab-sub:nth-child(2)[b-r5ifi62cip] { transition-delay: .04s; }
.fab-actions .fab-sub:nth-child(3)[b-r5ifi62cip] { transition-delay: .08s; }

.fab-wrap:hover .fab-actions[b-r5ifi62cip] { pointer-events: auto; }
.fab-wrap:hover .fab-sub[b-r5ifi62cip] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Discord sub-button */
.fab-sub:first-child[b-r5ifi62cip] { color: #5865F2; }
.fab-sub:first-child:hover[b-r5ifi62cip] {
    background: rgba(88,101,242,.2);
    border-color: rgba(88,101,242,.6);
    box-shadow: 0 4px 20px rgba(88,101,242,.5);
    transform: scale(1.1);
}

/* FAQ + Servidores sub-buttons */
.fab-sub:nth-child(2):hover[b-r5ifi62cip],
.fab-sub:nth-child(3):hover[b-r5ifi62cip] {
    background: rgba(99,102,241,.18);
    border-color: rgba(99,102,241,.55);
    box-shadow: 0 4px 20px rgba(99,102,241,.45);
    transform: scale(1.1);
}

/* Tooltips on sub-buttons */
.fab-sub[b-r5ifi62cip]::after {
    content: attr(data-tooltip);
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%) translateX(4px);
    background: rgba(12,14,26,.97);
    color: rgba(220,222,255,.92);
    font-size: .71rem;
    font-weight: 500;
    padding: .28rem .6rem;
    border-radius: 6px;
    white-space: nowrap;
    border: 1px solid rgba(99,102,241,.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, transform .15s;
    font-style: normal;
}
.fab-sub:hover[b-r5ifi62cip]::after {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

@media (max-width: 900px) {
    .fab-wrap[b-r5ifi62cip] { bottom: 5.5rem; }
}

/* ── Admin FAB ── */
.admin-fab[b-r5ifi62cip] {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-60%);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0 8px 8px 0;
    background: rgba(20, 14, 40, .6);
    border: 1px solid rgba(139, 92, 246, .2);
    border-left: none;
    color: rgba(167, 139, 250, .45);
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: transform .25s ease, color .2s, background .2s;
}
.admin-fab:hover[b-r5ifi62cip] {
    transform: translateY(-50%) translateX(0);
    color: #c4b5fd;
    background: rgba(109, 40, 217, .5);
}
/* /Layout/Nav.razor.rz.scp.css */
/* ── Navbar ── */
.navbar[b-p5uoi10m6o] {
    position: sticky; top: 0; z-index: 100;
    backdrop-filter: blur(28px) saturate(160%);
    background: linear-gradient(180deg, rgba(6,8,20,.97) 0%, rgba(9,11,24,.94) 100%);
    padding: 0 clamp(1rem,5vw,3rem); height: 68px;
    display: flex; align-items: center; justify-content: space-between;
    box-shadow: 0 1px 0 rgba(99,102,241,.22), 0 0 50px rgba(0,0,0,.6);
}

.nav-logo[b-p5uoi10m6o] { display: flex; align-items: center; gap: 10px; font-size: 1.3rem; font-weight: 900; letter-spacing: -.5px; text-decoration: none; color: var(--text); }
.logo-icon[b-p5uoi10m6o] { width: 48px; height: 48px; border-radius: 9px; margin-left: 0; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }
.logo-accent[b-p5uoi10m6o] { color: var(--accent-2); }
.nav-title[b-p5uoi10m6o] {
    font-size: 1.15rem;
    font-weight: 900;
    letter-spacing: -.02em;
    background: linear-gradient(135deg, #fff 0%, #c4b5fd 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .nav-title[b-p5uoi10m6o] { display: none; }
}
.nav-beta[b-p5uoi10m6o] {
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    color: var(--accent-2);
    background: rgba(6,182,212,.12);
    border: 1px solid rgba(6,182,212,.3);
    border-radius: 5px;
    padding: .25rem .55rem;
    align-self: center;
    line-height: 1;
}

/* ── Desktop nav links ── */
.nav-links[b-p5uoi10m6o] {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0; padding: 0;
    gap: 0;
}
.nav-links li[b-p5uoi10m6o] { display: flex; align-items: center; }
.nav-links[b-p5uoi10m6o]  a {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: .35rem 1.3rem;
    color: rgba(175,180,230,.45);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .15s;
    position: relative;
}
.nav-links[b-p5uoi10m6o]  a::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 2px;
    background: #818cf8;
    border-radius: 2px;
    transition: width .2s ease;
}
.nav-links[b-p5uoi10m6o]  a svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: .7;
    transition: opacity .15s;
}
.nav-links[b-p5uoi10m6o]  a:hover { color: rgba(215,218,255,.85); }
.nav-links[b-p5uoi10m6o]  a:hover svg { opacity: 1; }
.nav-links[b-p5uoi10m6o]  a.active {
    color: #a5b4fc;
    font-weight: 600;
}
.nav-links[b-p5uoi10m6o]  a.active svg { opacity: 1; }
.nav-links[b-p5uoi10m6o]  a.active::after { width: calc(100% - 2.6rem); }

/* ── Nav actions ── */
.nav-actions[b-p5uoi10m6o] { display: flex; gap: .5rem; align-items: center; }

/* ── Discord button (desktop) ── */
.btn-discord[b-p5uoi10m6o] {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: .45rem 1.1rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff; border: none; border-radius: 9px;
    font-size: .85rem; font-weight: 700; letter-spacing: .03em;
    cursor: pointer;
    box-shadow: 0 2px 14px rgba(88,101,242,.4), inset 0 1px 0 rgba(255,255,255,.12);
    transition: box-shadow .2s, transform .15s, background .2s;
    position: relative; overflow: hidden;
}
.btn-discord[b-p5uoi10m6o]::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, transparent 60%); pointer-events: none; }
.btn-discord:hover[b-p5uoi10m6o] { background: linear-gradient(135deg, #6875f5 0%, #5865F2 100%); box-shadow: 0 4px 22px rgba(88,101,242,.6), inset 0 1px 0 rgba(255,255,255,.18); transform: translateY(-1px); }
.btn-discord:active[b-p5uoi10m6o] { transform: translateY(0); }
.discord-icon[b-p5uoi10m6o] { width: 18px; height: 18px; flex-shrink: 0; }

/* ── Discord button (mobile compact) ── */
.btn-discord-mini[b-p5uoi10m6o] {
    display: none; align-items: center; gap: .35rem;
    padding: .38rem .8rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff; border: none; border-radius: 8px;
    font-size: .78rem; font-weight: 700; cursor: pointer;
    box-shadow: 0 2px 8px rgba(88,101,242,.4);
}

/* ── User chip ── */
.user-chip[b-p5uoi10m6o] {
    display: flex; align-items: center; gap: .55rem;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    padding: .28rem .75rem .28rem .35rem;
    transition: border-color .2s, background .2s;
}
.user-chip:hover[b-p5uoi10m6o] { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.13); }
.user-avatar-link[b-p5uoi10m6o] { display: block; flex-shrink: 0; border-radius: 6px; transition: box-shadow .2s; }
.user-avatar-link:hover[b-p5uoi10m6o] { box-shadow: 0 0 0 2px var(--accent); }
.user-avatar[b-p5uoi10m6o] { width: 28px; height: 28px; border-radius: 6px; object-fit: cover; display: block; }
.user-info[b-p5uoi10m6o] { display: flex; flex-direction: column; gap: 1px; line-height: 1; }
.user-name[b-p5uoi10m6o] { font-size: .82rem; font-weight: 600; color: var(--text); max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-role[b-p5uoi10m6o] { font-size: .65rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.user-role.role-sub[b-p5uoi10m6o] { color: var(--accent-2); }
.btn-sm[b-p5uoi10m6o] { padding: .22rem .6rem; font-size: .75rem; border-radius: 6px; }

/* ── Mobile avatar ── */
.nav-avatar-mobile[b-p5uoi10m6o] {
    display: none; width: 34px; height: 34px;
    border-radius: 50%; overflow: hidden;
    border: 2px solid rgba(124,58,237,.4);
    text-decoration: none; color: var(--text);
    align-items: center; justify-content: center;
    font-weight: 700; font-size: .9rem;
    background: rgba(124,58,237,.2); flex-shrink: 0;
    transition: border-color .2s;
}
.nav-avatar-mobile img[b-p5uoi10m6o] { width: 100%; height: 100%; object-fit: cover; display: block; }
.nav-avatar-mobile:hover[b-p5uoi10m6o] { border-color: var(--accent); }

/* ── Icon buttons (servers, cart) ── */
.nav-icon-btn[b-p5uoi10m6o], .nav-cart[b-p5uoi10m6o] {
    position: relative;
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,.07);
    color: rgba(180,185,210,.6);
    background: rgba(255,255,255,.03);
    text-decoration: none;
    transition: color .18s, border-color .18s, background .18s, box-shadow .18s;
}
.nav-icon-btn:hover[b-p5uoi10m6o], .nav-cart:hover[b-p5uoi10m6o] {
    color: #fff;
    border-color: rgba(99,102,241,.4);
    background: rgba(99,102,241,.1);
    box-shadow: 0 0 14px rgba(99,102,241,.2);
}
.nav-icon-btn.active[b-p5uoi10m6o] { color: var(--accent); border-color: rgba(99,102,241,.4); background: rgba(99,102,241,.12); }

.cart-badge[b-p5uoi10m6o] { position: absolute; top: -5px; right: -5px; background: var(--accent); color: #fff; font-size: .58rem; font-weight: 800; min-width: 15px; height: 15px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 3px; box-shadow: var(--glow); }

/* ── Tooltip ── */
.nav-tooltip[b-p5uoi10m6o] {
    position: relative;
}
.nav-tooltip[b-p5uoi10m6o]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: calc(100% + 7px);
    left: 50%;
    transform: translateX(-50%) translateY(-3px);
    background: rgba(12,14,26,.97);
    color: rgba(220,222,255,.92);
    font-size: .7rem;
    font-weight: 500;
    padding: .28rem .6rem;
    border-radius: 6px;
    white-space: nowrap;
    border: 1px solid rgba(99,102,241,.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, transform .15s;
    z-index: 999;
}
.nav-tooltip:hover[b-p5uoi10m6o]::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* nav-bottom styles live in app.css (global) to avoid Blazor CSS scoping issues */

/* ── Responsive ── */
@media (max-width: 1100px) {
    .nav-links a[b-p5uoi10m6o] { padding: .52rem .9rem; font-size: .72rem; gap: .6rem; }
}

@media (max-width: 900px) {
    .nav-links[b-p5uoi10m6o]        { display: none; }
    .nav-desktop-only[b-p5uoi10m6o] { display: none !important; }
    .nav-avatar-mobile[b-p5uoi10m6o] { display: flex; }
    .btn-discord-mini[b-p5uoi10m6o]  { display: flex; }
}
/* /Pages/Auth/AuthCallback.razor.rz.scp.css */
.auth-callback[b-s4bk8l9c70] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

.auth-callback-inner[b-s4bk8l9c70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    color: var(--muted);
    font-size: .95rem;
    letter-spacing: .03em;
}

.auth-spinner[b-s4bk8l9c70] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: #5865F2;
    border-radius: 50%;
    animation: spin-b-s4bk8l9c70 .7s linear infinite;
}

@keyframes spin-b-s4bk8l9c70 { to { transform: rotate(360deg); } }

.auth-icon[b-s4bk8l9c70] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
}
.auth-icon--ok[b-s4bk8l9c70]  { background: rgba(34,197,94,.15); color: #22c55e; }
.auth-icon--err[b-s4bk8l9c70] { background: rgba(239,68,68,.15);  color: #ef4444; }

.auth-error-title[b-s4bk8l9c70]  { color: var(--text); font-weight: 600; }
.auth-error-detail[b-s4bk8l9c70] { color: var(--muted); font-size: .82rem; text-align: center; max-width: 320px; }

.btn-discord[b-s4bk8l9c70] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1.2rem;
    background: #5865F2;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    margin-top: .5rem;
}
/* /Pages/Checkout/Checkout.razor.rz.scp.css */
.checkout-wrap[b-jcp0pp0ral] {
    min-height: 80vh;
    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 3rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.ck-loading[b-jcp0pp0ral], .ck-error[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    min-height: 40vh;
    color: var(--muted);
}

/* Two-column layout */
.ck-layout[b-jcp0pp0ral] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    width: 100%;
    max-width: 860px;
    align-items: start;
}

@media (max-width: 640px) {
    .ck-layout[b-jcp0pp0ral] { grid-template-columns: 1fr; }
    .ck-billing-selector[b-jcp0pp0ral] { grid-template-columns: 1fr; }
    .ck-login-card[b-jcp0pp0ral] { padding: 2rem 1.5rem; }
}

/* ── Product side ── */
.ck-product[b-jcp0pp0ral] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
}

.ck-prod-img[b-jcp0pp0ral] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
}

.ck-prod-img-cover[b-jcp0pp0ral] {
    position: relative;
    padding: 0;
}

.ck-prod-img-cover img[b-jcp0pp0ral] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ck-prod-img-overlay[b-jcp0pp0ral] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10,14,26,.7) 0%, transparent 60%);
}

.ck-prod-icon-over[b-jcp0pp0ral] {
    position: absolute;
    bottom: .75rem;
    left: 1rem;
    font-size: 2rem;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.8));
}

.ck-prod-info[b-jcp0pp0ral] {
    padding: 1.25rem 1.25rem 0;
}

.ck-prod-cat[b-jcp0pp0ral] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: .4rem;
}

.ck-prod-name[b-jcp0pp0ral] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .4rem;
}

.ck-prod-desc[b-jcp0pp0ral] {
    font-size: .83rem;
    color: var(--muted);
    line-height: 1.5;
    margin-bottom: .75rem;
}

.ck-prod-tags[b-jcp0pp0ral] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 1rem;
}

.ck-prod-qty[b-jcp0pp0ral] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--accent-2);
    margin-bottom: .75rem;
}

.ck-price-row[b-jcp0pp0ral] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-top: 1px solid var(--border);
    background: linear-gradient(90deg, rgba(124,58,237,.06), rgba(255,255,255,.02));
}

.ck-price-label[b-jcp0pp0ral] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ck-billing-selector[b-jcp0pp0ral] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin-bottom: 1.5rem; }
.ck-bill-btn[b-jcp0pp0ral] { background: rgba(255,255,255,.03); border: 1.5px solid var(--border); border-radius: 12px; padding: .85rem 1rem; display: flex; flex-direction: column; align-items: center; gap: .2rem; cursor: pointer; transition: all .2s; text-align: center; }
.ck-bill-btn:hover:not(.active)[b-jcp0pp0ral] { border-color: rgba(124,58,237,.4); background: rgba(124,58,237,.06); }
.ck-bill-btn.active[b-jcp0pp0ral] { border-color: var(--accent); background: rgba(124,58,237,.15); box-shadow: 0 0 0 1px var(--accent), 0 0 18px rgba(124,58,237,.2); }
.ck-bill-name[b-jcp0pp0ral] { font-size: .72rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; display: flex; flex-direction: column; align-items: center; gap: .15rem; }
.ck-bill-btn.active .ck-bill-name[b-jcp0pp0ral] { color: var(--text); }
.ck-bill-main[b-jcp0pp0ral] { font-size: 1.2rem; font-weight: 900; color: var(--text); line-height: 1.1; margin-top: .15rem; }
.ck-bill-sub[b-jcp0pp0ral] { font-size: .65rem; color: var(--muted); margin-top: .1rem; }
.ck-bill-badge[b-jcp0pp0ral] { background: rgba(34,197,94,.18); color: #4ade80; border-radius: 999px; padding: .05rem .4rem; font-size: .6rem; font-weight: 800; letter-spacing: .02em; }
.ck-bill-badge-gold[b-jcp0pp0ral] { background: rgba(251,191,36,.15); color: #fbbf24; }
.ck-gift-banner[b-jcp0pp0ral] {
    margin: .75rem 0 1rem;
    padding: .75rem 1rem;
    background: rgba(168,85,247,.08);
    border: 1px solid rgba(168,85,247,.25);
    border-radius: 12px;
    font-size: .9rem;
    font-weight: 600;
    color: #c4b5fd;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.ck-gift-sub[b-jcp0pp0ral] {
    font-size: .72rem;
    font-weight: 400;
    color: rgba(180,185,255,.45);
}

.ck-discount-badge[b-jcp0pp0ral] {
    margin-top: .25rem;
    font-size: .7rem;
    font-weight: 700;
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.3);
    border-radius: 999px;
    padding: .1rem .5rem;
    display: inline-block;
}

.ck-discount-badge-tier[b-jcp0pp0ral] {
    color: #c4b5fd;
    background: rgba(124,58,237,.15);
    border-color: rgba(124,58,237,.35);
}

.ck-discount-badge-coupon[b-jcp0pp0ral] {
    color: #34d399;
    background: rgba(52,211,153,.12);
    border-color: rgba(52,211,153,.3);
}
.ck-discount-badge-bono[b-jcp0pp0ral] {
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border-color: rgba(251,191,36,.3);
}

/* ── Coupon ── */
.ck-coupon-row[b-jcp0pp0ral] { margin: 1rem 0 .25rem; }

.ck-coupon-input-wrap[b-jcp0pp0ral] { display: flex; gap: .4rem; }

.ck-coupon-input[b-jcp0pp0ral] {
    flex: 1;
    background: var(--input-bg, #0d0d0d);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    padding: .5rem .75rem;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ck-coupon-input:focus[b-jcp0pp0ral] { outline: none; border-color: var(--accent); }
.ck-coupon-input:disabled[b-jcp0pp0ral] { opacity: .6; }

.ck-coupon-btn[b-jcp0pp0ral] {
    background: var(--border);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    padding: .5rem .9rem;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}

.ck-coupon-btn:hover:not(:disabled)[b-jcp0pp0ral] { background: var(--accent); border-color: var(--accent); color: #fff; }
.ck-coupon-btn:disabled[b-jcp0pp0ral] { opacity: .45; cursor: default; }

.ck-coupon-btn-remove[b-jcp0pp0ral] { background: rgba(239,68,68,.15); border-color: rgba(239,68,68,.35); color: #f87171; }
.ck-coupon-btn-remove:hover[b-jcp0pp0ral] { background: rgba(239,68,68,.28) !important; border-color: rgba(239,68,68,.6) !important; color: #fca5a5 !important; }

.ck-coupon-error[b-jcp0pp0ral] { margin-top: .35rem; font-size: .78rem; color: #f87171; }

.ck-coupon-ok[b-jcp0pp0ral] {
    margin-top: .35rem;
    font-size: .78rem;
    color: #34d399;
    background: rgba(52,211,153,.08);
    border: 1px solid rgba(52,211,153,.25);
    border-radius: 6px;
    padding: .3rem .6rem;
}
.ck-bono-ok[b-jcp0pp0ral] {
    color: #fbbf24;
    background: rgba(251,191,36,.08);
    border-color: rgba(251,191,36,.25);
}

.ck-price-value[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .1rem;
}

.ck-price-value-main[b-jcp0pp0ral] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.ck-original[b-jcp0pp0ral] {
    font-size: .82rem;
    color: var(--muted);
    text-decoration: line-through;
}

.ck-amount[b-jcp0pp0ral] {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.5px;
}

.ck-free[b-jcp0pp0ral] {
    font-size: 1.3rem;
    font-weight: 800;
    color: #22c55e;
}

.ck-recurring-note[b-jcp0pp0ral] {
    display: inline-block;
    font-size: .72rem;
    font-weight: 700;
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.3);
    border-radius: 999px;
    padding: .1rem .55rem;
    margin-top: .3rem;
    text-align: right;
}

/* ── Form side ── */
.ck-form-wrap[b-jcp0pp0ral] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ck-form-title[b-jcp0pp0ral] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .25rem;
}

.ck-alert[b-jcp0pp0ral] {
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.3);
    border-radius: 8px;
    padding: .6rem .9rem;
    font-size: .83rem;
    color: #ef4444;
}
.ck-alert-twitch[b-jcp0pp0ral] {
    background: rgba(145,70,255,.1);
    border-color: rgba(145,70,255,.35);
    color: #c4b5fd;
}
.ck-alert-twitch a[b-jcp0pp0ral] { color: var(--accent-2); }

.ck-field[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ck-field label[b-jcp0pp0ral] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ck-optional[b-jcp0pp0ral] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    opacity: .7;
}

.ck-shipping-required-note[b-jcp0pp0ral] {
    font-size: .8rem;
    color: #fbbf24;
    background: rgba(251,191,36,.1);
    border: 1px solid rgba(251,191,36,.3);
    border-radius: 10px;
    padding: .6rem .9rem;
    margin: -.5rem 0 .25rem;
}

.ck-field input[b-jcp0pp0ral] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: .6rem .9rem;
    color: var(--text);
    font-size: .9rem;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
}

.ck-field input:focus[b-jcp0pp0ral] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}

.ck-section-sep[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .25rem 0 -.25rem;
}
.ck-section-sep span[b-jcp0pp0ral] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    white-space: nowrap;
}
.ck-section-sep[b-jcp0pp0ral]::before,
.ck-section-sep[b-jcp0pp0ral]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

.ck-addr-row[b-jcp0pp0ral] {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: .65rem;
}
.ck-field-zip[b-jcp0pp0ral] { min-width: 0; }
.ck-field-hint-error[b-jcp0pp0ral] { font-size: .75rem; color: #f87171; margin-top: .3rem; display: block; }

.ck-check-row[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .82rem;
    color: var(--muted);
    cursor: pointer;
    user-select: none;
    margin-top: -.15rem;
}
.ck-check-row input[type="checkbox"][b-jcp0pp0ral] {
    accent-color: var(--accent);
    width: 14px;
    height: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.ck-pay-label[b-jcp0pp0ral] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: .25rem;
}

.ck-pay-buttons[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ck-btn-stripe[b-jcp0pp0ral], .ck-btn-paypal[b-jcp0pp0ral], .ck-btn-free[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: .75rem 1.2rem;
    border: none;
    border-radius: 12px;
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, opacity .2s;
}

.ck-btn-stripe[b-jcp0pp0ral], .ck-btn-paypal[b-jcp0pp0ral], .ck-btn-free[b-jcp0pp0ral] {
    disabled { opacity: .5; cursor: not-allowed; }
}

.ck-btn-stripe[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #635bff, #4f46e5);
    color: #fff;
    box-shadow: 0 4px 20px rgba(99,91,255,.3);
}
.ck-btn-stripe:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(99,91,255,.45); }

.ck-btn-paypal[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #003087, #009cde);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,48,135,.3);
}
.ck-btn-paypal:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(0,48,135,.4); }

.ck-btn-free[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
    box-shadow: 0 4px 20px rgba(34,197,94,.25);
}
.ck-btn-free:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(34,197,94,.35); }

.btn-spinner[b-jcp0pp0ral] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-jcp0pp0ral .6s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-jcp0pp0ral { to { transform: rotate(360deg); } }

.ck-support-link[b-jcp0pp0ral] {
    display: block;
    text-align: center;
    font-size: .78rem;
    color: var(--accent-2);
    text-decoration: none;
    transition: opacity .15s;
    margin-top: .5rem;
}
.ck-support-link:hover[b-jcp0pp0ral] { opacity: .75; }

.ck-cancel-link[b-jcp0pp0ral] {
    margin-top: .25rem;
    font-size: .82rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
    text-align: center;
}
.ck-cancel-link:hover[b-jcp0pp0ral] { color: var(--text); }

.btn-back[b-jcp0pp0ral] {
    padding: .5rem 1.25rem;
    background: var(--accent);
    color: #fff;
    border-radius: 8px;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
}

.btn-discord-ck[b-jcp0pp0ral] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .6rem 1.5rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    box-shadow: 0 2px 14px rgba(88,101,242,.5), inset 0 1px 0 rgba(255,255,255,.15);
    transition: box-shadow .2s, transform .15s;
    position: relative;
    overflow: hidden;
}
.btn-discord-ck[b-jcp0pp0ral]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 60%);
    pointer-events: none;
}
.btn-discord-ck:hover[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #6875f5 0%, #5865F2 100%);
    box-shadow: 0 4px 22px rgba(88,101,242,.7), inset 0 1px 0 rgba(255,255,255,.2);
    transform: translateY(-2px);
}
.btn-discord-ck:active[b-jcp0pp0ral] { transform: translateY(0); box-shadow: 0 1px 6px rgba(88,101,242,.4); }
.discord-icon-ck[b-jcp0pp0ral] { width: 22px; height: 22px; flex-shrink: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.ck-login-required[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    width: 100%;
}
.ck-login-card[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: #0b1120;
    border: 1px solid rgba(88,101,242,.25);
    border-radius: 18px;
    padding: 2.5rem 3rem;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 0 40px rgba(88,101,242,.12);
    text-align: center;
}
.ck-login-icon[b-jcp0pp0ral] { font-size: 2.2rem; }
.ck-login-title[b-jcp0pp0ral] { font-size: 1.25rem; font-weight: 700; color: #e2e8f0; }
.ck-login-sub[b-jcp0pp0ral] { font-size: .9rem; color: #64748b; line-height: 1.5; }
/* /Pages/Checkout/CheckoutResult.razor.rz.scp.css */
.result-wrap[b-87e8qhq42r] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    padding: 2rem;
}

.result-inner[b-87e8qhq42r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    max-width: 400px;
    text-align: center;
}

.result-icon[b-87e8qhq42r] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-icon--ok[b-87e8qhq42r]     { background: rgba(34,197,94,.12); color: #22c55e; box-shadow: 0 0 32px rgba(34,197,94,.2); }
.result-icon--cancel[b-87e8qhq42r] { background: rgba(239,68,68,.12);  color: #ef4444; box-shadow: 0 0 32px rgba(239,68,68,.2); }

.result-title[b-87e8qhq42r] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--text);
}

.result-order[b-87e8qhq42r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: .75rem 2rem;
}

.order-label[b-87e8qhq42r] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.order-number[b-87e8qhq42r] {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--accent);
    font-variant-numeric: tabular-nums;
}

.result-sub[b-87e8qhq42r] {
    font-size: .9rem;
    color: var(--muted);
    line-height: 1.6;
}

.result-actions[b-87e8qhq42r] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: .5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.btn-primary[b-87e8qhq42r] {
    padding: .65rem 1.5rem;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    color: #fff;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: var(--glow);
    transition: transform .15s, box-shadow .2s;
}
.btn-primary:hover[b-87e8qhq42r] { transform: translateY(-2px); }

.btn-ghost-link[b-87e8qhq42r] {
    font-size: .88rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
}
.btn-ghost-link:hover[b-87e8qhq42r] { color: var(--text); }
/* /Pages/Contenido.razor.rz.scp.css */
.ct-wrap[b-14okvfekpv] {
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem);
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

/* ── Skeleton (tamaños específicos — base .sk en app.css global) ── */
.ct-sk-icon[b-14okvfekpv]   { width: 22px; height: 22px; border-radius: 4px; flex-shrink: 0; }
.ct-sk-label[b-14okvfekpv]  { width: 90px; height: 16px; }
.ct-sk-avatar[b-14okvfekpv] { width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0; }
.ct-sk-offline-card[b-14okvfekpv] { pointer-events: none; }
.ct-sk-offline-text[b-14okvfekpv] { display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.ct-sk-line[b-14okvfekpv]       { height: 13px; }
.ct-sk-line-full[b-14okvfekpv]  { width: 100%; }
.ct-sk-line-md[b-14okvfekpv]    { width: 65%; }
.ct-sk-line-sm[b-14okvfekpv]    { width: 40%; }
.ct-sk-thumb[b-14okvfekpv] { width: 100%; aspect-ratio: 16 / 9; border-radius: 0; }

/* ── Section ── */
.ct-section[b-14okvfekpv] { display: flex; flex-direction: column; gap: 1.25rem; }

.ct-section-header[b-14okvfekpv] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.ct-platform-label[b-14okvfekpv] {
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .06em;
    color: var(--text);
}

.ct-twitch-icon[b-14okvfekpv] { color: #9147ff; }
.ct-yt-icon[b-14okvfekpv]     { color: #ff0000; }

/* Live pill */
.ct-live-pill[b-14okvfekpv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: rgba(239,68,68,.15);
    border: 1px solid rgba(239,68,68,.35);
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #f87171;
}

.ct-live-dot[b-14okvfekpv] {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 6px #ef4444;
    animation: ct-pulse-b-14okvfekpv 1.4s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes ct-pulse-b-14okvfekpv {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: .6; transform: scale(.85); }
}

/* Channel link */
.ct-channel-link[b-14okvfekpv] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--muted);
    text-decoration: none;
    transition: color .15s;
}
.ct-channel-link:hover[b-14okvfekpv] { color: var(--text); }

/* ── Twitch LIVE ── */

/* Escapa el padding del contenedor para ocupar todo el ancho */
.ct-section--live[b-14okvfekpv] {
    margin-left:  calc(-1 * clamp(1rem,4vw,2rem));
    margin-right: calc(-1 * clamp(1rem,4vw,2rem));
    padding:      0 clamp(1rem,4vw,2rem);
}


.ct-stream-info[b-14okvfekpv] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-bottom: .5rem;
}

.ct-stream-title[b-14okvfekpv] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
}

.ct-stream-meta[b-14okvfekpv] {
    display: flex;
    gap: 1rem;
    font-size: .8rem;
    color: var(--muted);
}

.ct-viewers[b-14okvfekpv] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.ct-embed-wrap[b-14okvfekpv] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    border: 1px solid var(--border);
    box-shadow: 0 0 40px rgba(145,71,255,.15);
}

.ct-embed-wrap iframe[b-14okvfekpv] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* ── Twitch OFFLINE ── */
.ct-offline[b-14okvfekpv] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.75rem 2rem;
}

.ct-offline-avatar[b-14okvfekpv] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(145,71,255,.1);
    border: 1px solid rgba(145,71,255,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9147ff;
    flex-shrink: 0;
}

.ct-offline-name[b-14okvfekpv] { font-size: 1rem; font-weight: 700; color: #9147ff; margin-bottom: .2rem; }
.ct-offline-msg[b-14okvfekpv]  { font-size: .85rem; color: var(--muted); }

.ct-offline-btn[b-14okvfekpv] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: rgba(145,71,255,.12);
    border: 1px solid rgba(145,71,255,.3);
    color: #c084fc;
    border-radius: 10px;
    padding: .5rem 1.1rem;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s, color .15s;
}
.ct-offline-btn:hover[b-14okvfekpv] { background: rgba(145,71,255,.22); color: #fff; }

/* ── YouTube videos ── */
.ct-no-videos[b-14okvfekpv] { color: var(--muted); font-size: .88rem; padding: 1rem 0; }

.ct-videos[b-14okvfekpv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.1rem;
}

.ct-video-card[b-14okvfekpv] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    text-decoration: none;
    color: inherit;
    border-radius: 0;
    overflow: hidden;
    transition: transform .2s;
}
.ct-video-card:hover[b-14okvfekpv] { transform: translateY(-3px); }

.ct-thumb-wrap[b-14okvfekpv] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 0;
    overflow: hidden;
}

.ct-thumb[b-14okvfekpv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s;
}
.ct-video-card:hover .ct-thumb[b-14okvfekpv] { transform: scale(1.04); }

.ct-thumb-overlay[b-14okvfekpv] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s;
    color: #fff;
}
.ct-video-card:hover .ct-thumb-overlay[b-14okvfekpv] { opacity: 1; }

.ct-thumb-live[b-14okvfekpv] {
    position: absolute;
    top: .5rem;
    left: .5rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: rgba(239,68,68,.9);
    border-radius: 4px;
    padding: .15rem .45rem;
    font-size: .62rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .05em;
}

.ct-video-title[b-14okvfekpv] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--text);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ct-video-date[b-14okvfekpv] {
    font-size: .7rem;
    color: var(--muted);
    margin-top: .2rem;
}

/* ── Responsive ── */
@media (max-width: 900px) { .ct-videos[b-14okvfekpv] { grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 640px) {
    .ct-videos[b-14okvfekpv] { grid-template-columns: repeat(2, 1fr); }
    .ct-section-header[b-14okvfekpv] { flex-wrap: wrap; row-gap: .5rem; }
    .ct-channel-link[b-14okvfekpv] { margin-left: 0; order: 3; flex-basis: 100%; }
    .ct-stream-title[b-14okvfekpv] { font-size: 1rem; }
}

@media (max-width: 480px) {
    .ct-offline[b-14okvfekpv] { padding: 1.25rem; gap: .85rem; }
    .ct-offline-avatar[b-14okvfekpv] { width: 44px; height: 44px; }
    .ct-videos[b-14okvfekpv] { grid-template-columns: repeat(2, 1fr); gap: .65rem; }
}

@media (max-width: 380px) {
    .ct-offline[b-14okvfekpv] { flex-wrap: wrap; }
    .ct-offline-btn[b-14okvfekpv] { margin-left: 0; width: 100%; justify-content: center; }
    .ct-videos[b-14okvfekpv] { grid-template-columns: 1fr; }
}
/* /Pages/Faq.razor.rz.scp.css */
.faq-header[b-c6ggbjy6k3] { margin-bottom: 2rem; text-align: center; }

/* ── Category tabs ── */
.faq-tabs[b-c6ggbjy6k3] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .4rem;
    background: rgba(11,17,32,.8);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .35rem;
    width: fit-content;
    margin: 0 auto 2rem;
}

.faq-tab[b-c6ggbjy6k3] {
    padding: .45rem 1.3rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--muted);
    transition: all .2s;
    white-space: nowrap;
}
.faq-tab:hover[b-c6ggbjy6k3] { color: var(--text); }
.faq-tab-active[b-c6ggbjy6k3] { background: var(--accent); color: #fff; box-shadow: var(--glow); }

/* ── Cards grid ── */
.faq-cards[b-c6ggbjy6k3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 960px;
    margin: 0 auto;
}
@media(max-width: 720px) { .faq-cards[b-c6ggbjy6k3] { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 480px) { .faq-cards[b-c6ggbjy6k3] { grid-template-columns: 1fr; } }

.faq-card[b-c6ggbjy6k3] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 1.1rem 1.25rem;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.faq-card:hover[b-c6ggbjy6k3] { border-color: rgba(124,58,237,.45); transform: translateY(-2px); box-shadow: var(--glow); }

.faq-card-question[b-c6ggbjy6k3] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .6rem;
    line-height: 1.4;
}

.faq-card-answer[b-c6ggbjy6k3] {
    font-size: .85rem;
    color: var(--muted);
    line-height: 1.65;
}

/* Rich text */
.faq-card-answer a[b-c6ggbjy6k3] { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; }
.faq-card-answer a:hover[b-c6ggbjy6k3] { color: #fff; }
.faq-card-answer strong[b-c6ggbjy6k3], .faq-card-answer b[b-c6ggbjy6k3] { color: var(--text); font-weight: 700; }
.faq-card-answer ul[b-c6ggbjy6k3], .faq-card-answer ol[b-c6ggbjy6k3] { padding-left: 1.2rem; margin: .4rem 0; display: flex; flex-direction: column; gap: .2rem; }
.faq-card-answer ul[b-c6ggbjy6k3] { list-style: disc; }
.faq-card-answer ol[b-c6ggbjy6k3] { list-style: decimal; }
.faq-card-answer code[b-c6ggbjy6k3] { background: rgba(124,58,237,.15); color: #a78bfa; padding: .1rem .35rem; border-radius: 5px; font-size: .82em; font-family: monospace; }
.faq-card-answer p + p[b-c6ggbjy6k3] { margin-top: .5rem; }
/* /Pages/Home.razor.rz.scp.css */
.welcome-section[b-yfg03rkijp] { position: relative; z-index: 1; border-bottom: 1px solid var(--border); padding: clamp(3rem,7vw,5.5rem) 0; }
.welcome-section[b-yfg03rkijp]::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(124,58,237,.07) 0%,transparent 100%); pointer-events: none; }
.welcome-hero[b-yfg03rkijp] { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
@media(max-width:768px) { .welcome-hero[b-yfg03rkijp] { grid-template-columns: 1fr; gap: 2rem; } }
@media(max-width:500px) { .stats-grid[b-yfg03rkijp] { grid-template-columns: 1fr 1fr; } }
.welcome-text h1[b-yfg03rkijp] { font-size: clamp(2.2rem,4.5vw,3.4rem); font-weight: 900; line-height: 1.08; letter-spacing: -1.5px; margin-bottom: 1.1rem; }
.welcome-text p[b-yfg03rkijp] { color: var(--muted); font-size: .97rem; line-height: 1.8; max-width: 520px; }
.welcome-text p + p[b-yfg03rkijp] { margin-top: .65rem; }
.welcome-text strong[b-yfg03rkijp] { color: var(--text); }
.hero-cta[b-yfg03rkijp] { display: flex; gap: .85rem; flex-wrap: wrap; margin-top: 1.75rem; }
.stats-grid[b-yfg03rkijp] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.wstat[b-yfg03rkijp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.1rem 1.25rem; display: flex; flex-direction: column; gap: .5rem; transition: border-color .2s; }
.wstat:hover[b-yfg03rkijp] { border-color: var(--accent); }
.wstat-icon[b-yfg03rkijp] { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.wstat-val[b-yfg03rkijp] { font-size: 1.5rem; font-weight: 800; }
.wstat-lbl[b-yfg03rkijp] { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; }
.billing-tabs[b-yfg03rkijp] { display: flex; align-items: center; justify-content: center; gap: .4rem; background: rgba(11,17,32,.8); border: 1px solid var(--border); border-radius: 999px; padding: .35rem; width: fit-content; max-width: 100%; margin: 0 auto 3rem; flex-wrap: wrap; }
.b-tab[b-yfg03rkijp] { padding: .45rem 1.3rem; border-radius: 999px; font-size: .82rem; font-weight: 600; cursor: pointer; border: none; background: transparent; color: var(--muted); transition: all .2s; display: flex; align-items: center; gap: .45rem; touch-action: manipulation; }
.b-tab:hover[b-yfg03rkijp] { color: var(--text); }
.b-tab.active[b-yfg03rkijp] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.b-badge[b-yfg03rkijp] { background: rgba(34,197,94,.2); color: #4ade80; border: 1px solid rgba(34,197,94,.3); font-size: .62rem; font-weight: 700; padding: .1rem .45rem; border-radius: 999px; }
.plans-section-wide[b-yfg03rkijp] { max-width: 1700px; margin: 0 auto; padding: clamp(3rem,7vw,5rem) clamp(.5rem,2vw,1rem); }
.plans-grid[b-yfg03rkijp] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1rem; align-items: stretch; }
@media(max-width:900px) { .plans-grid[b-yfg03rkijp] { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); } }
@media(max-width:500px) { .plans-grid[b-yfg03rkijp] { grid-template-columns: 1fr; } }

/* ── Plan skeleton ── */
.pl-sk-card[b-yfg03rkijp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; }
.pl-sk-image[b-yfg03rkijp] { width: 100%; height: 170px; border-radius: 0; }
.pl-sk-body[b-yfg03rkijp] { padding: 1.25rem; display: flex; flex-direction: column; gap: .7rem; flex: 1; }
.pl-sk-price-main[b-yfg03rkijp] { width: 55%; height: 34px; }
.pl-sk-price-sub[b-yfg03rkijp]  { width: 72%; height: 13px; }
.pl-sk-perks[b-yfg03rkijp] { display: flex; flex-direction: column; gap: .45rem; }
.pl-sk-perk[b-yfg03rkijp]  { width: 100%; height: 30px; border-radius: 8px; }
.pl-sk-features[b-yfg03rkijp] { display: flex; flex-direction: column; gap: .4rem; }
.pl-sk-feat[b-yfg03rkijp]     { width: 90%; height: 13px; }
.pl-sk-feat-md[b-yfg03rkijp]  { width: 70%; }
.pl-sk-feat-sm[b-yfg03rkijp]  { width: 50%; }
.pl-sk-btn[b-yfg03rkijp]  { width: 100%; height: 40px; border-radius: 10px; margin-top: auto; }
/* /Pages/Honor.razor.rz.scp.css */
.honor-wrap[b-01887560sz] {
    min-height: 100vh;
    background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.12) 0%, transparent 70%),
                var(--bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 1.5rem 5rem;
    position: relative;
    overflow: hidden;
}

/* ── Orbs ── */
.honor-orb[b-01887560sz] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
}
.honor-orb-1[b-01887560sz] { width: 400px; height: 400px; background: rgba(124,58,237,.12); top: -100px; left: -100px; }
.honor-orb-2[b-01887560sz] { width: 300px; height: 300px; background: rgba(6,182,212,.08);  bottom: 100px; right: -80px; }

/* ── Header ── */
.honor-header[b-01887560sz] {
    text-align: center;
    margin-bottom: 3.5rem;
    position: relative;
    z-index: 1;
}

.honor-title[b-01887560sz] {
    font-size: clamp(3rem, 10vw, 6rem);
    font-weight: 900;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 60px rgba(124,58,237,.4);
}

.honor-gg[b-01887560sz] {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.honor-subtitle[b-01887560sz] {
    font-size: clamp(1.6rem, 5vw, 3rem);
    font-weight: 900;
    letter-spacing: .35em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #c4b5fd 0%, #818cf8 40%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    filter: drop-shadow(0 0 24px rgba(124,58,237,.45));
}

.honor-divider[b-01887560sz] {
    margin: 1.75rem auto 0;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);
    border-radius: 2px;
}

/* ── Skeleton ── */
.h-sk-title[b-01887560sz]  { width: 130px; height: 26px; }
.h-sk-avatar[b-01887560sz] { border-radius: 14px; }
.h-sk-nick[b-01887560sz]   { width: 60px; height: 11px; }

/* ── Empty ── */
.honor-empty[b-01887560sz] {
    color: rgba(180,185,230,.6);
    font-size: 1.1rem;
    font-weight: 500;
    padding: 4rem 1.5rem;
    text-align: center;
    letter-spacing: .02em;
}

/* ── Tiers layout ── */
.honor-tiers[b-01887560sz] {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 4rem;
    justify-content: center;
    align-items: flex-start;
    max-width: 960px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.honor-tier[b-01887560sz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

/* ── Tier heading ── */
.honor-tier-title[b-01887560sz] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: .08em;
    font-style: italic;
    color: #fff;
}

.honor-tier-icon[b-01887560sz] { font-size: 1.3rem; font-style: normal; }

/* Tier accent colors */
.honor-tier-title[b-01887560sz] { color: var(--tier-color, #fff); text-shadow: 0 0 20px color-mix(in srgb, var(--tier-color, transparent) 50%, transparent); }

/* ── Subscriber grid ── */
.honor-grid[b-01887560sz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 1.25rem 1rem;
    width: 100%;
    max-width: 400px;
    justify-items: center;
}

/* ── Subscriber card ── */
.honor-card[b-01887560sz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
}

.honor-avatar[b-01887560sz] {
    width: 80px;
    height: 80px;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.06);
    border: 2px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s, box-shadow .2s;
    position: relative;
}

.honor-card:hover .honor-avatar[b-01887560sz] {
    transform: translateY(-4px) scale(1.05);
}

/* Tier glow on hover */
.honor-avatar[b-01887560sz] { border-color: color-mix(in srgb, var(--tier-color, transparent) 30%, transparent); }
.honor-card:hover .honor-avatar[b-01887560sz] { box-shadow: 0 8px 24px color-mix(in srgb, var(--tier-color, transparent) 35%, transparent); border-color: color-mix(in srgb, var(--tier-color, transparent) 60%, transparent); }

.honor-avatar img[b-01887560sz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.honor-initials[b-01887560sz] {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--muted);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.honor-nick[b-01887560sz] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--muted);
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    transition: color .15s;
}

.honor-card:hover .honor-nick[b-01887560sz] { color: var(--text); }

/* ── Mobile ── */
@media (max-width: 700px) {
    .honor-tiers[b-01887560sz] { gap: 2.5rem 2rem; }
    .honor-tier[b-01887560sz]  { width: 100%; max-width: 400px; }
    .honor-grid[b-01887560sz]  { max-width: 100%; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
}

@media (max-width: 480px) {
    .honor-wrap[b-01887560sz]  { padding: 2.5rem 1rem 3rem; }
    .honor-grid[b-01887560sz]  { grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 1rem .65rem; }
    .honor-avatar[b-01887560sz] { width: 64px; height: 64px; border-radius: 10px; }
    .honor-nick[b-01887560sz]  { font-size: .6rem; max-width: 68px; }
    .honor-tier-title[b-01887560sz] { font-size: 1.1rem; }
}
/* /Pages/Loots.razor.rz.scp.css */
.lt-loading[b-90q3agysza], .lt-loading-inline[b-90q3agysza] { display: flex; align-items: center; justify-content: center; padding: 4rem 0; }

.lt-header[b-90q3agysza] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
.lt-header-actions[b-90q3agysza] { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }

.lt-forge-btn[b-90q3agysza] {
    display: inline-flex; align-items: center; gap: .55rem;
    background: rgba(251,146,60,.12); border: 1px solid rgba(251,146,60,.35);
    color: var(--text); padding: .55rem 1rem; border-radius: 10px;
    font-size: .85rem; font-weight: 700; cursor: pointer; transition: all .2s;
}
.lt-forge-btn:hover[b-90q3agysza] { background: rgba(251,146,60,.22); }
.lt-forge-btn-active[b-90q3agysza] { background: rgba(251,146,60,.28); border-color: #fb923c; box-shadow: 0 0 16px rgba(251,146,60,.4); }
.lt-fragments-pill[b-90q3agysza] {
    background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.1); border-radius: 999px;
    padding: .12rem .55rem; font-size: .78rem; font-weight: 800; color: #93c5fd;
}
.lt-forge-hint[b-90q3agysza] {
    background: rgba(251,146,60,.1); border: 1px solid rgba(251,146,60,.3); border-radius: 10px;
    padding: .6rem .9rem; font-size: .82rem; color: #fdba74; margin-bottom: 1.25rem;
}

.lt-chests-btn[b-90q3agysza] {
    position: relative;
    display: inline-flex; align-items: center; gap: .5rem;
    background: rgba(124,58,237,.12); border: 1px solid rgba(124,58,237,.35);
    color: var(--text); padding: .55rem 1rem; border-radius: 10px;
    font-size: .85rem; font-weight: 700; cursor: pointer; transition: all .2s;
}
.lt-chests-btn:hover[b-90q3agysza] { background: rgba(124,58,237,.22); box-shadow: var(--glow); }
.lt-chests-badge[b-90q3agysza] {
    background: var(--accent); color: #fff; font-size: .68rem; font-weight: 800;
    min-width: 18px; height: 18px; border-radius: 999px; display: inline-flex;
    align-items: center; justify-content: center; padding: 0 5px;
}

.lt-empty[b-90q3agysza] { color: var(--muted); font-size: .9rem; padding: 2rem 0; text-align: center; }
.lt-error[b-90q3agysza] { color: #f87171; background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.3); border-radius: 8px; padding: .6rem .9rem; font-size: .82rem; margin-bottom: 1rem; }

/* ── Panel de cofres pendientes ── */
.lt-chests-panel[b-90q3agysza] {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px;
    padding: 1rem; margin-bottom: 1.5rem; display: flex; flex-direction: column; gap: .75rem;
}
.lt-chest-row[b-90q3agysza] {
    display: flex; align-items: center; gap: .85rem;
    background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 10px;
    padding: .65rem .85rem; flex-wrap: wrap;
}
.lt-chest-img[b-90q3agysza] {
    width: 48px; height: 48px; border-radius: 8px; overflow: hidden; flex-shrink: 0;
    background: rgba(255,255,255,.05); display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
}
.lt-chest-img img[b-90q3agysza] { width: 100%; height: 100%; object-fit: cover; }
.lt-chest-info[b-90q3agysza] { flex: 1 1 auto; min-width: 120px; }
.lt-chest-name[b-90q3agysza] { font-weight: 700; font-size: .88rem; color: var(--text); }
.lt-chest-qty[b-90q3agysza] { font-size: .75rem; color: var(--accent-2); }

.lt-qty-stepper[b-90q3agysza] { display: flex; align-items: center; gap: .4rem; }
.lt-qty-stepper button[b-90q3agysza] {
    width: 28px; height: 28px; border-radius: 7px;
    background: rgba(124,58,237,.15); border: 1px solid rgba(124,58,237,.3); color: #c4b5fd;
    font-size: .95rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.lt-qty-stepper button:disabled[b-90q3agysza] { opacity: .35; cursor: not-allowed; }
.lt-qty-stepper input[b-90q3agysza] {
    width: 46px; text-align: center; background: rgba(255,255,255,.05); border: 1px solid var(--border);
    border-radius: 7px; color: var(--text); font-size: .85rem; font-weight: 700; padding: .3rem 0;
}

/* ── Tabs de colección ── */
.lt-tabs[b-90q3agysza] { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.lt-tab[b-90q3agysza] {
    display: inline-flex; align-items: center; gap: .5rem;
    background: var(--bg-card); border: 1px solid var(--border); color: var(--muted);
    padding: .5rem .9rem; border-radius: 999px; font-size: .82rem; font-weight: 700; cursor: pointer; transition: all .2s;
}
.lt-tab:hover[b-90q3agysza] { color: var(--text); border-color: rgba(124,58,237,.4); }
.lt-tab-active[b-90q3agysza] { background: rgba(124,58,237,.18); border-color: var(--accent); color: var(--text); box-shadow: var(--glow); }
.lt-tab img[b-90q3agysza] { width: 24px; height: 24px; border-radius: 6px; object-fit: cover; }
.lt-tab-icon[b-90q3agysza] { font-size: 1.1rem; }

/* ── Colección seleccionada ── */
.lt-collection-header[b-90q3agysza] { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.lt-collection-name[b-90q3agysza] { font-size: 1.15rem; font-weight: 800; color: var(--text); }
.lt-collection-progress[b-90q3agysza] { font-size: .85rem; font-weight: 700; color: var(--accent-2); }

.lt-cards-grid[b-90q3agysza] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; }

@media (max-width: 860px) {
    .lt-cards-grid[b-90q3agysza] { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
}
@media (max-width: 560px) {
    .lt-cards-grid[b-90q3agysza] { grid-template-columns: repeat(2, 1fr); gap: .8rem; }
}

.lt-card[b-90q3agysza] {
    position: relative; aspect-ratio: 2/3; border-radius: 12px; overflow: hidden;
    background: rgba(255,255,255,.04); border: 1px solid var(--border);
    cursor: pointer; transition: transform .2s, box-shadow .2s, border-color .2s;
}
.lt-card img[b-90q3agysza] { width: 100%; height: 100%; object-fit: cover; display: block; }
.lt-card:hover[b-90q3agysza] { transform: translateY(-3px) scale(1.02); }

/* Halo por rareza al pasar el ratón */
.lt-card--rare:hover[b-90q3agysza]      { border-color: #00eaff; box-shadow: 0 0 22px rgba(0,234,255,.55), 0 0 44px rgba(0,234,255,.25); }
.lt-card--epic:hover[b-90q3agysza]      { border-color: #a855f7; box-shadow: 0 0 22px rgba(168,85,247,.6), 0 0 44px rgba(168,85,247,.3); }
.lt-card--legendary:hover[b-90q3agysza] { border-color: #ffd400; box-shadow: 0 0 26px rgba(255,212,0,.65), 0 0 50px rgba(255,212,0,.35); }
.lt-card:not(.lt-card--rare):not(.lt-card--epic):not(.lt-card--legendary):hover[b-90q3agysza] { border-color: rgba(255,255,255,.5); box-shadow: 0 0 18px rgba(255,255,255,.25); }

.lt-card--locked[b-90q3agysza] { opacity: .8; }
.lt-card--locked img[b-90q3agysza] { filter: grayscale(1) brightness(.4); }
.lt-card--locked:hover[b-90q3agysza] { transform: none; box-shadow: none; border-color: var(--border); }

.lt-card-lock[b-90q3agysza] {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; background: rgba(0,0,0,.2);
}

.lt-card-forge-costs[b-90q3agysza] {
    position: absolute; left: 0; right: 0; bottom: 0;
    display: flex; justify-content: center; gap: .4rem;
    padding: .3rem; background: rgba(0,0,0,.65);
}
.lt-forge-cost-break[b-90q3agysza] { color: #4ade80; font-size: .72rem; font-weight: 800; }
.lt-forge-cost-craft[b-90q3agysza] { color: #f87171; font-size: .72rem; font-weight: 800; }

/* ── Modal de la Forja ── */
.lt-forge-overlay[b-90q3agysza] {
    position: fixed; inset: 0; background: rgba(0,0,0,.75); backdrop-filter: blur(3px);
    z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.lt-forge-modal[b-90q3agysza] {
    position: relative;
    background: linear-gradient(145deg, #0f0d1e, #16132a); border: 1px solid rgba(251,146,60,.3);
    border-radius: 18px; padding: 1.75rem; max-width: 520px; width: 100%; max-height: 88vh; overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,.6);
    animation: lt-reveal-in-b-90q3agysza .3s cubic-bezier(.22,1,.36,1);
}
.lt-forge-modal-head[b-90q3agysza] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.1rem; padding-right: 2rem; }
.lt-forge-modal-img[b-90q3agysza] { width: 70px; aspect-ratio: 2/3; border-radius: 8px; overflow: hidden; border: 2px solid var(--border); flex-shrink: 0; }
.lt-forge-modal-img img[b-90q3agysza] { width: 100%; height: 100%; object-fit: cover; display: block; }
.lt-forge-modal-name[b-90q3agysza] { font-size: 1.05rem; font-weight: 800; color: #fff; }
.lt-forge-modal-owned[b-90q3agysza] { font-size: .78rem; color: rgba(200,205,255,.55); margin-top: .2rem; }

.lt-forge-panels[b-90q3agysza] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.1rem; }
.lt-forge-panel[b-90q3agysza] {
    display: flex; flex-direction: column; align-items: center; gap: .6rem;
    background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 12px; padding: 1rem .75rem;
    text-align: center;
}
.lt-forge-panel-title[b-90q3agysza] { font-size: .85rem; font-weight: 800; color: var(--text); }
.lt-forge-panel-empty[b-90q3agysza] { font-size: .75rem; color: var(--muted); min-height: 2.4rem; display: flex; align-items: center; }
.lt-forge-panel-result[b-90q3agysza] { font-size: .82rem; font-weight: 800; color: #4ade80; }
.lt-forge-panel-result--bad[b-90q3agysza] { color: #f87171; }
.lt-forge-break-btn[b-90q3agysza] { width: 100%; background: rgba(239,68,68,.15); color: #f87171; border: 1px solid rgba(239,68,68,.3); }
.lt-forge-break-btn:hover:not(:disabled)[b-90q3agysza] { background: rgba(239,68,68,.25); }
.lt-forge-break-btn:disabled[b-90q3agysza], .lt-forge-craft-btn:disabled[b-90q3agysza] { opacity: .4; cursor: not-allowed; }
.lt-forge-craft-btn[b-90q3agysza] { width: 100%; }

.lt-forge-balance[b-90q3agysza] { text-align: center; font-size: .85rem; font-weight: 700; color: #93c5fd; }

/* ── Modal de detalle de carta ── */
.lt-detail-overlay[b-90q3agysza] {
    position: fixed; inset: 0; background: rgba(0,0,0,.75); backdrop-filter: blur(3px);
    z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.lt-detail-modal[b-90q3agysza] {
    position: relative; display: flex; gap: 1.5rem; align-items: flex-start;
    background: linear-gradient(145deg, #0f0d1e, #16132a); border: 1px solid rgba(168,85,247,.3);
    border-radius: 18px; padding: 1.75rem; max-width: 700px; width: 100%; max-height: 88vh; overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,.6);
    animation: lt-reveal-in-b-90q3agysza .3s cubic-bezier(.22,1,.36,1);
}
.lt-detail-close[b-90q3agysza] {
    position: absolute; top: .9rem; right: .9rem;
    background: rgba(255,255,255,.06); border: none; color: rgba(200,205,255,.5);
    width: 28px; height: 28px; border-radius: 50%; cursor: pointer; font-size: .85rem;
    display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s;
}
.lt-detail-close:hover[b-90q3agysza] { background: rgba(255,255,255,.12); color: #fff; }

.lt-detail-img-wrap[b-90q3agysza] { flex: 0 0 220px; aspect-ratio: 2/3; border-radius: 14px; overflow: hidden; border: 3px solid var(--border); }
.lt-detail-img-wrap.lt-card--rare[b-90q3agysza]      { border-color: #00eaff; box-shadow: 0 0 30px rgba(0,234,255,.35); }
.lt-detail-img-wrap.lt-card--epic[b-90q3agysza]      { border-color: #a855f7; box-shadow: 0 0 30px rgba(168,85,247,.4); }
.lt-detail-img-wrap.lt-card--legendary[b-90q3agysza] { border-color: #ffd400; box-shadow: 0 0 34px rgba(255,212,0,.4); }
.lt-detail-img-wrap img[b-90q3agysza] { width: 100%; height: 100%; object-fit: cover; display: block; }
.lt-detail-img-locked[b-90q3agysza] { filter: grayscale(1) brightness(.5); }

.lt-detail-info[b-90q3agysza] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.lt-detail-name[b-90q3agysza] { font-size: 1.25rem; font-weight: 800; color: #fff; margin-bottom: .5rem; padding-right: 2rem; }
.lt-detail-desc[b-90q3agysza] { font-size: .85rem; color: rgba(200,205,255,.65); line-height: 1.6; margin-bottom: 1rem; }

.lt-detail-rows[b-90q3agysza] { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.1rem; }
.lt-detail-row[b-90q3agysza] {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    font-size: .82rem; padding-bottom: .5rem; border-bottom: 1px solid rgba(255,255,255,.06);
}
.lt-detail-row span:first-child[b-90q3agysza] { color: rgba(200,205,255,.5); }
.lt-detail-row span:last-child[b-90q3agysza] { color: #fff; font-weight: 700; }
.lt-detail-rarity-rare[b-90q3agysza]      { color: #00eaff !important; }
.lt-detail-rarity-epic[b-90q3agysza]      { color: #a855f7 !important; }
.lt-detail-rarity-legendary[b-90q3agysza] { color: #ffd400 !important; }

.lt-detail-none[b-90q3agysza] { font-size: .85rem; color: rgba(200,205,255,.5); margin-bottom: .75rem; }
.lt-detail-cta[b-90q3agysza] { width: 100%; margin-top: auto; }

.lt-detail-nav[b-90q3agysza] {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; border-radius: 50%;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #fff;
    font-size: 1.3rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: background .15s;
}
.lt-detail-nav:hover[b-90q3agysza] { background: rgba(255,255,255,.15); }
.lt-detail-nav--prev[b-90q3agysza] { left: -.9rem; }
.lt-detail-nav--next[b-90q3agysza] { right: -.9rem; }

@media (max-width: 640px) {
    .lt-detail-modal[b-90q3agysza] { flex-direction: column; align-items: center; padding: 1.5rem 1.25rem; }
    .lt-detail-img-wrap[b-90q3agysza] { flex: 0 0 auto; width: 60%; max-width: 220px; }
    .lt-detail-nav[b-90q3agysza] { display: none; }
}

/* ── Revelación de cartas obtenidas ── */
.lt-reveal-overlay[b-90q3agysza] {
    position: fixed; inset: 0; background: rgba(0,0,0,.72); backdrop-filter: blur(3px);
    z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.lt-reveal-modal[b-90q3agysza] {
    background: linear-gradient(145deg, #0f0d1e, #16132a); border: 1px solid rgba(168,85,247,.3);
    border-radius: 18px; padding: 1.5rem; max-width: 640px; width: 100%; max-height: 85vh; overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,.6);
    animation: lt-reveal-in-b-90q3agysza .35s cubic-bezier(.22,1,.36,1);
}
@keyframes lt-reveal-in-b-90q3agysza { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }

.lt-reveal-title[b-90q3agysza] { font-size: 1.2rem; font-weight: 800; color: #fff; text-align: center; margin-bottom: 1.2rem; }
.lt-reveal-grid[b-90q3agysza] { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: .9rem; margin-bottom: 1.3rem; }
.lt-reveal-card[b-90q3agysza] {
    display: flex; flex-direction: column; align-items: center; gap: .3rem;
    background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: 12px; padding: .75rem .5rem;
    text-align: center;
}
.lt-reveal-card img[b-90q3agysza] { width: 100%; aspect-ratio: 2/3; object-fit: cover; border-radius: 8px; }
.lt-reveal-card-name[b-90q3agysza] { font-size: .78rem; font-weight: 700; color: var(--text); }
.lt-reveal-card-rarity[b-90q3agysza] { font-size: .55rem; letter-spacing: .08em; color: var(--muted); }
.lt-reveal-modal > .btn[b-90q3agysza] { display: block; margin: 0 auto; }
/* /Pages/MultiCheckout.razor.rz.scp.css */
.mc-header[b-eoqqsxx83z] { text-align: center; margin-bottom: 2.5rem; }
.mc-grid[b-eoqqsxx83z] { display: grid; grid-template-columns: 1fr 380px; gap: 2rem; align-items: start; }

/* Empty state */
.mc-empty[b-eoqqsxx83z] { text-align: center; padding: 4rem 1rem; }
.mc-empty-icon[b-eoqqsxx83z] { font-size: 3rem; margin-bottom: 1rem; }
.mc-empty p[b-eoqqsxx83z] { color: var(--muted); margin-bottom: 1.5rem; }

/* Items list */
.mc-items[b-eoqqsxx83z] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; }
.mc-item[b-eoqqsxx83z] { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.mc-item:last-of-type[b-eoqqsxx83z] { border-bottom: none; }
.mc-item-img[b-eoqqsxx83z] { width: 48px; height: 48px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.05); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; flex-shrink: 0; }
.mc-item-img img[b-eoqqsxx83z] { width: 100%; height: 100%; object-fit: cover; }
.mc-item-info[b-eoqqsxx83z] { flex: 1; min-width: 0; }
.mc-item-name[b-eoqqsxx83z] { font-size: .93rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-item-meta[b-eoqqsxx83z] { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: .3rem; }
.mc-tag[b-eoqqsxx83z] { font-size: .65rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; }
.mc-tag-tier[b-eoqqsxx83z] { background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); }
.mc-tag-discount[b-eoqqsxx83z] { background: rgba(34,197,94,.12); color: #4ade80; border: 1px solid rgba(34,197,94,.25); }
.mc-item-price[b-eoqqsxx83z] { display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; flex-shrink: 0; }
.mc-price-original[b-eoqqsxx83z] { font-size: .75rem; color: var(--muted); text-decoration: line-through; }
.mc-price-final[b-eoqqsxx83z] { font-size: 1rem; font-weight: 800; color: var(--text); }
.mc-remove[b-eoqqsxx83z] { background: none; border: none; cursor: pointer; color: var(--muted); padding: .35rem; border-radius: 6px; transition: color .15s, background .15s; display: flex; align-items: center; justify-content: center; }
.mc-remove:hover[b-eoqqsxx83z] { color: #f87171; background: rgba(248,113,113,.1); }

/* Summary row */
.mc-summary[b-eoqqsxx83z] { padding: 1rem 1.25rem; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: .5rem; }
.mc-summary-row[b-eoqqsxx83z] { display: flex; justify-content: space-between; align-items: center; font-size: .88rem; }
.mc-savings[b-eoqqsxx83z] { color: #4ade80; }
.mc-total[b-eoqqsxx83z] { font-size: 1.05rem; font-weight: 800; }

/* Form panel */
.mc-form-panel[b-eoqqsxx83z] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 1.5rem; }
.mc-form-title[b-eoqqsxx83z] { font-size: 1rem; font-weight: 800; margin-bottom: .25rem; }
.mc-field[b-eoqqsxx83z] { display: flex; flex-direction: column; gap: .4rem; }
.mc-field label[b-eoqqsxx83z] { font-size: .78rem; color: var(--muted); font-weight: 600; }

.mc-sep[b-eoqqsxx83z] {
    display: flex; align-items: center; gap: .65rem; margin: .1rem 0 -.2rem;
}
.mc-sep span[b-eoqqsxx83z] {
    font-size: .65rem; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--muted); white-space: nowrap;
}
.mc-sep[b-eoqqsxx83z]::before, .mc-sep[b-eoqqsxx83z]::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.mc-addr-row[b-eoqqsxx83z] { display: grid; grid-template-columns: 1fr 72px; gap: .5rem; }

.mc-check-row[b-eoqqsxx83z] {
    display: flex; align-items: center; gap: .5rem;
    font-size: .8rem; color: var(--muted); cursor: pointer; user-select: none;
}
.mc-check-row input[type="checkbox"][b-eoqqsxx83z] {
    accent-color: var(--accent); width: 13px; height: 13px; flex-shrink: 0; cursor: pointer;
}
.mc-input[b-eoqqsxx83z] { background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: 9px; padding: .6rem .85rem; font-size: .9rem; color: var(--text); width: 100%; box-sizing: border-box; transition: border-color .2s; }
.mc-input:focus[b-eoqqsxx83z] { outline: none; border-color: var(--accent); }
.mc-error[b-eoqqsxx83z] { background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.3); border-radius: 9px; padding: .6rem .85rem; font-size: .82rem; color: #f87171; }
.mc-total-big[b-eoqqsxx83z] { font-size: 1.6rem; font-weight: 900; text-align: center; letter-spacing: -1px; }

/* Payment buttons */
.mc-btn-paypal[b-eoqqsxx83z] { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem; border-radius: 10px; font-size: .9rem; font-weight: 700; cursor: pointer; border: none; background: #0070ba; color: #fff; transition: all .2s; }
.mc-btn-paypal:hover:not(:disabled)[b-eoqqsxx83z] { background: #005ea6; transform: translateY(-1px); }
.mc-btn-stripe[b-eoqqsxx83z] { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem; border-radius: 10px; font-size: .9rem; font-weight: 700; cursor: pointer; border: none; background: linear-gradient(135deg,var(--accent),#9d5cf6); color: #fff; transition: all .2s; box-shadow: var(--glow); }
.mc-btn-stripe:hover:not(:disabled)[b-eoqqsxx83z] { transform: translateY(-1px); box-shadow: 0 0 28px rgba(124,58,237,.6); }
.mc-btn-paypal:disabled[b-eoqqsxx83z], .mc-btn-stripe:disabled[b-eoqqsxx83z] { opacity: .55; cursor: not-allowed; }

.spinner-sm[b-eoqqsxx83z] { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: spin-b-eoqqsxx83z .6s linear infinite; flex-shrink: 0; }
@keyframes spin-b-eoqqsxx83z { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .mc-grid[b-eoqqsxx83z] { grid-template-columns: 1fr; }
    .mc-form-panel[b-eoqqsxx83z] { position: static; }
    .ck-login-card[b-eoqqsxx83z] { padding: 2rem 1.5rem; }
}
@media (max-width: 480px) {
    .mc-item[b-eoqqsxx83z] { gap: .65rem; }
    .mc-item-img[b-eoqqsxx83z] { width: 40px; height: 40px; font-size: 1.2rem; }
}

.ck-login-required[b-eoqqsxx83z] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    width: 100%;
}
.ck-login-card[b-eoqqsxx83z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: #0b1120;
    border: 1px solid rgba(88,101,242,.25);
    border-radius: 18px;
    padding: 2.5rem 3rem;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 0 40px rgba(88,101,242,.12);
    text-align: center;
}
.ck-login-icon[b-eoqqsxx83z] { font-size: 2.2rem; }
.ck-login-title[b-eoqqsxx83z] { font-size: 1.25rem; font-weight: 700; color: #e2e8f0; }
.ck-login-sub[b-eoqqsxx83z] { font-size: .9rem; color: #64748b; line-height: 1.5; }
.ck-support-link[b-eoqqsxx83z] { display: block; text-align: center; font-size: .78rem; color: var(--accent-2); text-decoration: none; transition: opacity .15s; margin-top: .5rem; }
.ck-support-link:hover[b-eoqqsxx83z] { opacity: .75; }
.ck-cancel-link[b-eoqqsxx83z] { font-size: .85rem; color: #64748b; text-decoration: none; }
.ck-cancel-link:hover[b-eoqqsxx83z] { color: #e2e8f0; }
.btn-discord-ck[b-eoqqsxx83z] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .6rem 1.5rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    box-shadow: 0 2px 14px rgba(88,101,242,.5), inset 0 1px 0 rgba(255,255,255,.15);
    transition: box-shadow .2s, transform .15s;
    position: relative;
    overflow: hidden;
}
.btn-discord-ck[b-eoqqsxx83z]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 60%);
    pointer-events: none;
}
.btn-discord-ck:hover[b-eoqqsxx83z] {
    background: linear-gradient(135deg, #6875f5 0%, #5865F2 100%);
    box-shadow: 0 4px 22px rgba(88,101,242,.7), inset 0 1px 0 rgba(255,255,255,.2);
    transform: translateY(-2px);
}
.btn-discord-ck:active[b-eoqqsxx83z] { transform: translateY(0); box-shadow: 0 1px 6px rgba(88,101,242,.4); }
.discord-icon-ck[b-eoqqsxx83z] { width: 22px; height: 22px; flex-shrink: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
/* /Pages/Profile.razor.rz.scp.css */
/* ── Wrap ── */
.profile-wrap[b-rcwrtyhpat] {
    padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 4vw, 2.5rem);
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.profile-loading[b-rcwrtyhpat] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Hero ── */
.profile-hero[b-rcwrtyhpat] {
    position: relative;
    border: 1px solid var(--border);
    border-radius: 20px;
    overflow: hidden;
    background: var(--card);
}

.profile-hero-banner[b-rcwrtyhpat] {
    height: 110px;
    background: linear-gradient(135deg, rgba(99,102,241,.25) 0%, rgba(6,182,212,.1) 60%, transparent 100%);
    border-bottom: 1px solid var(--border);
}

.profile-hero-actions[b-rcwrtyhpat] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    gap: .5rem;
}

.profile-hero-identity[b-rcwrtyhpat] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
    margin-top: -36px;
}

.profile-avatar-wrap[b-rcwrtyhpat] {
    position: relative;
    flex-shrink: 0;
}

.profile-avatar[b-rcwrtyhpat] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--card);
    box-shadow: 0 0 0 2px var(--border);
}

.profile-avatar--placeholder[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
}

.profile-online-dot[b-rcwrtyhpat] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid var(--card);
}

.profile-name[b-rcwrtyhpat] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--text);
    line-height: 1.2;
}

.profile-discord-id[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--muted);
    margin-top: .2rem;
}

.profile-role-tag[b-rcwrtyhpat] {
    color: var(--accent-2);
    font-weight: 700;
}

/* ── Top row: Rango + Datos del jugador ── */
.pf-top[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

/* Campos horizontales dentro de Datos del jugador */
.pf-fields-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.pf-field-full[b-rcwrtyhpat] { grid-column: 1 / -1; }

/* ── Addresses row ── */
.pf-addresses[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 760px) {
    .pf-top[b-rcwrtyhpat]            { grid-template-columns: 1fr; }
    .pf-addresses[b-rcwrtyhpat]      { grid-template-columns: 1fr; }
    .profile-stats-row[b-rcwrtyhpat] { grid-template-columns: 1fr 1fr; }
    .profile-hero-identity[b-rcwrtyhpat] { flex-direction: column; align-items: flex-start; gap: .75rem; }
}
@media (max-width: 420px) {
    .pf-fields-row[b-rcwrtyhpat]     { grid-template-columns: 1fr; }
    .profile-stats-row[b-rcwrtyhpat] { grid-template-columns: 1fr; }
    .pt-item[b-rcwrtyhpat]           { flex-wrap: wrap; gap: .5rem; }
}

/* ── Card base ── */
.profile-card[b-rcwrtyhpat] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-card-title[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.profile-field[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.profile-field-label[b-rcwrtyhpat] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--muted);
}

.profile-field-input[b-rcwrtyhpat] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .5rem .75rem;
    font-size: .85rem;
    color: var(--text);
}

/* ── Rank box ── */
.profile-rank-box[b-rcwrtyhpat] {
    background: rgba(99,102,241,.06);
    border: 1px solid rgba(99,102,241,.2);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center;
}

.profile-rank-box--empty[b-rcwrtyhpat] {
    background: rgba(255,255,255,.03);
    border-color: var(--border);
}

.profile-rank-name[b-rcwrtyhpat] {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .06em;
    color: var(--muted);
}

.profile-rank-box:not(.profile-rank-box--empty) .profile-rank-name[b-rcwrtyhpat] {
    color: var(--text);
}

.profile-rank-status[b-rcwrtyhpat] {
    font-size: .7rem;
    color: var(--muted);
    letter-spacing: .08em;
}

.profile-rank-meta[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: center;
}

.profile-rank-renewal[b-rcwrtyhpat] {
    font-size: .78rem;
    color: var(--muted);
}

.profile-rank-votes[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    color: var(--muted);
}

/* ── Stats row ── */
.profile-stats-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.profile-stat-card[b-rcwrtyhpat] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.profile-stat-label[b-rcwrtyhpat] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--muted);
}

.profile-stat-value[b-rcwrtyhpat] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

/* ── Badge status ── */
.badge-status[b-rcwrtyhpat] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .2rem .55rem;
    border-radius: 6px;
}

.badge-status--active[b-rcwrtyhpat]    { background: rgba(34,197,94,.12);  color: #22c55e; }
.badge-status--past_due[b-rcwrtyhpat]  { background: rgba(234,179,8,.12);  color: #eab308; }
.badge-status--cancelled[b-rcwrtyhpat] { background: rgba(239,68,68,.12);  color: #ef4444; }

/* ── Payment timeline ── */
.payment-timeline[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pt-item[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--border);
    position: relative;
}

.pt-item:last-child[b-rcwrtyhpat] { border-bottom: none; }

.pt-item--clickable[b-rcwrtyhpat] {
    cursor: pointer;
    border-radius: 10px;
    margin: 0 -.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    transition: background .15s;
}
.pt-item--clickable:hover[b-rcwrtyhpat] { background: rgba(255,255,255,.04); }
.pt-item--clickable:active[b-rcwrtyhpat] { background: rgba(124,58,237,.08); }

.pt-dot[b-rcwrtyhpat] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    box-shadow: 0 0 6px var(--accent);
}

.pt-content[b-rcwrtyhpat] {
    flex: 1;
    min-width: 0;
}

.pt-name[b-rcwrtyhpat] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pt-date[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .73rem;
    color: var(--muted);
    margin-top: .15rem;
}

.pt-right[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-shrink: 0;
}

.pt-badge[b-rcwrtyhpat] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .2rem .5rem;
    border-radius: 6px;
}

.pt-badge--stripe[b-rcwrtyhpat]     { background: rgba(99,91,255,.12);  color: #7c73ff; }
.pt-badge--paypal[b-rcwrtyhpat]     { background: rgba(0,48,135,.15);   color: #5b9bd5; }
.pt-badge--sub[b-rcwrtyhpat]        { background: rgba(6,182,212,.12);  color: var(--accent-2); }
.pt-badge--active[b-rcwrtyhpat]     { background: rgba(34,197,94,.12);  color: #22c55e; }
.pt-badge--past_due[b-rcwrtyhpat]   { background: rgba(234,179,8,.12);  color: #eab308; }
.pt-badge--cancelled[b-rcwrtyhpat]  { background: rgba(239,68,68,.12);  color: #ef4444; }
.pt-dot--sub[b-rcwrtyhpat] { background: var(--accent-2); box-shadow: 0 0 6px var(--accent-2); }

.pt-amount[b-rcwrtyhpat] {
    font-size: .9rem;
    font-weight: 700;
    color: #22c55e;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ── Profile edit form ── */
.pf-input[b-rcwrtyhpat] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .5rem .75rem;
    font-size: .85rem;
    color: var(--text);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
.pf-input:focus[b-rcwrtyhpat] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(124,58,237,.15);
}
.pf-input[b-rcwrtyhpat]::placeholder { color: rgba(255,255,255,.2); }

.pf-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 72px;
    gap: .5rem;
}
.pf-optional[b-rcwrtyhpat] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    opacity: .6;
    font-size: .6rem;
}

.pf-check-row[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .82rem;
    color: var(--muted);
    cursor: pointer;
    user-select: none;
}
.pf-check-row input[type="checkbox"][b-rcwrtyhpat] {
    accent-color: var(--accent);
    width: 14px;
    height: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.pf-toggle-row[b-rcwrtyhpat] { margin: .5rem 0 .25rem; }

.pf-same-tag[b-rcwrtyhpat] {
    font-size: .75rem;
    color: var(--accent-2);
    background: rgba(6,182,212,.08);
    border: 1px solid rgba(6,182,212,.2);
    border-radius: 6px;
    padding: .3rem .65rem;
    display: inline-block;
}

.pf-error[b-rcwrtyhpat] {
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.3);
    border-radius: 10px;
    padding: .65rem 1rem;
    font-size: .83rem;
    color: #f87171;
}

.btn-spinner-sm[b-rcwrtyhpat] {
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-rcwrtyhpat .6s linear infinite;
    flex-shrink: 0;
}
@keyframes spin-b-rcwrtyhpat { to { transform: rotate(360deg); } }

/* ── Empty orders ── */
.orders-empty[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 2rem;
    color: var(--muted);
    text-align: center;
    font-size: .85rem;
}

.orders-empty a[b-rcwrtyhpat] { color: var(--accent); }

/* ── Rank badges ── */
.profile-rank-badges[b-rcwrtyhpat] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .6rem;
}

.rank-badge[b-rcwrtyhpat] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border-radius: 6px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.rank-badge--streak[b-rcwrtyhpat] {
    background: rgba(251, 146, 60, .12);
    border: 1px solid rgba(251, 146, 60, .3);
    color: #fb923c;
}

.rank-badge--total[b-rcwrtyhpat] {
    background: rgba(99, 102, 241, .12);
    border: 1px solid rgba(99, 102, 241, .3);
    color: #818cf8;
}

/* ── Mis Cartas ── */
.my-cards-grid[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: .85rem;
}

.my-card[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: .85rem .6rem;
    text-align: center;
}

.my-card--rare[b-rcwrtyhpat]      { border-color: rgba(0,234,255,.4); }
.my-card--epic[b-rcwrtyhpat]       { border-color: rgba(168,85,247,.4); }
.my-card--legendary[b-rcwrtyhpat]  { border-color: rgba(255,212,0,.5); }

.my-card-img[b-rcwrtyhpat] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
}

.my-card-name[b-rcwrtyhpat] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--text);
}

.my-card-rarity[b-rcwrtyhpat] {
    font-size: .55rem;
    letter-spacing: .08em;
    color: var(--muted);
}

.my-card-qty[b-rcwrtyhpat] {
    font-size: .7rem;
    color: var(--accent-2);
    font-weight: 700;
}

.my-card-play[b-rcwrtyhpat] {
    width: 100%;
    margin-top: .25rem;
}
/* /Pages/Servers.razor.rz.scp.css */
.servers-header[b-4byivstkq3] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.servers-grid[b-4byivstkq3] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1.25rem; }

@media (max-width: 680px) {
    .servers-grid[b-4byivstkq3] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 420px) {
    .servers-grid[b-4byivstkq3] { grid-template-columns: 1fr; }
    .servers-header[b-4byivstkq3] { align-items: flex-start; }
}
/* /Pages/Shop.razor.rz.scp.css */
.shop-header[b-jmw9otth00] { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.shop-back-btn[b-jmw9otth00] {
    display: inline-flex; align-items: center; gap: .4rem;
    font-size: .8rem; font-weight: 600; color: var(--text); text-decoration: none;
    border: 1px solid var(--border); border-radius: 999px; padding: .45rem 1rem;
    margin-bottom: 1rem; transition: all .2s;
}
.shop-back-btn:hover[b-jmw9otth00] { border-color: var(--accent); color: var(--accent); box-shadow: var(--glow); }
.cart-info[b-jmw9otth00] { display: flex; align-items: center; gap: .6rem; font-size: .82rem; color: var(--muted); }
.shop-grid[b-jmw9otth00] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap: 1.25rem; }
@media (max-width: 520px) {
    .shop-grid[b-jmw9otth00] { gap: .85rem; }
}

/* ── Shop skeleton ── */
.sh-sk-card[b-jmw9otth00] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; }
.sh-sk-img[b-jmw9otth00]  { width: 100%; height: 155px; border-radius: 0; }
.sh-sk-body[b-jmw9otth00] { padding: 1rem; display: flex; flex-direction: column; gap: .6rem; }
.sh-sk-cat[b-jmw9otth00]  { width: 55px; height: 12px; border-radius: 999px; }
.sh-sk-name[b-jmw9otth00] { width: 75%; height: 18px; }
.sh-sk-line[b-jmw9otth00] { width: 100%; height: 12px; }
.sh-sk-line-short[b-jmw9otth00] { width: 55%; }
.sh-sk-foot[b-jmw9otth00] { display: flex; justify-content: space-between; align-items: center; margin-top: .4rem; }
.sh-sk-price[b-jmw9otth00] { width: 50px; height: 20px; }
.sh-sk-btn[b-jmw9otth00]  { width: 85px; height: 32px; border-radius: 8px; }
/* /Pages/ShopFolders.razor.rz.scp.css */
/* ── Starfield decoration (solo tienda) ── */
.section-wrap[b-m1ua5ddr96] { position: relative; }
.section-wrap[b-m1ua5ddr96]::before,
.section-wrap[b-m1ua5ddr96]::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}
.section-wrap[b-m1ua5ddr96]::before {
    background-image:
        radial-gradient(1.5px 1.5px at 15% 25%, rgba(255,255,255,.8), transparent 60%),
        radial-gradient(1px 1px at 40% 65%, rgba(255,255,255,.6), transparent 60%),
        radial-gradient(1.5px 1.5px at 65% 15%, rgba(196,181,253,.7), transparent 60%),
        radial-gradient(1px 1px at 80% 55%, rgba(255,255,255,.5), transparent 60%),
        radial-gradient(1px 1px at 25% 85%, rgba(255,255,255,.6), transparent 60%),
        radial-gradient(1.5px 1.5px at 90% 80%, rgba(196,181,253,.6), transparent 60%),
        radial-gradient(1px 1px at 55% 40%, rgba(255,255,255,.5), transparent 60%),
        radial-gradient(1px 1px at 10% 55%, rgba(255,255,255,.4), transparent 60%);
    background-repeat: repeat;
    background-size: 340px 340px;
    opacity: .55;
    animation: shop-stars-drift-b-m1ua5ddr96 90s linear infinite, shop-stars-twinkle-b-m1ua5ddr96 4s ease-in-out infinite alternate;
}
.section-wrap[b-m1ua5ddr96]::after {
    background-image:
        radial-gradient(1px 1px at 30% 20%, rgba(255,255,255,.5), transparent 60%),
        radial-gradient(1px 1px at 70% 45%, rgba(255,255,255,.4), transparent 60%),
        radial-gradient(1px 1px at 50% 75%, rgba(255,255,255,.45), transparent 60%),
        radial-gradient(1px 1px at 15% 60%, rgba(255,255,255,.35), transparent 60%),
        radial-gradient(1px 1px at 85% 15%, rgba(255,255,255,.4), transparent 60%);
    background-repeat: repeat;
    background-size: 520px 520px;
    opacity: .35;
    animation: shop-stars-drift-slow-b-m1ua5ddr96 140s linear infinite;
}
@keyframes shop-stars-drift-b-m1ua5ddr96 {
    from { background-position: 0 0; }
    to   { background-position: -340px 340px; }
}
@keyframes shop-stars-drift-slow-b-m1ua5ddr96 {
    from { background-position: 0 0; }
    to   { background-position: 520px -520px; }
}
@keyframes shop-stars-twinkle-b-m1ua5ddr96 {
    from { opacity: .4; }
    to   { opacity: .7; }
}
@media (prefers-reduced-motion: reduce) {
    .section-wrap[b-m1ua5ddr96]::before, .section-wrap[b-m1ua5ddr96]::after { animation: none; }
}

.shop-hero[b-m1ua5ddr96] { text-align: center; margin-bottom: 2.5rem; }
.shop-hero-title[b-m1ua5ddr96] { font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 900; letter-spacing: -1px; line-height: 1; color: var(--text); margin: 0; }
.shop-hero-sub[b-m1ua5ddr96] { color: var(--muted); margin-top: .6rem; font-size: 1rem; }

.folder-grid[b-m1ua5ddr96] { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px,1fr)); gap: 1.5rem; }

@media (max-width: 520px) {
    .folder-grid[b-m1ua5ddr96] { grid-template-columns: 1fr; gap: 1rem; }
}

/* ── Folder skeleton ── */
.fl-sk-card[b-m1ua5ddr96] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.1rem; }
.fl-sk-head[b-m1ua5ddr96] { display: flex; flex-direction: column; align-items: center; gap: .35rem; margin-bottom: .9rem; }
.fl-sk-name[b-m1ua5ddr96] { width: 60%; height: 18px; }
.fl-sk-grid[b-m1ua5ddr96] { display: grid; grid-template-columns: repeat(2,1fr); gap: .55rem; }
.fl-sk-tile[b-m1ua5ddr96] { aspect-ratio: 1/1; border-radius: 8px; }
/* /Pages/Terminos.razor.rz.scp.css */
.tc-header[b-ozm0utakar] {
    text-align: center;
    margin-bottom: 3rem;
}

.tc-body[b-ozm0utakar] {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.tc-section[b-ozm0utakar] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    padding: 1.5rem 1.75rem;
}

.tc-section h2[b-ozm0utakar] {
    font-size: 1rem;
    font-weight: 700;
    color: #a78bfa;
    margin-bottom: .75rem;
    letter-spacing: -.01em;
}

.tc-section p[b-ozm0utakar] {
    font-size: .9rem;
    line-height: 1.75;
    color: rgba(255,255,255,.7);
    margin-bottom: .6rem;
}

.tc-section p:last-child[b-ozm0utakar] {
    margin-bottom: 0;
}

.tc-section ul[b-ozm0utakar] {
    margin: .5rem 0 .75rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tc-section ul li[b-ozm0utakar] {
    font-size: .9rem;
    line-height: 1.6;
    color: rgba(255,255,255,.65);
}

.tc-section a[b-ozm0utakar] {
    color: #a78bfa;
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* /Pages/Voting.razor.rz.scp.css */
.v-page[b-h2aijp6evq] { max-width: 1300px; margin: 0 auto; padding: clamp(2rem,5vw,4rem) clamp(1rem,4vw,2.5rem); }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.v-hero[b-h2aijp6evq] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 2rem; margin-bottom: 3rem; }

.v-session-badge[b-h2aijp6evq] {
    display: inline-flex; align-items: center; gap: .4rem;
    border: 1px solid var(--accent-2); color: var(--accent-2);
    font-size: .7rem; font-weight: 700; letter-spacing: 1px;
    padding: .3rem .9rem; border-radius: 999px; text-transform: uppercase;
    margin-bottom: 1rem;
}

.v-main-title[b-h2aijp6evq] {
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 900; letter-spacing: -1px; line-height: 1;
    color: var(--text);
}
.v-live[b-h2aijp6evq] { color: var(--accent-2); }

.v-hero-sub[b-h2aijp6evq] { color: var(--muted); margin-top: .6rem; font-size: 1rem; }

/* ── Credits widget ───────────────────────────────────────────────────── */
.v-credits-widget[b-h2aijp6evq] {
    display: flex; align-items: center; gap: 1.25rem;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--r); padding: 1rem 1.5rem;
    min-width: 300px;
}
.vcw-left[b-h2aijp6evq]  { display: flex; flex-direction: column; }
.vcw-right[b-h2aijp6evq] { display: flex; flex-direction: column; }
.vcw-divider[b-h2aijp6evq] {
    width: 1px; align-self: stretch;
    background: var(--border); flex-shrink: 0;
}
.vcw-reset-label[b-h2aijp6evq] {
    font-size: .62rem; font-weight: 700; letter-spacing: 1px;
    color: var(--muted); text-transform: uppercase; margin-bottom: .3rem;
}
.vcw-votes[b-h2aijp6evq] {
    display: flex; align-items: baseline; gap: .25rem;
    line-height: 1;
}
.vcw-votes-left[b-h2aijp6evq] {
    font-size: 2rem; font-weight: 800; color: var(--accent-2);
}
.vcw-votes-sep[b-h2aijp6evq] {
    font-size: 1.25rem; color: var(--muted);
}
.vcw-votes-total[b-h2aijp6evq] {
    font-size: 1.25rem; color: var(--muted);
}
.vcw-votes-label[b-h2aijp6evq] {
    font-size: .72rem; color: var(--muted); margin-top: .25rem;
}
.vcw-countdown[b-h2aijp6evq] {
    font-size: 1.15rem; font-weight: 800; color: #fbbf24;
    line-height: 1; margin-bottom: .25rem; font-variant-numeric: tabular-nums;
}

/* ── Access banner ────────────────────────────────────────────────────── */
.v-access-banner[b-h2aijp6evq] {
    border-radius: var(--r);
    padding: .75rem 1.25rem;
    font-size: .88rem;
    margin-bottom: 2rem;
    background: rgba(251,191,36,.08);
    border: 1px solid rgba(251,191,36,.25);
    color: #fcd34d;
}
.v-access-banner a[b-h2aijp6evq] { color: var(--accent-2); text-decoration: underline; }
.v-access-banner--empty[b-h2aijp6evq] {
    background: rgba(239,68,68,.08);
    border-color: rgba(239,68,68,.25);
    color: #f87171;
}
.v-access-banner--ok[b-h2aijp6evq] {
    background: rgba(6,182,212,.08);
    border-color: rgba(6,182,212,.25);
    color: var(--accent-2);
}

/* ── Proposals ────────────────────────────────────────────────────────── */
.v-prop-header[b-h2aijp6evq] {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;
}
.v-prop-title[b-h2aijp6evq] {
    font-size: .95rem; font-weight: 900; letter-spacing: 2.5px;
    text-transform: uppercase; font-style: italic;
}

/* Category tabs */
.v-cat-tabs[b-h2aijp6evq] { display: flex; gap: .4rem; flex-wrap: wrap; }
.v-cat-tab[b-h2aijp6evq] {
    padding: .35rem 1rem; border-radius: 6px;
    border: 1px solid var(--border); background: transparent;
    color: var(--muted); font-size: .72rem; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase;
    cursor: pointer; transition: all .18s;
}
.v-cat-tab:hover[b-h2aijp6evq] { border-color: var(--accent-2); color: var(--accent-2); }
.v-cat-tab.active[b-h2aijp6evq] { background: var(--accent-2); border-color: var(--accent-2); color: #000; }

/* ── Grid ─────────────────────────────────────────────────────────────── */
.v-grid[b-h2aijp6evq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1.25rem;
}

/* ── Voting skeleton ── */
.v-sk-badge[b-h2aijp6evq]      { width: 130px; height: 24px; border-radius: 999px; margin-bottom: 1rem; }
.v-sk-title[b-h2aijp6evq]      { width: min(380px, 100%); height: 52px; margin-bottom: .6rem; }
.v-sk-sub[b-h2aijp6evq]        { width: 220px; height: 15px; }
.v-sk-widget[b-h2aijp6evq]     { width: min(300px, 100%); height: 90px; border-radius: var(--r); flex-shrink: 0; }
.v-sk-banner[b-h2aijp6evq]     { width: 100%; height: 42px; border-radius: var(--r); margin-bottom: 2rem; }
.v-sk-prop-title[b-h2aijp6evq] { width: 120px; height: 17px; }
.v-sk-card[b-h2aijp6evq]       { display: flex; flex-direction: column; gap: .55rem; }
.v-sk-card-img[b-h2aijp6evq]   { width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; }
.v-sk-card-name[b-h2aijp6evq]  { width: 80%; height: 15px; }
.v-sk-card-meta[b-h2aijp6evq]  { width: 50%; height: 12px; }
.v-sk-card-btn[b-h2aijp6evq]   { width: 100%; height: 36px; border-radius: 8px; margin-top: .2rem; }

/* ── Empty / Error ────────────────────────────────────────────────────── */
.v-empty[b-h2aijp6evq] { text-align: center; padding: 5rem 1rem; }
.v-empty-icon[b-h2aijp6evq] { font-size: 4rem; margin-bottom: 1rem; }
.v-empty h2[b-h2aijp6evq] { font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem; }
.v-empty p[b-h2aijp6evq] { color: var(--muted); }

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 680px) {
    .v-credits-widget[b-h2aijp6evq] { min-width: unset; width: 100%; }
    .v-hero[b-h2aijp6evq] { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
    .v-prop-header[b-h2aijp6evq] { flex-direction: column; align-items: flex-start; }
    .v-main-title[b-h2aijp6evq] { font-size: clamp(2rem, 8vw, 3rem); }
    .v-grid[b-h2aijp6evq] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .v-credits-widget[b-h2aijp6evq] { flex-direction: column; align-items: stretch; gap: .85rem; padding: .9rem 1.1rem; }
    .vcw-divider[b-h2aijp6evq] { width: 100%; height: 1px; align-self: auto; }
    .vcw-right[b-h2aijp6evq] { align-items: flex-start; }
}
@media (max-width: 420px) {
    .v-grid[b-h2aijp6evq] { grid-template-columns: 1fr; }
}

/* ── Admin panel ──────────────────────────────────────────────────────── */
.v-admin[b-h2aijp6evq] {
    margin-top: 3rem;
    border: 1px solid rgba(124,58,237,.3);
    border-radius: var(--r);
    background: rgba(124,58,237,.05);
    padding: 1.25rem 1.5rem;
}
.v-admin-header[b-h2aijp6evq] { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.v-admin-badge[b-h2aijp6evq] {
    font-size: .6rem; font-weight: 800; letter-spacing: 1.5px;
    padding: .2rem .55rem; border-radius: 999px;
    background: rgba(124,58,237,.25); color: #a78bfa;
    border: 1px solid rgba(124,58,237,.4);
}
.v-admin-title[b-h2aijp6evq] { font-size: .85rem; font-weight: 700; color: var(--muted); }

.v-admin-search[b-h2aijp6evq] { display: flex; gap: .75rem; }
.v-admin-input[b-h2aijp6evq] {
    flex: 1;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: 8px; padding: .55rem .9rem;
    color: var(--text); font-size: .85rem;
}
.v-admin-input:focus[b-h2aijp6evq] { outline: none; border-color: var(--accent); }
.v-admin-btn[b-h2aijp6evq] {
    background: rgba(124,58,237,.15); color: #a78bfa;
    border: 1px solid rgba(124,58,237,.35);
    border-radius: 8px; padding: .55rem 1.1rem;
    font-size: .82rem; font-weight: 600; cursor: pointer; transition: all .18s;
    white-space: nowrap;
}
.v-admin-btn:hover:not(:disabled)[b-h2aijp6evq] { background: var(--accent); color: #fff; }
.v-admin-btn:disabled[b-h2aijp6evq] { opacity: .5; cursor: not-allowed; }

.v-admin-error[b-h2aijp6evq] {
    margin-top: .75rem; padding: .55rem .9rem;
    background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.3);
    border-radius: 8px; color: #f87171; font-size: .82rem;
}

.v-admin-preview-card[b-h2aijp6evq] {
    margin-top: 1rem; display: flex; align-items: center; gap: 1rem;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: 10px; padding: .85rem 1rem; flex-wrap: wrap;
}
.v-admin-thumb[b-h2aijp6evq] {
    width: 72px; height: 72px; object-fit: cover;
    border-radius: 8px; flex-shrink: 0;
}
.v-admin-preview-info[b-h2aijp6evq] { flex: 1; min-width: 160px; }
.v-admin-preview-name[b-h2aijp6evq] { font-size: .95rem; font-weight: 700; margin-bottom: .3rem; }
.v-admin-preview-meta[b-h2aijp6evq] { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .4rem; }
.v-admin-preview-meta span[b-h2aijp6evq] {
    font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px;
    background: rgba(255,255,255,.06); color: var(--muted); border: 1px solid rgba(255,255,255,.08);
}
.v-admin-preview-desc[b-h2aijp6evq] { font-size: .78rem; color: var(--muted); line-height: 1.4; }

.v-admin-save[b-h2aijp6evq] {
    background: rgba(124,58,237,.2); color: #a78bfa;
    border: 1px solid rgba(124,58,237,.4);
    border-radius: 8px; padding: .6rem 1.4rem;
    font-size: .85rem; font-weight: 700; cursor: pointer; transition: all .18s;
    white-space: nowrap; flex-shrink: 0;
}
.v-admin-save:hover:not(:disabled)[b-h2aijp6evq] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.v-admin-save:disabled[b-h2aijp6evq] { opacity: .5; cursor: not-allowed; }