/* =====================================================================
undetected.gg — HOSTILE MINIMALIST / TACTICAL STEALTH override skin
for the MyBB 1.8.x default theme.
Apply as a NEW "Global (All Pages)" stylesheet, ordered AFTER global.css
(it layers on top — MyBB's base table/postbit float layout is untouched).
Palette: Void #050505 / Surface #121212 / Border #262626 /
Text #F5F5F5 / Muted #8A8A8A / Laser #00FF41 / Red #FF2A2A.
Fonts loaded via 3 tags in the headerinclude template (see README).
===================================================================== */
/* 0. RESET — square everything; kill gradients. box-shadow is SCOPED (not on
the universal selector) so it won't flatten the editor/captcha widgets. */
*, *::before, *::after { border-radius: 0 !important; }
#container, .tborder, .thead, .tcat, .tfoot, .post, .popup_menu, .button, button,
input, input.textbox, textarea, select, .pagination a, .author_avatar img, img.avatar {
box-shadow: none !important;
}
.thead, .tfoot, .button, button { background-image: none !important; }
/* 1. PAGE SHELL */
body { background:#050505 !important; color:#F5F5F5 !important; font-family:'Geist',-apple-system,Arial,sans-serif !important; font-size:13px; line-height:1.5; }
#container { background:#050505 !important; border:1px solid #262626 !important; color:#F5F5F5 !important; padding:20px; }
#header { background:#050505 !important; border-bottom:1px solid #262626 !important; }
#header .logo { background:none !important; padding:14px 0 !important; margin-bottom:0 !important; }
#header .logo img { max-height:34px !important; width:auto !important; height:auto !important; border:0 !important; }
.menu ul { color:#8A8A8A !important; }
.menu ul a:link, .menu ul a:visited { color:#8A8A8A !important; font-family:'Geist Mono',monospace !important; text-transform:uppercase; letter-spacing:0.06em; font-size:11px; text-decoration:none; transition:color 100ms linear; }
.menu ul a:hover, .menu ul a:active { color:#00FF41 !important; text-decoration:none !important; }
#panel { background:#121212 !important; color:#8A8A8A !important; border:1px solid #262626 !important; font-size:11px; }
#panel a:link, #panel a:visited { color:#8A8A8A !important; }
#panel a:hover, #panel a:active { color:#00FF41 !important; }
.navigation { color:#8A8A8A !important; }
.navigation a:link, .navigation a:visited { color:#8A8A8A !important; transition:color 100ms linear; }
.navigation a:hover, .navigation a:active { color:#00FF41 !important; text-decoration:none !important; }
.navigation .active { color:#F5F5F5 !important; }
/* 2. LINKS */
a:link, a:visited { color:#F5F5F5 !important; text-decoration:none; transition:color 100ms linear; }
a:hover, a:active { color:#00FF41 !important; text-decoration:none !important; }
/* 3. TABLES / FORUM + THREAD LISTS — kill the MyBB blue */
.tborder { background:#262626 !important; border:1px solid #262626 !important; }
.thead { background:#121212 !important; color:#F5F5F5 !important; border-bottom:1px solid #262626 !important; font-family:'Geist Mono',monospace !important; text-transform:uppercase; letter-spacing:0.08em; font-size:11px; font-weight:700; }
.thead a:link, .thead a:visited { color:#F5F5F5 !important; text-decoration:none !important; }
.thead a:hover, .thead a:active { color:#00FF41 !important; text-decoration:none !important; }
.tcat { background:#0d0d0d !important; color:#8A8A8A !important; border-bottom:1px solid #262626 !important; font-family:'Geist Mono',monospace !important; text-transform:uppercase; letter-spacing:0.07em; font-size:11px; }
.tcat a:link, .tcat a:visited { color:#8A8A8A !important; text-decoration:none !important; }
.tcat a:hover, .tcat a:active { color:#00FF41 !important; text-decoration:none !important; }
.tcat_menu { background:#0d0d0d !important; }
.trow1 { background:#0d0d0d !important; color:#F5F5F5 !important; }
.trow2 { background:#0a0a0a !important; color:#F5F5F5 !important; }
.trow1, .trow2 { transition:background 100ms linear; }
.trow_shaded { background:#1a0d0d !important; }
.trow_selected td { background:#0d1a0d !important; }
.trow_sep { background:#121212 !important; color:#8A8A8A !important; font-family:'Geist Mono',monospace !important; text-transform:uppercase; letter-spacing:0.07em; font-weight:700; border-top:1px solid #262626 !important; }
.tfoot { background:#121212 !important; color:#8A8A8A !important; border-top:1px solid #262626 !important; font-family:'Geist Mono',monospace !important; font-size:11px; }
.tfoot a:link, .tfoot a:visited { color:#8A8A8A !important; text-decoration:none !important; }
.tfoot a:hover, .tfoot a:active { color:#00FF41 !important; text-decoration:none !important; }
.trow_reputation_positive { background:#0d1a0d !important; }
.trow_reputation_negative { background:#1a0d0d !important; }
.selectall { background:#0d1a0d !important; color:#F5F5F5 !important; }
.subforumicon { vertical-align:middle; }
.subject_new { font-weight:700; color:#F5F5F5 !important; }
hr { background-color:#262626 !important; color:#262626 !important; }
/* desaturate the default blue expand/collapse chevrons sitting on the bars */
.thead .expander, .tcat .expander, .expcolimage { filter:grayscale(1) brightness(2) !important; }
/* 4. POSTS / THREADS (showthread) */
.post { border:1px solid #262626 !important; background:#050505 !important; }
.post_content { background:#050505 !important; }
.post_body { color:#F5F5F5 !important; }
.post_author, .author_information { background:#0a0a0a !important; color:#F5F5F5 !important; border-bottom:1px solid #262626 !important; }
.post_head { background:#121212 !important; border-bottom:1px solid #262626 !important; font-family:'Geist Mono',monospace !important; font-size:11px; color:#8A8A8A !important; }
.post_head a:link, .post_head a:visited { color:#8A8A8A !important; }
.post_head a:hover, .post_head a:active { color:#00FF41 !important; }
.post_controls, .postbit_buttons { background:#0a0a0a !important; border-top:1px solid #262626 !important; }
.author_avatar img, img.avatar { border:1px solid #262626 !important; }
blockquote { background:#0d0d0d !important; border:1px solid #262626 !important; color:#F5F5F5 !important; }
blockquote cite { border-bottom:1px solid #262626 !important; color:#8A8A8A !important; }
.codeblock { background:#0d0d0d !important; border:1px solid #262626 !important; }
.codeblock .title { border-bottom:1px solid #262626 !important; color:#8A8A8A !important; }
.codeblock code { font-family:'Geist Mono',monospace !important; color:#F5F5F5 !important; }
/* 5. PAGINATION — mono numbers, flat boxes, hover-invert to laser */
.pagination { font-family:'Geist Mono',monospace !important; font-size:11px; color:#8A8A8A !important; }
.pagination .pages { font-weight:700; color:#8A8A8A !important; }
.pagination a { border:1px solid #262626 !important; background:#0d0d0d !important; color:#F5F5F5 !important; transition:background 100ms linear, color 100ms linear; }
.pagination a:hover { background:#00FF41 !important; color:#050505 !important; text-decoration:none !important; }
.pagination .pagination_current { background:#00FF41 !important; border:1px solid #00FF41 !important; color:#050505 !important; font-weight:700; }
.pagination_breadcrumb { background:#121212 !important; border:1px solid #262626 !important; outline:none !important; color:#8A8A8A !important; font-family:'Geist Mono',monospace !important; }
/* 6. FORMS / BUTTONS — flat, square, mono, hover-invert */
.button, button { background:#121212 !important; color:#F5F5F5 !important; border:1px solid #262626 !important; font-family:'Geist Mono',monospace !important; text-transform:uppercase; letter-spacing:0.06em; font-weight:700; padding:6px 14px; transition:background 100ms linear, color 100ms linear, border-color 100ms linear; cursor:pointer; }
.button:hover, button:hover { background:#00FF41 !important; color:#050505 !important; border-color:#00FF41 !important; }
input.textbox, textarea, select { background:#0d0d0d !important; color:#F5F5F5 !important; border:1px solid #262626 !important; transition:border-color 100ms linear; }
textarea { font-family:'Geist Mono',monospace !important; line-height:1.5; }
input.textbox:focus, textarea:focus, select:focus { border-color:#00FF41 !important; outline:none !important; }
.editor { background:#0d0d0d !important; border:1px solid #262626 !important; }
.editor_control_bar { background:#121212 !important; border:1px solid #262626 !important; }
.popup_menu { background:#121212 !important; border:1px solid #262626 !important; }
.popup_menu .popup_item { background:#121212 !important; color:#F5F5F5 !important; transition:background 100ms linear, color 100ms linear; }
.popup_menu .popup_item:hover { background:#00FF41 !important; color:#050505 !important; }
.autocomplete { background:#121212 !important; border:1px solid #262626 !important; color:#F5F5F5 !important; }
.autocomplete_selected { background:#00FF41 !important; color:#050505 !important; }
.invalid_field { border:1px solid #FF2A2A !important; color:#FF2A2A !important; }
.valid_field { border:1px solid #00FF41 !important; }
/* 7. FOOTER */
#footer { background:#050505 !important; }
.bottommenu { background:#121212 !important; color:#8A8A8A !important; border:1px solid #262626 !important; }
.bottommenu a:link, .bottommenu a:visited { color:#8A8A8A !important; }
.bottommenu a:hover, .bottommenu a:active { color:#00FF41 !important; }
#copyright { font-family:'Geist Mono',monospace !important; font-size:11px; color:#8A8A8A !important; }
#copyright a:link, #copyright a:visited { color:#8A8A8A !important; }
#copyright a:hover, #copyright a:active { color:#00FF41 !important; }
#debug { font-family:'Geist Mono',monospace !important; color:#8A8A8A !important; }
/* 8. ALERTS / VALIDATION / STATUS */
.red_alert { background:#1a0d0d !important; border:1px solid #FF2A2A !important; color:#FF2A2A !important; }
.pm_alert { background:#121212 !important; border:1px solid #00FF41 !important; color:#F5F5F5 !important; }
div.error { background:#1a0d0d !important; border-top:1px solid #FF2A2A !important; border-bottom:1px solid #FF2A2A !important; color:#F5F5F5 !important; }
div.error p { color:#F5F5F5 !important; }
div.error p em { color:#FF2A2A !important; background:none !important; padding-left:0 !important; }
.validation_error { color:#FF2A2A !important; background:none !important; padding-left:5px !important; }
.validation_success { color:#00FF41 !important; background:none !important; padding-left:5px !important; }
.validation_loading { color:#8A8A8A !important; background:none !important; padding-left:5px !important; }
.error_message { color:#FF2A2A !important; }
.success_message { color:#00FF41 !important; }
.high_warning { color:#FF2A2A !important; }
.moderate_warning { color:#FF2A2A !important; } /* on-palette (was orange) */
.low_warning { color:#8A8A8A !important; } /* on-palette (was brown) */
/* status + reputation — green reserved for the ._plus badge / online status */
.online { color:#00FF41 !important; }
.offline { color:#8A8A8A !important; }
.reputation_positive { color:#F5F5F5 !important; }
.reputation_neutral { color:#8A8A8A !important; }
.reputation_negative { color:#FF2A2A !important; }
.repbox, ._plus, ._minus, ._neutral { font-family:'Geist Mono',monospace !important; }
._plus { background:#0d1a0d !important; color:#00FF41 !important; border:1px solid #00FF41 !important; }
._minus { background:#1a0d0d !important; color:#FF2A2A !important; border:1px solid #FF2A2A !important; }
._neutral { background:#121212 !important; color:#8A8A8A !important; border:1px solid #262626 !important; }
/* 9. MISC */
.smalltext { color:#8A8A8A !important; }
.largetext { font-weight:700; letter-spacing:-0.02em; }
img.attachment { border:1px solid #262626 !important; }
.highlight { background:rgba(0,255,65,0.18) !important; color:#F5F5F5 !important; }
/* =====================================================================
undetected.gg :: main-site header replica (replaces white MyBB banner)
===================================================================== */
#ud-header {
position: relative;
z-index: 50;
margin: -20px -20px 20px -20px;
background: #050505 !important;
border-bottom: 1px solid #262626;
font-family: "Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
#ud-header a { text-decoration: none !important; }
#ud-header svg {
width: 14px !important; height: 14px !important;
max-width: 14px !important; max-height: 14px !important;
flex: 0 0 auto !important; display: inline-block !important; vertical-align: middle;
}
#ud-header .ud-topbar { background: #121212 !important; border-bottom: 1px solid #262626; }
#ud-header .ud-topbar-inner {
max-width: 1320px; margin: 0 auto; height: 36px; padding: 0 20px;
display: flex; align-items: center; justify-content: space-between;
font-family: "Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
}
#ud-header .ud-welcome { color: #8a8a8a; }
#ud-header .ud-welcome-name { color: #f5f5f5; }
#ud-header .ud-topbar-right { display: flex; align-items: center; gap: 16px; }
#ud-header .ud-top-link { display: inline-flex; align-items: center; gap: 6px; color: #8a8a8a !important; transition: color .1s ease; }
#ud-header .ud-top-link:hover { color: #f5f5f5 !important; }
#ud-header .ud-top-link svg { width: 13px !important; height: 13px !important; max-width:13px !important; max-height:13px !important; }
#ud-header .ud-dim { color: rgba(245,245,245,.7); }
#ud-header .ud-sep { color: #404040; }
#ud-header .ud-navbar-inner { max-width: 1320px; margin: 0 auto; height: 64px; padding: 0 20px; display: flex; align-items: center; gap: 32px; }
#ud-header .ud-logo { display: inline-flex; align-items: center; gap: 10px; color: #f5f5f5 !important; }
#ud-header .ud-logo-mark { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid #262626; border-radius: 6px; color: #f5f5f5; }
#ud-header .ud-logo-mark svg { width: 18px !important; height: 18px !important; max-width:18px !important; max-height:18px !important; }
#ud-header .ud-logo-text { font-weight: 700; font-size: 17px; letter-spacing: 0.04em; color:#f5f5f5; }
#ud-header .ud-logo-dim { color: #8a8a8a; }
#ud-header .ud-nav { display: flex; align-items: center; gap: 28px; }
#ud-header .ud-nav-link { display: inline-flex; align-items: center; gap: 8px; color: #8a8a8a !important; font-size: 13px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; transition: color .1s ease; }
#ud-header .ud-nav-link:hover { color: #f5f5f5 !important; }
#ud-header .ud-nav-link.ud-active { color: #f5f5f5 !important; font-weight: 700; }
#ud-header .ud-nav-dot { width: 6px; height: 6px; background: #00ff41; display: inline-block; }
#ud-header .ud-nav-right { margin-left: auto; display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
#ud-header .ud-user-handle, #ud-header .ud-user-name { white-space: nowrap; }
#ud-header .ud-icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid #262626; border-radius: 6px; color: #f5f5f5 !important; transition: background .1s ease; }
#ud-header .ud-icon-btn:hover { background: #1c1c1c; }
#ud-header .ud-icon-btn svg { width: 16px !important; height: 16px !important; max-width:16px !important; max-height:16px !important; }
#ud-header .ud-badge { position: absolute; top: 7px; right: 8px; width: 6px; height: 6px; background: #ff3b30; }
#ud-header .ud-user { display: inline-flex; align-items: center; gap: 8px; margin-left: 4px; }
#ud-header .ud-avatar { width: 38px; height: 38px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: flex-start; padding-left: 8px; background: #1c1c1c; color: #f5f5f5; font-family: "Geist Mono",ui-monospace,monospace; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 6px; overflow: hidden; white-space: nowrap; border-radius: 4px; max-width: 38px; }
#ud-header .ud-user-info { display: flex; flex-direction: column; line-height: 1.2; }
#ud-header .ud-user-name { color: #f5f5f5; font-size: 13px; font-weight: 600; }
#ud-header .ud-user-handle { color: #8a8a8a; font-size: 11px; font-family: "Geist Mono",ui-monospace,monospace; }
#logo { display: none !important; }
@media (max-width: 900px) { #ud-header .ud-nav, #ud-header .ud-user-info, #ud-header .ud-topbar { display: none; } }
/* =====================================================================
undetected.gg :: main-site footer replica (replaces MyBB footer)
===================================================================== */
#ud-footer {
margin: 40px -20px -20px -20px;
background: #121212 !important;
border-top: 1px solid #262626;
font-family: "Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
#ud-footer a { text-decoration: none !important; }
#ud-footer svg { display: inline-block; }
#ud-footer .ud-foot-inner { max-width: 1320px; margin: 0 auto; padding: 56px 24px 0 24px; }
#ud-footer .ud-foot-grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
gap: 40px;
}
@media (max-width: 980px) {
#ud-footer .ud-foot-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 560px) {
#ud-footer .ud-foot-grid { grid-template-columns: 1fr; }
}
/* brand column */
#ud-footer .ud-foot-brand { max-width: 320px; }
#ud-footer .ud-foot-logo { display: inline-flex; align-items: center; gap: 10px; color: #f5f5f5 !important; }
#ud-footer .ud-foot-logo-mark { color: #f5f5f5; display: inline-flex; }
#ud-footer .ud-foot-logo-mark svg { width: 28px !important; height: 28px !important; max-width:28px !important; max-height:28px !important; }
#ud-footer .ud-foot-logo-text { font-weight: 800; font-size: 16px; letter-spacing: 0.16em; color: #f5f5f5; }
#ud-footer .ud-foot-logo-dim { font-family: "Geist Mono",ui-monospace,monospace; font-weight: 400; letter-spacing: 0.04em; }
#ud-footer .ud-foot-tag { margin: 16px 0 0 0; font-size: 13px; line-height: 1.6; color: #8a8a8a; }
#ud-footer .ud-foot-social { margin-top: 20px; display: flex; align-items: center; gap: 8px; }
#ud-footer .ud-foot-soc {
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; border: 1px solid #262626; color: #8a8a8a !important;
transition: all .1s ease;
}
#ud-footer .ud-foot-soc:hover { border-color: #f5f5f5; background: #f5f5f5; color: #050505 !important; }
#ud-footer .ud-foot-soc svg { width: 16px !important; height: 16px !important; max-width:16px !important; max-height:16px !important; }
/* link columns */
#ud-footer .ud-foot-head {
margin: 0 0 16px 0; padding: 0;
font-family: "Geist Mono",ui-monospace,monospace;
font-size: 11px; font-weight: 600; letter-spacing: 0.12em;
text-transform: uppercase; color: #8a8a8a;
background: none !important; border: 0 !important;
}
#ud-footer .ud-foot-col ul { list-style: none; margin: 0; padding: 0; }
#ud-footer .ud-foot-col li { margin: 0 0 11px 0; padding: 0; background: none !important; border: 0 !important; }
#ud-footer .ud-foot-col a { color: #b5b5b5 !important; font-size: 13px; transition: color .1s ease; }
#ud-footer .ud-foot-col a:hover { color: #f5f5f5 !important; }
/* bottom bar */
#ud-footer .ud-foot-bottom {
margin-top: 48px; padding: 24px 0; border-top: 1px solid #262626;
display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
#ud-footer .ud-foot-copy {
font-family: "Geist Mono",ui-monospace,monospace;
font-size: 11px; letter-spacing: 0.06em; color: #8a8a8a; text-transform: uppercase;
}
#ud-footer .ud-foot-disc {
font-family: "Geist Mono",ui-monospace,monospace;
font-size: 10px; letter-spacing: 0.04em; color: #5a5a5a; text-transform: uppercase;
max-width: 520px; text-align: right; line-height: 1.5;
}
@media (max-width: 720px) { #ud-footer .ud-foot-disc { text-align: left; } }
/* MyBB functional row (theme selector + required powered-by) kept subtle */
#ud-footer .ud-foot-mybb {
padding: 14px 0 20px 0; border-top: 1px solid #1c1c1c;
font-family: "Geist Mono",ui-monospace,monospace; font-size: 10px;
letter-spacing: 0.04em; color: #4a4a4a; text-transform: uppercase;
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
#ud-footer .ud-foot-mybb a { color: #5a5a5a !important; }
#ud-footer .ud-foot-mybb a:hover { color: #8a8a8a !important; }
#ud-footer .ud-foot-mybb select {
background: #050505 !important; color: #8a8a8a !important; border: 1px solid #262626 !important;
font-family: "Geist Mono",ui-monospace,monospace; font-size: 10px; padding: 4px 6px;
}
/* neutralize old MyBB footer remnants */
#footer { display: none !important; }
/* ===================================================================== */
/* MOBILE: forum index -- show only forum name + description. */
/* Hide Threads / Posts / Last Post columns on small screens. */
/* ===================================================================== */
@media (max-width: 768px) {
table.tborder tr td.trow1:nth-child(n+3),
table.tborder tr td.trow2:nth-child(n+3) { display: none !important; }
table.tborder tr td.tcat[align="center"] { display: none !important; }
table.tborder tr td.trow1:nth-child(2),
table.tborder tr td.trow2:nth-child(2) { width: 100% !important; }
table.tborder { width: 100% !important; max-width: 100% !important; table-layout: auto !important; }
}
/* ============================================================
POSTBIT LAYOUT — restore horizontal author/content columns
(base global.css is missing MyBB's postbit float layout)
============================================================ */
.post { overflow: hidden; }
.post .post_author { float: left; width: 15%; min-width: 130px; box-sizing: border-box; padding: 8px; }
.post .post_content { float: right; width: 85%; box-sizing: border-box; }
.post .post_content .post_body { padding: 8px; }
.post_controls { clear: both; }
.postbit_buttons { float: right; }
.postbit_buttons li { display: inline-block; }
.post_author .author_avatar img { max-width: 100%; height: auto; }
@media (max-width: 768px) {
.post .post_author,
.post .post_content { float: none; width: 100%; }
}
/* === Match the forum HEADER logo to the homepage. APPEND to the END of
zz_undetected_overrides.css — do NOT replace anything. CSS only, no template
edits (so your template-save issue is irrelevant). === */
.ud-logo-mark {
width: 28px !important; height: 28px !important;
border: 0 !important; border-radius: 0 !important; background: none !important;
background-color: currentColor !important;
-webkit-mask: url(data:image/svg+xml,%3Csvg%20viewBox=%22121%2048%20389%20424%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill=%22%23000%22%20d=%22M289.0,452.9C282.3,450.1%20278.4,443.5%20275.9,430.7C273.3,417.3%20270.9,411.0%20264.9,402.2L260.0,394.9L263.5,390.8C265.4,388.5%20267.0,386.4%20267.0,386.0C267.0,385.7%20264.6,385.4%20261.6,385.4C254.9,385.5%20251.4,383.3%20248.3,376.9C243.2,366.7%20239.7,341.2%20242.2,334.0C244.8,327.0%20252.8,327.9%20256.3,335.5C259.0,341.2%20263.5,345.5%20269.3,348.0C273.6,349.9%20275.7,350.2%20282.9,349.8C292.7,349.3%20298.0,347.1%20302.4,341.9L305.1,338.7L310.6,340.2C315.4,341.6%20316.6,341.6%20321.4,340.2L326.9,338.7L329.6,341.9C334.0,347.1%20339.3,349.3%20349.1,349.8C356.3,350.2%20358.4,349.9%20362.7,348.0C368.5,345.5%20373.0,341.2%20375.7,335.5C379.2,327.9%20387.2,327.0%20389.8,334.0C392.4,341.3%20388.7,367.0%20383.7,376.9C380.4,383.3%20377.0,385.5%20370.4,385.4C367.4,385.4%20365.0,385.7%20365.0,386.0C365.0,386.4%20366.6,388.5%20368.6,390.8L372.2,395.1L369.7,398.4C362.3,408.0%20358.9,416.2%20356.1,430.8C354.0,441.7%20351.1,447.4%20345.7,451.4C341.4,454.6%20332.2,454.3%20324.9,450.7C317.9,447.3%20314.4,447.3%20307.2,450.7C301.0,453.6%20293.0,454.6%20289.0,452.9ZM181.5,442.8C175.4,437.8%20167.3,431.3%20163.5,428.2C159.7,425.1%20156.3,422.4%20156.0,422.0C155.7,421.7%20152.1,418.8%20148.0,415.6C143.9,412.3%20140.1,409.3%20139.5,408.8C138.9,408.3%20143.1,403.4%20150.1,396.2C156.4,389.8%20163.8,381.9%20166.4,378.7L171.2,373.0L183.0,384.3C189.5,390.5%20196.6,396.9%20198.9,398.4L203.1,401.3L210.8,398.6C224.0,393.8%20223.9,393.8%20224.5,396.3C224.8,397.5%20225.7,403.9%20226.5,410.5C227.3,417.1%20228.5,426.2%20229.2,430.8C230.5,440.3%20230.7,440.0%20223.0,442.4C220.5,443.2%20213.3,445.7%20206.8,447.9C200.4,450.2%20194.6,452.0%20193.8,451.9C193.1,451.9%20187.6,447.8%20181.5,442.8ZM423.0,447.4C400.7,439.6%20402.0,440.2%20402.1,436.7C402.1,434.9%20402.5,431.2%20403.0,428.5C403.5,425.8%20404.6,417.9%20405.5,411.0C406.3,404.1%20407.2,397.5%20407.5,396.3C408.1,393.9%20407.7,393.8%20421.2,398.6L429.0,401.3L433.1,398.4C435.4,396.8%20442.5,390.5%20449.0,384.3L460.8,373.0L465.6,378.7C468.2,381.9%20475.6,389.8%20481.9,396.2C489.0,403.4%20493.1,408.3%20492.5,408.8C491.9,409.3%20484.8,415.1%20476.5,421.7C468.2,428.4%20456.4,437.9%20450.3,442.9C444.1,447.9%20438.2,451.9%20437.3,451.9C436.3,451.8%20429.9,449.8%20423.0,447.4ZM302.0,428.8C312.9,423.7%20319.0,423.7%20330.0,428.9C335.1,431.2%20339.1,431.5%20342.3,429.8C346.4,427.7%20348.4,423.9%20352.7,410.5C354.2,406.1%20356.4,400.8%20357.7,398.8C360.3,394.6%20360.6,392.0%20358.8,390.2C356.6,388.0%20354.2,389.0%20348.9,394.5C341.0,402.8%20338.2,403.5%20316.0,403.5C293.8,403.5%20291.0,402.8%20283.1,394.5C277.8,389.0%20275.4,388.0%20273.2,390.2C271.4,392.0%20271.7,394.6%20274.3,398.8C275.6,400.8%20277.8,406.1%20279.3,410.5C282.2,419.6%20284.4,424.8%20286.2,427.1C289.8,431.4%20295.2,432.0%20302.0,428.8ZM319.3,393.6C321.1,392.9%20326.1,389.3%20330.4,385.5C337.8,379.2%20338.6,378.8%20342.2,379.3C346.4,379.9%20347.0,378.9%20344.4,375.2C342.3,372.1%20339.3,372.4%20332.4,376.6C324.1,381.8%20317.8,385.0%20316.0,385.0C314.4,385.0%20310.3,382.9%20299.7,376.8C292.3,372.4%20289.7,372.1%20287.6,375.2C285.0,378.9%20285.6,379.9%20289.8,379.3C293.4,378.8%20294.2,379.2%20301.6,385.5C308.0,391.0%20313.5,394.6%20315.8,395.0C315.9,395.0%20317.5,394.4%20319.3,393.6ZM198.0,382.8C190.2,376.7%20169.6,356.4%20167.9,353.4C166.9,351.5%20167.5,350.4%20172.8,343.9C176.1,339.8%20181.4,332.2%20184.6,327.0C190.2,317.8%20207.0,284.0%20207.0,282.0C207.0,279.9%20209.4,281.2%20214.6,285.9C217.5,288.6%20222.9,292.9%20226.5,295.6C234.0,301.1%20233.8,300.4%20231.4,317.0C230.3,324.8%20230.0,334.2%20230.2,353.4L230.4,379.3L218.0,383.6C211.1,386.0%20205.3,388.0%20205.0,388.0C204.7,388.0%20201.6,385.7%20198.0,382.8ZM413.5,383.6L401.6,379.4L401.8,353.5C402.1,334.0%20401.7,324.8%20400.6,316.6C398.2,300.2%20398.0,301.1%20405.5,295.6C409.1,292.9%20414.5,288.6%20417.4,285.9C422.6,281.2%20425.0,279.9%20425.0,282.0C425.0,284.0%20441.8,317.8%20447.4,327.0C450.6,332.2%20455.9,339.8%20459.1,343.7C462.3,347.7%20465.0,351.4%20465.0,352.0C465.0,355.0%20429.5,388.2%20426.6,387.9C426.0,387.8%20420.1,385.9%20413.5,383.6ZM301.7,323.0C257.6,307.3%20216.6,275.8%20192.7,239.5C180.3,220.6%20172.9,201.4%20167.4,173.5C164.7,160.4%20164.7,107.9%20167.3,90.5C169.9,73.1%20171.2,67.0%20172.1,67.0C172.9,67.0%20226.3,112.9%20226.8,114.0C226.9,114.4%20225.9,117.0%20224.5,119.8C221.1,126.6%20217.5,137.7%20215.4,148.0C212.9,160.4%20213.1,182.7%20215.8,194.7C222.3,223.4%20238.4,244.7%20262.7,256.9C266.1,258.6%20269.5,260.0%20270.1,260.0C270.7,260.0%20267.5,256.1%20262.9,251.2C254.9,242.7%20248.1,233.3%20244.5,225.8L242.8,222.0L246.8,217.3C257.1,205.1%20269.1,195.6%20279.7,191.2C286.2,188.4%20287.6,188.4%20288.3,191.2C288.8,193.4%20290.9,201.0%20298.4,226.9C300.4,233.7%20302.2,239.5%20302.5,239.8C303.3,240.6%20303.0,219.4%20301.6,181.5L300.3,146.5L308.1,138.5L316.0,130.5L323.8,138.5L331.7,146.5L330.9,167.5C329.4,211.8%20328.8,240.5%20329.4,239.9C329.7,239.6%20331.6,233.7%20333.6,226.9C341.1,201.0%20343.2,193.4%20343.7,191.2C344.4,188.4%20345.8,188.4%20352.3,191.2C362.8,195.6%20375.4,205.6%20385.1,217.1L389.2,222.0L387.5,225.8C383.9,233.3%20377.1,242.7%20369.1,251.2C364.5,256.1%20361.3,260.0%20361.9,260.0C363.8,260.0%20376.1,253.4%20381.3,249.7C394.8,240.0%20405.1,226.7%20411.3,210.9C422.0,183.8%20420.4,145.5%20407.5,119.8C406.1,117.0%20405.1,114.4%20405.2,114.0C405.7,112.9%20459.1,67.0%20459.9,67.0C460.8,67.0%20462.1,73.1%20464.7,90.5C466.2,100.2%20466.5,108.5%20466.4,134.0C466.4,164.4%20466.3,166.0%20463.6,178.5C454.7,221.2%20435.4,253.1%20401.6,281.3C382.4,297.4%20371.0,304.9%20351.1,314.3C338.1,320.5%20319.6,327.0%20315.5,326.9C313.9,326.9%20307.6,325.1%20301.7,323.0Z%22/%3E%3C/svg%3E) center / contain no-repeat !important;
mask: url(data:image/svg+xml,%3Csvg%20viewBox=%22121%2048%20389%20424%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill=%22%23000%22%20d=%22M289.0,452.9C282.3,450.1%20278.4,443.5%20275.9,430.7C273.3,417.3%20270.9,411.0%20264.9,402.2L260.0,394.9L263.5,390.8C265.4,388.5%20267.0,386.4%20267.0,386.0C267.0,385.7%20264.6,385.4%20261.6,385.4C254.9,385.5%20251.4,383.3%20248.3,376.9C243.2,366.7%20239.7,341.2%20242.2,334.0C244.8,327.0%20252.8,327.9%20256.3,335.5C259.0,341.2%20263.5,345.5%20269.3,348.0C273.6,349.9%20275.7,350.2%20282.9,349.8C292.7,349.3%20298.0,347.1%20302.4,341.9L305.1,338.7L310.6,340.2C315.4,341.6%20316.6,341.6%20321.4,340.2L326.9,338.7L329.6,341.9C334.0,347.1%20339.3,349.3%20349.1,349.8C356.3,350.2%20358.4,349.9%20362.7,348.0C368.5,345.5%20373.0,341.2%20375.7,335.5C379.2,327.9%20387.2,327.0%20389.8,334.0C392.4,341.3%20388.7,367.0%20383.7,376.9C380.4,383.3%20377.0,385.5%20370.4,385.4C367.4,385.4%20365.0,385.7%20365.0,386.0C365.0,386.4%20366.6,388.5%20368.6,390.8L372.2,395.1L369.7,398.4C362.3,408.0%20358.9,416.2%20356.1,430.8C354.0,441.7%20351.1,447.4%20345.7,451.4C341.4,454.6%20332.2,454.3%20324.9,450.7C317.9,447.3%20314.4,447.3%20307.2,450.7C301.0,453.6%20293.0,454.6%20289.0,452.9ZM181.5,442.8C175.4,437.8%20167.3,431.3%20163.5,428.2C159.7,425.1%20156.3,422.4%20156.0,422.0C155.7,421.7%20152.1,418.8%20148.0,415.6C143.9,412.3%20140.1,409.3%20139.5,408.8C138.9,408.3%20143.1,403.4%20150.1,396.2C156.4,389.8%20163.8,381.9%20166.4,378.7L171.2,373.0L183.0,384.3C189.5,390.5%20196.6,396.9%20198.9,398.4L203.1,401.3L210.8,398.6C224.0,393.8%20223.9,393.8%20224.5,396.3C224.8,397.5%20225.7,403.9%20226.5,410.5C227.3,417.1%20228.5,426.2%20229.2,430.8C230.5,440.3%20230.7,440.0%20223.0,442.4C220.5,443.2%20213.3,445.7%20206.8,447.9C200.4,450.2%20194.6,452.0%20193.8,451.9C193.1,451.9%20187.6,447.8%20181.5,442.8ZM423.0,447.4C400.7,439.6%20402.0,440.2%20402.1,436.7C402.1,434.9%20402.5,431.2%20403.0,428.5C403.5,425.8%20404.6,417.9%20405.5,411.0C406.3,404.1%20407.2,397.5%20407.5,396.3C408.1,393.9%20407.7,393.8%20421.2,398.6L429.0,401.3L433.1,398.4C435.4,396.8%20442.5,390.5%20449.0,384.3L460.8,373.0L465.6,378.7C468.2,381.9%20475.6,389.8%20481.9,396.2C489.0,403.4%20493.1,408.3%20492.5,408.8C491.9,409.3%20484.8,415.1%20476.5,421.7C468.2,428.4%20456.4,437.9%20450.3,442.9C444.1,447.9%20438.2,451.9%20437.3,451.9C436.3,451.8%20429.9,449.8%20423.0,447.4ZM302.0,428.8C312.9,423.7%20319.0,423.7%20330.0,428.9C335.1,431.2%20339.1,431.5%20342.3,429.8C346.4,427.7%20348.4,423.9%20352.7,410.5C354.2,406.1%20356.4,400.8%20357.7,398.8C360.3,394.6%20360.6,392.0%20358.8,390.2C356.6,388.0%20354.2,389.0%20348.9,394.5C341.0,402.8%20338.2,403.5%20316.0,403.5C293.8,403.5%20291.0,402.8%20283.1,394.5C277.8,389.0%20275.4,388.0%20273.2,390.2C271.4,392.0%20271.7,394.6%20274.3,398.8C275.6,400.8%20277.8,406.1%20279.3,410.5C282.2,419.6%20284.4,424.8%20286.2,427.1C289.8,431.4%20295.2,432.0%20302.0,428.8ZM319.3,393.6C321.1,392.9%20326.1,389.3%20330.4,385.5C337.8,379.2%20338.6,378.8%20342.2,379.3C346.4,379.9%20347.0,378.9%20344.4,375.2C342.3,372.1%20339.3,372.4%20332.4,376.6C324.1,381.8%20317.8,385.0%20316.0,385.0C314.4,385.0%20310.3,382.9%20299.7,376.8C292.3,372.4%20289.7,372.1%20287.6,375.2C285.0,378.9%20285.6,379.9%20289.8,379.3C293.4,378.8%20294.2,379.2%20301.6,385.5C308.0,391.0%20313.5,394.6%20315.8,395.0C315.9,395.0%20317.5,394.4%20319.3,393.6ZM198.0,382.8C190.2,376.7%20169.6,356.4%20167.9,353.4C166.9,351.5%20167.5,350.4%20172.8,343.9C176.1,339.8%20181.4,332.2%20184.6,327.0C190.2,317.8%20207.0,284.0%20207.0,282.0C207.0,279.9%20209.4,281.2%20214.6,285.9C217.5,288.6%20222.9,292.9%20226.5,295.6C234.0,301.1%20233.8,300.4%20231.4,317.0C230.3,324.8%20230.0,334.2%20230.2,353.4L230.4,379.3L218.0,383.6C211.1,386.0%20205.3,388.0%20205.0,388.0C204.7,388.0%20201.6,385.7%20198.0,382.8ZM413.5,383.6L401.6,379.4L401.8,353.5C402.1,334.0%20401.7,324.8%20400.6,316.6C398.2,300.2%20398.0,301.1%20405.5,295.6C409.1,292.9%20414.5,288.6%20417.4,285.9C422.6,281.2%20425.0,279.9%20425.0,282.0C425.0,284.0%20441.8,317.8%20447.4,327.0C450.6,332.2%20455.9,339.8%20459.1,343.7C462.3,347.7%20465.0,351.4%20465.0,352.0C465.0,355.0%20429.5,388.2%20426.6,387.9C426.0,387.8%20420.1,385.9%20413.5,383.6ZM301.7,323.0C257.6,307.3%20216.6,275.8%20192.7,239.5C180.3,220.6%20172.9,201.4%20167.4,173.5C164.7,160.4%20164.7,107.9%20167.3,90.5C169.9,73.1%20171.2,67.0%20172.1,67.0C172.9,67.0%20226.3,112.9%20226.8,114.0C226.9,114.4%20225.9,117.0%20224.5,119.8C221.1,126.6%20217.5,137.7%20215.4,148.0C212.9,160.4%20213.1,182.7%20215.8,194.7C222.3,223.4%20238.4,244.7%20262.7,256.9C266.1,258.6%20269.5,260.0%20270.1,260.0C270.7,260.0%20267.5,256.1%20262.9,251.2C254.9,242.7%20248.1,233.3%20244.5,225.8L242.8,222.0L246.8,217.3C257.1,205.1%20269.1,195.6%20279.7,191.2C286.2,188.4%20287.6,188.4%20288.3,191.2C288.8,193.4%20290.9,201.0%20298.4,226.9C300.4,233.7%20302.2,239.5%20302.5,239.8C303.3,240.6%20303.0,219.4%20301.6,181.5L300.3,146.5L308.1,138.5L316.0,130.5L323.8,138.5L331.7,146.5L330.9,167.5C329.4,211.8%20328.8,240.5%20329.4,239.9C329.7,239.6%20331.6,233.7%20333.6,226.9C341.1,201.0%20343.2,193.4%20343.7,191.2C344.4,188.4%20345.8,188.4%20352.3,191.2C362.8,195.6%20375.4,205.6%20385.1,217.1L389.2,222.0L387.5,225.8C383.9,233.3%20377.1,242.7%20369.1,251.2C364.5,256.1%20361.3,260.0%20361.9,260.0C363.8,260.0%20376.1,253.4%20381.3,249.7C394.8,240.0%20405.1,226.7%20411.3,210.9C422.0,183.8%20420.4,145.5%20407.5,119.8C406.1,117.0%20405.1,114.4%20405.2,114.0C405.7,112.9%20459.1,67.0%20459.9,67.0C460.8,67.0%20462.1,73.1%20464.7,90.5C466.2,100.2%20466.5,108.5%20466.4,134.0C466.4,164.4%20466.3,166.0%20463.6,178.5C454.7,221.2%20435.4,253.1%20401.6,281.3C382.4,297.4%20371.0,304.9%20351.1,314.3C338.1,320.5%20319.6,327.0%20315.5,326.9C313.9,326.9%20307.6,325.1%20301.7,323.0Z%22/%3E%3C/svg%3E) center / contain no-repeat !important;
}
.ud-logo-mark svg { display: none !important; } /* hide the old shield */
.ud-logo-dim { display: none !important; } /* drop the ".GG" */
.ud-logo-text { font-weight: 800 !important; font-size: 16px !important; letter-spacing: 0.06em !important; }
.ud-logo:hover .ud-logo-mark { color: #00FF41 !important; } /* green-on-hover like the homepage */
/* === Avatar: show the real uploaded pic instead of the clipped-text "UN" ===
The homepage now renders the user's avatar image; match it here. This CSS makes
an ![]()
inside .ud-avatar fill the 38px box. It needs ONE template change:
In the forum HEADER template, the element with class "ud-avatar" currently
outputs the username text (CSS clips it to look like "UN"). Replace its inner
contents with the user's avatar image:
⚠️ Template edits are §3-gated (they revert until cache/ is writable — fix §3 first).
⚠️ If a user has no avatar, {$mybb->user['avatar']} is empty -> broken image. Set a
site default avatar in ACP (Users & Groups -> the group's "Default Avatar"), or keep
the text node as a fallback, so the box never renders an empty ![]()
. */
.ud-avatar { padding-left: 0 !important; letter-spacing: 0 !important; overflow: hidden !important; position: relative !important; }
.ud-avatar-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
/* green online dot, matching the homepage avatar (adjust the 2px ring color to taste) */
.ud-avatar::after { content: ""; position: absolute; bottom: 2px; right: 2px; width: 7px; height: 7px; background: #00FF41 !important; box-shadow: 0 0 0 2px #050505; }
/* === Forum-index layout to match the homepage — APPEND to the END of
zz_undetected_overrides.css (after the forum-header-match block). Append-only;
don't delete anything. CSS-only, and §3 is fixed so it now persists. === */
/* 1. WIDTH — MyBB's #container is width:90% (much wider than the homepage). Cap it to
the homepage's 1320px, centered. This narrows the whole forum column (header + body)
to 1320 like the site's content.
NOTE: the homepage's header BAR is full-bleed (edge-to-edge) with 1320 content; this
keeps the forum header bar at 1320 too. If you want the bar full-bleed like the
homepage, say so — it's a separate, slightly more involved tweak. */
#container { max-width: 1320px !important; margin-left: auto !important; margin-right: auto !important; }
/* 2. DESCRIPTIONS — kill MyBB's legacy body{text-align:center} on the forum-row cells so
names + descriptions sit left. Count cells keep their explicit align="center". */
td.trow1:not([align]), td.trow2:not([align]) { text-align: left !important; }
/* 3. COLUMNS — give Last Post more room and slim Threads/Posts, so the Forum column
(and its description) gives up the excess real estate. */
@media (min-width: 700px) {
.tcat[width="200"] { width: 360px !important; } /* Last Post — wider */
.tcat[width="85"] { width: 70px !important; } /* Threads / Posts — slimmer */
}
/* 4. MOBILE (phones ≤600px) — the ported header keeps search+bell+avatar with big
gaps and no hamburger collapse, so it runs ~20px past a phone and forces
horizontal scroll. Tighten the gaps and drop the avatar block on phones — the
homepage also hides the account on mobile, so this matches it. (The forum
tables are width:100% and compress on their own, so they don't overflow.) */
@media (max-width: 600px) {
#ud-header .ud-navbar-inner { gap: 14px !important; padding-left: 14px !important; padding-right: 14px !important; }
#ud-header .ud-nav-right { gap: 8px !important; }
#ud-header .ud-user { display: none !important; }
}
/* small monospace "AD" chip — keeps the slot honest/transparent */
.ud-ad-tag {
flex: 0 0 auto; font-family: "Geist Mono", ui-monospace, monospace;
font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
color: #8a8a8a; border: 1px solid #262626; padding: 3px 7px;
}
.ud-ad-text { font-size: 14px; line-height: 1.3; color: #8a8a8a; }
.ud-ad-text strong { color: #f5f5f5; font-weight: 800; }
.ud-ad-cta { color: #00FF41; font-weight: 700; white-space: nowrap; }
/* image-ad mode: never let an advertiser's image break the layout */
.ud-ad-img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.ud-ad:has(.ud-ad-img) { padding: 0; justify-content: center; min-height: 0; }
/* mobile: stay within phone width (no horizontal overflow) */
@media (max-width: 600px) {
.ud-ad-wrap { padding: 0 14px; }
.ud-ad { gap: 10px; padding: 10px 14px; }
.ud-ad-text { font-size: 12.5px; }
}
/* Hide the lone board-name breadcrumb on the forum index (looks out of place under the banner). Scoped via :only-child so inner-page breadcrumbs are untouched. */
.navigation:has(> span.active:only-child) { display: none !important; }
/* === Single sponsor / banner slot (ANIMATED, pure CSS) — APPEND to the END of
zz_undetected_overrides.css. Self-contained: it fully supersedes the earlier
static .ud-ad block (you can delete that old block for tidiness, or just leave
it — this one comes later and wins). Pairs with forum-ad-banner.html.
On-brand: 0px radius, sweeping green-laser border, no image, no watermark. === */
@property --ud-ad-a { syntax: ""; initial-value: 0deg; inherits: false; }
.ud-ad-wrap { max-width: 1320px; margin: 12px auto 0; padding: 0 20px; box-sizing: border-box; }
.ud-ad {
position: relative; isolation: isolate; overflow: hidden;
display: flex; align-items: center; gap: 16px;
min-height: 72px; padding: 14px 22px;
background: #08080a !important; border: 0 !important; border-radius: 0 !important;
color: #f5f5f5 !important; text-decoration: none !important;
font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
}
/* sweeping green-laser border ring */
.ud-ad::before {
content: ""; position: absolute; inset: 0; padding: 1.5px; z-index: 0; pointer-events: none;
background: conic-gradient(from var(--ud-ad-a), #1f1f1f 0deg 280deg, #00FF41 322deg, #d6ffe0 338deg, #1f1f1f 360deg);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
animation: ud-ad-sweep 3.4s linear infinite;
}
/* soft pulsing ambient glow */
.ud-ad::after {
content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
box-shadow: inset 0 0 26px -10px rgba(0,255,65,.22);
animation: ud-ad-pulse 3.4s ease-in-out infinite;
}
.ud-ad > * { position: relative; z-index: 1; }
@keyframes ud-ad-sweep { to { --ud-ad-a: 360deg; } }
@keyframes ud-ad-pulse { 0%,100% { opacity: .4 } 50% { opacity: 1 } }
.ud-ad-mark { flex: 0 0 auto; width: 32px; height: 32px; color: #f5f5f5; }
.ud-ad:hover .ud-ad-mark { color: #00FF41; }
.ud-ad-text { flex: 1 1 auto; font-size: 15px; line-height: 1.3; color: #9a9a9a; }
.ud-ad-text strong { color: #f5f5f5; font-weight: 800; }
.ud-ad-cta { flex: 0 0 auto; color: #00FF41; font-weight: 700; font-size: 14px; white-space: nowrap; letter-spacing: .02em; }
/* image-ad mode: an advertiser image sits inside the animated frame */
.ud-ad-img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.ud-ad:has(.ud-ad-img) { padding: 3px; }
/* mobile */
@media (max-width: 600px) {
.ud-ad-wrap { padding: 0 14px; }
.ud-ad { gap: 10px; padding: 12px 14px; min-height: 60px; }
.ud-ad-text { font-size: 12.5px; }
.ud-ad-cta { font-size: 12px; }
}
/* accessibility: hold a static green frame for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
.ud-ad::before { animation: none; background: #1f6b2e; }
.ud-ad::after { animation: none; opacity: .5; }
}