/* === COBALT THEME OVERRIDES === */

/* Hide old nav/hero elements replaced by new structure */
.acro-nav, .acro-hero-grid, .acro-home-overview,
.acro-play-panel, .acro-section-heading { display: none !important; }

/* Cobalt design system refinements */
:root {
    --cobalt-page: #090d14;
    --cobalt-panel: rgba(18, 24, 34, .92);
    --cobalt-panel-soft: rgba(22, 27, 38, .8);
    --cobalt-panel-hover: rgba(34, 211, 238, .075);
    --cobalt-line: rgba(255, 255, 255, .075);
    --cobalt-line-soft: rgba(255, 255, 255, .055);
    --cobalt-text: rgba(231, 238, 244, .9);
    --cobalt-muted: rgba(184, 197, 209, .74);
    --cobalt-dim: rgba(166, 180, 194, .68);
    --cobalt-cyan: #22d3ee;
    --cobalt-cyan-hover: #67e8f9;
    --cobalt-cyan-deep: #0b758a;
    --cobalt-cyan-soft: rgba(34, 211, 238, .09);
    --cobalt-focus: 0 0 0 3px rgba(34, 211, 238, .24);
    --cobalt-shadow: 0 18px 46px rgba(0, 0, 0, .18);
    --radius-xs: .32rem;
    --radius-sm: .45rem;
    --radius: .5rem;
    --radius-lg: .65rem;
    --container: 1120px;
    --container-wide: 1200px;
    --container-gutter: 1.25rem;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 2rem;
    --text-xs: .72rem;
    --text-sm: .82rem;
    --text-md: .9rem;
    --text-lg: 1.08rem;
    --text-xl: 1.32rem;
    --button-height: 36px;
    --input-height: 38px;
    --avatar-sm: 34px;
    --avatar-md: 44px;
    --avatar-lg: 74px;
    --primary: var(--cobalt-cyan);
    --primary-soft: var(--cobalt-cyan-soft);
    --accent-border: rgba(34, 211, 238, .28);
    --accent-border-strong: rgba(34, 211, 238, .45);
    --focus-ring: var(--cobalt-focus);
    --shadow-card: var(--cobalt-shadow);
    --card-border: var(--cobalt-line);
    --card-bg: var(--cobalt-panel);
    --card-bg-hover: rgba(24, 32, 44, .96);
}

:where(a, button, input, textarea, select, .ui.dropdown, .ui.button, [tabindex]):focus-visible {
    outline: 0;
    box-shadow: var(--focus-ring) !important;
}

/* Container */
.acro-container {
    width: min(var(--container-wide), calc(100% - (var(--container-gutter) * 2)));
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

.acro-container--narrow {
    width: min(var(--container), calc(100% - (var(--container-gutter) * 2)));
    margin: 0 auto;
}

.acro-card,
.acro-widget,
.acro-panel {
    border: 1px solid var(--card-border);
    border-radius: var(--radius);
    color: var(--cobalt-text);
    background: var(--card-bg);
    box-shadow: var(--shadow-card);
}

.acro-widget > .content,
.acro-panel__body {
    padding: var(--space-5);
}

.acro-row,
.acro-forum-row {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    min-height: 64px;
    padding: var(--space-4) var(--space-5);
    border-top: 1px solid var(--cobalt-line-soft);
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.acro-row:hover,
.acro-forum-row:hover {
    border-color: var(--accent-border);
    background: linear-gradient(90deg, var(--cobalt-panel-hover), rgba(255, 255, 255, .03));
}

.acro-avatar,
.acro-avatar-sm,
.acro-avatar-md,
.acro-avatar-lg {
    display: inline-block;
    flex: 0 0 auto;
    border-radius: var(--radius);
    object-fit: cover;
    background: rgba(255, 255, 255, .05);
}

.acro-avatar,
.acro-avatar-sm {
    width: var(--avatar-sm);
    height: var(--avatar-sm);
}

.acro-avatar-md {
    width: var(--avatar-md);
    height: var(--avatar-md);
}

.acro-avatar-lg {
    width: var(--avatar-lg);
    height: var(--avatar-lg);
    border: 2px solid rgba(34, 211, 238, .14);
}

/* === TOP NAVBAR === */
.acro-topnav {
    position: sticky; top: 0; z-index: 100;
    background: rgba(18, 18, 24, .95);
    border-bottom: 1px solid var(--cobalt-line-soft);
    backdrop-filter: blur(12px);
}
.acro-topnav-inner {
    width: min(var(--container-wide), calc(100% - (var(--container-gutter) * 2)));
    max-width: none; margin: 0 auto; padding: 0;
    display: flex; align-items: center; justify-content: center;
    height: 56px; position: relative;
}
.acro-nav-center { display: flex; align-items: center; gap: 4px; }
.acro-nav-link {
    display: inline-flex; align-items: center; gap: .45rem;
    padding: .55rem 1rem; border-radius: var(--radius-sm);
    color: rgba(255,255,255,.55); font-size: .9rem; font-weight: 500;
    text-decoration: none; transition: all .15s;
}
.acro-nav-link:hover { background: rgba(255,255,255,.06); color: rgba(255,255,255,.9); }
.acro-nav-link.active { background: rgba(34,211,238,.08); color: var(--cobalt-cyan); }
.acro-nav-link i.icon { font-size: .9em; margin: 0; }

/* Dropdown items in nav */
.acro-nav-link.ui.dropdown .menu { background: rgba(22,27,38,.98) !important; border: 1px solid var(--cobalt-line) !important; }
.acro-nav-link.ui.dropdown .menu .item { color: rgba(255,255,255,.6) !important; }
.acro-nav-link.ui.dropdown .menu .item:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }

/* User buttons (right side) */
.acro-nav-user {
    position: absolute; right: 0; top: 50%; transform: translateY(-50%);
    display: flex; align-items: center; gap: .5rem;
}
.acro-user-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: var(--button-height); height: var(--button-height); border-radius: var(--radius-sm);
    color: rgba(255,255,255,.5); font-size: 1rem;
    background: transparent; border: 1px solid rgba(255,255,255,.08);
    cursor: pointer; transition: all .15s; text-decoration: none;
}
.acro-user-btn:hover { background: rgba(255,255,255,.06); color: #fff; border-color: rgba(255,255,255,.15); }
.acro-user-btn.red, .acro-user-btn.red:hover { border-color: rgba(239,68,68,.4); background: rgba(239,68,68,.1); color: #fca5a5; }
.acro-user-btn--panel { border-color: rgba(34,211,238,.25); color: var(--cobalt-cyan); }
.acro-user-btn--panel:hover { background: rgba(34,211,238,.1); }

/* Mobile toggle */
.acro-mobile-toggle {
    display: none; position: absolute; left: 0;
    background: none; border: none; color: rgba(255,255,255,.6);
    font-size: 1.3rem; cursor: pointer; padding: .4rem;
}

/* === HERO HEADER === */
.acro-hero {
    position: relative; overflow: hidden;
    background: linear-gradient(135deg, #0a0f1a 0%, #0d1520 50%, #0a1018 100%);
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.acro-hero-overlay {
    position: absolute; inset: 0;
    background: url('../img/hero-bg.png') center/cover no-repeat;
    opacity: .25;
}
.acro-hero[style*="--hero-bg"] .acro-hero-overlay { background-image: var(--hero-bg); }
.acro-hero-overlay::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to right, rgba(10,15,26,.9) 0%, rgba(10,15,26,.6) 50%, rgba(10,15,26,.9) 100%);
}
.acro-hero-content {
    position: relative; z-index: 1;
    width: min(var(--container-wide), calc(100% - (var(--container-gutter) * 2)));
    max-width: none; margin: 0 auto; padding: 2.25rem 0;
    display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
    flex-wrap: wrap;
}
.acro-hero-logo { text-align: center; flex: 1; }
.acro-hero-logo h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: -.02em; color: #fff; margin: 0; }
.acro-text-cyan { color: var(--cobalt-cyan); text-shadow: 0 0 20px rgba(34,211,238,.4); }

/* Status cards (server + discord) */
.acro-status-card {
    display: flex; align-items: center; gap: .8rem;
    background: rgba(20,25,35,.85); border: 1px solid var(--cobalt-line);
    border-radius: var(--radius); padding: .75rem 1.1rem;
    backdrop-filter: blur(8px); min-width: 240px;
}
.acro-status-play {
    width: 42px; height: 42px; border-radius: 50%;
    background: rgba(34,211,238,.15); color: var(--cobalt-cyan);
    border: none; cursor: pointer; display: flex;
    align-items: center; justify-content: center; font-size: 1rem;
    transition: background .15s;
}
.acro-status-play:hover { background: rgba(34,211,238,.25); }
.acro-status-play i.icon { margin: 0; }
.acro-status-info { display: flex; flex-direction: column; gap: 3px; }
.acro-status-count { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--cobalt-cyan); }
.acro-status-ip { font-size: .85rem; color: rgba(255,255,255,.5); }
.acro-copy-hint { font-size: .7em; opacity: .5; margin-left: 2px; }

/* Discord card */
.acro-discord-icon {
    width: 42px; height: 42px; border-radius: 50%;
    background: rgba(88,101,242,.15); color: #5865f2;
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.acro-discord-count { color: #5865f2 !important; }
.acro-discord-join {
    margin-left: auto; padding: .4rem;
    color: rgba(255,255,255,.4); border-radius: 4px;
    transition: all .15s; text-decoration: none;
}
.acro-discord-join:hover { background: rgba(255,255,255,.06); color: #fff; }

/* === WELCOME + STORE ROW === */
.acro-welcome-row {
    display: grid; grid-template-columns: 1fr 200px; gap: 1rem;
    margin: 1.5rem 0;
}
.acro-welcome-card {
    display: flex; align-items: center; gap: 1.1rem;
    background: var(--cobalt-panel-soft); border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius); padding: 1.1rem 1.4rem;
}
.acro-welcome-icon {
    width: 56px; height: 56px; border-radius: 8px; overflow: hidden;
    background: rgba(255,255,255,.05); flex-shrink: 0;
}
.acro-welcome-icon img { width: 100%; height: 100%; object-fit: cover; }
.acro-welcome-text { flex: 1; }
.acro-welcome-text h2 { font-size: 1.15rem; font-weight: 700; margin: 0 0 .25rem; }
.acro-welcome-text p { font-size: .88rem; color: rgba(255,255,255,.5); margin: 0; }
.acro-welcome-actions { display: flex; gap: .5rem; flex-shrink: 0; }

/* Buttons */
.acro-btn {
    display: inline-flex; align-items: center; gap: .4rem;
    min-height: var(--button-height);
    padding: 0 1.2rem; border-radius: var(--radius-sm);
    font-size: .88rem; font-weight: 600; text-decoration: none;
    cursor: pointer; transition: all .15s; border: none; line-height: 1;
}
.acro-btn--primary { background: var(--cobalt-cyan); color: #0a0f1a !important; }
.acro-btn--primary:hover { background: var(--cobalt-cyan-hover); color: #0a0f1a !important; }
.acro-btn--primary i.icon { color: #0a0f1a !important; margin: 0 0 0 .2rem; }
.acro-btn--outline { background: transparent; color: var(--cobalt-cyan); border: 1px solid rgba(34,211,238,.35); }
.acro-btn--outline:hover { background: rgba(34,211,238,.08); color: var(--cobalt-cyan); }
.acro-btn--sm { padding: .45rem .9rem; font-size: .82rem; }

/* Store banner */
.acro-store-banner {
    display: flex; align-items: center; justify-content: space-between;
    gap: .75rem; padding: 1.1rem; border-radius: var(--radius);
    background: linear-gradient(135deg, rgba(22,27,38,.8), rgba(34,211,238,.08));
    border: 1px solid rgba(34,211,238,.2);
    text-decoration: none; transition: all .2s;
}
.acro-store-banner:hover { border-color: rgba(34,211,238,.4); box-shadow: 0 4px 20px rgba(34,211,238,.08); }
.acro-store-text h3 { font-size: 1.15rem; font-weight: 800; font-style: italic; color: var(--cobalt-cyan); margin: 0; }
.acro-store-text p { font-size: .8rem; color: rgba(255,255,255,.5); margin: .15rem 0 0; }
.acro-store-icon {
    width: 42px; height: 42px; border-radius: 8px;
    background: rgba(34,211,238,.15); color: var(--cobalt-cyan);
    display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0;
}

/* === CONTENT AREA SIZE BOOST === */
.ui.container { font-size: 1rem; }
.ui.card > .content > .header, .ui.cards > .card > .content > .header { font-size: 1.15em; }
.ui.card > .content > .description, .ui.cards > .card > .content > .description { font-size: .95em; line-height: 1.6; }
.ui.card > .content > .meta, .ui.cards > .card > .content > .meta { font-size: .88em; }
.ui.card > .extra, .ui.cards > .card > .extra { font-size: .9em; padding: .9em 1.1em !important; }
.ui.card > .content, .ui.cards > .card > .content { padding: 1.1em 1.2em !important; }
.ui.header { font-size: 1.3em; }
h2.ui.header { font-size: 1.5rem; margin-bottom: 1rem; }

/* Inputs and search */
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.input > input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
.acro-input,
.acro-search {
    min-height: var(--input-height);
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--cobalt-text) !important;
    background: rgba(12, 17, 25, .96) !important;
    box-shadow: none !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.ui.form input:focus,
.ui.form textarea:focus,
.ui.input > input:focus,
.acro-input:focus,
.acro-search:focus {
    border-color: var(--accent-border-strong) !important;
    color: #fff !important;
    background: rgba(18, 25, 35, .98) !important;
    box-shadow: var(--focus-ring) !important;
}

.ui.input > input::placeholder,
.ui.form input::placeholder,
.ui.form textarea::placeholder,
.acro-input::placeholder,
.acro-search::placeholder {
    color: rgba(166, 180, 194, .58) !important;
}

.ui.search > .results {
    overflow: hidden;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: var(--cobalt-panel) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .36) !important;
}

.ui.search > .results .result {
    border-color: var(--cobalt-line-soft) !important;
    color: var(--cobalt-text) !important;
    background: transparent !important;
}

.ui.search > .results .result:hover {
    background: var(--cobalt-panel-hover) !important;
}

.ui.search > .results .result .title {
    color: var(--cobalt-cyan) !important;
}

.ui.search > .results .result .description {
    color: var(--cobalt-muted) !important;
}

/* Sidebar widgets */
.ui.fluid.card {
    border-radius: var(--radius) !important; margin-bottom: 1rem !important;
    background: var(--cobalt-panel-soft) !important;
    border: 1px solid var(--cobalt-line-soft) !important;
    box-shadow: none !important;
}
.ui.fluid.card > .content {
    padding: 1.1rem 1.2rem !important;
    border-top: 1px solid var(--cobalt-line-soft) !important;
}
.ui.fluid.card > .content:first-child { border-top: none !important; }
.ui.fluid.card > .content > h4.ui.header,
.ui.fluid.card > .content > .header:first-child {
    font-size: var(--text-lg); color: var(--cobalt-cyan) !important; margin-bottom: .7rem;
    font-weight: 700;
}
/* Widget stat rows */
.ui.fluid.card .ui.list .item { font-size: .9rem; padding: .5rem 0 !important; }
.ui.fluid.card .ui.list .item .right.floated { color: rgba(255,255,255,.7); font-weight: 600; }
/* Latest posts widget links */
.ui.fluid.card a { color: var(--cobalt-cyan) !important; }
.ui.fluid.card a:hover { color: var(--cobalt-cyan-hover) !important; }
/* Widget meta text */
.ui.fluid.card .meta, .ui.fluid.card .description { color: rgba(255,255,255,.5) !important; }

/* Forum category rows - bigger with more breathing room */
.ui.segment {
    padding: 1.2rem !important;
    background: var(--cobalt-panel-soft) !important;
    border: 1px solid var(--cobalt-line-soft) !important;
    border-radius: var(--radius) !important; box-shadow: none !important;
}
.ui.segment .ui.divided.list > .item { padding: .85rem .5rem !important; font-size: .95rem; }
.ui.segment .ui.divided.list > .item .header { font-size: 1.05rem; }
/* Forum category headers */
.forum-category-header, .ui.segment > h4, .ui.segment > .header {
    font-size: 1.1rem !important; font-weight: 700;
    color: rgba(255,255,255,.85) !important;
}

/* === FOOTER === */
.acro-footer {
    background: rgba(14,17,24,1); border-top: 1px solid var(--cobalt-line-soft);
    margin-top: 3rem; padding: 0;
}
.acro-footer .acro-container { padding-top: 2.5rem; padding-bottom: 1.5rem; }
.acro-footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; }
.acro-footer-heading {
    font-size: 1.1rem; font-weight: 700; color: var(--cobalt-cyan); margin: 0 0 .75rem;
    display: flex; align-items: center; gap: .5rem;
}
.acro-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.acro-dot--green { background: #22c55e; }
.acro-dot--cyan { background: var(--cobalt-cyan); }
.acro-footer-col p { font-size: .9rem; color: rgba(255,255,255,.5); margin: 0 0 .75rem; line-height: 1.5; }
.acro-footer-ip {
    display: inline-flex; align-items: center; gap: .5rem;
    background: rgba(255,255,255,.06); border: 1px solid var(--cobalt-line);
    border-radius: var(--radius-sm); padding: .5rem .9rem;
    color: rgba(255,255,255,.8); font-size: .88rem; cursor: pointer; transition: all .15s;
}
.acro-footer-ip:hover { background: rgba(255,255,255,.1); }
.acro-footer-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .5rem; }
.acro-footer-links a { color: rgba(255,255,255,.5); font-size: .9rem; text-decoration: none; transition: color .15s; }
.acro-footer-links a:hover { color: #fff; }
.acro-footer-bottom {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--cobalt-line-soft);
}
.acro-footer-bottom p { font-size: .85rem; color: rgba(255,255,255,.45); margin: 0; }
.acro-footer-disclaimer { font-size: .75rem !important; margin-top: .25rem !important; opacity: .6; }
.acro-footer-credit { margin-top: .35rem !important; color: rgba(255,255,255,.52) !important; }
.acro-footer-credit a { color: var(--cobalt-cyan) !important; font-weight: 800; text-decoration: none; }
.acro-footer-credit a:hover { color: var(--cobalt-cyan-hover) !important; }
.acro-footer-social { display: flex; gap: .75rem; }
.acro-footer-social a { color: rgba(255,255,255,.4); font-size: 1.2rem; transition: color .15s; text-decoration: none; }
.acro-footer-social a:hover { color: #fff; }

/* === POPUPS === */
.acro-user-popup.ui.popup, .ui.wide.popup {
    background: rgba(22,27,38,.98) !important;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.5) !important;
    z-index: 9999 !important; min-width: 220px;
}
.acro-user-popup .ui.header, .ui.wide.popup .ui.header { color: #fff !important; }
.acro-user-popup .item, .ui.wide.popup .item {
    color: rgba(255,255,255,.6) !important;
    border-radius: 4px !important; padding: .55rem .65rem !important; transition: background .12s !important;
}
.acro-user-popup .item:hover, .ui.wide.popup .item:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }

/* === NEWS CARDS === */
.acro-news-card.ui.card, .acro-news-card.ui.fluid.card {
    background: var(--cobalt-panel-soft) !important;
    border: 1px solid var(--cobalt-line-soft) !important;
    border-radius: var(--radius) !important; box-shadow: none !important;
}
.acro-news-card .header a { color: var(--cobalt-cyan) !important; font-size: 1.1rem; }
.acro-news-card .meta { color: rgba(255,255,255,.4) !important; }
.acro-news-card .description { font-size: .95rem !important; line-height: 1.65; }

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .acro-nav-center { display: none; }
    .acro-mobile-toggle { display: block; }
    .acro-nav-user { right: 0; }
    .acro-hero-content { flex-direction: column; padding: 1.5rem 0; text-align: center; }
    .acro-status-card { min-width: unset; width: 100%; justify-content: center; }
    .acro-hero-logo h1 { font-size: 1.8rem; }
    .acro-welcome-row { grid-template-columns: 1fr; }
    .acro-welcome-card { flex-direction: column; text-align: center; }
    .acro-welcome-actions { justify-content: center; }
    .acro-footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .acro-footer-bottom { flex-direction: column; text-align: center; gap: .75rem; }
}

/* === ACRO POLISH PASS: darker UI, better forum pages, Minecraft texture === */

.acro-topnav {
    background: rgba(9, 11, 17, .92);
}

.acro-nav-link {
    border: 1px solid transparent;
}

.acro-nav-link:hover {
    border-color: rgba(34, 211, 238, .14);
}

.acro-nav-link.active {
    border-color: rgba(34, 211, 238, .28);
    background: linear-gradient(180deg, rgba(34, 211, 238, .14), rgba(34, 211, 238, .06));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.acro-hero {
    isolation: isolate;
    min-height: 300px;
    background: #07111a;
}

.acro-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(34, 211, 238, .26) 2px, transparent 2px),
        linear-gradient(90deg, rgba(145, 231, 255, .2) 2px, transparent 2px),
        linear-gradient(rgba(255, 255, 255, .11) 1px, transparent 1px);
    background-size: 118px 118px, 118px 118px, 42px 42px;
    background-position: 12px 18px, 74px 46px, 0 0;
    opacity: .2;
    image-rendering: pixelated;
    animation: acro-pixel-drift 28s linear infinite;
}

.acro-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    height: 48%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(9, 9, 11, .92) 70%, #09090b);
}

.acro-hero-overlay {
    opacity: .44;
    filter: saturate(1.12) contrast(1.08);
    transform: scale(1.02);
}

.acro-hero-overlay::after {
    background:
        linear-gradient(90deg, rgba(7, 13, 22, .86), rgba(7, 13, 22, .5) 48%, rgba(7, 13, 22, .86)),
        linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .72));
}

.acro-hero-content {
    min-height: 300px;
    padding: 4rem 1.25rem 4.8rem;
}

.acro-hero-logo h1 {
    letter-spacing: 0;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .42);
}

.acro-status-card,
.acro-welcome-card,
.acro-store-banner,
.ui.fluid.card,
.ui.segment,
#topic-post.ui.segments,
.acro-topic-post.ui.segments {
    box-shadow: var(--shadow-card) !important;
}

@keyframes acro-pixel-drift {
    from { background-position: 12px 18px, 74px 46px, 0 0; }
    to { background-position: 12px 136px, 74px 164px, 0 84px; }
}

@media (prefers-reduced-motion: reduce) {
    .acro-hero::before {
        animation: none;
    }
}

/* Buttons */
.ui.button,
.ui.buttons .button,
button.ui.button,
input.ui.button,
.ui.form input[type="submit"].ui.button {
    min-height: 36px;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--cobalt-text) !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    text-shadow: none !important;
}

.ui.button:hover,
.ui.buttons .button:hover,
button.ui.button:hover {
    border-color: rgba(34, 211, 238, .2) !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .085) !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.teal.button,
.acro-btn--primary {
    border-color: rgba(34, 211, 238, .45) !important;
    color: #f8feff !important;
    background: linear-gradient(180deg, #179fba, var(--cobalt-cyan-deep)) !important;
    box-shadow: 0 0 0 1px rgba(34, 211, 238, .07), 0 10px 24px rgba(6, 182, 212, .12) !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.teal.button:hover,
.acro-btn--primary:hover {
    color: #fff !important;
    background: linear-gradient(180deg, #20b4cf, #0d8299) !important;
}

.acro-btn--primary i.icon,
.ui.primary.button i.icon,
.ui.teal.button i.icon {
    color: inherit !important;
}

.ui.positive.button,
.ui.green.button,
.ui.green.buttons .button,
.ui.form .ui.positive.button {
    border: 1px solid rgba(34, 211, 238, .42) !important;
    color: #fff !important;
    background: linear-gradient(180deg, #22c9e4, #0c8ca5) !important;
    box-shadow: 0 9px 20px rgba(12, 140, 165, .18) !important;
}

.ui.positive.button:hover,
.ui.green.button:hover,
.ui.green.buttons .button:hover {
    background: linear-gradient(180deg, #3bdcf0, #109bb7) !important;
}

.ui.negative.button,
.ui.red.button,
.ui.red.buttons .button {
    border: 1px solid rgba(34, 211, 238, .22) !important;
    color: rgba(225, 236, 245, .9) !important;
    background: rgba(255, 255, 255, .055) !important;
    box-shadow: none !important;
}

.ui.negative.button:hover,
.ui.red.button:hover,
.ui.red.buttons .button:hover {
    border-color: rgba(34, 211, 238, .42) !important;
    color: #fff !important;
    background: rgba(34, 211, 238, .1) !important;
}

.ui.basic.button,
.ui.basic.buttons .button,
.ui.grey.basic.button,
.fluid.ui.grey.basic.button,
.acro-btn--outline {
    border-color: rgba(255, 255, 255, .09) !important;
    color: rgba(226, 232, 240, .82) !important;
    background: rgba(255, 255, 255, .035) !important;
}

.ui.basic.button:hover,
.ui.basic.buttons .button:hover,
.ui.grey.basic.button:hover,
.fluid.ui.grey.basic.button:hover,
.acro-btn--outline:hover {
    border-color: rgba(34, 211, 238, .26) !important;
    color: var(--cobalt-cyan) !important;
    background: rgba(34, 211, 238, .075) !important;
}

.fluid.ui.grey.basic.button,
.acro-news-card .ui.primary.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 118px;
}

/* Tables and white-strip cleanup */
.ui.table,
body.dark .ui.table {
    border-color: var(--cobalt-line) !important;
    color: var(--cobalt-text) !important;
    background: var(--cobalt-panel) !important;
    box-shadow: none !important;
}

.ui.table thead,
.ui.table thead tr,
.ui.table thead th,
.ui.table thead tr:first-child > th,
.ui.table tfoot,
.ui.table tfoot th {
    border-color: rgba(255, 255, 255, .07) !important;
    color: var(--cobalt-text) !important;
    background: #121923 !important;
}

.ui.table tbody tr,
.ui.table tbody td,
.ui.table tr td {
    border-color: var(--cobalt-line-soft) !important;
    color: rgba(209, 220, 230, .82) !important;
    background: transparent !important;
}

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr:hover {
    color: #fff !important;
    background: rgba(34, 211, 238, .055) !important;
}

/* Home news images */
.acro-news-card {
    overflow: hidden;
}

.acro-news-image {
    display: block;
    min-height: 190px;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    background:
        linear-gradient(180deg, rgba(6, 9, 14, .06), rgba(6, 9, 14, .68)),
        url("../img/hero-bg.png") center/cover no-repeat;
    position: relative;
}

.acro-news-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 18px 18px;
    opacity: .24;
    mix-blend-mode: screen;
}

.acro-news-card:nth-of-type(6n+2) .acro-news-image {
    background-position: center 34%;
    filter: hue-rotate(18deg) saturate(1.08);
}

.acro-news-card:nth-of-type(6n+3) .acro-news-image {
    background-position: center 62%;
    filter: hue-rotate(-22deg) saturate(1.12);
}

.acro-news-card:nth-of-type(6n+4) .acro-news-image {
    background-position: 42% center;
    filter: brightness(1.12) saturate(1.1);
}

.acro-news-card:nth-of-type(6n+5) .acro-news-image {
    background-position: 58% center;
    filter: hue-rotate(42deg) saturate(1.05);
}

.acro-news-card .extra.content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.acro-news-card .ui.primary.button {
    color: #fff !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .24) !important;
}

.acro-news-card .extra.content .author {
    color: rgba(203, 213, 225, .74);
}

/* Sidebar widgets */
.ui.fluid.card,
.ui.fluid.card > .content,
.ui.fluid.card > .extra.content {
    color: rgba(211, 222, 232, .82) !important;
}

.ui.fluid.card .description,
.ui.fluid.card p,
.ui.fluid.card span,
.ui.fluid.card td,
.ui.fluid.card .item {
    color: rgba(184, 197, 209, .74);
}

.ui.fluid.card .ui.list > .item .header,
.ui.fluid.card .ui.list > .item .content > .header,
#widget-latest-posts a.header {
    color: #27d7f0 !important;
}

.ui.fluid.card .meta,
.ui.fluid.card .sub.header,
.ui.fluid.card .ui.list > .item .description,
#widget-latest-posts .item span {
    color: rgba(166, 180, 194, .68) !important;
}

.acro-latest-posts-card .ui.relaxed.list {
    margin: 0;
}

.acro-latest-posts-card .ui.relaxed.list + .ui.relaxed.list {
    margin-top: .9rem;
}

.acro-latest-posts-card .acro-latest-post-item {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    width: 100%;
}

.acro-latest-posts-card img.ui.mini.circular.image {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    margin: .1rem 0 0 !important;
    border-radius: 8px !important;
    object-fit: cover;
    flex: 0 0 34px;
}

.acro-latest-posts-card .acro-latest-post-copy {
    min-width: 0;
    flex: 1 1 auto;
    line-height: 1.28;
}

.acro-latest-posts-card a.header {
    display: block !important;
    margin: 0 0 .12rem !important;
    color: #27d7f0 !important;
    font-size: .88rem !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
}

.acro-latest-posts-card .acro-latest-post-copy > a:not(.header) {
    color: #22d3ee !important;
    font-size: .82rem;
}

.acro-latest-posts-card .acro-latest-post-copy span {
    color: rgba(165, 180, 194, .62) !important;
    font-size: .78rem;
}

.acro-discord-widget,
aside iframe[src*="discord.com/widget"] {
    display: block;
    width: 100%;
    margin-top: 1rem;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(34, 211, 238, .08), transparent 45%),
        rgba(18, 24, 34, .92);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .22);
}

.acro-discord-widget {
    padding: 1rem;
}

.acro-discord-widget__header {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
}

.acro-discord-widget__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    color: #dff8ff;
    font-weight: 900;
    background: linear-gradient(135deg, #5865f2, #22d3ee);
    box-shadow: 0 0 22px rgba(34, 211, 238, .18);
}

.acro-discord-widget__copy {
    min-width: 0;
}

.acro-discord-widget__title {
    color: #27d7f0;
    font-weight: 900;
    line-height: 1.15;
}

.acro-discord-widget__muted {
    margin: .18rem 0 0;
    color: rgba(184, 197, 209, .72);
    font-size: .82rem;
    line-height: 1.35;
}

.acro-discord-widget__chips {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 .85rem;
}

.acro-discord-widget__chip {
    max-width: 100%;
    padding: .28rem .5rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 7px;
    color: rgba(221, 233, 242, .84);
    background: rgba(255, 255, 255, .045);
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acro-discord-widget__members {
    display: grid;
    gap: .45rem;
    margin: 0 0 .9rem;
}

.acro-discord-widget__member {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .5rem;
}

.acro-discord-widget__avatar {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 6px;
    object-fit: cover;
}

.acro-discord-widget__member-name {
    min-width: 0;
    overflow: hidden;
    color: rgba(229, 239, 246, .86);
    font-size: .82rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acro-discord-widget__join {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 34px;
    border-radius: 7px;
    color: #fff !important;
    font-size: .82rem;
    font-weight: 900;
    background: linear-gradient(180deg, #28c9e4, #0795b6);
    box-shadow: 0 8px 22px rgba(34, 211, 238, .22);
}

.acro-discord-widget__join:hover {
    color: #fff !important;
    filter: brightness(1.08);
}

/* Forum index polish and unclipped hovers */
.forum-node.ui.segment {
    overflow: visible !important;
}

.forum-node .ui.middle.aligned.grid,
.forum-node .centered.row {
    overflow: visible;
}

.forum-node .centered.row {
    position: relative;
    border-top-color: rgba(255, 255, 255, .06);
}

.forum-node .centered.row:hover {
    z-index: 5;
    background: linear-gradient(90deg, rgba(34, 211, 238, .075), rgba(255, 255, 255, .03));
}

.forum-node .acro-forum-description {
    margin-top: .35rem;
}

.forum-node .one.wide.column.mobile.hidden {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.forum-node .nine.wide.column {
    min-width: 0;
}

/* Forum view and topic pages */
#forum-view.ui.grid {
    margin-top: 0;
}

#subforums-table,
#sticky-threads,
#normal-threads {
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px !important;
}

#subforums-table h4,
#sticky-threads h4,
#normal-threads h4 {
    margin: 0;
    color: rgba(248, 250, 252, .9);
}

#subforums-table h5.ui.header,
#sticky-threads h5.ui.header,
#normal-threads h5.ui.header {
    margin: 0;
}

#subforums-table .ui.header .content,
#sticky-threads .ui.header .content,
#normal-threads .ui.header .content {
    color: rgba(238, 246, 249, .9);
}

#subforums-table .sub.header,
#sticky-threads .sub.header,
#normal-threads .sub.header,
#subforums-table td,
#sticky-threads td,
#normal-threads td {
    color: rgba(177, 190, 205, .76) !important;
}

#subforums-table i.icon,
#sticky-threads i.comment.icon,
#normal-threads i.comment.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: .7rem;
    border-radius: 7px;
    color: #22d3ee;
    background: rgba(34, 211, 238, .09);
}

.ui.warning.message,
.ui.yellow.message,
.ui.orange.message {
    border: 1px solid rgba(34, 211, 238, .18) !important;
    color: rgba(218, 230, 240, .86) !important;
    background: rgba(16, 28, 38, .86) !important;
    box-shadow: none !important;
}

.ui.warning.message .header,
.ui.yellow.message .header,
.ui.orange.message .header {
    color: #27d7f0 !important;
}

#topic-post.ui.segments {
    overflow: hidden;
    margin: 1.15rem 0;
    border: 1px solid rgba(255, 255, 255, .075) !important;
    border-radius: 9px !important;
    background: rgba(18, 24, 34, .92);
    box-shadow: none !important;
}

#topic-post > .ui.segment,
#topic-post > .ui.attached.segment {
    border: 0 !important;
    background: rgba(18, 24, 34, .92) !important;
}

.acro-post-sidebar {
    border-right: 1px solid rgba(255, 255, 255, .065);
    background: rgba(255, 255, 255, .018);
}

.acro-post-sidebar img.ui.small.circular.image,
.acro-reply-sidebar img.ui.small.circular.image {
    width: 74px !important;
    height: 74px !important;
    border: 2px solid rgba(34, 211, 238, .14);
    border-radius: 10px !important;
    object-fit: cover;
}

.acro-post-sidebar .ui.header,
.acro-reply-sidebar .ui.header {
    margin: .7rem 0 .35rem !important;
    color: rgba(248, 250, 252, .94) !important;
}

.acro-post-sidebar .groups {
    text-align: center;
}

.acro-post-sidebar .ui.list {
    margin-top: .75rem;
}

.acro-post-sidebar .ui.list .item {
    padding: .32rem 0;
}

.acro-post-sidebar .ui.list .item .header {
    color: rgba(238, 246, 249, .88) !important;
    font-size: .72rem;
}

.acro-post-sidebar .ui.list .item .description {
    color: rgba(177, 190, 205, .72) !important;
    font-size: .72rem;
}

.acro-post-content .forum_post {
    min-height: 72px;
    color: rgba(220, 231, 240, .84);
    font-size: .96rem;
    line-height: 1.62;
}

.acro-post-content .forum_post p:first-child {
    margin-top: 0;
}

.acro-post-meta.ui.secondary.segment,
#topic-post > .ui.bottom.attached.secondary.segment {
    border-top: 1px solid rgba(255, 255, 255, .065) !important;
    color: rgba(177, 190, 205, .74);
    background: rgba(12, 17, 25, .96) !important;
}

#topic-reply.ui.segment {
    border-color: rgba(255, 255, 255, .075) !important;
    background: rgba(18, 24, 34, .92) !important;
}

/* Rank badges and labels */
#profile-header .ui.label,
.acro-post-sidebar .groups .ui.label,
.groups .ui.label,
.ui.label,
.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    margin: .14rem .12rem;
    padding: .25rem .52rem !important;
    border-radius: 5px !important;
    line-height: 1.05 !important;
    vertical-align: middle;
}

#profile-header .ui.label,
.acro-post-sidebar .groups .ui.label,
.groups .ui.label {
    color: #5cecff !important;
    background: rgba(34, 211, 238, .09) !important;
    border-color: rgba(34, 211, 238, .32) !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
}

/* Reactions */
.acro-reactions-card .content {
    padding-bottom: .85rem !important;
}

.acro-reactions-table {
    margin: .2rem 0 0 !important;
    table-layout: fixed;
}

.acro-reactions-table th,
.acro-reactions-table td {
    padding: .58rem .45rem !important;
    vertical-align: middle !important;
}

.acro-reactions-table th:first-child,
.acro-reactions-table td:first-child {
    width: 58px;
}

.acro-reaction-icon {
    font-size: 1.55rem;
    line-height: 1;
}

.acro-reaction-icon img,
.acro-reaction-icon svg,
.acro-reaction-icon .emoji,
#reactions img,
.acro-reactions-message img,
.reaction-button img,
.reaction-button-selected img {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    vertical-align: middle;
}

#reactions.ui.mini.message,
.acro-reactions-message.ui.mini.message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    border-color: rgba(34, 211, 238, .16);
    color: rgba(220, 231, 240, .82);
    background: rgba(34, 211, 238, .065);
}

.reaction-button,
.reaction-button-selected {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: .18rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 7px;
    background: rgba(255, 255, 255, .045);
    cursor: pointer;
}

.reaction-button:hover,
.reaction-button-selected {
    border-color: rgba(34, 211, 238, .32);
    background: rgba(34, 211, 238, .1);
}

/* Cookie notice */
.cc-window {
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 7px !important;
    color: rgba(231, 238, 244, .9) !important;
    background: rgba(9, 12, 18, .96) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .38) !important;
}

.cc-window .cc-message,
.cc-window .cc-link {
    color: rgba(204, 216, 226, .82) !important;
}

.cc-window .cc-btn,
.cc-window .cc-allow {
    border-color: rgba(34, 211, 238, .42) !important;
    color: #fff !important;
    background: linear-gradient(180deg, #179fba, #0b758a) !important;
    text-decoration: none !important;
}

.cc-window.cc-floating {
    max-width: 340px !important;
    padding: .85rem 1rem !important;
}

html body .cc-window.cc-banner,
html body .cc-window.cc-floating {
    position: fixed !important;
    z-index: 100000 !important;
    right: 16px !important;
    bottom: 16px !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    width: min(360px, calc(100% - 32px)) !important;
    max-width: 360px !important;
    flex-direction: column !important;
    gap: .8rem !important;
    padding: .9rem 1rem !important;
    border: 1px solid rgba(34, 211, 238, .18) !important;
    border-radius: 8px !important;
    color: rgba(231, 238, 244, .9) !important;
    background: rgba(8, 12, 18, .97) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .42) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
    opacity: 1 !important;
}

html body .cc-window.cc-invisible {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

html body .cc-window .cc-message {
    display: block !important;
    margin: 0 !important;
    color: rgba(207, 219, 229, .84) !important;
}

html body .cc-window .cc-compliance {
    display: flex !important;
    gap: .5rem !important;
    justify-content: flex-end !important;
}

html body .cc-window .cc-btn {
    min-width: 0 !important;
    padding: .48rem .72rem !important;
    border: 1px solid rgba(34, 211, 238, .24) !important;
    border-radius: 6px !important;
    color: rgba(238, 246, 249, .9) !important;
    background: rgba(255, 255, 255, .055) !important;
    font-weight: 700 !important;
}

html body .cc-window .cc-allow {
    border-color: rgba(34, 211, 238, .45) !important;
    color: #fff !important;
    background: linear-gradient(180deg, #179fba, #0b758a) !important;
}

html body .cc-window {
    pointer-events: auto !important;
}

html body .cc-window .cc-btn {
    cursor: pointer !important;
}

html body .cc-revoke,
html body .cc-revoke.cc-bottom.cc-right {
    display: none !important;
    pointer-events: none !important;
}

/* Profile tabs and attached panes */
#profile .ui.tabular.menu {
    display: inline-flex;
    gap: .35rem;
    overflow: visible;
    padding: .35rem;
    border: 1px solid rgba(255, 255, 255, .07);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: rgba(12, 17, 25, .9);
}

#profile .ui.tabular.menu .item {
    min-height: 38px;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
}

#profile .ui.tabular.menu .active.item {
    border-color: rgba(34, 211, 238, .28) !important;
    color: #22d3ee !important;
    background: rgba(34, 211, 238, .08) !important;
    box-shadow: none !important;
}

#profile .ui.bottom.attached.tab.segment {
    border-color: rgba(255, 255, 255, .075) !important;
    background: rgba(18, 24, 34, .92) !important;
}

@media (max-width: 768px) {
    .acro-hero {
        min-height: 260px;
    }

    .acro-hero-content {
        min-height: 260px;
        padding: 2.3rem 1rem 3.1rem;
    }

    .acro-news-image {
        min-height: 150px;
    }

    .forum-node .centered.row {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: .8rem;
        padding: 1rem 0 !important;
        margin: 0 !important;
        text-align: left;
    }

    .forum-node .centered.row > .one.wide.column.mobile.hidden {
        flex: 0 0 38px !important;
        width: 38px !important;
        max-width: 38px !important;
        padding: 0 !important;
    }

    .forum-node .centered.row > .nine.wide.column,
    .forum-node .centered.row > .fifteen.wide.column {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .forum-node .centered.row > .six.wide.column.mobile.hidden {
        display: none !important;
    }

    .forum-node .acro-forum-description {
        margin-top: .24rem;
        font-size: .8rem;
    }

    .acro-post-sidebar {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .065);
    }
}

/* === Mission-control polish pass === */

:root {
    --container-wide: 1180px;
    --sidebar-width: 282px;
    --sidebar-width-sm: 244px;
    --content-gap: 1.35rem;
    --surface-pad: 1.05rem;
}

.acro-container,
.acro-topnav-inner,
.acro-hero-content,
.acro-footer .acro-container {
    width: min(var(--container-wide), calc(100% - (var(--container-gutter) * 2)));
    max-width: none;
}

.acro-hero {
    min-height: 268px;
}

.acro-hero-content {
    min-height: 268px;
    padding: 3.1rem 0 3.7rem;
}

.acro-status-card {
    min-width: 230px;
}

.acro-status-line {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: .42rem;
}

.acro-status-indicator {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--cobalt-dim);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .04);
    flex: 0 0 8px;
}

.acro-status-indicator.is-loading {
    background: #facc15;
}

.acro-status-indicator.is-online {
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .14);
}

.acro-status-indicator.is-offline {
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .12);
}

.acro-status-ip,
.acro-welcome-text p,
.acro-store-text p,
.acro-news-card .meta,
.acro-footer-col p,
.acro-footer-bottom p,
.acro-footer-links a {
    color: var(--cobalt-muted) !important;
}

.acro-welcome-row {
    grid-template-columns: minmax(0, 1fr) 204px;
    gap: var(--content-gap);
    margin: 1.3rem 0 1.25rem;
}

.acro-welcome-card,
.acro-store-banner,
.ui.fluid.card,
.ui.segment,
#topic-post.ui.segments {
    border-color: var(--card-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--card-bg) !important;
}

.acro-welcome-card {
    min-height: 72px;
    padding: .95rem 1.1rem;
}

.acro-store-banner {
    min-height: 72px;
}

.acro-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--content-gap);
    margin: 1.05rem 0 1rem;
}

.acro-page-heading--simple {
    align-items: center;
}

.acro-page-heading > .ui.header,
.acro-title-actions > .ui.header,
.acro-topic-heading.ui.header {
    margin: 0 !important;
    color: rgba(248, 250, 252, .94) !important;
    font-size: 1.38rem;
    line-height: 1.18;
}

.acro-title-actions {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .75rem;
}

.acro-search-form {
    width: min(280px, 100%);
    flex: 0 0 min(280px, 100%);
}

.acro-search-form .ui.action.input {
    min-height: var(--input-height);
}

.acro-search-form .ui.action.input > input {
    height: var(--input-height);
}

.acro-search-form .ui.action.input > .button {
    height: var(--input-height);
}

.acro-breadcrumb.ui.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin: .25rem 0 .8rem;
    color: var(--cobalt-dim);
    font-size: .82rem;
}

.acro-page-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--content-gap);
    margin: 0 0 2.4rem;
}

.acro-page-grid--right {
    grid-template-columns: minmax(0, 1fr) var(--sidebar-width);
}

.acro-page-grid--left {
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
}

.acro-page-grid--three {
    grid-template-columns: var(--sidebar-width-sm) minmax(0, 1fr) var(--sidebar-width);
}

.acro-page-main,
.acro-page-sidebar {
    min-width: 0;
}

.acro-widget-stack {
    display: grid;
    align-content: start;
    gap: .95rem;
}

.acro-widget-stack > .ui.fluid.card {
    margin: 0 !important;
}

.ui.fluid.card > .content,
.ui.fluid.card > .extra.content {
    padding: 1rem 1.05rem !important;
}

.ui.fluid.card > .content > h4.ui.header,
.ui.fluid.card > .content > .header:first-child {
    margin: 0 0 .75rem !important;
    font-size: .96rem !important;
    letter-spacing: 0;
}

.acro-widget-list.ui.relaxed.list {
    display: grid;
    gap: .78rem;
    margin: 0;
}

.acro-widget-list.ui.relaxed.list > .item,
.acro-latest-posts-card .acro-latest-post-item {
    display: flex !important;
    align-items: flex-start;
    gap: .7rem;
    min-width: 0;
    padding: 0 !important;
}

.acro-widget-list img.ui.mini.circular.image,
.acro-latest-posts-card img.ui.mini.circular.image {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    margin: .08rem 0 0 !important;
    border-radius: var(--radius-sm) !important;
    flex: 0 0 34px;
    object-fit: cover;
}

.acro-latest-post-copy,
.acro-widget-list .content {
    min-width: 0;
    line-height: 1.28;
}

.acro-latest-posts-card a.header,
.acro-widget-list a.header {
    display: block !important;
    margin: 0 0 .16rem !important;
    color: var(--cobalt-cyan) !important;
    font-size: .85rem !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere;
}

.acro-empty-text,
.acro-empty-cell {
    color: var(--cobalt-muted) !important;
}

.acro-news-card.ui.card {
    margin: 0 0 1rem !important;
}

.acro-news-image {
    min-height: 178px;
}

.acro-news-card .content {
    padding: 1.05rem 1.15rem !important;
}

.acro-news-card .extra.content {
    min-height: 58px;
    padding: .8rem 1.15rem !important;
}

.forum-node.ui.segment,
.acro-forum-category.ui.segment {
    overflow: hidden !important;
    margin: 0 0 1rem !important;
    padding: 0 !important;
}

.forum-node > .ui.header,
.acro-forum-category > .ui.header {
    display: flex;
    align-items: center;
    min-height: 50px;
    margin: 0 !important;
    padding: 0 1.1rem;
    border-bottom: 1px solid var(--cobalt-line-soft);
    font-size: .98rem !important;
}

.forum-node > .ui.divider,
.acro-forum-category > .ui.divider {
    display: none;
}

.forum-node .ui.middle.aligned.grid,
.acro-forum-category .ui.middle.aligned.grid {
    margin: 0 !important;
}

.forum-node .acro-forum-row,
.acro-forum-category .acro-forum-row {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) minmax(210px, .54fr);
    gap: .95rem;
    min-height: 76px;
    margin: 0 !important;
    padding: .95rem 1.1rem !important;
    border-top: 1px solid var(--cobalt-line-soft);
}

.forum-node .acro-forum-row:first-child,
.acro-forum-category .acro-forum-row:first-child {
    border-top: 0;
}

.forum-node .acro-forum-row > .column,
.acro-forum-category .acro-forum-row > .column {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.acro-forum-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.acro-forum-icon i.icon,
.acro-forum-icon .icon {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
}

.acro-forum-body a.header,
.acro-forum-latest a.header {
    max-width: 100%;
    margin: 0 0 .18rem !important;
    overflow: hidden;
    color: rgba(248, 250, 252, .92) !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acro-forum-body a.header:hover,
.acro-forum-latest a.header:hover {
    color: var(--cobalt-cyan-hover) !important;
}

.acro-forum-description,
.acro-forum-latest .description {
    color: var(--cobalt-muted) !important;
    font-size: .81rem !important;
}

.acro-forum-latest {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    column-gap: .65rem;
}

.acro-forum-latest img.avatar {
    grid-row: span 2;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: var(--radius-sm) !important;
}

.acro-forum-table.ui.table {
    margin: 0 0 1rem !important;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.acro-forum-table.ui.table thead th {
    padding: .82rem 1rem !important;
}

.acro-forum-table.ui.table tbody td {
    padding: .95rem 1rem !important;
    white-space: normal !important;
    vertical-align: middle;
}

.acro-forum-table.ui.table h5.ui.header {
    display: flex;
    align-items: center;
    min-width: 0;
}

.acro-forum-table.ui.table .content,
.acro-forum-table.ui.table .sub.header {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acro-pagination {
    margin: .7rem 0 1rem;
}

.acro-pagination:empty {
    display: none;
}

.acro-members-layout {
    margin-top: .75rem;
}

.acro-members-panel.ui.segment {
    margin: 0 !important;
    padding: 1.1rem !important;
}

.acro-members-panel > .column {
    min-width: 0;
}

#page-members .ui.vertical.menu.pointing {
    margin: 0 !important;
}

#page-members .ui.list.selection .item {
    padding: .72rem .65rem !important;
}

.acro-profile-hero#profile-header.ui.segment {
    min-height: 178px;
    margin: 0 0 .95rem !important;
    padding: 1.2rem !important;
}

.acro-profile-hero#profile-header img.ui.tiny.circular.image {
    width: 70px !important;
    height: 70px !important;
    margin-top: 1.45rem !important;
}

.acro-profile-layout {
    margin-bottom: 2.3rem;
}

#profile .ui.bottom.attached.tab.segment {
    padding: 1rem !important;
}

#profile .ui.info.message {
    margin: 0 !important;
    border-color: rgba(34, 211, 238, .22) !important;
    background: rgba(34, 211, 238, .07) !important;
}

.acro-topic-shell {
    display: grid;
    gap: .9rem;
    margin-bottom: 2.4rem;
}

.acro-topic-heading .topic.title {
    min-width: 0;
    overflow-wrap: anywhere;
}

.acro-topic-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
    float: none !important;
    margin: -.2rem 0 .4rem;
}

.acro-topic-post.ui.segments,
#topic-post.ui.segments {
    margin: 0 0 1rem !important;
}

.acro-topic-post > .ui.attached.padded.segment,
#topic-post > .ui.attached.padded.segment {
    padding: 0 !important;
}

.acro-topic-post .ui.stackable.grid,
#topic-post .ui.stackable.grid,
#topic-reply .ui.stackable.grid {
    margin: 0 !important;
}

.acro-topic-post .ui.row,
#topic-post .ui.row,
#topic-reply .ui.row {
    padding: 0 !important;
}

.acro-post-sidebar,
.acro-reply-sidebar {
    padding: 1.05rem !important;
}

.acro-post-content,
.acro-reply-content {
    padding: 1.15rem !important;
}

.acro-footer {
    margin-top: 2.6rem;
}

@media (max-width: 960px) {
    .acro-page-grid,
    .acro-page-grid--right,
    .acro-page-grid--left,
    .acro-page-grid--three {
        grid-template-columns: minmax(0, 1fr);
    }

    .acro-page-sidebar--left {
        order: 2;
    }

    .acro-page-main {
        order: 1;
    }

    .acro-page-sidebar--right {
        order: 3;
    }

    .acro-page-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .acro-search-form {
        width: 100%;
        flex-basis: auto;
    }

    .forum-node .acro-forum-row,
    .acro-forum-category .acro-forum-row {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .acro-forum-latest {
        grid-column: 2;
        grid-template-columns: 28px minmax(0, 1fr);
        margin-top: .15rem;
    }
}

@media (max-width: 768px) {
    :root {
        --container-gutter: .9rem;
    }

    .acro-hero {
        min-height: 230px;
    }

    .acro-hero-content {
        min-height: 230px;
        padding: 2rem 0 2.6rem;
    }

    .acro-status-card {
        width: 100%;
        max-width: 360px;
    }

    .acro-welcome-row {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 1rem;
    }

    .acro-welcome-card {
        align-items: flex-start;
        text-align: left;
    }

    .acro-welcome-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .acro-news-image {
        min-height: 146px;
    }

    .forum-node .acro-forum-row,
    .acro-forum-category .acro-forum-row {
        grid-template-columns: minmax(0, 1fr);
        padding: .9rem 1rem !important;
    }

    .acro-forum-icon,
    .acro-forum-latest {
        display: none !important;
    }

    .acro-forum-body a.header {
        white-space: normal;
    }

    .acro-forum-table.ui.table tbody td {
        padding: .85rem !important;
    }

    .acro-forum-table.ui.table,
    .acro-forum-table.ui.table tbody,
    .acro-forum-table.ui.table tr,
    .acro-forum-table.ui.table td {
        display: block !important;
        width: 100% !important;
    }

    .acro-forum-table.ui.table thead {
        display: none !important;
    }

    .acro-forum-table.ui.table tr {
        padding: .85rem 1rem !important;
        border-top: 1px solid var(--cobalt-line-soft);
    }

    .acro-forum-table.ui.table tr:first-child {
        border-top: 0;
    }

    .acro-forum-table.ui.table tbody td {
        padding: .18rem 0 !important;
        border: 0 !important;
    }

    .acro-forum-table.ui.table tbody td:nth-child(2) {
        color: var(--cobalt-muted) !important;
        font-size: .82rem;
    }

    .acro-forum-table.ui.table .ui.image.header,
    .acro-forum-table.ui.table h5.ui.header {
        justify-content: flex-start;
        white-space: normal;
    }

    .acro-profile-hero#profile-header.ui.segment {
        min-height: 164px;
    }

    .acro-topic-actions {
        justify-content: flex-start;
    }
}

/* === ACRO CONCEPT 2 REFINEMENT: flatter, quieter, less generated === */
:root {
    --cobalt-page: #06090e;
    --cobalt-panel: rgba(12, 18, 27, .96);
    --cobalt-panel-soft: rgba(15, 23, 33, .94);
    --cobalt-panel-hover: rgba(23, 34, 47, .94);
    --cobalt-line: rgba(185, 225, 235, .105);
    --cobalt-line-soft: rgba(185, 225, 235, .07);
    --cobalt-text: rgba(241, 247, 250, .94);
    --cobalt-muted: rgba(178, 193, 204, .72);
    --cobalt-dim: rgba(132, 150, 162, .65);
    --cobalt-cyan: #25d7df;
    --cobalt-cyan-hover: #7debf0;
    --cobalt-cyan-soft: rgba(37, 215, 223, .065);
    --cobalt-focus: 0 0 0 3px rgba(37, 215, 223, .18);
    --cobalt-shadow: none;
    --radius-xs: .24rem;
    --radius-sm: .34rem;
    --radius: .42rem;
    --radius-lg: .46rem;
    --container-wide: 1220px;
    --sidebar-width: 300px;
    --content-gap: 1.15rem;
    --card-border: var(--cobalt-line);
    --card-bg: var(--cobalt-panel);
    --card-bg-hover: var(--cobalt-panel-hover);
    --accent-border: rgba(37, 215, 223, .22);
    --accent-border-strong: rgba(37, 215, 223, .36);
}

body,
body.dark,
body.pushable,
body.pushable > .pusher {
    background:
        radial-gradient(circle at 50% -18rem, rgba(37, 215, 223, .07), transparent 34rem),
        var(--cobalt-page) !important;
    color: var(--cobalt-text);
}

a:not([style]) {
    color: rgba(231, 241, 245, .9);
}

a:not([style]):hover {
    color: var(--cobalt-cyan-hover);
}

.acro-text-cyan {
    color: var(--cobalt-cyan);
    text-shadow: none;
}

.acro-card,
.acro-widget,
.acro-panel,
.acro-welcome-card,
.acro-store-banner,
.ui.fluid.card,
.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.table,
.acro-forum-category,
.acro-forum-table,
.acro-topic-post.ui.segments,
#topic-post.ui.segments,
#topic-reply,
.acro-members-panel.ui.segment,
.acro-profile-hero#profile-header.ui.segment {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: var(--cobalt-panel) !important;
    box-shadow: none !important;
}

