/* /Components/Pages/Guide.razor.rz.scp.css */
.visually-hidden[b-gyf49i50yn] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.guide-hero[b-gyf49i50yn] {
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
    margin: 0 calc(var(--pad) * -1) 0;
}

.guide-hero-inner[b-gyf49i50yn] {
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 2.25rem var(--pad) 1.5rem;
    display: grid;
    gap: 1rem;
    align-items: end;
}

@media (min-width: 900px) {
    .guide-hero-inner[b-gyf49i50yn] {
        grid-template-columns: 1fr 420px;
        gap: 1.25rem;
    }
}

.guide-kicker[b-gyf49i50yn] {
    margin: 0 0 .5rem;
    color: var(--muted);
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: .9rem;
}

.guide-title[b-gyf49i50yn] {
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1.12;
}

.guide-lead[b-gyf49i50yn] {
    margin: .85rem 0 0;
    max-width: 70ch;
    font-size: 1.06rem;
    color: var(--text);
    opacity: .92;
}

.guide-search__wrap[b-gyf49i50yn] {
    position: relative;
    display: flex;
    align-items: center;
}

.guide-search__icon[b-gyf49i50yn] {
    position: absolute;
    left: .85rem;
    opacity: .8;
    pointer-events: none;
}

.guide-search__input[b-gyf49i50yn] {
    width: 100%;
    border-radius: .9rem;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    padding: .85rem 5.35rem .85rem 2.6rem;
    font-size: 1rem;
    outline: none;
    color: inherit;
}

    .guide-search__input:focus[b-gyf49i50yn] {
        border-color: rgba(255,255,255,.28);
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.08);
    }

    .guide-search__input[b-gyf49i50yn]::placeholder {
        opacity: .9;
    }

.guide-search__clear[b-gyf49i50yn],
.guide-search__submit-btn[b-gyf49i50yn] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .7rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: inherit;
    text-decoration: none;
}

    .guide-search__clear:hover[b-gyf49i50yn] {
        background: rgba(255,255,255,.07);
    }

    .guide-search__clear:focus-visible[b-gyf49i50yn] {
        outline: 3px solid rgba(255,255,255,.35);
        outline-offset: 2px;
    }

.guide-search__submit-btn[b-gyf49i50yn] {
    right: .55rem;
    cursor: pointer;
}

.guide-search__clear[b-gyf49i50yn] {
    right: 2.95rem;
}

.guide-results[b-gyf49i50yn] {
    margin: 1.25rem 0 2rem;
}

.guide-search__clear:hover[b-gyf49i50yn],
.guide-search__submit-btn:hover[b-gyf49i50yn] {
    background: rgba(255,255,255,.07);
}

.guide-search__clear:focus-visible[b-gyf49i50yn],
.guide-search__submit-btn:focus-visible[b-gyf49i50yn] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 2px;
}

.guide-meta[b-gyf49i50yn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .25rem 0 1rem;
    opacity: .85;
}

.guide-count[b-gyf49i50yn] {
    font-size: .95rem;
}

.guide-empty[b-gyf49i50yn] {
    margin: 1.25rem 0;
    opacity: .85;
}

.guide-grid[b-gyf49i50yn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 1rem;
}

.game-card[b-gyf49i50yn] {
    display: grid;
    grid-template-rows: auto 1fr;
    text-decoration: none;
    border-radius: 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
    min-height: 220px;
}

    .game-card:hover[b-gyf49i50yn],
    .game-card:focus-visible[b-gyf49i50yn] {
        transform: translateY(-2px);
        background: rgba(255,255,255,.06);
        border-color: rgba(255,255,255,.18);
    }

.game-card__media[b-gyf49i50yn] {
    aspect-ratio: 1 / 1;
    background: rgba(255,255,255,.03);
    display: grid;
    place-items: center;
    position: relative;
}

