@font-face {
    font-family: "Orbitron";
    src: url("../assets/fonts/orbitron/Orbitron-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
}
/* Shared Orga / Syntha identity. Both forums retain the existing forum skin. */
body.cos-realm-mecha {
    --cos-forum-shell: #11171b;
    --cos-forum-panel: #151e24;
    --cos-forum-panel-soft: #1b262e;
    --cos-forum-line: rgba(161, 198, 222, .12);
    --cos-forum-line-strong: rgba(161, 198, 222, .25);
    --cos-forum-text-strong: #e1eaf0;
    --cos-forum-text: #cbd9e2;
    --cos-forum-text-muted: #a3b5c2;
    --cos-forum-accent: #83abc6;
    --cos-forum-accent-soft: #b3cfdf;
}
#wpforo #wpforo-wrap .cos-realm-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 28px 22px; }
body:is(.cos-forum-room-list, .cos-forum-template-post) #wpforo #wpforo-wrap .cos-realm-brand { padding-bottom: 12px; }
#wpforo #wpforo-wrap .cos-realm-wordmark { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 !important; padding: 0 !important; font: 600 clamp(28px, 3.5vw, 38px)/1 "Cinzel", serif !important; letter-spacing: .02em !important; text-transform: none !important; color: var(--cos-forum-text-strong) !important; }
#wpforo #wpforo-wrap .cos-realm-home-link { display: inline-flex; align-items: center; justify-content: center; gap: inherit; color: inherit !important; font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; text-decoration: none !important; }
#wpforo #wpforo-wrap .cos-realm-wordmark img { width: 38px; height: 38px; flex: 0 0 38px; border: 0; }
#wpforo #wpforo-wrap .cos-realm-switch { display: flex; align-items: center; justify-content: center; gap: 28px; width: 100%; max-width: 640px; margin: 38px 0 0; padding: 0; }
#wpforo #wpforo-wrap .cos-realm-switch .cos-realm-tab { position: relative; display: inline-flex !important; flex: 0 1 160px; align-items: center; justify-content: center; min-height: 72px; padding: 6px 10px 24px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #a49e96 !important; text-decoration: none !important; font-size: 21px; line-height: 1.2; font-weight: 500; cursor: pointer; }
#wpforo #wpforo-wrap .cos-realm-tab + .cos-realm-tab::before { content: ""; position: absolute; left: -14px; top: calc(50% - 9px); transform: translateY(-50%); width: 1px; height: 30px; background: linear-gradient(transparent, rgba(190, 180, 156, .32), transparent); pointer-events: none; }
#wpforo #wpforo-wrap .cos-realm-tab--orga { --realm-color: #dfbc87; font-family: "Cinzel", serif; letter-spacing: .035em; }
#wpforo #wpforo-wrap .cos-realm-tab--bridge { --realm-color: #c8c9a7; font-family: "Cinzel", serif; letter-spacing: .035em; }
#wpforo #wpforo-wrap .cos-realm-tab--mecha { --realm-color: #b3cfdf; font-family: "Orbitron", "Space Grotesk", sans-serif; letter-spacing: .07em; text-transform: uppercase !important; }
/* Orbitron capitals are optically larger than Cinzel at the same nominal size. */
#wpforo #wpforo-wrap .cos-realm-tab--mecha .cos-realm-identity > span { font-size: .88em; }
#wpforo #wpforo-wrap .cos-realm-switch .cos-realm-tab[aria-current="page"],
#wpforo #wpforo-wrap .cos-realm-switch .cos-realm-tab:hover { color: var(--realm-color) !important; }
#wpforo #wpforo-wrap .cos-realm-tab .cos-realm-selection { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 96px; height: 14px; color: var(--realm-color); fill: none !important; stroke: currentColor; opacity: 0; pointer-events: none; }
#wpforo #wpforo-wrap .cos-realm-tab .cos-realm-selection * { fill: none !important; }
#wpforo #wpforo-wrap .cos-realm-tab[aria-current="page"] .cos-realm-selection { opacity: 1; }
#wpforo #wpforo-wrap .cos-realm-tab:focus-visible { outline: 2px solid var(--realm-color); outline-offset: 5px; }
#wpforo #wpforo-wrap .cos-realm-identity { display: inline-flex !important; align-items: center; gap: 12px; }
#wpforo #wpforo-wrap .cos-realm-description { max-width: 620px; margin: 22px auto 0 !important; padding: 0 !important; font: 400 14px/1.7 "DM Sans", sans-serif !important; letter-spacing: 0 !important; color: var(--cos-forum-text-muted) !important; text-align: center; text-wrap: pretty; }
#wpforo #wpforo-wrap .cos-realm-emblem { display: block; width: 40px; height: 40px; flex: 0 0 40px; }
body.cos-forum-home.cos-realm-orga #wpforo #wpforo-wrap .wpforo-section > .wpforo-category { display: none !important; }
body.cos-forum-home.cos-realm-orga #wpforo #wpforo-wrap .wpforo-section > .wpforo-category::before { content: none !important; }
body.cos-realm-mecha:not(.cos-forum-template-post) #wpforo #wpforo-wrap { background: var(--cos-forum-shell) !important; border-color: var(--cos-forum-line) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .post-wrap { background: var(--cos-forum-shell) !important; border-color: var(--cos-forum-line) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-topic-headline-title,
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-topic-headline-title-text,
body.cos-realm-mecha #wpforo #wpforo-wrap .wpforo-post-content { color: var(--cos-forum-text-strong) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-topic-byline-label,
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-latest-time,
body.cos-realm-mecha #wpforo #wpforo-wrap .wpf-post-date,
body.cos-realm-mecha #wpforo #wpforo-wrap .head-title { color: var(--cos-forum-text-muted) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-author-status,
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-author-flag { background: var(--cos-forum-panel) !important; color: var(--cos-forum-accent-soft) !important; border-color: var(--cos-forum-line-strong) !important; }
body.cos-realm-mecha #wpforo.cos-mecha #wpforo-wrap button.mecha-text-button { background: transparent !important; color: var(--cos-forum-text-muted) !important; border-color: transparent !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .wpforo-topic-title a { font-weight: 600 !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .wpforo-post-head .wpf-post-info .cos-forum-topic-headline-title .cos-forum-topic-headline-title-text { color: var(--cos-forum-text-strong) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .wpforo-post .author-avatar .mecha-avatar .cos-realm-emblem { fill: none !important; color: var(--cos-forum-accent-soft) !important; stroke: currentColor; }
body.cos-realm-mecha #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content-top { border: 0 !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-author-summary-value a { color: var(--cos-forum-accent-soft) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-post-tools .cos-forum-upvote { background: var(--cos-forum-panel) !important; border-color: var(--cos-forum-line-strong) !important; color: var(--cos-forum-text-muted) !important; }
body.cos-realm-mecha #wpforo #wpforo-wrap .cos-forum-post-tools .cos-forum-upvote-count { color: var(--cos-forum-accent-soft) !important; }
body.cos-realm-mecha.cos-forum-home #wpforo #wpforo-wrap .cos-forum-home-row:hover { background: rgba(161,198,222,.04) !important; }
@media (max-width: 768px) {
    #wpforo #wpforo-wrap .cos-realm-switch { margin-top: 30px; gap: 6px; }
    #wpforo #wpforo-wrap .cos-realm-switch .cos-realm-tab { min-height: 70px; padding: 6px 4px 24px !important; font-size: 16px; }
    #wpforo #wpforo-wrap .cos-realm-tab + .cos-realm-tab::before { left: -3px; }
    #wpforo #wpforo-wrap .cos-realm-identity { flex-direction: column; gap: 12px; }
    #wpforo #wpforo-wrap .cos-realm-tab .cos-realm-selection { width: 78px; }
    #wpforo #wpforo-wrap .cos-realm-emblem { width: 36px; height: 36px; flex-basis: 36px; }
    #wpforo #wpforo-wrap .cos-realm-description { margin-top: 20px !important; }
    #wpforo #wpforo-wrap .cos-realm-brand { padding: 12px 22px 22px; }
    #wpforo #wpforo-wrap .cos-realm-wordmark { gap: 12px; font-size: 28px !important; }
    /* The shared Arena must fit large totals in both list and discussion views. */
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-topic-title-card,
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-scoreboard { min-width: 0 !important; grid-template-columns: minmax(0, 1fr) !important; }
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-scoreboard-head { min-width: 0 !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-scoreboard--preview .cos-arena-scoreboard-head { grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important; }
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-scoreboard .cos-arena-score-label { min-width: 0 !important; flex-wrap: wrap !important; gap: 4px !important; font-size: 11px !important; letter-spacing: .06em !important; }
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-scoreboard .cos-arena-score-label strong { flex-basis: 100% !important; }
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-score-label-defend strong { text-align: left !important; }
    body.cos-forum-arena #wpforo #wpforo-wrap .cos-arena-score-label-attack strong { text-align: right !important; }
}

#wpforo #wpforo-wrap .cos-realm-switch .cos-realm-emblem { color: var(--realm-color) !important; fill: none !important; stroke: currentColor !important; }
#wpforo #wpforo-wrap .cos-realm-switch .cos-realm-emblem * { fill: none !important; }
#wpforo #wpforo-wrap .cos-realm-switch .cos-realm-emblem [fill="currentColor"] { fill: currentColor !important; }

/* Account marks use the same outline logos, including room lists without the post skin. */
#wpforo #wpforo-wrap .cos-account-emblem { display: inline-flex; width: 20px; height: 20px; margin-inline-end: 7px; vertical-align: -4px; flex: 0 0 20px; }
#wpforo #wpforo-wrap .cos-account-emblem .cos-realm-emblem { width: 20px !important; min-width: 0 !important; max-width: 20px !important; height: 20px !important; flex: 0 0 20px !important; fill: none !important; stroke: currentColor; }
#wpforo #wpforo-wrap .cos-account-emblem--orga { color: #dfbd7e; }
#wpforo #wpforo-wrap .cos-account-emblem--syntha { color: #a9c8d7; }