.ui.button,
.acro-btn,
.acro-user-btn,
.acro-footer-ip {
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.teal.button,
.acro-btn--primary {
    background: #1eb8c2 !important;
    color: #041015 !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.teal.button:hover,
.acro-btn--primary:hover {
    background: var(--cobalt-cyan) !important;
    color: #031014 !important;
}

.ui.basic.button,
.ui.grey.basic.button,
.acro-btn--outline {
    border-color: var(--cobalt-line) !important;
    background: rgba(255, 255, 255, .025) !important;
    color: var(--cobalt-text) !important;
}

.acro-topnav {
    min-height: 56px;
    background: rgba(5, 8, 13, .94);
    border-bottom-color: var(--cobalt-line-soft);
}

.acro-topnav-inner {
    height: 56px;
}

.acro-nav-link {
    min-height: 34px;
    padding: 0 .88rem;
    border: 1px solid transparent;
    color: rgba(213, 226, 233, .68);
    font-weight: 650;
}

.acro-nav-link:hover,
.acro-nav-link.active {
    border-color: rgba(37, 215, 223, .28);
    background: rgba(37, 215, 223, .055);
    color: var(--cobalt-text);
}

.acro-nav-link.active {
    color: var(--cobalt-cyan);
}

.acro-nav-link[href*="store.acrogaming.eu"] {
    color: rgba(213, 226, 233, .62);
}

.acro-hero {
    min-height: 292px;
    background: #06090e;
    border-bottom-color: var(--cobalt-line);
}

.acro-hero-overlay {
    opacity: .5;
    filter: saturate(.82) contrast(1.04);
}

.acro-hero-overlay::after {
    background:
        linear-gradient(180deg, rgba(6, 9, 14, .28) 0%, rgba(6, 9, 14, .92) 100%),
        linear-gradient(90deg, rgba(6, 9, 14, .84) 0%, rgba(6, 9, 14, .38) 50%, rgba(6, 9, 14, .84) 100%);
}

.acro-hero-content {
    min-height: 292px;
    padding: 3rem 0 3.2rem;
}

.acro-hero-logo h1 {
    font-size: clamp(2rem, 3vw, 3rem);
    letter-spacing: -.04em;
}

.acro-status-card {
    min-width: 272px;
    min-height: 66px;
    padding: .72rem .9rem;
    border-color: rgba(37, 215, 223, .18);
    border-radius: var(--radius);
    background: rgba(8, 16, 23, .76);
    backdrop-filter: blur(10px);
}

.acro-status-card:hover {
    border-color: rgba(37, 215, 223, .32);
    background: rgba(10, 21, 29, .82);
}

.acro-status-play,
.acro-discord-icon {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-sm);
    background: rgba(37, 215, 223, .1);
    color: var(--cobalt-cyan);
}

.acro-status-play::after,
.acro-discord-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -13px;
    width: 28px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 99px;
    background: rgba(37, 215, 223, .72);
}

.acro-status-card.is-offline .acro-status-play::after {
    background: rgba(239, 68, 68, .75);
}

.acro-status-card.is-loading .acro-status-play::after {
    background: rgba(250, 204, 21, .75);
}

.acro-status-count,
.acro-discord-count {
    color: var(--cobalt-text) !important;
    font-size: .72rem;
    letter-spacing: .045em;
}

.acro-status-card.is-online .acro-status-count {
    color: var(--cobalt-cyan) !important;
}

.acro-status-ip {
    color: var(--cobalt-muted) !important;
}

.acro-status-indicator {
    width: 7px;
    height: 7px;
}

.acro-discord-icon {
    background: rgba(88, 101, 242, .14);
    color: #8d95ff;
}

.acro-discord-icon::after {
    background: rgba(88, 101, 242, .75);
}

.acro-discord-join {
    color: var(--cobalt-muted);
}

.acro-welcome-row {
    margin-top: 1.15rem;
    margin-bottom: 1.15rem;
}

.acro-welcome-card {
    min-height: 70px;
    padding: .88rem 1rem;
}

.acro-welcome-text h2,
.acro-store-text h3,
.acro-news-card .header a,
.acro-news-card .header,
.ui.fluid.card > .content > h4.ui.header,
.ui.fluid.card > .content > .header:first-child,
.acro-footer-heading {
    color: var(--cobalt-text) !important;
    text-shadow: none !important;
}

.acro-welcome-text h2 {
    font-size: 1.02rem;
}

.acro-store-banner {
    min-height: 70px;
    background: rgba(11, 24, 31, .82) !important;
}

.acro-store-banner:hover {
    border-color: rgba(37, 215, 223, .24) !important;
    background: rgba(13, 29, 37, .9) !important;
}

.acro-store-text h3 {
    font-size: 1rem;
    letter-spacing: .02em;
}

.acro-store-icon {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-sm);
    background: rgba(37, 215, 223, .11);
    color: var(--cobalt-cyan);
}

.acro-news-card.ui.card {
    overflow: hidden;
}

.acro-news-image {
    min-height: 172px;
    border-bottom: 1px solid var(--cobalt-line);
    filter: saturate(.78) contrast(1.02);
}

.acro-news-card .header a {
    font-size: 1.02rem !important;
}

.acro-news-card .meta {
    color: var(--cobalt-dim) !important;
}

.acro-news-card .description {
    color: var(--cobalt-muted) !important;
}

.ui.label,
.badge {
    border-color: rgba(37, 215, 223, .22) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(37, 215, 223, .055) !important;
    color: var(--cobalt-text) !important;
}

.ui.fluid.card > .content,
.ui.fluid.card > .extra.content {
    padding: .95rem 1rem !important;
}

.ui.fluid.card a:not([style]),
.acro-latest-posts-card a.header,
.acro-latest-posts-card .acro-latest-post-copy > a:not(.header):not([style]) {
    color: var(--cobalt-text) !important;
}

.ui.fluid.card a:not([style]):hover,
.acro-latest-posts-card a.header:hover {
    color: var(--cobalt-cyan-hover) !important;
}

.acro-latest-posts-card .acro-latest-post-item {
    gap: .72rem;
    padding: .48rem 0 !important;
}

.acro-latest-posts-card .acro-latest-post-item + .acro-latest-post-item {
    border-top: 1px solid var(--cobalt-line-soft);
}

.acro-latest-posts-card img.ui.mini.circular.image,
.acro-widget-list img.ui.mini.circular.image,
img.ui.avatar.image,
.ui.avatar.image,
.ui.circular.image {
    border-radius: var(--radius-sm) !important;
}

.acro-latest-post-copy,
.acro-latest-post-copy span,
.acro-latest-posts-card .acro-latest-post-copy span {
    color: var(--cobalt-muted) !important;
}

.forum-node.ui.segment,
.acro-forum-category.ui.segment {
    padding: 0 !important;
    overflow: hidden;
}

.forum-node > .ui.header,
.acro-forum-category > .ui.header {
    min-height: 50px;
    border-left: 3px solid var(--cobalt-cyan);
    border-bottom: 1px solid var(--cobalt-line);
    background: rgba(255, 255, 255, .012);
}

.forum-node .acro-forum-row,
.acro-forum-category .acro-forum-row {
    min-height: 72px;
    padding: .86rem 1rem !important;
    background: transparent;
}

.forum-node .acro-forum-row:hover,
.acro-forum-category .acro-forum-row:hover,
.acro-forum-table.ui.table tbody tr:hover {
    background: var(--cobalt-panel-hover) !important;
}

.acro-forum-icon i.icon,
.acro-forum-icon .icon,
.acro-forum-table.ui.table h5.ui.header > i.icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    margin: 0 .72rem 0 0 !important;
    border-radius: var(--radius-sm);
    background: rgba(37, 215, 223, .075);
    color: var(--cobalt-cyan);
    font-size: 1rem !important;
    line-height: 1 !important;
}

.acro-forum-body a.header,
.acro-forum-latest a.header,
.acro-forum-table.ui.table h5.ui.header a:not([style]) {
    color: var(--cobalt-text) !important;
}

.acro-forum-body a.header:hover,
.acro-forum-latest a.header:hover,
.acro-forum-table.ui.table h5.ui.header a:not([style]):hover {
    color: var(--cobalt-cyan-hover) !important;
}

.acro-forum-description,
.acro-forum-latest .description,
.acro-forum-table.ui.table .sub.header {
    color: var(--cobalt-muted) !important;
}

.acro-forum-table.ui.table {
    border-radius: var(--radius) !important;
}

.acro-forum-table.ui.table thead th {
    color: var(--cobalt-text) !important;
    background: rgba(255, 255, 255, .012) !important;
}

.acro-pagination {
    min-height: 34px;
}

.acro-pagination .ui.pagination.menu {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    background: var(--cobalt-panel) !important;
}

.acro-pagination .ui.pagination.menu .item {
    min-width: 38px;
    color: var(--cobalt-muted) !important;
    background: transparent !important;
}

.acro-pagination .ui.pagination.menu .active.item {
    color: var(--cobalt-text) !important;
    background: rgba(255, 255, 255, .045) !important;
}

.acro-topic-shell {
    gap: .75rem;
}

.acro-topic-heading.ui.header {
    margin-bottom: 0 !important;
}

.acro-topic-heading .topic.title {
    color: var(--cobalt-text);
}

.acro-topic-heading .sub.header {
    color: var(--cobalt-muted) !important;
    font-weight: 500;
}

.acro-topic-actions {
    margin: -.25rem 0 .4rem;
}

.acro-topic-actions .ui.small.button,
.acro-share-button.ui.button {
    min-height: 36px;
    border: 1px solid var(--cobalt-line) !important;
    background: var(--cobalt-panel) !important;
    color: var(--cobalt-text) !important;
}

.acro-topic-actions .ui.small.button:hover,
.acro-share-button.ui.button:hover {
    border-color: var(--accent-border) !important;
    background: var(--cobalt-panel-hover) !important;
}

.acro-share-button > .share.icon {
    color: var(--cobalt-cyan);
}

.acro-topic-post.ui.segments,
#topic-post.ui.segments {
    overflow: hidden;
}

.acro-post-sidebar,
.acro-reply-sidebar {
    border-right: 1px solid var(--cobalt-line);
    background: rgba(255, 255, 255, .012);
}

.acro-post-sidebar img.ui.small.circular.image,
.acro-reply-sidebar img.ui.small.circular.image,
.acro-profile-hero#profile-header img.ui.tiny.circular.image {
    border-radius: var(--radius) !important;
}

.acro-profile-hero#profile-header img.ui.tiny.circular.image {
    flex: 0 0 auto;
    width: 62px !important;
    height: 62px !important;
    margin: 0 !important;
}

.acro-profile-hero#profile-header h2.ui.header {
    margin: 0 !important;
    color: var(--cobalt-text) !important;
    font-size: 1.28rem;
    line-height: 1.1;
    text-align: left;
}

.acro-profile-hero#profile-header h2.ui.header .sub.header {
    margin-top: .34rem;
    color: var(--cobalt-muted) !important;
    font-size: .8rem;
}

.acro-profile-hero#profile-header .ui.label {
    margin-top: .35rem !important;
}

.acro-post-content,
.acro-reply-content {
    color: var(--cobalt-muted);
}

.acro-post-meta.ui.segment {
    background: rgba(7, 12, 18, .92) !important;
}

#page-members .ui.vertical.menu.pointing,
.ui.fluid.vertical.menu.pointing,
.ui.vertical.menu:not(.inverted) {
    border-radius: var(--radius) !important;
    background: var(--cobalt-panel) !important;
}

.acro-profile-hero#profile-header.ui.segment {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 132px;
    padding: 1rem 1.2rem !important;
    overflow: hidden;
    background-color: var(--cobalt-panel) !important;
    background-position: center !important;
    background-size: cover !important;
}

.acro-profile-hero#profile-header.ui.segment::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(7, 12, 18, .92), rgba(7, 12, 18, .64) 48%, rgba(7, 12, 18, .9)),
        linear-gradient(180deg, rgba(37, 215, 223, .04), rgba(7, 12, 18, .7));
}

.acro-profile-hero#profile-header.ui.segment > center {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    width: min(100%, 560px);
    text-align: left;
}

#profile .ui.tabular.menu .active.item {
    color: var(--cobalt-text) !important;
    box-shadow: inset 0 2px 0 var(--cobalt-cyan) !important;
}

#profile .ui.info.message,
.empty-box {
    border-color: rgba(37, 215, 223, .18) !important;
    background: rgba(37, 215, 223, .04) !important;
    color: var(--cobalt-muted) !important;
}

.acro-footer {
    margin-top: 2.2rem;
    border-top-color: var(--cobalt-line);
    background: rgba(8, 13, 20, .98);
}

.acro-footer .acro-container {
    padding-top: 2rem;
    padding-bottom: 1.25rem;
}

.acro-footer-heading {
    font-size: .95rem;
}

.acro-footer-col p,
.acro-footer-links a,
.acro-footer-bottom p {
    color: var(--cobalt-muted) !important;
}

@media (max-width: 960px) {
    .acro-status-card {
        min-width: min(100%, 360px);
    }
}

@media (max-width: 768px) {
    .acro-hero {
        min-height: 244px;
    }

    .acro-hero-content {
        min-height: 244px;
        padding: 1.8rem 0 2.2rem;
    }

    .acro-post-sidebar,
    .acro-reply-sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--cobalt-line);
    }

    .acro-profile-hero#profile-header.ui.segment {
        min-height: 154px;
    }

    .acro-profile-hero#profile-header.ui.segment > center {
        flex-direction: column;
        gap: .55rem;
        text-align: center;
    }

    .acro-profile-hero#profile-header h2.ui.header {
        text-align: center;
    }
}

/* === ACRO MARKED QA FIXES: pagination, breadcrumbs, topic toolbar, status alignment === */
.acro-breadcrumb.ui.breadcrumb {
    align-items: center;
    gap: .42rem;
}

.acro-breadcrumb-divider {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(132, 150, 162, .45) !important;
    font-size: .72rem;
    line-height: 1;
}

.acro-pagination {
    min-height: 30px;
    margin: .55rem 0 .95rem;
}

.acro-pagination .ui.pagination.menu {
    min-height: 30px !important;
    box-shadow: none !important;
}

.acro-pagination .ui.pagination.menu::before,
.acro-pagination .ui.pagination.menu::after {
    display: none !important;
    content: none !important;
}

.acro-pagination .ui.pagination.menu .item {
    min-width: 36px;
    min-height: 30px;
    padding: .46rem .7rem !important;
    border-left-color: var(--cobalt-line-soft) !important;
    color: rgba(178, 193, 204, .58) !important;
    font-weight: 700 !important;
}

.acro-pagination .ui.pagination.menu .disabled.item {
    color: rgba(132, 150, 162, .32) !important;
    background: rgba(255, 255, 255, .012) !important;
    cursor: not-allowed !important;
}

.acro-pagination .ui.pagination.menu .active.item {
    color: var(--cobalt-text) !important;
    background: rgba(255, 255, 255, .04) !important;
}

.acro-topic-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin: .25rem 0 1.05rem;
}

.acro-topic-toolbar .acro-pagination {
    margin: 0;
}

.acro-topic-actions {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    margin: 0 !important;
}

.acro-topic-actions .ui.dropdown.button > .menu {
    min-width: 168px;
    margin-top: .45rem !important;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(10, 16, 24, .98) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .28) !important;
}

.acro-topic-actions .ui.dropdown.button:not(.active) > .menu {
    display: none !important;
}

.acro-topic-actions .ui.dropdown.button > .menu::before,
.acro-topic-actions .ui.dropdown.button > .menu::after {
    display: none !important;
    content: none !important;
}

.acro-topic-actions .ui.dropdown.button > .menu .item,
.acro-topic-actions .ui.dropdown.button > .menu .header {
    color: var(--cobalt-text) !important;
}

.acro-status-card:not(.acro-discord-card) {
    min-width: 318px;
}

.acro-status-info {
    min-width: 0;
}

.acro-status-line {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    align-items: start;
    gap: .55rem;
}

.acro-status-indicator {
    margin-top: .18rem;
}

.acro-status-count {
    min-width: 0;
    max-width: 210px;
    line-height: 1.12;
    overflow-wrap: normal;
}

.acro-forum-table.ui.table tbody td:last-child {
    text-align: right;
}

.acro-forum-table.ui.table tbody td:last-child h5.ui.image.header {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    margin: 0 !important;
    text-align: left;
}

.acro-forum-table.ui.table tbody td:last-child h5.ui.image.header > img.ui.mini.circular.image {
    margin: 0 !important;
}

.acro-forum-table.ui.table tbody td:last-child h5.ui.image.header > .content {
    min-width: 0;
}

@media (max-width: 768px) {
    .acro-topic-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .acro-topic-actions {
        justify-content: flex-start;
    }

    .acro-status-card:not(.acro-discord-card) {
        min-width: min(100%, 360px);
    }
}

/* Superdesign consistency pass: status cards, forum rows, profile About, server widget */
.acro-hero-content {
    display: grid;
    grid-template-columns: minmax(220px, max-content) 1fr minmax(160px, max-content);
    align-items: center;
    gap: 1.25rem;
    min-height: 236px;
}

.acro-hero-logo {
    justify-self: center;
}

.acro-hero-logo h1 {
    letter-spacing: 0;
}

.acro-status-card,
.acro-status-card:not(.acro-discord-card) {
    width: min(100%, 284px);
    min-width: 0;
    min-height: 64px;
    padding: .72rem .82rem;
    border-radius: var(--radius);
    text-decoration: none !important;
}

.acro-discord-card {
    width: 184px;
    justify-self: end;
    cursor: pointer;
}

.acro-discord-card:hover,
.acro-discord-card:focus {
    border-color: rgba(88, 101, 242, .45);
    background: rgba(18, 25, 46, .88);
    transform: translateY(-1px);
}

.acro-discord-card .acro-status-info {
    justify-content: center;
}

.acro-discord-card .acro-status-count {
    color: var(--cobalt-text) !important;
}

.acro-discord-card .acro-status-ip,
.acro-discord-join {
    display: none !important;
}

.acro-status-count,
.acro-discord-count {
    max-width: none;
    font-size: .82rem;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
}

.acro-status-ip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forum-node > .ui.header,
.acro-forum-category > .ui.header {
    padding: 0 .95rem;
    border-left: 0;
    box-shadow: inset 3px 0 0 var(--cobalt-cyan);
}

.forum-node .acro-forum-row,
.acro-forum-category .acro-forum-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(176px, .42fr);
    gap: .7rem;
    padding: .82rem .9rem !important;
}

.acro-forum-icon i.icon,
.acro-forum-icon .icon {
    margin: 0 !important;
}

.acro-forum-latest {
    justify-self: end;
    width: min(100%, 210px);
}

.acro-forum-table.ui.table {
    table-layout: auto !important;
}

.acro-forum-table.ui.table .acro-topic-title-col {
    width: auto !important;
}

.acro-forum-table.ui.table .acro-topic-stats-col {
    width: 128px !important;
}

.acro-forum-table.ui.table .acro-topic-latest-col {
    width: 190px !important;
}

.acro-forum-table.ui.table thead th h4 {
    margin: 0;
    font-size: .82rem;
    letter-spacing: 0;
}

.acro-forum-table.ui.table tbody td:nth-child(2) {
    color: var(--cobalt-muted);
    font-size: .83rem;
}

.acro-forum-table.ui.table tbody td:nth-child(2) .right.floated {
    float: none;
    margin-left: .22rem;
}

