/* vGAF Modern: presentation only. No generated content or new board modules. */
:root {
  color-scheme: dark;
  --vg-bg: #09151e;
  --vg-panel: #10232f;
  --vg-panel-raised: #182f3d;
  --vg-line: #2b4555;
  --vg-text: #e3ebf3;
  --vg-muted: #b2c3d0;
  --vg-gold: #f2c52e;
}
html, body { background: var(--vg-bg); color: var(--vg-text); }
body { background-image: radial-gradient(ellipse at 50% 0, #243c4d 0, transparent 65%); font-size: 13px; line-height: 1.55; }
body, input, button, select, textarea, a.forumtitle, a.topictitle, li.header dt, li.header dd, h3 {
  font-family: "Segoe UI", "Roboto", Arial, sans-serif; letter-spacing: .01em;
}
#wrap { width: auto; max-width: 1800px; margin: 0 auto; padding: 0 24px 24px; border: 0; background: transparent; box-shadow: none; }
#page-header { margin: 0 -24px 24px; }
#page-header .headerbar {
  position: relative; box-sizing: border-box; min-height: 300px; padding: 26px 32px;
  border: 0; border-radius: 0;
  /* A native 4K aircraft asset is still required. No lower-resolution substitute. */
  background: linear-gradient(0deg, #09151e, #243c4d);
}
.headerbar > .inner { min-height: 248px; position: relative; }
#site-description { width: auto; max-width: 100%; }
#logo { display: inline-block; float: none; padding: 0; max-width: 100%; }
#logo .site_logo { display: block; width: 297px; height: 99px; max-width: 100%; background: url("images/vgaf-logo.png") left center / contain no-repeat; }
#search-box { position: absolute; right: 0; bottom: 0; margin: 0; box-shadow: 0 6px 24px #0005; }
.navbar { background: #0b1b26; border: 1px solid var(--vg-line); border-radius: 4px; padding: 8px 16px; color: var(--vg-muted); }
#page-header .navbar { border-radius: 0; border-width: 1px 0; padding: 5px 26px; }
.navbar a { color: var(--vg-text); text-shadow: none; }
.nav-main > li > a { display: inline-block; padding: 8px 5px; border-bottom: 2px solid transparent; }
.nav-main > li > a:hover, .nav-main > li > a:focus-visible,
.navbar a[aria-current="page"] { color: var(--vg-gold); border-bottom-color: var(--vg-gold); }
.navbar > .inner > ul > li > a > i, ul#nav-footer > li.breadcrumbs > span.crumb > a > i { color: var(--vg-muted); }
a { color: #9ecae5; text-decoration: none; transition: color .16s, background-color .16s, border-color .16s; }
a:hover, a:focus-visible, .copyright a:hover { color: var(--vg-gold); }
h1, h2, h3, .content h2, .panel-container h2, .postbody, .content, fieldset dl:hover dt label { color: var(--vg-text); }
h2 { font-size: 1.7em; font-weight: 600; }
h3 { border-bottom-color: var(--vg-line); font-weight: 600; }
.text-strong { color: inherit; }
.postprofile strong, .postprofile dt strong, .postprofile dd strong { color: inherit; }
.forabg > .inner, .forumbg > .inner { background: transparent; }
.forabg, .forumbg, .panel, .post, .cp-mini, .phpbb_alert, .stat-block {
  background: linear-gradient(110deg, #142a37, #0e202b); border: 1px solid var(--vg-line);
  border-radius: 6px; box-shadow: 0 8px 22px #0002; color: var(--vg-text);
}
.forabg, .forumbg { padding: 0; margin-bottom: 18px; }
li.header { padding: 11px 12px; border-bottom: 2px solid var(--vg-gold); background: #172d3a; border-radius: 5px 5px 0 0; }
li.header dt, li.header dd, .forumbg .header a, .forabg .header a { color: var(--vg-text); text-shadow: none; }
li.header dt { font-size: 1.1em; font-weight: 700; }
li.header dd { text-transform: none; color: var(--vg-muted); }
ul.topiclist li { color: var(--vg-muted); }
ul.topiclist dd { border-color: var(--vg-line); }
li.row, .bg1, .bg2, .bg3 { background-color: transparent; border-color: var(--vg-line); }
li.row { border-top: 0; border-bottom: 1px solid var(--vg-line); padding: 8px 12px; }
li.row:last-child { border-bottom: 0; }
li.row:hover { background-color: #1a3342; }
li.row:hover dd { border-color: #476273; }
a.forumtitle, a.topictitle { color: var(--vg-text); font-size: 1.15em; font-weight: 600; }
a.forumtitle:hover, a.topictitle:hover { color: var(--vg-gold); }
.lastpost, .lastpost a, .topic-poster, .author, .postprofile, .postprofile dd, .postprofile dt { color: var(--vg-muted); }
.bubble-count { margin: 0 8px; background: transparent; color: var(--vg-text); box-shadow: none; border-radius: 0; font-variant-numeric: tabular-nums; }
.bubble-count::before { content: none; }
/* Existing description colour was tuned for a light background. */
.forums .list-inner > span[style*="color:#777777"], .forums .list-inner > span[style*="color: #777777"] { color: var(--vg-muted) !important; }
.row-item[class*="unread"] { border-inline-start: 3px solid var(--vg-gold); }
a.subforum, .forumlist_mods a { background-color: #223c4b; color: #c7dfed; }
.stat-block { padding: 15px 18px; margin-top: 16px; }
.index-footer .stat-block { border: 0; background: none; box-shadow: none; padding: 0; }
.index-footer li.row { padding: 14px 18px; }
.post { padding: 18px; margin-bottom: 16px; }
.postprofile { border-color: var(--vg-line); }
.signature, .notice { border-color: var(--vg-line); color: var(--vg-muted); }
.content { line-height: 1.75; }
.content a.postlink { color: #acd8f2; border-bottom-color: #6f9bb5; }
.content a.postlink:hover { color: var(--vg-gold); background: transparent; }
blockquote, blockquote blockquote, blockquote blockquote blockquote, .codebox {
  background-color: #0a1a25; color: var(--vg-text); border-color: var(--vg-line); border-inline-start: 3px solid #708da0;
}
.codebox p { border-color: var(--vg-line); }
.codebox code { color: #c4dcc1; }
.attachbox, .attach-image img { background-color: #10232f; border-color: var(--vg-line); }
.rules, p.rules { background: #372c20; color: #f8dfad; border: 1px solid #816539; border-radius: 5px; }
.reported, .error { color: #ffb4af; }
.inputbox, select, textarea, .message-box textarea, fieldset.quick-login input.inputbox {
  background: #0b1b26; color: var(--vg-text); border: 1px solid #526d7f; border-radius: 4px; padding: 8px;
}
.inputbox::placeholder { color: var(--vg-muted); opacity: 1; }
label, dd label, dl.details dt, dl.details dd, dl.mini dt { color: var(--vg-muted); }
input, select, textarea { accent-color: var(--vg-gold); }
.button, a.button1, input.button1, a.button2, input.button2, input.button3,
.pagination li a, .pagination li span, .pagination li a:link, .pagination li a:visited {
  background: #203949; color: var(--vg-text); border: 1px solid #526d7f; border-radius: 4px; box-shadow: none; text-shadow: none;
}
.button:hover, .button:focus, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover,
.pagination li a:hover { background: #304d5e; color: var(--vg-gold); border-color: var(--vg-gold); }
input.button1, a.button1, .pagination li.active span { background: var(--vg-gold); color: #16222a; border-color: var(--vg-gold); font-weight: 700; }
.button .icon, .button:hover .icon { color: inherit; }
.button, input.button1, input.button2, input.button3 { min-height: 36px; box-sizing: border-box; }
:focus-visible { outline: 2px solid var(--vg-gold); outline-offset: 3px; }
.dropdown .dropdown-contents, .dropdown-extended .header, .dropdown-extended .footer,
.dropdown-extended ul li, .dropdown-extended a.mark_read { background: #152d3c; color: var(--vg-text); border-color: var(--vg-line); }
.dropdown-extended ul li:hover { background: #294555; color: var(--vg-text); }
.dropdown li, .dropdown li li, .dropdown li.separator { border-color: var(--vg-line); }
.dropdown .pointer-inner { border-color: #152d3c transparent; }
.notification_list p.notification-time { color: var(--vg-muted); }
#tabs .tab > a, #minitabs .tab > a, #navigation a { background: #1a3342; color: var(--vg-text); border-color: var(--vg-line); }
#tabs .activetab > a, #tabs .activetab > a:hover, #minitabs .activetab > a, #navigation #active-subsection a,
#navigation a:hover { background: #2a4555; color: var(--vg-gold); box-shadow: inset 0 -2px var(--vg-gold); }
.panel-container .panel, .cp-main .pm, table.table1 tbody tr { background: #10232f; color: var(--vg-text); }
table.table1 tbody td, table.table1 tbody th { border-color: var(--vg-line); color: var(--vg-text); }
table.table1 tbody tr:hover { background: #203949; }
.panel-container .panel li.row { border-color: var(--vg-line); }
.gallery label { background: #10232f; border-color: var(--vg-line); }
.gallery label:hover { background: #203949; }
.phpbb_announcement { border: 1px solid var(--vg-line); border-radius: 6px; box-shadow: 0 8px 24px #0002; }
.phpbb_announcement .postimage { max-width: 100%; height: auto; }
.copyright { color: var(--vg-muted); padding: 24px 16px; border-top: 1px solid var(--vg-line); }
.copyright a { color: #c9d9e4; }
.page-footer { margin-top: 26px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }
