/* /Components/EditorialBody.razor.rz.scp.css */
.editorial-body[b-9fr1b1wmru] { white-space: pre-line; overflow-wrap: anywhere; }
.editorial-body[b-9fr1b1wmru]  img { display: block; max-width: 100%; height: auto; margin: 1rem auto; }
.editorial-body[b-9fr1b1wmru]  a[data-epic-gallery] { display: block; }
/* /Components/GameClassShowcase.razor.rz.scp.css */
.class-showcase[b-b4i87ff585] { padding-top: 25px; }
.class-showcase__heading[b-b4i87ff585] { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.class-showcase__heading .kicker[b-b4i87ff585] { margin: 0 0 10px; }
.class-showcase__heading h2[b-b4i87ff585] { margin: 0; font: 700 clamp(2.1rem, 4.5vw, 4rem)/1.05 var(--heading, Georgia), Georgia, serif; }
.class-showcase__count[b-b4i87ff585] { color: var(--primary, #d8b86d); font: 700 12px var(--body, system-ui), sans-serif; letter-spacing: .18em; white-space: nowrap; }
.class-showcase__layout[b-b4i87ff585] { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 14px; min-height: 660px; }
.class-showcase__stage[b-b4i87ff585] { position: relative; display: flex; flex-direction: column; justify-content: space-between; isolation: isolate; min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 46%, transparent); background: #10171b; box-shadow: 0 22px 58px #0007; }
.class-showcase__stage[b-b4i87ff585]::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #050909f5 0%, #050909cd 31%, #0509093b 73%, #05090938 100%), linear-gradient(0deg, #050909f5 0%, transparent 45%); content: ""; }
.class-showcase__stage[b-b4i87ff585]::after { position: absolute; inset: 10px; border: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 31%, transparent); pointer-events: none; content: ""; }
.class-showcase__art[b-b4i87ff585] { position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 70% 42%, color-mix(in srgb, var(--primary, #bfa56b) 25%, transparent), #10171b 73%); }
.class-showcase__art img[b-b4i87ff585] { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.class-showcase__art--icon img[b-b4i87ff585] { width: 65%; margin-left: 35%; object-fit: contain; opacity: .46; }
.class-showcase__copy[b-b4i87ff585] { max-width: min(560px, 63%); padding: clamp(40px, 5vw, 76px); padding-bottom: 28px; }
.class-showcase__eyebrow[b-b4i87ff585], .class-showcase__label[b-b4i87ff585] { color: var(--primary, #e0c483); font-size: 10px; font-weight: 800; letter-spacing: .2em; }
.class-showcase__eyebrow[b-b4i87ff585] { margin: 0 0 14px; }
.class-showcase__eyebrow span[b-b4i87ff585] { padding: 0 8px; }
.class-showcase__copy h3[b-b4i87ff585] { margin: 0 0 22px; color: var(--text, #f1eadc); font: 700 clamp(3.2rem, 7.2vw, 7rem)/.94 var(--heading, Georgia), Georgia, serif; letter-spacing: -.045em; overflow-wrap: anywhere; }
.class-showcase__summary[b-b4i87ff585] { max-width: 42ch; margin: 0; color: color-mix(in srgb, var(--text, #deded5) 88%, transparent); font-size: clamp(14px, 1.35vw, 17px); line-height: 1.7; }
.class-showcase__link[b-b4i87ff585] { display: inline-flex; align-items: center; gap: 20px; margin-top: 27px; padding: 12px 0; border-bottom: 1px solid var(--primary, #bfa56b); color: var(--primary, #e0c483); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.class-showcase__link:hover[b-b4i87ff585] { color: var(--text, #fff); }
.class-showcase__facts[b-b4i87ff585] { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(2, minmax(0, 1fr)); align-items: stretch; margin: 0 clamp(23px, 3vw, 42px) clamp(23px, 3vw, 42px); border: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 47%, transparent); background: color-mix(in srgb, var(--background, #0b1013) 91%, black); box-shadow: 0 12px 36px #0009; backdrop-filter: blur(10px); }
.class-showcase__fact[b-b4i87ff585] { min-width: 0; padding: 19px clamp(16px, 2vw, 27px); }
.class-showcase__fact + .class-showcase__fact[b-b4i87ff585] { border-left: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 25%, transparent); }
.class-showcase__label[b-b4i87ff585] { display: block; margin-bottom: 10px; }
.class-showcase__fact strong[b-b4i87ff585] { display: block; color: var(--text, #f1eadc); font: 700 clamp(16px, 1.5vw, 20px)/1.25 var(--heading, Georgia), Georgia, serif; }
.class-showcase__fact p[b-b4i87ff585] { display: -webkit-box; overflow: hidden; margin: 9px 0 0; color: color-mix(in srgb, var(--text, #deded5) 77%, transparent); font-size: 12px; line-height: 1.5; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.class-showcase__unknown[b-b4i87ff585], .class-showcase__loading[b-b4i87ff585] { color: color-mix(in srgb, var(--text, #deded5) 67%, transparent); font-size: 12px; line-height: 1.5; }
.class-showcase__loading[b-b4i87ff585] { grid-column: 1 / -1; margin: 0; padding: 30px; }
.class-showcase__selector[b-b4i87ff585] { display: flex; flex-direction: column; gap: 11px; max-height: 660px; overflow-y: auto; scrollbar-color: var(--primary, #bfa56b) #10171b; }
.class-showcase__choice[b-b4i87ff585] { position: relative; display: grid; flex: 0 0 112px; place-items: center; min-width: 0; padding: 7px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 33%, transparent); background: color-mix(in srgb, var(--surface, #111a1d) 82%, black); color: var(--text, #deded5); cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.class-showcase__choice:hover[b-b4i87ff585], .class-showcase__choice.is-active[b-b4i87ff585] { border-color: var(--primary, #d8b86d); background: color-mix(in srgb, var(--primary, #bfa56b) 15%, var(--surface, #111a1d)); }
.class-showcase__choice.is-active[b-b4i87ff585] { box-shadow: inset 0 0 0 2px var(--primary, #d8b86d); }
.class-showcase__choice:hover[b-b4i87ff585] { transform: translateX(-3px); }
.class-showcase__choice img[b-b4i87ff585] { width: 76px; height: 76px; object-fit: contain; }
.class-showcase__choice > span:first-child[b-b4i87ff585] { font: 700 44px var(--heading, Georgia), Georgia, serif; color: var(--primary, #d8b86d); }
.class-showcase__choice-name[b-b4i87ff585] { overflow: hidden; max-width: 100%; font-size: 10px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 880px) {
  .class-showcase__layout[b-b4i87ff585] { grid-template-columns: minmax(0, 1fr) 88px; min-height: 600px; }
  .class-showcase__selector[b-b4i87ff585] { max-height: 600px; }
  .class-showcase__choice[b-b4i87ff585] { flex-basis: 88px; }
  .class-showcase__choice img[b-b4i87ff585] { width: 56px; height: 56px; }
  .class-showcase__copy[b-b4i87ff585] { max-width: 73%; }
  .class-showcase__facts[b-b4i87ff585] { grid-template-columns: 1fr 1fr; }
  .class-showcase__fact--mechanic[b-b4i87ff585] { grid-column: 1 / -1; border-bottom: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 25%, transparent); }
  .class-showcase__fact:nth-child(2)[b-b4i87ff585] { border-left: 0; }
}
@media (max-width: 620px) {
  .class-showcase__layout[b-b4i87ff585] { display: flex; flex-direction: column; min-height: 0; }
  .class-showcase__stage[b-b4i87ff585] { min-height: 680px; }
  .class-showcase__stage[b-b4i87ff585]::before { background: linear-gradient(0deg, #050909fa 0%, #050909c9 38%, #05090947 75%, #05090936 100%); }
  .class-showcase__art img[b-b4i87ff585] { object-position: 62% center; }
  .class-showcase__art--icon img[b-b4i87ff585] { width: 90%; margin-left: 10%; }
  .class-showcase__copy[b-b4i87ff585] { max-width: 100%; padding: 270px 27px 25px; }
  .class-showcase__copy h3[b-b4i87ff585] { font-size: clamp(3rem, 12vw, 5rem); }
  .class-showcase__facts[b-b4i87ff585] { margin: 0 17px 17px; }
  .class-showcase__selector[b-b4i87ff585] { flex-direction: row; max-height: none; overflow-x: auto; overflow-y: hidden; padding: 2px 0 9px; }
  .class-showcase__choice[b-b4i87ff585] { flex: 0 0 86px; min-height: 88px; }
  .class-showcase__choice:hover[b-b4i87ff585] { transform: translateY(-3px); }
}
@media (max-width: 420px) {
  .class-showcase__facts[b-b4i87ff585] { grid-template-columns: 1fr; }
  .class-showcase__fact + .class-showcase__fact[b-b4i87ff585] { border-left: 0; border-top: 1px solid color-mix(in srgb, var(--primary, #bfa56b) 25%, transparent); }
  .class-showcase__fact--mechanic[b-b4i87ff585] { border-bottom: 0; }
}
/* /Components/Pages/News.razor.rz.scp.css */
.news-filters[b-j21god3h0c] { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; margin-bottom: 28px; }
.news-filters label[b-j21god3h0c] { display: grid; gap: 8px; min-width: 180px; max-width: 100%; color: var(--muted); }
.news-filters select[b-j21god3h0c], .news-filters button[b-j21god3h0c] { max-width: 100%; padding: 10px 14px; border: 1px solid var(--accent); background: var(--surface); color: var(--text); font: inherit; }
.news-filters button[b-j21god3h0c] { cursor: pointer; }
@media (max-width: 600px) { .news-filters label[b-j21god3h0c], .news-filters button[b-j21god3h0c] { width: 100%; } }

.news-sections[b-j21god3h0c] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.news-sections a[b-j21god3h0c] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 100%;
    padding: .65rem 1rem;
    border: 1px solid currentColor;
    overflow-wrap: anywhere;
}

.news-sections a[aria-current="page"][b-j21god3h0c] {
    color: var(--accent, #c7ae7e);
    background: var(--surface, #111a1d);
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: .3em;
}

.news-sections a:focus-visible[b-j21god3h0c] {
    outline: 3px solid var(--accent, #c7ae7e);
    outline-offset: 4px;
}
/* /Components/Pages/NewsDetail.razor.rz.scp.css */
.article-body[b-4ibe1qessr]  img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
}
.article-body[b-4ibe1qessr] { overflow-wrap: anywhere; min-width: 0; }
/* /Components/UniverseCategoryIndex.razor.rz.scp.css */
.universe-category-index--standard[b-clipodhxuc]  .epic-universe-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 20px;
}

.universe-category-index--standard[b-clipodhxuc]  .epic-universe-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    border: 1px solid currentColor;
    border-radius: 12px;
    text-decoration: none;
}

.universe-category-index--standard[b-clipodhxuc]  .epic-universe-card__art {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.universe-category-index--standard[b-clipodhxuc]  .epic-category-icon {
    width: 32px;
    height: 32px;
}

.universe-category-index--standard[b-clipodhxuc]  .epic-universe-card small {
    display: block;
}