.acro-forum-table.ui.table tbody td:last-child {
    text-align: left !important;
}

.acro-forum-table.ui.table tbody td:last-child h5.ui.image.header {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr);
    justify-content: start;
    gap: .55rem;
    width: 100%;
}

.acro-forum-table.ui.table tbody td:last-child h5.ui.image.header > img.ui.mini.circular.image {
    width: 32px !important;
    height: 32px !important;
    border-radius: var(--radius-sm) !important;
}

#profile .ui.tabular.menu {
    display: flex;
    gap: .35rem;
    padding: .35rem;
    border: 1px solid var(--cobalt-line) !important;
    border-bottom: 0 !important;
    border-radius: var(--radius) var(--radius) 0 0 !important;
    background: rgba(7, 12, 18, .94) !important;
}

#profile .ui.tabular.menu .item {
    min-height: 40px;
    padding: .78rem 1rem !important;
    border: 0 !important;
    border-radius: var(--radius-sm) !important;
}

#profile .ui.tabular.menu .active.item {
    background: rgba(37, 215, 223, .1) !important;
    box-shadow: inset 0 0 0 1px rgba(37, 215, 223, .44) !important;
}

#profile .ui.bottom.attached.tab.segment {
    border-radius: 0 0 var(--radius) var(--radius) !important;
}

#profile-about > h3.ui.header {
    margin-bottom: .85rem !important;
}

#profile-about .ui.relaxed.list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
    margin: 0 !important;
}

#profile-about .ui.relaxed.list + .ui.relaxed.list {
    margin-top: .75rem !important;
}

#profile-about .ui.relaxed.list > .item {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 74px;
    padding: .82rem .9rem !important;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .018);
}

#profile-about .ui.relaxed.list > .item > i.icon {
    display: inline-flex !important;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    border-radius: var(--radius-sm);
    background: rgba(37, 215, 223, .09);
    color: var(--cobalt-cyan);
}

#profile-about .ui.relaxed.list > .item > .content {
    min-width: 0;
}

#profile-about .ui.relaxed.list .header {
    display: block;
    color: var(--cobalt-text) !important;
    line-height: 1.2;
}

#profile-about .ui.relaxed.list .description {
    margin-top: .18rem;
    color: var(--cobalt-muted) !important;
    line-height: 1.25;
}

.acro-server-widget .content > .ui.header {
    margin-bottom: .85rem !important;
}

.acro-server-widget__body {
    display: grid;
    gap: .72rem;
}

.acro-server-widget__state {
    display: flex;
    align-items: center;
    gap: .68rem;
    padding: .78rem;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .018);
}

.acro-server-widget__state small {
    display: block;
    margin-top: .14rem;
    color: var(--cobalt-muted);
}

.acro-server-widget__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: rgba(37, 215, 223, .09);
    color: var(--cobalt-cyan);
}

.acro-server-widget__state.is-offline .acro-server-widget__icon {
    background: rgba(239, 68, 68, .1);
    color: #f87171;
}

.acro-server-widget__metric,
.acro-server-widget__copy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    padding: .68rem .75rem;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .012);
    color: var(--cobalt-muted);
}

.acro-server-widget__metric strong,
.acro-server-widget__copy strong {
    color: var(--cobalt-text);
}

.acro-server-widget__copy {
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.acro-server-widget__copy:hover,
.acro-server-widget__copy:focus {
    border-color: rgba(37, 215, 223, .28);
    color: var(--cobalt-text);
}

.acro-server-widget__players {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.acro-server-widget__players img.ui.avatar {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border-radius: var(--radius-sm) !important;
}

@media (max-width: 1180px) {
    .forum-node .acro-forum-row,
    .acro-forum-category .acro-forum-row {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .acro-forum-latest {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .acro-hero-content {
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: auto;
        padding: 2rem 0;
    }

    .acro-discord-card {
        justify-self: center;
    }
}

/* AcroGaming theme consistency cleanup: status signals, account UI, forums */
.acro-hero-content {
    grid-template-columns: minmax(210px, 300px) 1fr minmax(180px, 260px);
    gap: clamp(1rem, 3vw, 2.4rem);
}

.acro-status-signal {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
    color: var(--cobalt-text);
    text-decoration: none !important;
}

.acro-status-signal::after {
    content: "";
    position: absolute;
    right: .38rem;
    bottom: -.45rem;
    width: 34px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--cobalt-cyan), rgba(34, 211, 238, .14));
    opacity: .9;
}

.acro-status-signal .acro-status-info {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.acro-status-signal .acro-status-count,
.acro-status-signal .acro-discord-count {
    max-width: none;
    color: var(--cobalt-cyan) !important;
    font-size: .82rem;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0;
    text-transform: uppercase;
}

.acro-status-signal .acro-status-ip {
    color: rgba(255, 255, 255, .88);
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: 0;
}

.acro-status-signal .acro-copy-hint {
    color: var(--cobalt-muted);
    font-size: .8rem;
}

.acro-status-signal .acro-status-play,
.acro-status-signal .acro-discord-icon {
    display: inline-flex !important;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(34, 211, 238, .9), rgba(8, 145, 178, .86)) !important;
    color: #031116 !important;
    box-shadow: 0 12px 24px rgba(34, 211, 238, .16);
}

.acro-status-signal .acro-status-play:hover,
.acro-status-signal .acro-discord-icon:hover,
.acro-status-signal:hover .acro-discord-icon {
    transform: translateY(-1px);
    background: linear-gradient(180deg, var(--cobalt-cyan-hover), var(--cobalt-cyan)) !important;
}

.acro-status-signal .acro-status-play i.icon,
.acro-status-signal .acro-discord-icon i {
    margin: 0 !important;
    font-size: 1rem;
}

.acro-status-signal--server {
    justify-self: start;
    grid-template-columns: minmax(0, 1fr) 46px;
}

.acro-status-signal--discord,
.acro-discord-card,
.acro-discord-card:hover,
.acro-discord-card:focus {
    justify-self: end;
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none;
}

.acro-status-signal--discord .acro-discord-icon {
    background: linear-gradient(180deg, rgba(88, 101, 242, .96), rgba(68, 76, 194, .92)) !important;
    color: #fff !important;
}

.acro-discord-card .acro-status-info {
    justify-content: start;
}

.acro-discord-card .acro-status-ip {
    display: block !important;
}

.acro-nav-user {
    align-items: center;
    min-width: 0;
    max-height: 44px;
    overflow: visible;
}

.acro-user-btn,
.acro-nav-user > a,
.acro-nav-user .ui.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: var(--radius-sm) !important;
    line-height: 1 !important;
    font-size: .95rem !important;
}

.acro-user-btn img,
.acro-nav-user img,
.acro-user-btn .ui.avatar.image,
.acro-nav-user .ui.avatar.image,
.acro-user-btn .ui.image,
.acro-nav-user .ui.image {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    border-radius: var(--radius-sm) !important;
    object-fit: cover;
}

.acro-user-btn .ui.label,
.acro-nav-user .ui.label {
    max-width: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: var(--radius-sm) !important;
    font-size: .8rem !important;
    line-height: 36px !important;
}

.acro-forum-category > .ui.divider {
    display: none;
}

.acro-forum-list.ui.grid {
    display: block !important;
    margin: 0 !important;
}

.forum-node .acro-forum-row,
.acro-forum-category .acro-forum-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) minmax(210px, .42fr) !important;
    align-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
    min-height: 78px;
    margin: 0 !important;
    padding: 1rem 1.05rem !important;
}

.forum-node .acro-forum-row > .column,
.acro-forum-category .acro-forum-row > .column {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.acro-forum-icon-cell,
.acro-forum-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
}

.acro-forum-icon-cell > i.icon,
.acro-forum-icon-cell > .icon,
.acro-forum-icon > i.icon,
.acro-forum-icon > .icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border: 1px solid rgba(34, 211, 238, .18);
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .08);
    color: var(--cobalt-cyan) !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.acro-forum-body .header {
    color: #fff !important;
    font-size: .98rem !important;
    line-height: 1.25 !important;
}

.acro-forum-description {
    margin-top: .34rem !important;
    color: rgba(184, 197, 209, .86) !important;
    font-size: .84rem;
}

.acro-forum-latest {
    display: grid !important;
    justify-self: stretch;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    gap: .16rem;
    text-align: left;
}

.acro-forum-latest .header,
.acro-forum-latest .description,
.acro-forum-latest .acro-empty-text {
    display: block;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
}

.acro-forum-latest .header {
    overflow: hidden;
    text-overflow: ellipsis;
}

.acro-forum-latest img.ui.avatar.image {
    width: 34px !important;
    height: 34px !important;
    margin-right: .62rem !important;
    border-radius: var(--radius-sm) !important;
}

.acro-account-shell.ui.stackable.grid {
    width: min(var(--container), calc(100% - (var(--container-gutter) * 2)));
    margin: 0 auto 3rem !important;
}

.acro-account-shell.ui.stackable.grid > .centered.row {
    display: grid !important;
    grid-template-columns: minmax(220px, 284px) minmax(0, 1fr);
    gap: 1.35rem;
    align-items: start;
    width: 100% !important;
    padding: 0 !important;
}

.acro-account-shell .acro-account-sidebar.column,
.acro-account-shell .acro-account-main.column {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.acro-account-nav.ui.vertical.menu {
    overflow: hidden;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(11, 16, 24, .88) !important;
    box-shadow: none !important;
}

.acro-account-nav.ui.vertical.menu .item {
    min-height: 46px;
    padding: .9rem 1rem !important;
    border-top: 1px solid var(--cobalt-line-soft) !important;
    color: var(--cobalt-muted) !important;
    font-weight: 700;
    letter-spacing: 0;
}

.acro-account-nav.ui.vertical.menu .item:first-child {
    border-top: 0 !important;
}

.acro-account-nav.ui.vertical.menu .item:hover,
.acro-account-nav.ui.vertical.menu .item.active {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(34, 211, 238, .12), rgba(255, 255, 255, .025)) !important;
    box-shadow: inset 3px 0 0 var(--cobalt-cyan);
}

.acro-account-panel.ui.segment,
.acro-session-card.ui.segment,
.acro-connection-card.ui.segment,
.acro-message-card.ui.card {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(15, 22, 32, .92) !important;
    box-shadow: none !important;
    color: var(--cobalt-text) !important;
}

.acro-account-panel.ui.segment {
    padding: 1.15rem !important;
}

.acro-account-main > .acro-account-panel + .acro-account-panel,
.acro-account-main > .ui.segment + .ui.segment {
    margin-top: .85rem !important;
}

.acro-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin: 0 0 1rem;
}

.acro-panel-header > .ui.header {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    letter-spacing: 0;
}

.acro-panel-actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
    margin: 0 !important;
}

.acro-account-panel .ui.form .field > label,
.acro-account-panel .ui.form label,
.acro-setting-name {
    color: #fff !important;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: 0;
}

.acro-account-panel .ui.input input,
.acro-account-panel .ui.form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.acro-account-panel .ui.form textarea,
.acro-account-panel .ui.dropdown,
.acro-account-panel select {
    min-height: 38px;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(8, 12, 19, .74) !important;
    color: var(--cobalt-text) !important;
    box-shadow: none !important;
}

.acro-account-panel .ui.dropdown .text,
.acro-account-panel .ui.dropdown .default.text,
.acro-account-panel .ui.dropdown .dropdown.icon {
    color: var(--cobalt-muted) !important;
}

.acro-account-panel .ui.dropdown .menu {
    border: 1px solid var(--cobalt-line) !important;
    background: #0d1420 !important;
}

.acro-account-panel .ui.dropdown .menu > .item {
    color: var(--cobalt-text) !important;
    border-top-color: var(--cobalt-line-soft) !important;
}

.acro-account-panel .ui.dropdown .menu > .item:hover {
    background: rgba(34, 211, 238, .08) !important;
}

.acro-account-panel .ui.primary.button,
.acro-panel-actions .ui.primary.button,
.acro-account-panel input.ui.primary.button {
    min-height: 36px;
    border: 0 !important;
    border-radius: var(--radius-sm) !important;
    background: linear-gradient(180deg, var(--cobalt-cyan), #16a9bc) !important;
    color: #041216 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.acro-account-panel .ui.button,
.acro-panel-actions .ui.button {
    border-radius: var(--radius-sm) !important;
    font-weight: 800 !important;
}

.acro-account-table.ui.table,
.acro-account-table.ui.selectable.table,
.acro-account-panel .ui.table {
    overflow: hidden;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(8, 12, 19, .5) !important;
    color: var(--cobalt-text) !important;
}

.acro-account-table.ui.table thead th,
.acro-account-panel .ui.table thead th {
    border-bottom: 1px solid var(--cobalt-line) !important;
    background: rgba(20, 29, 41, .96) !important;
    color: #fff !important;
    font-weight: 900 !important;
}

.acro-account-table.ui.table tbody td,
.acro-account-panel .ui.table tbody td {
    border-top: 1px solid var(--cobalt-line-soft) !important;
    background: transparent !important;
    color: var(--cobalt-text) !important;
}

.acro-account-panel .ui.info.message.acro-empty-state,
.acro-empty-state.ui.message,
.acro-account-panel .ui.info.message {
    border: 1px solid rgba(34, 211, 238, .24) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(34, 211, 238, .055) !important;
    color: var(--cobalt-text) !important;
    box-shadow: none !important;
}

.acro-setting-form {
    display: grid;
    gap: 1rem;
}

.acro-setting-list {
    display: grid;
    gap: .65rem;
}

.acro-setting-row {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(120px, auto) minmax(120px, auto);
    align-items: center;
    gap: .85rem;
    min-height: 58px;
    padding: .8rem .95rem;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .018);
}

.acro-toggle-option {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    margin: 0 !important;
    color: var(--cobalt-muted) !important;
    font-weight: 800;
}

.acro-account-panel .ui.toggle.checkbox input:checked ~ label:before,
.acro-account-panel .ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: var(--cobalt-cyan) !important;
}

.acro-account-panel .ui.toggle.checkbox label:before {
    background: rgba(255, 255, 255, .18) !important;
}

.acro-account-panel .ui.toggle.checkbox label:after {
    box-shadow: none !important;
}

.acro-session-card,
.acro-connection-card {
    margin: .75rem 0 0 !important;
    padding: .85rem !important;
}

.acro-message-card.ui.card {
    margin: .85rem 0 !important;
}

.acro-message-card.ui.card > .content {
    border: 0 !important;
    background: transparent !important;
}

.acro-message-actions {
    width: 100%;
    margin: .85rem 0 !important;
}

.acro-server-widget.ui.card {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.acro-server-widget.ui.card > .content {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.acro-server-widget .content > .ui.header {
    padding-left: .1rem;
}

.acro-server-widget__state,
.acro-server-widget__metric,
.acro-server-widget__copy {
    border-color: rgba(34, 211, 238, .16) !important;
    background: rgba(34, 211, 238, .035) !important;
}

.acro-server-widget__state {
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 64px;
}

.acro-server-widget__icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(34, 211, 238, .9), rgba(8, 145, 178, .86)) !important;
    color: #031116 !important;
}

.acro-server-widget__state strong {
    color: var(--cobalt-cyan);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.acro-server-widget__state small {
    color: #fff;
    font-weight: 800;
}

#profile .ui.bottom.attached.tab.segment,
#profile .ui.comments .comment,
#profile-feed .ui.reply.form {
    border-color: var(--cobalt-line) !important;
    background: rgba(15, 22, 32, .92) !important;
    color: var(--cobalt-text) !important;
}

#profile .ui.comments .comment {
    padding: .85rem !important;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
}

#profile .ui.comments .comment + .comment {
    margin-top: .7rem !important;
}

#profile .ui.comments .comment .author,
#profile .ui.comments .comment .text,
#profile .ui.comments .comment .actions a {
    color: var(--cobalt-text) !important;
}

#profile .ui.comments .comment .metadata,
#profile .ui.comments .comment .metadata span,
#profile .ui.comments .comment .sub.header {
    color: var(--cobalt-muted) !important;
}

.tox.tox-tinymce,
.mce-panel,
.mce-container,
.mce-container-body,
.mce-toolbar,
.mce-toolbar-grp,
.mce-statusbar {
    border-color: var(--cobalt-line) !important;
    background: #111c2a !important;
}

.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-edit-area__iframe {
    background: #111c2a !important;
}

.tox .tox-tbtn,
.tox .tox-mbtn,
.mce-btn button {
    color: var(--cobalt-text) !important;
}

.tox .tox-tbtn:hover,
.tox .tox-mbtn:hover,
.mce-btn:hover {
    background: rgba(34, 211, 238, .1) !important;
}

@media (max-width: 1180px) {
    .forum-node .acro-forum-row,
    .acro-forum-category .acro-forum-row {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .acro-hero-content {
        grid-template-columns: 1fr !important;
        justify-items: center;
        gap: 1.25rem;
        padding: 2rem 1rem;
        text-align: center;
    }

    .acro-hero-logo {
        order: -1;
        width: 100%;
    }

    .acro-hero-logo h1 {
        max-width: 100%;
        margin: 0 !important;
        font-size: clamp(2rem, 12vw, 2.75rem) !important;
        white-space: normal;
    }

    .acro-status-signal,
    .acro-status-signal--server,
    .acro-status-signal--discord {
        justify-self: center;
    }

    .acro-account-shell.ui.stackable.grid > .centered.row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .forum-node .acro-forum-row,
    .acro-forum-category .acro-forum-row {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: .75rem !important;
        padding: .85rem !important;
    }

    .acro-forum-icon-cell,
    .acro-forum-icon {
        width: 42px !important;
        height: 42px !important;
    }

    .acro-setting-row {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .acro-toggle-option {
        justify-content: space-between;
        width: 100%;
    }

    .acro-panel-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .acro-panel-actions {
        justify-content: flex-start;
    }
}

/* === ACRO PROFILE/FORUM QA PASS: icon rail, account nav, profile reactions === */
#forum-index .forum-node .acro-forum-row,
#forum-index .acro-forum-category .acro-forum-row {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-height: 64px;
    gap: .95rem !important;
    padding: .95rem 1.45rem !important;
}

#forum-index .acro-forum-latest {
    display: none !important;
}

#forum-index .acro-forum-icon-cell,
#forum-index .acro-forum-icon {
    width: 44px !important;
    height: 44px !important;
    justify-self: center;
}

#forum-index .acro-forum-icon-cell > i.icon,
#forum-index .acro-forum-icon-cell > .icon,
#forum-index .acro-forum-icon > i.icon,
#forum-index .acro-forum-icon > .icon {
    width: 34px !important;
    height: 34px !important;
    border-color: rgba(34, 211, 238, .16);
    border-radius: 6px;
    background: rgba(34, 211, 238, .11);
    font-size: .92rem !important;
}

#forum-index .acro-forum-body .header {
    font-size: .94rem !important;
}

#forum-index .acro-forum-description {
    margin-top: .18rem !important;
    font-size: .8rem;
}