.game-card__img[b-gyf49i50yn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.game-card__media .game-card__fallback[b-gyf49i50yn] {
    display: none;
    font-size: 2rem;
    opacity: .85;
}

.game-card__media.is-fallback .game-card__fallback[b-gyf49i50yn] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

.game-card__body[b-gyf49i50yn] {
    padding: .85rem .9rem 1rem;
    display: grid;
    gap: .55rem;
}

.game-card__title[b-gyf49i50yn] {
    font-weight: 700;
    line-height: 1.2;
}

.game-card__cta[b-gyf49i50yn] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    opacity: .8;
    font-size: .95rem;
}

.game-card:focus-visible[b-gyf49i50yn] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .game-card[b-gyf49i50yn] {
        transition: none;
    }

        .game-card:hover[b-gyf49i50yn],
        .game-card:focus-visible[b-gyf49i50yn] {
            transform: none;
        }
}

.guide-search__submit-btn[b-gyf49i50yn] {
    position: absolute;
    right: .55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .7rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: inherit;
    cursor: pointer;
}

    .guide-search__submit-btn:hover[b-gyf49i50yn] {
        background: rgba(255,255,255,.07);
    }

    .guide-search__submit-btn:focus-visible[b-gyf49i50yn] {
        outline: 3px solid rgba(255,255,255,.35);
        outline-offset: 2px;
    }
/* /Components/Pages/GuideHome.razor.rz.scp.css */
.visually-hidden[b-295owgk9eu] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.guide-hero[b-295owgk9eu] {
    border-bottom: 1px solid var(--border);
    margin: 0 calc(var(--pad) * -1) 0;
}

.guide-hero-inner[b-295owgk9eu] {
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 2.25rem var(--pad) 1.5rem;
    display: grid;
    gap: 1rem;
    align-items: end;
}

@media (min-width: 900px) {
    .guide-hero-inner[b-295owgk9eu] {
        grid-template-columns: 1fr 420px;
        gap: 1.25rem;
    }
}

.guide-kicker[b-295owgk9eu] {
    margin: 0 0 .5rem;
    color: var(--muted);
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: .9rem;
}

.guide-title[b-295owgk9eu] {
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1.12;
}

.guide-lead[b-295owgk9eu] {
    margin: .85rem 0 0;
    max-width: 70ch;
    font-size: 1.06rem;
    color: var(--text);
    opacity: .92;
}

.guide-search__wrap[b-295owgk9eu] {
    position: relative;
    display: flex;
    align-items: center;
}

.guide-search__icon[b-295owgk9eu] {
    position: absolute;
    left: .85rem;
    opacity: .8;
    pointer-events: none;
}

.guide-search__input[b-295owgk9eu] {
    width: 100%;
    border-radius: .9rem;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    padding: .85rem 5.35rem .85rem 2.6rem;
    font-size: 1rem;
    outline: none;
    color: inherit;
}

    .guide-search__input:focus[b-295owgk9eu] {
        border-color: rgba(255,255,255,.28);
        box-shadow: 0 0 0 .2rem rgba(255,255,255,.08);
    }

    .guide-search__input[b-295owgk9eu]::placeholder {
        opacity: .9;
    }

.guide-search__clear[b-295owgk9eu],
.guide-search__submit-btn[b-295owgk9eu] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .7rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: inherit;
    text-decoration: none;
}

    .guide-search__clear:hover[b-295owgk9eu] {
        background: rgba(255,255,255,.07);
    }

    .guide-search__clear:focus-visible[b-295owgk9eu] {
        outline: 3px solid rgba(255,255,255,.35);
        outline-offset: 2px;
    }

.guide-search__submit-btn[b-295owgk9eu] {
    right: .55rem;
    cursor: pointer;
}

.guide-search__clear[b-295owgk9eu] {
    right: 2.95rem;
}

.guide-results[b-295owgk9eu] {
    margin: 1.25rem 0 2rem;
}

.guide-search__clear:hover[b-295owgk9eu],
.guide-search__submit-btn:hover[b-295owgk9eu] {
    background: rgba(255,255,255,.07);
}

.guide-search__clear:focus-visible[b-295owgk9eu],
.guide-search__submit-btn:focus-visible[b-295owgk9eu] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 2px;
}

.guide-meta[b-295owgk9eu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .25rem 0 1rem;
    opacity: .85;
}

