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

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

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Shared/TcgCategoryHero.razor.rz.scp.css */
.category-hero[b-bris558n3s]{--hero-gold:#d8b15b;--hero-gold-bright:#f1d28c;--hero-ink:#08090c;--hero-overlay:.72;margin:28px 0 0;outline:none}
.category-hero-stage[b-bris558n3s]{position:relative;height:clamp(550px,43vw,680px);isolation:isolate;overflow:hidden;border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg);background:var(--hero-ink)}
.category-hero-stage[b-bris558n3s]::before,.category-hero-stage[b-bris558n3s]::after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none}
.category-hero-stage[b-bris558n3s]::before{background:linear-gradient(90deg,rgba(3,4,7,var(--hero-overlay)),rgba(3,4,7,.18) 42%,rgba(3,4,7,calc(var(--hero-overlay) * .7))),linear-gradient(0deg,rgba(3,4,7,var(--hero-overlay)),transparent 46%,rgba(3,4,7,.28))}
.category-hero-stage[b-bris558n3s]::after{background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--hero-game-accent) 22%,transparent),transparent 45%);mix-blend-mode:screen;opacity:.74}
.category-hero-art[b-bris558n3s]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-desktop-position)}
.category-hero-content[b-bris558n3s]{position:relative;z-index:2;width:min(860px,calc(100% - 180px));height:100%;margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:58px 88px 96px;color:var(--sf-text);text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.68)}
.category-hero-kicker[b-bris558n3s]{margin:0 0 14px;color:var(--hero-eyebrow-color,var(--hero-gold-bright));font-family:var(--k-mono);font-size:calc(clamp(.68rem,.9vw,.82rem) * var(--hero-eyebrow-scale,1));font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.category-hero-content h1[b-bris558n3s]{max-width:100%;margin:0;color:var(--hero-title-color,var(--sf-text));font-size:calc(clamp(3.5rem,7vw,7.2rem) * var(--hero-title-scale,1));overflow-wrap:anywhere;font-weight:800;line-height:.86;letter-spacing:-.065em;text-wrap:balance;text-transform:uppercase}
.category-hero-subtitle[b-bris558n3s]{margin:20px 0 0;color:var(--hero-subtitle-color,rgba(255,255,255,.8));font-size:calc(clamp(.92rem,1.4vw,1.12rem) * var(--hero-subtitle-scale,1));overflow-wrap:anywhere;font-weight:600;letter-spacing:.035em}
.category-hero[b-bris558n3s]  .category-hero-cta{min-height:50px;margin-top:28px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:1px solid var(--hero-gold-bright);border-radius:6px;color:var(--hero-ink);background:linear-gradient(135deg,var(--hero-gold-bright),var(--hero-gold));box-shadow:0 14px 34px rgba(0,0,0,.32);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-shadow:none;text-transform:uppercase;transition:transform .18s ease,filter .18s ease}
.category-hero[b-bris558n3s]  .category-hero-cta:hover{color:var(--hero-ink);filter:brightness(1.08);transform:translateY(-2px)}
.category-hero-arrow[b-bris558n3s]{position:absolute;z-index:3;top:50%;width:46px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:var(--sf-text);background:rgba(5,6,8,.54);backdrop-filter:blur(10px);cursor:pointer;transform:translateY(-50%);transition:border-color .18s ease,background .18s ease}
.category-hero-arrow:hover[b-bris558n3s],.category-hero-arrow:focus-visible[b-bris558n3s]{border-color:var(--hero-gold);background:rgba(5,6,8,.8)}
.category-hero-arrow--previous[b-bris558n3s]{left:24px}.category-hero-arrow--next[b-bris558n3s]{right:24px}
.category-hero-pagination[b-bris558n3s]{position:absolute;z-index:3;left:50%;bottom:28px;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}
.category-hero-pagination button[b-bris558n3s]{width:22px;height:3px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.34);cursor:pointer;transition:width .2s ease,background .2s ease}
.category-hero-pagination button[aria-current=true][b-bris558n3s]{width:42px;background:var(--hero-gold-bright)}
.category-hero-selector-heading[b-bris558n3s]{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 2px 12px}
.category-hero-selector-heading p[b-bris558n3s],.category-hero-selector-heading span[b-bris558n3s]{margin:0}.category-hero-selector-heading p[b-bris558n3s]{color:var(--sf-text);font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.category-hero-selector-heading span[b-bris558n3s]{color:var(--sf-text-muted);font-size:.72rem}
.category-hero-selector[b-bris558n3s]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity}
.category-hero-tile[b-bris558n3s]{position:relative;min-width:0;aspect-ratio:16/7;isolation:isolate;overflow:hidden;padding:0;border:1px solid var(--sf-border);border-radius:8px;color:var(--sf-text);background:var(--sf-surface);cursor:pointer;scroll-snap-align:start;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.category-hero-tile[b-bris558n3s]::after{position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(4,5,7,.92),rgba(4,5,7,.08) 80%);content:""}
.category-hero-tile img[b-bris558n3s]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.78);transition:filter .2s ease,transform .35s ease}
.category-hero-tile>span[b-bris558n3s]{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;display:flex;align-items:end;justify-content:space-between;gap:8px;text-align:left}
.category-hero-tile b[b-bris558n3s]{font-size:clamp(.65rem,.8vw,.78rem);font-weight:800;line-height:1.12;text-transform:uppercase}.category-hero-tile i[b-bris558n3s]{color:var(--hero-gold-bright);font-size:.8rem}
.category-hero-tile:hover[b-bris558n3s],.category-hero-tile:focus-visible[b-bris558n3s]{border-color:color-mix(in srgb,var(--tile-accent) 70%,var(--hero-gold));transform:translateY(-2px)}
.category-hero-tile:hover img[b-bris558n3s],.category-hero-tile:focus-visible img[b-bris558n3s]{filter:brightness(.82) saturate(.95);transform:scale(1.025)}
.category-hero-tile.is-active[b-bris558n3s]{border-color:var(--hero-gold);box-shadow:0 0 0 1px var(--hero-gold),0 0 22px rgba(216,177,91,.2)}
.category-hero-tile.is-active img[b-bris558n3s]{filter:brightness(.92) saturate(1.05)}

.category-hero.has-advanced .category-hero-art[b-bris558n3s]{animation:category-hero-reveal-b-bris558n3s .65s ease both}
.category-hero.has-advanced .category-hero-content[b-bris558n3s]{animation:category-copy-reveal-b-bris558n3s .55s ease both}

@keyframes category-hero-reveal-b-bris558n3s{from{opacity:.25;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
@keyframes category-copy-reveal-b-bris558n3s{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1100px){
  .category-hero-selector[b-bris558n3s]{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(185px,24vw);padding:2px 1px 8px}
  .category-hero-tile[b-bris558n3s]{aspect-ratio:16/8}
}

@media(max-width:800px){
  .category-hero[b-bris558n3s]{margin-top:16px}
  .category-hero-stage[b-bris558n3s]{height:min(660px,calc(100svh - 150px));min-height:560px;border-radius:16px}
  .category-hero-stage[b-bris558n3s]::before{background:linear-gradient(0deg,rgba(3,4,7,var(--hero-overlay)),rgba(3,4,7,.08) 70%,rgba(3,4,7,.3))}
  .category-hero-stage[b-bris558n3s]::after{background:radial-gradient(circle at 50% 67%,color-mix(in srgb,var(--hero-game-accent) 24%,transparent),transparent 48%)}
  .category-hero-art[b-bris558n3s]{object-position:var(--hero-mobile-position)}
  .category-hero-content[b-bris558n3s]{width:100%;justify-content:flex-end;padding:48px 26px 82px}
  .category-hero-content h1[b-bris558n3s]{font-size:calc(clamp(2.7rem,13vw,4.4rem) * var(--hero-title-scale,1));line-height:.9}
  .category-hero-subtitle[b-bris558n3s]{max-width:310px;margin-top:14px;font-size:calc(.88rem * var(--hero-subtitle-scale,1))}
  .category-hero[b-bris558n3s]  .category-hero-cta{width:min(100%,300px);min-height:52px;margin-top:22px}
  .category-hero-arrow[b-bris558n3s]{top:auto;bottom:22px;width:38px;height:38px;border-radius:50%;transform:none}
  .category-hero-arrow--previous[b-bris558n3s]{left:16px}.category-hero-arrow--next[b-bris558n3s]{right:16px}
  .category-hero-pagination[b-bris558n3s]{bottom:39px}
  .category-hero-pagination button[b-bris558n3s]{width:14px}.category-hero-pagination button[aria-current=true][b-bris558n3s]{width:26px}
  .category-hero-selector-heading[b-bris558n3s]{align-items:start;flex-direction:column;gap:4px;margin-top:14px}
  .category-hero-selector[b-bris558n3s]{grid-auto-columns:minmax(160px,46vw);margin-right:-12px;padding-right:12px}
}

@media(max-width:440px){
  .category-hero-stage[b-bris558n3s]{height:min(610px,calc(100svh - 134px));min-height:540px}
  .category-hero-content[b-bris558n3s]{padding-inline:24px}
  .category-hero-kicker[b-bris558n3s]{letter-spacing:.18em}
  .category-hero-selector-heading span[b-bris558n3s]{display:none}
}

@media(prefers-reduced-motion:reduce){
  .category-hero.has-advanced .category-hero-art[b-bris558n3s],.category-hero.has-advanced .category-hero-content[b-bris558n3s]{animation:none}
  .category-hero[b-bris558n3s]  .category-hero-cta,.category-hero-pagination button[b-bris558n3s],.category-hero-tile[b-bris558n3s],.category-hero-tile img[b-bris558n3s]{transition:none}
  .category-hero[b-bris558n3s]  .category-hero-cta:hover,.category-hero-tile:hover[b-bris558n3s]{transform:none}
}

.category-hero[data-content-alignment=left] .category-hero-content[b-bris558n3s]{margin-left:0;margin-right:auto;align-items:flex-start;text-align:left}
.category-hero[data-content-alignment=right] .category-hero-content[b-bris558n3s]{margin-left:auto;margin-right:0;align-items:flex-end;text-align:right}