.acro-account-shell.ui.stackable.grid > .centered.row > .acro-account-sidebar.column {
    width: 284px !important;
    min-width: 240px !important;
    flex: 0 0 284px !important;
}

.acro-account-shell.ui.stackable.grid > .centered.row > .acro-account-main.column {
    width: auto !important;
    min-width: 0 !important;
}

.acro-account-nav.ui.vertical.menu {
    width: 100% !important;
    min-width: 0 !important;
}

.acro-account-nav.ui.vertical.menu .item {
    overflow: visible;
    white-space: normal;
    word-break: normal;
}

.acro-profile-hero#profile-header.ui.segment {
    min-height: 138px;
}

.acro-profile-hero#profile-header.ui.segment > center {
    display: none !important;
}

.acro-profile-summary {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    width: min(100%, 780px);
    text-align: left;
}

.acro-profile-identity {
    min-width: 0;
}

.acro-profile-groups {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .4rem;
}

.acro-profile-metrics {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 1.25rem;
    padding-left: 1.2rem;
    border-left: 1px solid rgba(185, 225, 235, .12);
}

.acro-profile-stat {
    display: grid;
    gap: .2rem;
    min-width: 94px;
    text-align: center;
}

.acro-profile-stat > span {
    color: var(--cobalt-muted);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.acro-profile-stat strong,
.acro-profile-reaction-total {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.1;
}

.acro-profile-reaction-links {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
}

.acro-profile-reaction-total {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.acro-profile-reaction-total.is-positive {
    color: #22c55e;
}

.acro-profile-reaction-total.is-negative {
    color: #ef4444;
}

.acro-profile-reaction-total:hover {
    text-decoration: underline;
}

.acro-profile-reaction-separator {
    color: var(--cobalt-line);
}

#profile-feed {
    padding: 1rem !important;
}

#profile-feed > h3.ui.header,
#profile-forum .acro-profile-tab-header {
    margin-bottom: .95rem !important;
}

#profile-feed #form-profile-post {
    display: grid;
    gap: .75rem;
    margin: 0 0 1rem !important;
    padding: .95rem !important;
}

#profile-feed #form-profile-post textarea {
    min-height: 138px;
}

#profile-feed #form-profile-post input[type="submit"] {
    justify-self: start;
}

#profile-feed .ui.info.message.acro-profile-empty {
    margin-top: .85rem !important;
}

#profile .ui.comments {
    display: grid;
    gap: .85rem;
    max-width: none !important;
}

#profile .ui.comments .comment {
    margin: 0 !important;
}

#profile .ui.comments .comment .comments {
    display: grid;
    gap: .65rem;
    margin-top: .85rem !important;
    padding-left: .9rem !important;
    border-left: 1px solid var(--cobalt-line-soft);
}

.acro-profile-post-list {
    display: grid;
    gap: .85rem;
}

.acro-profile-post-card {
    display: grid;
    gap: .45rem;
    padding: .95rem;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(8, 12, 19, .32);
}

.acro-profile-post-meta {
    color: var(--cobalt-muted);
    font-size: .82rem;
    font-weight: 800;
}

.acro-profile-post-title {
    color: #fff !important;
    font-size: 1rem;
    font-weight: 900;
}

.acro-profile-post-title:hover {
    color: var(--cobalt-cyan-hover) !important;
}

.acro-profile-post-content {
    color: var(--cobalt-muted);
    line-height: 1.65;
}

.acro-profile-reactions-modal.ui.modal {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(6, 9, 14, .98) !important;
    color: var(--cobalt-text) !important;
}

.acro-profile-reactions-modal.ui.modal > .header,
.acro-profile-reactions-modal.ui.modal > .content {
    border-color: var(--cobalt-line-soft) !important;
    background: transparent !important;
    color: var(--cobalt-text) !important;
}

.acro-profile-reactions-table.ui.table {
    border: 1px solid var(--cobalt-line-soft) !important;
    background: rgba(8, 12, 19, .64) !important;
}

.acro-profile-reactions-table.ui.table th,
.acro-profile-reactions-table.ui.table td {
    border-top: 1px solid var(--cobalt-line-soft) !important;
    color: var(--cobalt-text) !important;
}

.acro-profile-reaction-icon img,
.acro-profile-reaction-icon svg,
.acro-reactions-table img,
.acro-reactions-table svg {
    max-width: 22px;
    max-height: 22px;
}

.acro-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.acro-widget-header > .ui.header {
    margin: 0 !important;
}

.acro-reaction-score-pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .3rem .55rem;
    border: 1px solid rgba(34, 211, 238, .2);
    border-radius: 999px;
    background: rgba(34, 211, 238, .06);
    color: var(--cobalt-cyan);
    font-size: .74rem;
    font-weight: 900;
}

.acro-reaction-contexts {
    display: grid !important;
    gap: .28rem;
    color: var(--cobalt-muted) !important;
}

@media (max-width: 900px) {
    .acro-account-shell.ui.stackable.grid > .centered.row > .acro-account-sidebar.column,
    .acro-account-shell.ui.stackable.grid > .centered.row > .acro-account-main.column {
        width: 100% !important;
        min-width: 0 !important;
        flex-basis: auto !important;
    }

    .acro-profile-summary {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .acro-profile-metrics {
        grid-column: 1 / -1;
        justify-self: center;
        padding: .9rem 0 0;
        border-left: 0;
        border-top: 1px solid rgba(185, 225, 235, .12);
    }
}

@media (max-width: 640px) {
    #forum-index .forum-node .acro-forum-row,
    #forum-index .acro-forum-category .acro-forum-row {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        gap: .75rem !important;
        padding: .85rem 1rem !important;
    }

    #forum-index .acro-forum-icon-cell,
    #forum-index .acro-forum-icon {
        width: 38px !important;
        height: 38px !important;
    }

    #forum-index .acro-forum-icon-cell > i.icon,
    #forum-index .acro-forum-icon-cell > .icon,
    #forum-index .acro-forum-icon > i.icon,
    #forum-index .acro-forum-icon > .icon {
        width: 32px !important;
        height: 32px !important;
    }

    .acro-account-nav.ui.vertical.menu {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .acro-account-nav.ui.vertical.menu .item {
        min-height: 42px;
        padding: .75rem .8rem !important;
        border-top: 1px solid var(--cobalt-line-soft) !important;
        line-height: 1.15;
    }

    .acro-profile-summary {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .acro-profile-identity,
    .acro-profile-hero#profile-header h2.ui.header {
        text-align: center;
    }

    .acro-profile-groups {
        justify-content: center;
    }

    .acro-profile-metrics {
        width: 100%;
        grid-auto-flow: row;
        grid-template-columns: 1fr 1fr;
        gap: .8rem;
    }
}

/* === ACRO FULL QA CLEANUP: global blockers, public pages, modals === */
html:not(.is-ie) #ie-message {
    display: none !important;
}

html.is-ie #ie-message {
    display: flex !important;
}

.ui.modal,
.ui.small.modal,
.ui.medium.modal {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(8, 12, 19, .98) !important;
    color: var(--cobalt-text) !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .46) !important;
}

.ui.modal > .header,
.ui.modal > .content,
.ui.modal > .actions {
    border-color: var(--cobalt-line-soft) !important;
    background: transparent !important;
    color: var(--cobalt-text) !important;
}

.ui.modal > .actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.ui.modal > .close.icon {
    color: var(--cobalt-muted) !important;
}

.ui.modal .ui.form label,
.ui.modal label {
    color: #fff !important;
}

.ui.modal .ui.form textarea,
.ui.modal .ui.form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    border-color: var(--cobalt-line) !important;
    background: rgba(8, 12, 19, .86) !important;
    color: var(--cobalt-text) !important;
}

.ui.dimmer {
    background: rgba(3, 6, 10, .74) !important;
}

html body .cc-window.cc-banner,
html body .cc-window.cc-floating {
    z-index: 950 !important;
    max-height: 220px !important;
    overflow: auto !important;
}

html body .cc-window .cc-message {
    max-height: 6.2em;
    overflow: auto;
}

body.acro-cookie-visible {
    padding-bottom: 0;
}

body.acro-cookie-visible.dimmed {
    padding-bottom: 0;
}

.acro-error-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 4rem 1rem;
    background:
        linear-gradient(180deg, rgba(9, 13, 20, .76), #090d14 68%),
        radial-gradient(circle at 50% 0, rgba(34, 211, 238, .08), transparent 42%);
}

.acro-error-panel {
    width: min(620px, 100%);
    padding: 2rem;
    border: 1px solid var(--cobalt-line);
    border-radius: var(--radius);
    background: rgba(15, 22, 32, .94);
    color: var(--cobalt-text);
    text-align: center;
    box-shadow: var(--cobalt-shadow);
}

.acro-error-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 40px;
    margin-bottom: .9rem;
    padding: 0 .8rem;
    border: 1px solid rgba(34, 211, 238, .22);
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .07);
    color: var(--cobalt-cyan);
    font-weight: 900;
}

.acro-error-panel h1 {
    margin: 0 0 .65rem;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1.15;
}

.acro-error-panel p {
    margin: .45rem auto 0;
    max-width: 48rem;
    color: var(--cobalt-muted);
    line-height: 1.62;
}

.acro-error-muted {
    color: var(--cobalt-dim) !important;
    font-size: .86rem;
}

.acro-error-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .6rem;
    margin-top: 1.25rem;
}

.acro-error-actions .ui.button,
.acro-auth-panel .ui.button,
.acro-auth-panel input.ui.button,
.acro-content-panel .ui.button,
.acro-status-copy.ui.button {
    min-height: var(--button-height);
    border-radius: var(--radius-sm) !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.acro-error-actions .ui.primary.button,
.acro-auth-panel .ui.primary.button,
.acro-content-panel .ui.primary.button {
    border: 0 !important;
    background: linear-gradient(180deg, var(--cobalt-cyan), #16a9bc) !important;
    color: #041216 !important;
}

.acro-error-actions .ui.button:not(.primary),
.acro-auth-panel .ui.button:not(.primary),
.acro-content-panel .ui.button:not(.primary) {
    border: 1px solid var(--cobalt-line) !important;
    background: rgba(255, 255, 255, .045) !important;
    color: var(--cobalt-text) !important;
}

.acro-auth-heading,
.acro-content-panel,
.acro-auth-panel {
    width: min(760px, calc(100% - (var(--container-gutter) * 2)));
    margin-left: auto !important;
    margin-right: auto !important;
}

.acro-auth-panel.ui.segment,
.acro-content-panel.ui.segment {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(15, 22, 32, .92) !important;
    color: var(--cobalt-text) !important;
    box-shadow: none !important;
}

.acro-auth-panel.ui.segment {
    padding: 1.35rem !important;
}

.acro-content-panel.ui.segment {
    line-height: 1.7;
}

.acro-auth-panel .ui.centered.row,
.acro-auth-panel .ui.stackable.grid {
    margin: 0 !important;
}

.acro-auth-panel .ui.column {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.acro-auth-panel .ui.form {
    display: grid;
    gap: .9rem;
}

.acro-auth-panel .ui.form .field {
    margin: 0 !important;
}

.acro-auth-panel .ui.form label,
.acro-auth-panel .ui.checkbox label,
.acro-auth-panel .ui.radio.checkbox label {
    color: var(--cobalt-text) !important;
    font-weight: 800;
}

.acro-auth-panel .ui.checkbox input:checked ~ label:after,
.acro-auth-panel .ui.radio.checkbox input:checked ~ label:after {
    color: var(--cobalt-cyan) !important;
}

.acro-auth-panel .ui.checkbox label:before,
.acro-auth-panel .ui.radio.checkbox label:before {
    border-color: rgba(34, 211, 238, .24) !important;
    background: rgba(8, 12, 19, .82) !important;
}

.acro-auth-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
    justify-content: flex-start;
}

.acro-auth-panel .ui.horizontal.divider {
    color: var(--cobalt-muted) !important;
}

.acro-auth-panel .ui.horizontal.divider::before,
.acro-auth-panel .ui.horizontal.divider::after {
    background: var(--cobalt-line-soft) !important;
}

.acro-members-layout {
    align-items: start;
}

.acro-members-nav.ui.vertical.menu,
.acro-members-filter-card.ui.card {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(15, 22, 32, .9) !important;
    box-shadow: none !important;
}

.acro-members-nav.ui.vertical.menu .item {
    min-height: 42px;
    border-top: 1px solid var(--cobalt-line-soft) !important;
    color: var(--cobalt-muted) !important;
    font-weight: 800;
}

.acro-members-nav.ui.vertical.menu .item:first-child {
    border-top: 0 !important;
}

.acro-members-nav.ui.vertical.menu .item.active,
.acro-members-nav.ui.vertical.menu .item:hover {
    background: linear-gradient(90deg, rgba(34, 211, 238, .12), rgba(255, 255, 255, .025)) !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 var(--cobalt-cyan);
}

.acro-new-members-grid.ui.grid {
    margin: -.25rem !important;
}

.acro-new-members-grid.ui.grid > .column {
    padding: .25rem !important;
}

.acro-new-members-grid img.ui.circular.image {
    width: 42px !important;
    height: 42px !important;
    border-radius: var(--radius-sm) !important;
    object-fit: cover;
}

.acro-members-panel.ui.segment {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.acro-members-panel.ui.segment > .ui.column,
.acro-members-panel.ui.segment > .acro-member-list-column.column {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    min-width: 0;
}

.acro-member-list-column > h3 {
    margin: 0 0 .75rem !important;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25;
    max-width: 100%;
    text-wrap: balance;
}

@media (min-width: 961px) {
    html body .cc-window.cc-banner,
    html body .cc-window.cc-floating {
        top: 72px !important;
        right: 16px !important;
        bottom: auto !important;
        left: auto !important;
    }
}

.acro-member-list.ui.list {
    display: grid;
    gap: .55rem;
    margin: .65rem 0 0 !important;
}

.acro-member-list .acro-member-item.item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    min-height: 52px;
    padding: .65rem .7rem !important;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(8, 12, 19, .38);
    color: var(--cobalt-text) !important;
}

.acro-member-list .acro-member-item.item:hover {
    border-color: rgba(34, 211, 238, .24);
    background: rgba(34, 211, 238, .055) !important;
}

.acro-member-content {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    overflow: hidden;
}

.acro-member-content span {
    color: var(--cobalt-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acro-member-content .acro-member-name-muted {
    color: var(--cobalt-muted) !important;
}

/* Final polish: professional reaction marks + matching hero status signals */
.acro-reaction-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(34, 211, 238, .18);
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .08);
    color: var(--cobalt-cyan);
    line-height: 1;
    vertical-align: middle;
}

.acro-reaction-mark i.icon,
.acro-reaction-mark i.icons {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: .98rem !important;
    line-height: 1 !important;
}

.acro-reaction-mark--like,
.acro-reaction-mark--helpful,
.acro-reaction-mark--creative {
    border-color: rgba(34, 211, 238, .22);
    background: rgba(34, 211, 238, .09);
    color: var(--cobalt-cyan);
}

.acro-reaction-mark--dislike {
    border-color: rgba(248, 113, 113, .28);
    background: rgba(248, 113, 113, .08);
    color: #f87171;
}

.acro-reaction-mark--meh,
.acro-reaction-mark--amazing {
    border-color: rgba(251, 191, 36, .3);
    background: rgba(251, 191, 36, .09);
    color: #fbbf24;
}

.reaction-button,
.reaction-button-selected {
    width: 36px;
    height: 36px;
    padding: 0 !important;
}

.reaction-button .acro-reaction-mark,
.reaction-button-selected .acro-reaction-mark {
    width: 26px;
    height: 26px;
    border-color: transparent;
    background: transparent;
}

.acro-reactions-message .acro-reaction-mark,
.acro-profile-reaction-icon .acro-reaction-mark,
.acro-reactions-table .acro-reaction-mark {
    width: 28px;
    height: 28px;
}

.acro-reactions-message > .right.floated {
    margin-left: auto;
}

.acro-status-signal::after {
    display: none !important;
}

.acro-status-signal .acro-status-play,
.acro-status-signal .acro-discord-icon {
    position: relative;
    overflow: visible;
}

.acro-status-signal .acro-status-play::before,
.acro-status-signal .acro-status-play::after,
.acro-status-signal .acro-discord-icon::before,
.acro-status-signal .acro-discord-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 999px;
    pointer-events: none;
}

.acro-status-signal .acro-status-play::before,
.acro-status-signal .acro-discord-icon::before {
    bottom: -10px;
    width: 32px;
}

.acro-status-signal .acro-status-play::after,
.acro-status-signal .acro-discord-icon::after {
    bottom: -16px;
    width: 24px;
    opacity: .58;
}

.acro-status-signal .acro-status-play::before,
.acro-status-signal .acro-status-play::after {
    background: var(--cobalt-cyan) !important;
}

.acro-status-signal.is-offline .acro-status-play::before,
.acro-status-signal.is-offline .acro-status-play::after {
    background: #f87171 !important;
}

.acro-status-signal.is-loading .acro-status-play::before,
.acro-status-signal.is-loading .acro-status-play::after {
    background: #facc15 !important;
}

.acro-status-signal .acro-discord-icon::before,
.acro-status-signal .acro-discord-icon::after {
    background: #5865f2 !important;
}

.acro-status-signal--discord {
    grid-template-columns: 46px minmax(0, 1fr);
}

.acro-status-signal--discord .acro-discord-icon {
    order: 0;
}

.acro-status-signal--discord .acro-status-info {
    order: 1;
    text-align: left;
}

@media (max-width: 900px) {
    .acro-status-signal--discord {
        grid-template-columns: 46px minmax(0, auto);
    }
}

.acro-member-avatar.ui.avatar.image {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: var(--radius-sm) !important;
    object-fit: cover;
}

.acro-member-count.ui.header {
    margin: 0 !important;
    color: var(--cobalt-cyan) !important;
    font-size: .95rem !important;
}

.acro-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin: 0 0 2.4rem;
}

.acro-status-server.ui.card {
    min-height: 136px;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(15, 22, 32, .92) !important;
    color: var(--cobalt-text) !important;
    box-shadow: none !important;
}

.acro-status-server.ui.card.green {
    border-color: rgba(34, 197, 94, .26) !important;
}

.acro-status-server.ui.card.red {
    border-color: rgba(239, 68, 68, .26) !important;
}

.acro-status-server .header {
    position: relative;
    min-height: 32px;
    color: #fff !important;
    font-weight: 900 !important;
}

.acro-status-copy.ui.button {
    position: absolute;
    top: -.2rem;
    right: -.2rem;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0 !important;
    border: 1px solid rgba(34, 211, 238, .2) !important;
    background: rgba(34, 211, 238, .08) !important;
    color: var(--cobalt-cyan) !important;
}

.acro-status-server .server-status {
    margin-top: .5rem;
    color: var(--cobalt-cyan);
    font-size: 1.35rem;
    font-weight: 900;
}

.acro-status-server .extra.content.server-players {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem;
    min-height: 42px;
    border-top-color: var(--cobalt-line-soft) !important;
    color: var(--cobalt-muted);
}