.guide-count[b-295owgk9eu] {
    font-size: .95rem;
}

.guide-empty[b-295owgk9eu] {
    margin: 1.25rem 0;
    opacity: .85;
}

.guide-grid[b-295owgk9eu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 1rem;
}

.game-card[b-295owgk9eu] {
    display: grid;
    grid-template-rows: auto 1fr;
    text-decoration: none;
    border-radius: 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;
    min-height: 220px;
}

    .game-card:hover[b-295owgk9eu],
    .game-card:focus-visible[b-295owgk9eu] {
        transform: translateY(-2px);
        background: rgba(255,255,255,.06);
        border-color: rgba(255,255,255,.18);
    }

.game-card__media[b-295owgk9eu] {
    aspect-ratio: 1 / 1;
    background: rgba(255,255,255,.03);
    display: grid;
    place-items: center;
    position: relative;
}

.game-card__img[b-295owgk9eu] {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.game-card__media .game-card__fallback[b-295owgk9eu] {
    display: none;
    font-size: 2rem;
    opacity: .85;
}

.game-card__media.is-fallback .game-card__fallback[b-295owgk9eu] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

.game-card__body[b-295owgk9eu] {
    padding: .85rem .9rem 1rem;
    display: grid;
    gap: .55rem;
}

.game-card__title[b-295owgk9eu] {
    font-weight: 700;
    line-height: 1.2;
}

.game-card__cta[b-295owgk9eu] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    opacity: .8;
    font-size: .95rem;
}

.game-card:focus-visible[b-295owgk9eu] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .game-card[b-295owgk9eu] {
        transition: none;
    }

        .game-card:hover[b-295owgk9eu],
        .game-card:focus-visible[b-295owgk9eu] {
            transform: none;
        }
}

.guide-search__submit-btn[b-295owgk9eu] {
    position: absolute;
    right: .55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .7rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
    color: inherit;
    cursor: pointer;
}

    .guide-search__submit-btn:hover[b-295owgk9eu] {
        background: rgba(255,255,255,.07);
    }

    .guide-search__submit-btn:focus-visible[b-295owgk9eu] {
        outline: 3px solid rgba(255,255,255,.35);
        outline-offset: 2px;
    }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-2n44fdu8a1] {
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.home-hero-inner[b-2n44fdu8a1] {
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 2.25rem var(--pad) 1.5rem;
}

.home-kicker[b-2n44fdu8a1] {
    margin: 0 0 .5rem;
    color: var(--muted);
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: .9rem;
}

.home-title[b-2n44fdu8a1] {
    margin: 0;
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1.12;
}

.home-lead[b-2n44fdu8a1] {
    margin: .85rem 0 0;
    max-width: 70ch;
    font-size: 1.06rem;
    color: var(--text);
}

.home-actions[b-2n44fdu8a1] {
    margin-top: 1.1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.home-action[b-2n44fdu8a1] {
    display: inline-flex;
    align-items: center;
    padding: .55rem .8rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    text-decoration: none;
    color: var(--text);
    background: rgba(15,19,24,.55);
}

.home-action:hover[b-2n44fdu8a1] {
    border-color: #3a4656;
    background: rgba(19,26,34,.65);
}

.home-action:focus-visible[b-2n44fdu8a1] {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
}

.home-action.primary[b-2n44fdu8a1] {
    border-color: #3a4656;
    background: #141c26;
    font-weight: 650;
}

.home-body[b-2n44fdu8a1] {
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 1.25rem var(--pad) 2.25rem;
}

.home-cards[b-2n44fdu8a1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.home-card[b-2n44fdu8a1] {
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-2);
    padding: 1rem;
}

.home-h2[b-2n44fdu8a1] {
    margin: 0 0 .6rem;
    font-size: 1.1rem;
}

.home-list[b-2n44fdu8a1] {
    margin: 0;
    padding-left: 1.15rem;
}

.home-list li[b-2n44fdu8a1] {
    margin: .45rem 0;
}

@media (max-width: 980px) {
    .home-cards[b-2n44fdu8a1] {
        grid-template-columns: 1fr;
    }
}