#forum-index .acro-forum-category.ui.segment {
    overflow: hidden;
}

#forum-index .forum-node .acro-forum-row,
#forum-index .acro-forum-category .acro-forum-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    min-height: 68px;
    gap: .95rem !important;
    padding: .95rem 1.15rem !important;
}

#forum-index .acro-forum-icon-cell,
#forum-index .acro-forum-icon {
    width: 48px !important;
    height: 48px !important;
    justify-self: center;
}

#forum-index .acro-forum-icon-cell > i.icon,
#forum-index .acro-forum-icon-cell > .icon,
#forum-index .acro-forum-icon > i.icon,
#forum-index .acro-forum-icon > .icon {
    width: 34px !important;
    height: 34px !important;
}

#forum-index .acro-forum-body {
    align-self: center;
}

.acro-forum-table.ui.table h5.ui.header > i.icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px !important;
    height: 34px !important;
    margin-right: .65rem !important;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .1);
    color: var(--cobalt-cyan) !important;
}

.acro-profile-reactions-modal.ui.modal {
    max-width: 640px;
}

.acro-profile-reactions-table.ui.table td:nth-child(3),
.acro-profile-reactions-table.ui.table td:nth-child(4),
.acro-profile-reactions-table.ui.table th:nth-child(3),
.acro-profile-reactions-table.ui.table th:nth-child(4) {
    text-align: right;
}

.acro-profile-reactions-table.ui.table tbody tr:hover {
    background: rgba(34, 211, 238, .045) !important;
}

#modal-reactions.acro-reactions-modal .ui.table,
.acro-reactions-modal .ui.table {
    border: 1px solid var(--cobalt-line-soft) !important;
    background: rgba(8, 12, 19, .64) !important;
    color: var(--cobalt-text) !important;
}

#modal-reactions.acro-reactions-modal .ui.table td,
#modal-reactions.acro-reactions-modal .ui.table th {
    border-color: var(--cobalt-line-soft) !important;
    color: var(--cobalt-text) !important;
}

.tox .tox-statusbar,
.tox .tox-menubar,
.tox .tox-toolbar-overlord,
.tox .tox-toolbar__overflow {
    border-color: var(--cobalt-line) !important;
    background: #111c2a !important;
    color: var(--cobalt-text) !important;
}

.tox .tox-edit-area,
.tox .tox-edit-area__iframe {
    border-color: var(--cobalt-line) !important;
    background: #0b1018 !important;
}

.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover,
.tox .tox-mbtn--active {
    background: rgba(34, 211, 238, .16) !important;
    color: #fff !important;
}

@media (max-width: 960px) {
    .acro-members-layout .acro-page-sidebar--left {
        order: 1;
    }

    .acro-members-layout .acro-page-main {
        order: 2;
    }

    body.acro-cookie-visible {
        padding-bottom: 0;
    }

    html body .cc-window.cc-banner,
    html body .cc-window.cc-floating {
        top: 64px !important;
        right: 10px !important;
        bottom: auto !important;
        left: 10px !important;
        width: auto !important;
        max-width: none !important;
        max-height: 176px !important;
        padding: .75rem .85rem !important;
    }
}

@media (max-width: 640px) {
    .acro-error-panel,
    .acro-auth-panel.ui.segment,
    .acro-content-panel.ui.segment {
        padding: 1rem !important;
    }

    .acro-auth-actions,
    .acro-error-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .acro-auth-actions .ui.button,
    .acro-auth-actions input.ui.button,
    .acro-error-actions .ui.button {
        width: 100%;
    }

    .acro-members-panel.ui.segment {
        grid-template-columns: 1fr;
    }

    #forum-index .forum-node .acro-forum-row,
    #forum-index .acro-forum-category .acro-forum-row {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        min-height: 62px;
        padding: .82rem .9rem !important;
    }

    #forum-index .acro-forum-icon-cell,
    #forum-index .acro-forum-icon {
        display: inline-flex !important;
        width: 44px !important;
        height: 44px !important;
    }

    #forum-index .acro-forum-icon-cell > i.icon,
    #forum-index .acro-forum-icon-cell > .icon,
    #forum-index .acro-forum-icon > i.icon,
    #forum-index .acro-forum-icon > .icon {
        width: 32px !important;
        height: 32px !important;
    }

    .acro-account-nav.ui.vertical.menu {
        grid-template-columns: 1fr !important;
    }

    .acro-account-nav.ui.vertical.menu .item {
        min-height: 44px;
        overflow-wrap: anywhere;
    }

    .acro-profile-reactions-table.ui.table,
    .acro-profile-reactions-table.ui.table thead,
    .acro-profile-reactions-table.ui.table tbody,
    .acro-profile-reactions-table.ui.table tr,
    .acro-profile-reactions-table.ui.table td {
        display: block !important;
        width: 100% !important;
    }

    .acro-profile-reactions-table.ui.table thead {
        display: none !important;
    }

    .acro-profile-reactions-table.ui.table tr {
        padding: .7rem 0;
        border-top: 1px solid var(--cobalt-line-soft);
    }

    .acro-profile-reactions-table.ui.table tr:first-child {
        border-top: 0;
    }

    .acro-profile-reactions-table.ui.table td {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: center;
        gap: .75rem;
        padding: .35rem .15rem !important;
        border-top: 0 !important;
        text-align: left !important;
    }

    .acro-profile-reactions-table.ui.table td::before {
        content: attr(data-label);
        color: var(--cobalt-muted);
        font-size: .74rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .acro-topic-toolbar {
        align-items: stretch;
    }

    .acro-topic-actions {
        width: 100%;
    }

    .acro-topic-actions .ui.button,
    .acro-topic-actions form,
    .acro-topic-actions .ui.dropdown.button {
        width: 100%;
    }
}

/* Cobalt home feed + reaction modal cleanup */
.acro-home-feed {
    display: grid;
    gap: 1rem;
}

.acro-home-feed-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: .25rem .1rem .15rem;
}

.acro-home-feed-header h2 {
    margin: .08rem 0 0 !important;
    color: var(--cobalt-text) !important;
    font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

.acro-home-kicker {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--cobalt-cyan);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.acro-home-kicker::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .12);
}

.acro-home-post {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: stretch;
    padding: 1.05rem;
    border: 1px solid var(--cobalt-line);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, .04), transparent 34%),
        rgba(13, 18, 27, .9);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
}

.acro-home-post--lead {
    padding: 1.2rem;
    border-color: rgba(34, 211, 238, .18);
    background:
        linear-gradient(135deg, rgba(34, 211, 238, .075), transparent 38%),
        rgba(14, 20, 30, .94);
}

.acro-home-post-main {
    min-width: 0;
}

.acro-home-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    margin-bottom: .45rem;
    color: var(--cobalt-muted);
    font-size: .76rem;
    font-weight: 800;
}

.acro-home-post-label,
.acro-home-post-meta .ui.label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: .22rem .5rem;
    border: 1px solid rgba(34, 211, 238, .22) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(34, 211, 238, .065) !important;
    color: var(--cobalt-cyan) !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.acro-home-post h3 {
    margin: 0 0 .55rem !important;
    font-size: clamp(1.06rem, 1.4vw, 1.28rem) !important;
    line-height: 1.22 !important;
}

.acro-home-post h3 a {
    color: #fff !important;
    text-decoration: none;
}

.acro-home-post h3 a:hover {
    color: var(--cobalt-cyan-hover) !important;
}

.acro-home-post-excerpt {
    position: relative;
    max-height: 9.2rem;
    overflow: hidden;
    color: var(--cobalt-muted) !important;
    line-height: 1.65;
}

.acro-home-post-excerpt::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2.6rem;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(13, 18, 27, .98));
}

.acro-home-post--lead .acro-home-post-excerpt::after {
    background: linear-gradient(180deg, transparent, rgba(14, 20, 30, .98));
}

.acro-home-post-excerpt p:last-child {
    margin-bottom: 0;
}

.acro-home-post-excerpt img {
    max-width: 100%;
    border-radius: var(--radius-sm);
}

.acro-home-post-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    min-width: 192px;
    padding-left: 1rem;
    border-left: 1px solid var(--cobalt-line-soft);
}

.acro-home-post-author {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    color: var(--cobalt-muted);
    font-size: .78rem;
    font-weight: 800;
    text-align: right;
}

.acro-home-post-author .ui.avatar.image {
    width: 30px !important;
    height: 30px !important;
}

.acro-home-post-author a {
    color: var(--cobalt-text);
}

.acro-home-post-action.ui.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 34px;
    margin: 0 !important;
    white-space: nowrap;
}

.acro-home-post-action i.icon {
    margin: 0 !important;
}

.acro-home-post--empty {
    grid-template-columns: 1fr;
}

.acro-profile-reactions-modal.ui.modal {
    max-width: 680px;
}

.acro-profile-reactions-modal.ui.modal > .header {
    padding: 1.1rem 1.25rem !important;
    font-size: 1.08rem !important;
    font-weight: 900 !important;
}

.acro-profile-reactions-modal.ui.modal > .content {
    padding: 1rem 1.25rem 1.25rem !important;
}

.acro-reaction-breakdown {
    overflow: hidden;
    border: 1px solid var(--cobalt-line);
    border-radius: var(--radius);
    background: rgba(9, 14, 22, .8);
}

.acro-reaction-breakdown-head,
.acro-reaction-breakdown-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px 104px;
    align-items: center;
    gap: .75rem;
}

.acro-reaction-breakdown-head {
    min-height: 42px;
    padding: 0 .85rem;
    border-bottom: 1px solid var(--cobalt-line);
    background: rgba(20, 28, 40, .72);
    color: var(--cobalt-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.acro-reaction-breakdown-head span:nth-child(2),
.acro-reaction-breakdown-head span:nth-child(3) {
    text-align: right;
}

.acro-reaction-breakdown-row {
    min-height: 58px;
    padding: .65rem .85rem;
    border-top: 1px solid var(--cobalt-line-soft);
    color: var(--cobalt-text);
}

.acro-reaction-breakdown-row:first-of-type {
    border-top: 0;
}

.acro-reaction-breakdown-row:hover {
    background: rgba(34, 211, 238, .045);
}

.acro-reaction-breakdown-title {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.acro-reaction-breakdown-title strong {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: .9rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acro-reaction-breakdown-count {
    color: #fff;
    font-size: .94rem;
    font-weight: 900;
    text-align: right;
}

.acro-profile-reaction-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
}

.acro-profile-reaction-icon .acro-reaction-mark {
    width: 30px;
    height: 30px;
}

@media (max-width: 760px) {
    .acro-home-feed-header {
        align-items: start;
    }

    .acro-home-post,
    .acro-home-post--lead {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .acro-home-post-footer {
        flex-direction: row;
        align-items: center;
        min-width: 0;
        padding-top: .85rem;
        padding-left: 0;
        border-top: 1px solid var(--cobalt-line-soft);
        border-left: 0;
    }

    .acro-home-post-author {
        justify-content: flex-start;
        text-align: left;
    }

    .acro-reaction-breakdown-head {
        display: none;
    }

    .acro-reaction-breakdown-row {
        grid-template-columns: 1fr;
        gap: .55rem;
        align-items: stretch;
        min-height: 0;
    }

    .acro-reaction-breakdown-count {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        text-align: left;
    }

    .acro-reaction-breakdown-count::before {
        content: attr(data-label);
        color: var(--cobalt-muted);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .055em;
        text-transform: uppercase;
    }
}

@media (max-width: 480px) {
    .acro-home-post-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .acro-home-post-action.ui.button {
        width: 100%;
    }
}

/* Members directory refresh, avatar uploads, and protected media affordances */
.acro-members-layout {
    align-items: start;
}

.acro-members-nav,
.acro-members-filter-card,
.acro-members-panel,
.acro-avatar-panel.ui.segment {
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(15, 22, 32, .92) !important;
    box-shadow: none !important;
    color: var(--cobalt-text) !important;
}

.acro-members-nav {
    display: grid;
    overflow: hidden;
}

.acro-members-nav__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-height: 46px;
    padding: .85rem 1rem;
    border-top: 1px solid var(--cobalt-line-soft);
    color: var(--cobalt-muted);
    font-weight: 800;
    text-decoration: none;
}

.acro-members-nav__item:first-child {
    border-top: 0;
}

.acro-members-nav__item i.icon {
    width: 20px;
    margin: 0;
    color: rgba(184, 197, 209, .78);
    text-align: center;
}

.acro-members-nav__item:hover,
.acro-members-nav__item.active {
    color: #fff;
    background: linear-gradient(90deg, rgba(34, 211, 238, .13), rgba(255, 255, 255, .025));
    box-shadow: inset 3px 0 0 var(--cobalt-cyan);
}

.acro-members-nav__item:hover i.icon,
.acro-members-nav__item.active i.icon {
    color: #fff;
}

.acro-members-filter-card {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.acro-members-filter-card h4,
.acro-member-list-header h3 {
    margin: 0;
    color: #fff;
    font-size: .98rem;
    line-height: 1.25;
}

.acro-members-search .ui.input input,
.acro-members-filter-card .ui.dropdown,
.acro-members-filter-card select {
    min-height: 38px;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(8, 12, 19, .74) !important;
    color: var(--cobalt-text) !important;
    box-shadow: none !important;
}

.acro-members-search .ui.input i.icon,
.acro-members-filter-card .ui.dropdown .dropdown.icon,
.acro-members-filter-card .ui.dropdown .text,
.acro-members-filter-card .ui.dropdown .default.text {
    color: var(--cobalt-muted) !important;
}

.acro-new-members-list {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.acro-new-member-link {
    display: inline-flex;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.acro-new-member-avatar,
.acro-member-avatar {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    border: 1px solid rgba(34, 211, 238, .12);
    border-radius: var(--radius-sm) !important;
    object-fit: cover;
    background: rgba(34, 211, 238, .08);
}

.acro-members-panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.acro-members-panel .pagination,
.acro-members-panel .ui.pagination.menu {
    justify-self: center;
    margin: .65rem auto 0 !important;
}

.acro-member-list-section {
    display: grid;
    gap: .85rem;
    min-width: 0;
}

.acro-member-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.acro-view-all-link {
    color: var(--cobalt-cyan);
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
}

.acro-view-all-link:hover {
    color: var(--cobalt-cyan-hover);
}

.acro-member-list {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.acro-member-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-height: 66px;
    padding: .75rem .85rem;
    border: 1px solid var(--cobalt-line-soft);
    border-radius: var(--radius-sm);
    background: rgba(8, 12, 19, .46);
    color: var(--cobalt-text);
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.acro-member-row:hover {
    border-color: rgba(34, 211, 238, .24);
    background: rgba(34, 211, 238, .055);
    color: #fff;
}

.acro-member-content {
    display: grid !important;
    gap: .35rem;
    min-width: 0;
}

.acro-member-heading,
.acro-member-groups,
.acro-member-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.acro-member-name {
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acro-member-name-muted {
    color: var(--cobalt-text) !important;
}

.acro-member-groups .ui.label,
.acro-member-groups .ui.labels .label {
    margin: 0 !important;
    border: 1px solid rgba(34, 211, 238, .34) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(34, 211, 238, .08) !important;
    color: #fff !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.acro-member-meta {
    color: var(--cobalt-muted);
    font-size: .75rem;
    line-height: 1.35;
}

.acro-member-meta span {
    overflow: visible;
    color: var(--cobalt-muted);
    white-space: normal;
}

.acro-member-meta-chip strong {
    color: rgba(255, 255, 255, .82);
}

.acro-member-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 34px;
    padding: .25rem .7rem;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .08);
    color: var(--cobalt-cyan);
    font-weight: 950;
}

.acro-member-loader {
    display: flex;
    justify-content: center;
    min-height: 58px;
    padding: 1rem;
}

.acro-avatar-upload-grid {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.acro-avatar-preview-shell {
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(34, 211, 238, .18);
    border-radius: var(--radius);
    background: rgba(34, 211, 238, .06);
}

.acro-avatar-upload-preview {
    width: 74px;
    height: 74px;
    border-radius: var(--radius-sm);
    object-fit: cover;
}

.acro-avatar-upload-form {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.acro-upload-drop {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-height: 82px;
    padding: .9rem;
    border: 1px dashed rgba(34, 211, 238, .3);
    border-radius: var(--radius);
    background: rgba(8, 12, 19, .54);
    cursor: pointer;
}

.acro-upload-drop:hover {
    border-color: rgba(34, 211, 238, .5);
    background: rgba(34, 211, 238, .055);
}

.acro-upload-drop__icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .1);
    color: var(--cobalt-cyan);
}

.acro-upload-drop__icon i.icon {
    margin: 0;
}

.acro-upload-drop__copy {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.acro-upload-drop__copy strong {
    color: #fff;
    font-size: .9rem;
}

.acro-upload-drop__copy small,
.acro-avatar-upload-file {
    color: var(--cobalt-muted);
    font-size: .78rem;
}

.acro-upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.acro-avatar-upload-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

.acro-banner-modal.ui.modal {
    width: min(760px, calc(100vw - 2rem)) !important;
}

.acro-banner-modal.ui.modal > .header {
    padding: 1.15rem 1.35rem !important;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
}

.acro-banner-modal.ui.modal > .content {
    padding: 1.35rem !important;
}

.acro-banner-picker-form {
    display: block !important;
}

.acro-banner-modal .image_picker_selector {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
    gap: .75rem;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.acro-banner-modal .image_picker_selector li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.acro-banner-modal .image_picker_selector .thumbnail {
    display: block !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background: rgba(13, 19, 29, .9) !important;
    opacity: .78;
    overflow: hidden;
    transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease, transform .16s ease;
}

.acro-banner-modal .image_picker_selector .thumbnail:hover,
.acro-banner-modal .image_picker_selector li:hover .thumbnail {
    border-color: rgba(34, 211, 238, .42) !important;
    opacity: 1;
    transform: translateY(-1px);
}

.acro-banner-modal .image_picker_selector .thumbnail.selected,
.acro-banner-modal .image_picker_selector li.selected .thumbnail,
.acro-banner-modal .image_picker_selector li .thumbnail.selected {
    border-color: var(--cobalt-cyan) !important;
    background: rgba(34, 211, 238, .08) !important;
    box-shadow: 0 0 0 2px rgba(34, 211, 238, .22);
    opacity: 1;
}

.acro-banner-modal .image_picker_selector .thumbnail img {
    display: block;
    width: 100%;
    height: 82px;
    border-radius: 5px;
    object-fit: cover;
    filter: saturate(.95) contrast(1.04);
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    user-select: none;
}

.acro-banner-modal .image_picker_selector .thumbnail p {
    margin: .45rem .15rem .1rem !important;
    color: var(--cobalt-text);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-align: center;
}

.acro-banner-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    margin: 1.35rem 0 1rem;
    color: var(--cobalt-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.acro-banner-divider::before,
.acro-banner-divider::after {
    content: "";
    height: 1px;
    background: var(--cobalt-line);
}

.acro-banner-divider span {
    color: var(--cobalt-text);
}

.acro-banner-upload-form {
    display: grid !important;
    gap: .85rem;
}

.acro-banner-upload-drop {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: .9rem;
    min-height: 84px;
    padding: .95rem;
    border: 1px dashed rgba(34, 211, 238, .34);
    border-radius: var(--radius);
    background: rgba(8, 12, 19, .58);
    cursor: pointer;
}

.acro-banner-upload-drop:hover {
    border-color: rgba(34, 211, 238, .56);
    background: rgba(34, 211, 238, .06);
}

.acro-banner-browse-button.ui.button {
    margin: 0 !important;
    border: 1px solid var(--cobalt-line) !important;
    background: rgba(18, 24, 34, .92) !important;
    color: var(--cobalt-text) !important;
}

.acro-banner-upload-actions {
    display: flex;
    justify-content: flex-end;
}

img[data-acro-protected="1"],
img.acro-protected-media,
.acro-protected-media img {
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    user-select: none;
}

@media (min-width: 961px) {
    .acro-members-panel {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    }
}

@media (max-width: 720px) {
    .acro-member-row {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .acro-member-score {
        grid-column: 2;
        justify-self: start;
    }

    .acro-avatar-upload-grid,
    .acro-upload-drop,
    .acro-banner-upload-drop {
        grid-template-columns: 1fr;
    }

    .acro-banner-modal .image_picker_selector {
        grid-template-columns: 1fr;
    }

    .acro-banner-modal .image_picker_selector .thumbnail img {
        height: 96px;
    }

    .acro-banner-upload-actions {
        justify-content: stretch;
    }

    .acro-banner-upload-actions .ui.button {
        width: 100%;
    }

    .acro-avatar-preview-shell {
        width: 82px;
        height: 82px;
    }

    .acro-avatar-upload-preview {
        width: 64px;
        height: 64px;
    }
}

/* Profile banner display surface */
.acro-profile-hero#profile-header.ui.segment {
    display: grid !important;
    align-items: end !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    min-height: 264px !important;
    margin: .5rem 0 1rem !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background-color: #081018 !important;
    background-image: var(--profile-banner-image) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .22) !important;
    -webkit-touch-callout: none;
    user-select: none;
}

.acro-profile-hero#profile-header.ui.segment::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 9, 14, .08) 0%, rgba(5, 9, 14, .18) 45%, rgba(5, 9, 14, .84) 100%),
        linear-gradient(90deg, rgba(34, 211, 238, .11), transparent 28%, transparent 72%, rgba(34, 211, 238, .06));
    backdrop-filter: none;
}

.acro-profile-hero#profile-header.ui.segment::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(34, 211, 238, .42), transparent);
}

.acro-profile-hero#profile-header .actions {
    top: .9rem;
    right: .9rem;
    display: flex;
    gap: .45rem;
}

.acro-profile-hero#profile-header .actions .ui.button,
.acro-profile-hero#profile-header .actions button.ui.button {
    width: 36px;
    height: 36px;
    min-height: 36px;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(8, 12, 19, .74) !important;
    color: var(--cobalt-text) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
}

.acro-profile-hero#profile-header .actions .ui.button:hover,
.acro-profile-hero#profile-header .actions button.ui.button:hover {
    border-color: rgba(34, 211, 238, .42) !important;
    background: rgba(34, 211, 238, .12) !important;
    color: #fff !important;
}

.acro-profile-hero#profile-header .actions .ui.button i.icon,
.acro-profile-hero#profile-header .actions button.ui.button i.icon {
    margin: 0 !important;
}

.acro-profile-hero#profile-header .acro-profile-summary {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    justify-self: stretch;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background:
        linear-gradient(90deg, rgba(8, 12, 19, .9), rgba(8, 12, 19, .68) 58%, rgba(8, 12, 19, .86)),
        rgba(8, 12, 19, .72);
    text-align: left;
    backdrop-filter: blur(12px);
}

.acro-profile-hero#profile-header img.ui.tiny.circular.image {
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    border: 2px solid rgba(34, 211, 238, .24) !important;
    border-radius: var(--radius) !important;
    background: rgba(8, 12, 19, .94) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

.acro-profile-hero#profile-header h2.ui.header {
    margin: 0 !important;
    text-align: left;
}

.acro-profile-hero#profile-header .acro-profile-metrics {
    align-self: stretch;
    padding-left: 1rem;
    border-left: 1px solid rgba(255, 255, 255, .1);
}

@media (max-width: 900px) {
    .acro-profile-hero#profile-header.ui.segment {
        min-height: 236px !important;
    }

    .acro-profile-hero#profile-header .acro-profile-summary {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .acro-profile-hero#profile-header .acro-profile-metrics {
        grid-column: 1 / -1;
        width: 100%;
        padding: .85rem 0 0;
        border-top: 1px solid rgba(255, 255, 255, .1);
        border-left: 0;
    }
}

@media (max-width: 640px) {
    .acro-profile-hero#profile-header.ui.segment {
        min-height: 352px !important;
    }

    .acro-profile-hero#profile-header .actions {
        top: .65rem;
        right: .65rem;
    }

    .acro-profile-hero#profile-header .acro-profile-summary {
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 1rem;
        text-align: center;
    }

    .acro-profile-hero#profile-header h2.ui.header,
    .acro-profile-hero#profile-header .acro-profile-identity {
        text-align: center;
    }

    .acro-profile-hero#profile-header img.ui.tiny.circular.image {
        width: 70px !important;
        height: 70px !important;
    }
}

/* Members overview dashboard refresh */
.acro-members-panel--overview {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    align-items: stretch;
    gap: 1rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.acro-members-panel--overview .acro-member-list-section {
    position: relative;
    align-content: start;
    gap: .75rem;
    min-height: 190px;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius) !important;
    background:
        linear-gradient(135deg, rgba(34, 211, 238, .055), transparent 34%),
        rgba(13, 19, 29, .88);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
}

.acro-members-panel--overview .acro-member-list-section::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--cobalt-cyan), rgba(34, 211, 238, 0));
    opacity: .78;
}

.acro-members-panel--overview .acro-member-list-header {
    position: relative;
    z-index: 1;
    min-height: 30px;
    padding-bottom: .35rem;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.acro-members-panel--overview .acro-member-list-header h3 {
    font-size: .98rem;
    letter-spacing: 0;
}

.acro-members-panel--overview .acro-view-all-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 .6rem;
    border: 1px solid rgba(34, 211, 238, .18);
    border-radius: var(--radius-sm);
    background: rgba(34, 211, 238, .055);
    color: var(--cobalt-text);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: 0;
}

.acro-members-panel--overview .acro-view-all-link:hover {
    border-color: rgba(34, 211, 238, .4);
    background: rgba(34, 211, 238, .11);
    color: #fff;
}

.acro-members-panel--overview .acro-member-list {
    position: relative;
    z-index: 1;
    gap: .55rem;
}

.acro-members-panel--overview .acro-member-row {
    min-height: 58px;
    padding: .65rem .7rem;
    border-color: rgba(255, 255, 255, .06);
    background: rgba(8, 12, 19, .48);
}

.acro-members-panel--overview .acro-member-row:hover {
    transform: translateY(-1px);
}

.acro-member-row--no-score {
    grid-template-columns: 44px minmax(0, 1fr);
}

.acro-members-panel--overview .acro-member-avatar {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px;
}

.acro-members-panel--overview .acro-member-name {
    font-size: .95rem;
}

.acro-members-panel--overview .acro-member-meta {
    display: none;
}

.acro-members-panel--overview .acro-member-score {
    min-width: 42px;
    min-height: 34px;
    border-color: rgba(34, 211, 238, .24);
    background: rgba(34, 211, 238, .105);
}

@media (min-width: 1100px) {
    .acro-members-panel--overview {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .acro-members-panel--overview {
        grid-template-columns: 1fr !important;
    }

    .acro-members-panel--overview .acro-member-list-section {
        min-height: 0;
    }
}

/* Cobalt forum/profile action polish */
.acro-topic-actions .ui.dropdown.button,
.acro-profile-actions .ui.dropdown.button {
    position: relative;
    z-index: 30;
}

.acro-topic-actions .ui.dropdown.button > .menu,
.acro-profile-actions .ui.dropdown.button > .menu {
    right: 0 !important;
    left: auto !important;
    min-width: 194px;
    margin-top: .48rem !important;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(7, 12, 18, .98) !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .34) !important;
    overflow: hidden;
    z-index: 5000 !important;
}

.acro-topic-actions .ui.dropdown.button.visible > .menu,
.acro-topic-actions .ui.dropdown.button.active > .menu,
.acro-topic-actions .ui.dropdown.button.acro-dropdown-open > .menu,
.acro-profile-actions .ui.dropdown.button.visible > .menu,
.acro-profile-actions .ui.dropdown.button.active > .menu,
.acro-profile-actions .ui.dropdown.button.acro-dropdown-open > .menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.acro-topic-actions .ui.dropdown.button > .menu .header,
.acro-profile-actions .ui.dropdown.button > .menu .header {
    padding: .65rem .85rem .45rem !important;
    color: var(--cobalt-muted) !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    letter-spacing: 0;
    text-transform: uppercase;
}

.acro-topic-actions .ui.dropdown.button > .menu .item,
.acro-profile-actions .ui.dropdown.button > .menu .item,
.acro-topic-actions .ui.dropdown.button > .menu button.item,
.acro-profile-actions .ui.dropdown.button > .menu button.item {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    width: 100%;
    min-height: 34px;
    padding: .68rem .85rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--cobalt-text) !important;
    font: inherit;
    font-size: .84rem !important;
    font-weight: 800 !important;
    text-align: left;
    cursor: pointer;
}

.acro-topic-actions .ui.dropdown.button > .menu .item:hover,
.acro-profile-actions .ui.dropdown.button > .menu .item:hover,
.acro-topic-actions .ui.dropdown.button > .menu button.item:hover,
.acro-profile-actions .ui.dropdown.button > .menu button.item:hover {
    background: rgba(34, 211, 238, .1) !important;
    color: #fff !important;
}

.acro-topic-actions .ui.dropdown.button > .menu .item i.icon,
.acro-profile-actions .ui.dropdown.button > .menu .item i.icon {
    flex: 0 0 16px;
    margin: 0 !important;
    color: var(--cobalt-cyan) !important;
}

.acro-dropdown-form {
    margin: 0;
}

.acro-post-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    width: 100%;
}

.acro-post-meta-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .38rem;
    min-width: 0;
    color: var(--cobalt-muted);
    font-size: .86rem;
}

.acro-post-meta-info a {
    color: var(--cobalt-cyan-hover) !important;
    font-weight: 800;
}

.acro-post-meta-dot {
    color: rgba(178, 193, 204, .46);
}

.acro-post-actions {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .42rem;
    margin-left: auto;
}

.acro-post-action.ui.button,
.acro-post-action.ui.mini.button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    min-width: 0;
    min-height: 34px;
    margin: 0 !important;
    padding: .54rem .68rem !important;
    border: 1px solid var(--cobalt-line) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(16, 23, 33, .92) !important;
    color: var(--cobalt-text) !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
    letter-spacing: 0;
    line-height: 1 !important;
    box-shadow: none !important;
}

.acro-post-action.ui.button:hover,
.acro-post-action.ui.mini.button:hover {
    border-color: rgba(34, 211, 238, .38) !important;
    background: rgba(34, 211, 238, .1) !important;
    color: #fff !important;
}

.acro-post-action.ui.button i.icon,
.acro-post-action.ui.mini.button i.icon {
    margin: 0 !important;
    color: var(--cobalt-cyan) !important;
}

.acro-post-action--warn.ui.button i.icon,
.acro-post-action--warn.ui.mini.button i.icon {
    color: #ffd166 !important;
}

.acro-post-action--danger.ui.button i.icon,
.acro-post-action--danger.ui.mini.button i.icon {
    color: #ff7a90 !important;
}

.acro-profile-hero#profile-header .actions.acro-profile-actions {
    z-index: 4;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    max-width: min(100%, 620px);
}

.acro-profile-hero#profile-header .actions.acro-profile-actions .ui.button,
.acro-profile-hero#profile-header .actions.acro-profile-actions button.ui.button {
    width: auto;
    min-width: 36px;
    height: 36px;
    padding: .68rem .78rem !important;
}

.acro-profile-action-button,
.acro-profile-moderation-dropdown {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    white-space: nowrap;
}

.acro-profile-action-button span,
.acro-profile-moderation-dropdown .text {
    font-size: .78rem;
    font-weight: 900;
}

.acro-profile-hero#profile-header .actions.acro-profile-actions .ui.button i.icon {
    margin: 0 !important;
}

@media (max-width: 720px) {
    .acro-post-meta-row {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }

    .acro-post-actions {
        justify-content: flex-start;
        width: 100%;
        margin-left: 0;
    }

    .acro-post-action.ui.button,
    .acro-post-action.ui.mini.button {
        flex: 1 1 104px;
    }
}

@media (max-width: 640px) {
    .acro-profile-hero#profile-header .actions.acro-profile-actions {
        left: .65rem;
        right: .65rem;
        justify-content: center;
    }

    .acro-profile-hero#profile-header .actions.acro-profile-actions .ui.button,
    .acro-profile-hero#profile-header .actions.acro-profile-actions button.ui.button {
        height: 34px;
        min-height: 34px;
        padding: .58rem .66rem !important;
    }

    .acro-profile-action-button span,
    .acro-profile-moderation-dropdown .text {
        font-size: .72rem;
    }
}

/* Mobile topic repair: keep forum threads readable on phones and mobile browsers requesting wider layouts. */
@media (max-width: 1100px) {
    .acro-topic-shell,
    .acro-topic-post.ui.segments,
    #topic-post.ui.segments,
    #topic-reply.ui.segment,
    .acro-topic-shell .ui.message,
    .acro-topic-shell .ui.warning.message {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere;
    }

    .acro-breadcrumb.ui.breadcrumb {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        white-space: normal;
        line-height: 1.45;
    }

    .acro-topic-heading.ui.header,
    .acro-topic-heading .topic.title,
    .acro-topic-heading .sub.header {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .acro-topic-heading.ui.header {
        font-size: clamp(1.4rem, 5.8vw, 2.15rem);
        line-height: 1.08;
    }

    .acro-topic-heading .sub.header {
        margin-top: .32rem;
        font-size: clamp(1rem, 4.4vw, 1.3rem);
        line-height: 1.18;
    }

    .acro-topic-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: .72rem;
        width: 100%;
    }

    .acro-topic-toolbar .acro-pagination,
    .acro-pagination {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .acro-topic-actions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
        justify-content: stretch;
        width: 100%;
        gap: .55rem;
    }

    .acro-topic-actions form,
    .acro-topic-actions .ui.small.button,
    .acro-topic-actions .ui.dropdown.button,
    .acro-share-button.ui.button {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .acro-topic-actions .ui.dropdown.button > .menu {
        left: 0 !important;
        right: auto !important;
        width: max-content;
        min-width: 100%;
        max-width: calc(100vw - 2rem);
        white-space: normal;
    }

    .acro-topic-post .ui.stackable.grid,
    #topic-post .ui.stackable.grid,
    #topic-reply .ui.stackable.grid,
    .acro-topic-post .ui.stackable.grid > .row,
    #topic-post .ui.stackable.grid > .row,
    #topic-reply .ui.stackable.grid > .row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .acro-topic-post .ui.stackable.grid > .row > .column,
    #topic-post .ui.stackable.grid > .row > .column,
    #topic-reply .ui.stackable.grid > .row > .column,
    .acro-post-sidebar,
    .acro-post-content,
    .acro-reply-sidebar,
    .acro-reply-content {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .acro-post-sidebar,
    .acro-reply-sidebar {
        border-right: 0 !important;
        border-bottom: 1px solid var(--cobalt-line) !important;
    }

    .acro-post-sidebar center,
    .acro-reply-sidebar center {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .85rem;
        text-align: left;
    }

    .acro-post-sidebar img.ui.small.circular.image,
    .acro-reply-sidebar img.ui.small.circular.image {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px;
        object-fit: cover;
    }

    .acro-post-sidebar .ui.header,
    .acro-reply-sidebar .ui.header {
        margin: 0 !important;
        text-align: left;
    }

    .acro-post-sidebar .groups,
    .acro-reply-sidebar .groups {
        justify-content: flex-start;
        margin-top: .75rem;
    }

    .acro-post-sidebar .ui.list,
    .acro-reply-sidebar .ui.list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        margin-top: .85rem !important;
    }

    .acro-post-sidebar .ui.list .ui.divider,
    .acro-reply-sidebar .ui.list .ui.divider {
        display: none !important;
    }

    .acro-post-sidebar .ui.list .item,
    .acro-reply-sidebar .ui.list .item {
        min-width: 0;
        padding: .58rem .62rem !important;
        border: 1px solid var(--cobalt-line-soft);
        border-radius: var(--radius-sm);
        background: rgba(255, 255, 255, .018);
    }

    .acro-post-sidebar .ui.list .item .content,
    .acro-reply-sidebar .ui.list .item .content {
        min-width: 0;
    }

    .acro-post-sidebar .ui.list .item .description,
    .acro-reply-sidebar .ui.list .item .description {
        float: none !important;
        display: block;
        margin-top: .22rem;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .acro-post-content .forum_post,
    .acro-post-content .forum_post *,
    .acro-reply-content,
    .acro-reply-content * {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .acro-post-content .forum_post {
        font-size: clamp(.95rem, 3.7vw, 1.04rem);
        line-height: 1.55;
    }

    .acro-post-content .forum_post img,
    .acro-post-content .forum_post iframe,
    .acro-post-content .forum_post video {
        max-width: 100% !important;
        height: auto !important;
    }

    .acro-post-content .forum_post pre,
    .acro-post-content .forum_post code,
    .acro-post-content .forum_post table {
        max-width: 100%;
        white-space: pre-wrap;
        overflow-x: auto;
    }

    .acro-reactions-message.ui.mini.message {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .acro-reactions-message .right.floated {
        float: none !important;
        display: flex;
        flex-wrap: wrap;
        gap: .35rem;
        margin-left: 0 !important;
    }
}

@media (max-width: 640px) {
    .acro-topic-shell {
        gap: .75rem;
    }

    .acro-topic-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .acro-post-sidebar,
    .acro-post-content,
    .acro-reply-sidebar,
    .acro-reply-content {
        padding: .95rem !important;
    }

    .acro-post-sidebar .ui.list,
    .acro-reply-sidebar .ui.list {
        grid-template-columns: minmax(0, 1fr);
    }

    .acro-post-meta-row {
        align-items: stretch;
        flex-direction: column;
        gap: .72rem;
    }

    .acro-post-actions {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(42px, 1fr));
        width: 100%;
        gap: .45rem;
        justify-content: stretch;
    }

    .acro-post-action.ui.button,
    .acro-post-action.ui.mini.button {
        width: 100%;
        min-width: 0;
        padding: .58rem .5rem !important;
    }

    .acro-post-action.ui.button span,
    .acro-post-action.ui.mini.button span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}