/* OldOrbit look for the board (loaded after forum.css): the same identity as the site (css/oo-theme.css):
   deep navy glass, amber accent, cyan light, chamfered corners, Oxanium headings and Rajdhani text.
   Nothing here changes markup or behaviour; it only replaces the colours and type of the 2016 style. */
@font-face { font-family: 'Oxanium'; src: url('/fonts/Oxanium-var.woff2?v=1') format('woff2'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: 'Rajdhani'; src: url('/fonts/Rajdhani-Medium.woff2?v=1') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Rajdhani'; src: url('/fonts/Rajdhani-SemiBold.woff2?v=1') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Rajdhani'; src: url('/fonts/Rajdhani-Bold.woff2?v=1') format('woff2'); font-weight: 700; font-display: swap; }
:root {
  --bg: #04070d; --line: #1f3347; --line-hi: #38597a;
  --txt: #c6d4e2; --txt-dim: #7c92aa; --white: #f0f6fc; --cyan: #43d3ff; --amber: #ffb23e; --amber-2: #ff8a1f;
  --font: 'Rajdhani', 'Trebuchet MS', Verdana, sans-serif; --font-hea: 'Oxanium', 'Rajdhani', sans-serif;
}
html { font-family: var(--font); background: var(--bg) url('/assets/oo_site/oo_bg.jpg?v=1') center top / cover no-repeat fixed; }
html::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 50% 20%, rgba(4, 7, 13, 0) 0, rgba(4, 7, 13, .6) 100%), linear-gradient(180deg, rgba(4, 7, 13, .35), rgba(4, 7, 13, .15) 40%, rgba(4, 7, 13, .6)); }
body { font: 500 15px/1.42 var(--font); letter-spacing: .15px; color: var(--txt); }
b, strong { font-weight: 700; color: var(--white); }
input, select, textarea, button { font-family: var(--font); }
a:link, a:visited { color: var(--cyan); }
.muted, a.muted { color: var(--txt-dim); }
.faint, a.faint { color: var(--txt) !important; }
.pageWidth { max-width: 1200px; padding: 0 10px; }
::selection { background: rgba(255, 178, 62, .35); color: #fff; }

/* ---- login bar ---- */
#loginBar { background: rgba(9, 15, 25, .95); border-bottom: 1px solid var(--line-hi); color: var(--txt); }
#loginBar .textCtrl { background: #0b1420; border: 1px solid var(--line-hi); border-radius: 0; color: var(--white); font: 600 16px var(--font); }
#loginBar .textCtrl:focus { background: #060b12; border-color: var(--amber); }
#loginBar .lostPassword a, #loginBar a.regLink { color: var(--amber); }
#loginBarHandle { background: rgba(9, 15, 25, .95); border: 1px solid var(--line-hi); border-top: 0; border-radius: 0; box-shadow: none; font: 700 11px/22px var(--font-hea); letter-spacing: 1px; text-transform: uppercase; color: var(--txt) !important; bottom: -23px; }
#loginBarHandle:hover { color: var(--amber) !important; }

/* ---- header ---- */
#logoBlock .pageContent { height: 150px; }
#logo { gap: 14px; }
#logo .oo-emblem { width: 70px; height: 70px; filter: drop-shadow(0 0 14px rgba(67, 211, 255, .35)); }
#logo .oo-logo { font: italic 700 56px/1 var(--font-hea); letter-spacing: 3px;
  background: linear-gradient(180deg, #ffffff 0%, #cfe6f7 42%, #6fa2c8 52%, #e7f4ff 74%, #8fb6d4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 #040810) drop-shadow(0 0 16px rgba(67, 211, 255, .35)); }
#logo .oo-logo b { font-weight: 700; background: linear-gradient(180deg, #fff6df 0%, #ffd27a 45%, #ff9c2a 55%, #ffe3a6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
#logo .oo-sub { align-self: flex-end; margin: 0 0 8px 4px; font: 700 13px var(--font-hea); letter-spacing: 4px; color: var(--amber); text-transform: uppercase; }
#logo:hover .oo-logo { filter: brightness(1.1) drop-shadow(0 2px 0 #040810) drop-shadow(0 0 20px rgba(67, 211, 255, .6)); }
#navigation .pageContent { height: 76px; }
.navTabs { height: 40px; padding: 0 14px; font: 700 13px var(--font-hea); letter-spacing: 1.4px; text-transform: uppercase;
  background: linear-gradient(90deg, rgba(34, 58, 86, .92) 0%, rgba(14, 24, 38, .94) 62%, rgba(10, 16, 26, .94) 100%); border: 1px solid var(--line); border-bottom-color: #02050a; box-shadow: inset 0 1px 0 rgba(150, 210, 255, .1); }
.navLink { height: 38px; line-height: 38px; color: var(--txt) !important; }
.navTab:not(.selected):hover { background: rgba(255, 178, 62, .08); }
.navTab:not(.selected):hover > .navLink { color: #fff !important; }
.navTab.selected > .navLink { height: 38px; margin: 0; padding-top: 0; border: 0; border-radius: 0; background: rgba(4, 7, 13, .55); color: var(--amber) !important; box-shadow: inset 0 -2px 0 var(--amber); }
.navTab.selected .tabLinks { top: 39px; height: 36px; left: -1px; width: calc(100% + 2px); background: rgba(9, 15, 25, .93); border: 1px solid var(--line); border-top: 0; padding-left: 10px; }
.tabLinks a { font: 600 14px var(--font); letter-spacing: .2px; text-transform: none; color: var(--txt) !important; border-radius: 0; }
.tabLinks a:hover { border-color: transparent; color: var(--amber) !important; }
.tabLinks .quickSearch input { font: 500 13px var(--font); background: #0b1420; border: 1px solid var(--line-hi); border-radius: 0; color: var(--white); }
.tabLinks .quickSearch input:focus { border-color: var(--amber); }
.navLink .itemCount { background: var(--amber); color: #2a1500; border-radius: 0; font-family: var(--font-hea); }
.navTab.account .navLink img, .navPopup .menuHeader img { border-color: var(--line-hi); border-radius: 0; }
.navPopup { top: 39px; background: #0a111c; border: 1px solid var(--line-hi); border-radius: 0; }
.navPopup .menuHeader { background: rgba(34, 58, 86, .45); border-bottom-color: var(--line); }
.navPopup ul a { color: var(--txt) !important; font: 600 14px var(--font); text-transform: none; letter-spacing: 0; }
.navPopup ul a:hover { background: rgba(255, 178, 62, .1); color: #fff !important; }

/* ---- content panels ---- */
#content .pageContent { background: linear-gradient(180deg, rgba(14, 24, 39, .9), rgba(7, 12, 20, .93)); border: 1px solid var(--line); box-shadow: 0 8px 28px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(120, 190, 255, .07); padding: 12px 20px 16px; position: relative; }
#content .pageContent::after { content: ''; position: absolute; right: 0; top: 0; width: 16px; height: 16px; pointer-events: none; background: linear-gradient(225deg, var(--amber) 0 2px, transparent 2px), linear-gradient(225deg, transparent 0 50%, rgba(255, 178, 62, .18) 50%); clip-path: polygon(0 0, 100% 0, 100% 100%); }
.crumb { background: #0b1420; color: var(--txt) !important; border-bottom: 1px solid var(--line-hi); font: 600 13.5px/24px var(--font); }
.crust:first-child .crumb { border-radius: 0; }
.crust:last-child .crumb { color: var(--amber) !important; border-bottom-color: var(--amber); }
.crust .arrow { border-left-color: #0b1420; }
.crust:hover .crumb { background: #16222f; color: #fff !important; }
.crust:hover .arrow { border-left-color: #16222f; }
.titleBar h1 { font: 700 24px/1.2 var(--font-hea); letter-spacing: .6px; color: var(--white); }
.titleBar p#pageDescription, .threadInfo { font-size: 13px; color: var(--txt-dim); }
.gotogame a { color: var(--amber) !important; }
.sectionMain, .primaryContent, .secondaryContent { background: rgba(9, 15, 25, .72); }
.primaryContent, .secondaryContent { border-bottom-color: var(--line); }
.sectionHeader, .subHeading, .sectionHeaders { font: 700 11.5px var(--font-hea); letter-spacing: 1.3px; text-transform: uppercase; color: #dbe9f6; background: linear-gradient(90deg, rgba(34, 58, 86, .9), rgba(14, 24, 38, .9)); border-bottom: 1px solid #02050a; }
.sectionHeaders > * { color: #dbe9f6; padding: 6px 10px; }
.sectionFooter { background: rgba(14, 24, 38, .9); color: var(--txt-dim); font-size: 12.5px; border-top: 1px solid var(--line); }
.sectionFooter a { color: var(--cyan); }
.textHeading { font: 700 15px var(--font-hea); letter-spacing: .8px; color: var(--amber); border-bottom-color: var(--line); }
.errorPanel { border-radius: 0; background: rgba(90, 20, 14, .6); border-color: #b8321f; }
.infoPanel { border-radius: 0; background: rgba(20, 44, 66, .6); border-color: var(--line-hi); }
.loading { color: var(--txt-dim); }

/* ---- buttons and inputs ---- */
.button { font: 700 12px/26px var(--font-hea); letter-spacing: .9px; text-transform: uppercase; height: 28px; padding: 0 12px; color: #e6f1fb !important; border: 1px solid #4a6a8a; border-radius: 0;
  background: linear-gradient(180deg, #2b4560 0%, #172636 55%, #101b27 100%); clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px); box-shadow: inset 0 1px 0 rgba(160, 215, 255, .18); }
.button:hover { background: linear-gradient(180deg, #33506e 0%, #1b2d40 55%, #13202e 100%); border-color: var(--amber); color: #fff !important; }
.button:active { background: #101b27; }
.button.primary { background: linear-gradient(180deg, #ffcf6d 0%, #ff9c2a 52%, #d56d0c 100%); border-color: #ffd98c; color: #2a1500 !important; text-shadow: 0 1px 0 rgba(255, 235, 190, .5); }
.button.primary:hover { filter: brightness(1.08); color: #1a0d00 !important; }
.button.smallButton { font-size: 10.5px; line-height: 22px; height: 24px; padding: 0 8px; border-radius: 0; clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
.callToAction { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.callToAction span { font: 800 13px var(--font-hea); letter-spacing: 1.2px; text-transform: uppercase; color: #2a1500; padding: 8px 18px; border-radius: 0; background: linear-gradient(180deg, #ffcf6d 0%, #ff9c2a 52%, #d56d0c 100%);
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px); text-shadow: 0 1px 0 rgba(255, 235, 190, .5); }
.callToAction:hover span { background: linear-gradient(180deg, #ffdc8f 0%, #ffab45 52%, #e57a12 100%); }
.textCtrl { font: 500 15px var(--font); color: var(--white); background: #0b1420; border: 1px solid var(--line-hi); border-radius: 0; }
.textCtrl:focus { background: #060b12; border-color: var(--amber); }
textarea.textCtrl { font-family: var(--font); }
select.textCtrl option { background: #0b1420; color: var(--white); }
.xenForm .ctrlUnit .hint { color: var(--txt-dim); font-size: 12.5px; }
.submitUnit { background: rgba(14, 24, 38, .7); }
.editor { border: 1px solid var(--line-hi); border-radius: 0; background: #0b1420; }
.editor .toolbar { background: linear-gradient(180deg, #1c2f44, #111d2b); border-bottom: 1px solid var(--line); }
.editor .toolbar button { color: var(--txt); border-radius: 0; font-family: var(--font); font-weight: 700; }
.editor .toolbar button:hover { border-color: var(--amber); background: #16222f; color: #fff; }
.editor .toolbar .sep { background: var(--line-hi); }
.editor .toolbar select { background: #0b1420; color: var(--txt); border-color: var(--line-hi); border-radius: 0; }
.editor textarea, .editor textarea:focus { background: #0b1420; color: var(--white); }

/* ---- forum index ---- */
.nodeList .node.level_1 { margin-bottom: 18px; border: 1px solid var(--line); background: rgba(7, 12, 20, .5); }
.nodeList .categoryStrip { min-height: 42px; padding: 4px 12px; border-radius: 0; position: relative;
  background: linear-gradient(90deg, rgba(34, 58, 86, .92) 0%, rgba(14, 24, 38, .92) 62%, rgba(10, 16, 26, .92) 100%); border-bottom: 1px solid #02050a; box-shadow: inset 0 1px 0 rgba(150, 210, 255, .1); }
.nodeList .categoryStrip::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; background: var(--amber); box-shadow: 0 0 8px rgba(255, 178, 62, .8); }
.catImage { margin: 1px 0 0 6px; }
.nodeList .categoryStrip .nodeTitle { font: 700 15px var(--font-hea); letter-spacing: 1.6px; text-transform: uppercase; padding: 9px 0 0 52px; color: #eaf4ff; }
.nodeList .categoryStrip .nodeTitle a { color: #eaf4ff !important; }
.nodeInfo { background: rgba(9, 15, 25, .72); border-bottom: 1px solid var(--line); transition: background .12s; }
.nodeInfo:hover { background: rgba(20, 34, 52, .78); }
.nodeList .node.level_2:last-child > .nodeInfo { border-bottom: 0; }
/* a board's mark: a small planet with its satellite; lit when there is something new */
.nodeIcon { width: 34px; height: 34px; margin: 12px 0 10px 12px; background: none !important; border: 1px solid var(--line-hi); border-radius: 50%; position: relative; opacity: .7; }
.nodeIcon::before { content: ''; position: absolute; inset: 9px; border-radius: 50%; background: #2c4660; }
.nodeIcon::after { content: ''; position: absolute; right: 1px; top: 3px; width: 5px; height: 5px; border-radius: 50%; background: #4a6a8a; }
.unread .nodeIcon { opacity: 1; border-color: var(--amber); box-shadow: 0 0 10px rgba(255, 178, 62, .35); }
.unread .nodeIcon::before { background: radial-gradient(circle at 35% 35%, #8fe6ff, var(--cyan) 60%, #1887b0); box-shadow: 0 0 8px rgba(67, 211, 255, .7); }
.unread .nodeIcon::after { background: var(--amber); box-shadow: 0 0 6px rgba(255, 178, 62, .9); }
.nodeText .nodeTitle { font: 700 16.5px var(--font); letter-spacing: .3px; }
.nodeText .nodeTitle a { color: var(--white); }
.nodeText .nodeTitle a:hover { color: var(--amber); text-decoration: none; }
.nodeDescription { font-size: 13px; color: var(--txt-dim); }
.nodeStats { font-size: 12.5px; color: var(--txt); }
.pairsInline dt, .pairsJustified dt, .extraUserInfo dt { color: var(--txt-dim); }
.subForumList .nodeTitle { font-size: 13.5px; background: none; padding-left: 14px; position: relative; }
.subForumList .nodeTitle::before { content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: var(--amber); transform: rotate(45deg); }
.nodeLastPost { font-size: 12.5px; line-height: 16px; height: 38px; border-left: 1px solid var(--line); }
.nodeLastPost .lastThreadTitle { color: var(--white); font-weight: 600; }
.nodeLastPost .noMessages { color: var(--txt-dim); }
.tinyIcon { display: none; }

/* ---- sidebar ---- */
.sidebar { font-size: 13px; }
.sidebar .secondaryContent { background: linear-gradient(180deg, rgba(14, 24, 39, .9), rgba(7, 12, 20, .92)); border: 1px solid var(--line); border-radius: 0; }
.sidebar h3 { font: 700 12px var(--font-hea) !important; letter-spacing: 1.4px; text-transform: uppercase; color: #eaf4ff !important; border-bottom: 1px solid var(--line); padding: 0 0 6px 10px; margin-bottom: 8px; position: relative; }
.sidebar h3::before { content: ''; position: absolute; left: 0; top: 1px; width: 3px; height: 11px; background: var(--amber); box-shadow: 0 0 8px rgba(255, 178, 62, .8); }
.sidebar h3 a { color: #eaf4ff !important; }
.sidebar .username, .sidebar .pairsJustified dd { color: var(--cyan) !important; }
.sidebar .pairsJustified dt { color: var(--txt); }
.visitorPanel .avatar img, .newPosts .avatar img, .sidebarList .avatar img, .discussionListItem .posterAvatar img, .memberList img.av, .profilePost img.av, .alertList img.av, .searchResults img.av { border-color: var(--line-hi); border-radius: 0; }
.visitorPanel h2 { font: 700 16px var(--font); }
.newPosts .muted, .newPosts .forumLink { font-size: 12px; }
.userList .footnote { color: var(--txt-dim); }
.eventList li { background: none; position: relative; }
.eventList li::before { content: ''; position: absolute; left: 2px; top: 10px; width: 5px; height: 5px; background: var(--amber); transform: rotate(45deg); }

/* ---- thread list ---- */
.discussionList { border: 1px solid var(--line); }
.discussionListItem { background: rgba(9, 15, 25, .72); border-bottom: 1px solid var(--line); transition: background .12s; }
.discussionListItem:hover { background: rgba(20, 34, 52, .78); }
.discussionListItem.sticky { background: linear-gradient(90deg, rgba(255, 178, 62, .09), rgba(9, 15, 25, .72) 55%); box-shadow: inset 2px 0 0 var(--amber); }
.discussionListItem .titleText { background: none; padding-bottom: 0; }
.discussionListItem .title { font: 700 16px var(--font); letter-spacing: .2px; }
.discussionListItem .title a { color: var(--white) !important; }
.discussionListItem .title a:hover { color: var(--amber) !important; text-decoration: none; }
.discussionListItem .secondRow, .discussionListItem .stats, .discussionListItem .lastPost { font-size: 12.5px; }
.discussionListItem .stats { background: rgba(4, 7, 13, .35); border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.discussionListItem .stats .minor, .discussionListItem .noticeRow { color: var(--txt-dim); }
.discussionListItem .lastPost .dateTime { color: var(--txt); }
.iconKey span { background: none; width: 9px; height: 9px; margin-top: 4px; transform: rotate(45deg); border: 1px solid var(--line-hi); }
.iconKey .sticky { background: var(--amber); border-color: #ffd98c; box-shadow: 0 0 6px rgba(255, 178, 62, .7); }
.iconKey .locked { background: #b8321f; border-color: #ff9a8a; }
.iconKey .watched { background: var(--cyan); border-color: #b5efff; }
.prefix { font: 700 10.5px/17px var(--font-hea); letter-spacing: .9px; text-transform: uppercase; border-radius: 0; padding: 0 7px; color: #06202c; background: var(--cyan); clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px); vertical-align: 2px; }
.prefix.p-Duyuru, .prefix.p-Ekip { background: var(--amber); color: #2a1500; }
.prefix.p-Etkinlik { background: #ff8a1f; color: #2a1000; }
.prefix.p-Blog, .prefix.p-Güncelleme { background: #7df06d; color: #0b2a08; }
.prefix.p-Bilgilendirme, .prefix.p-Sözlük, .prefix.p-Soru { background: #9cb6cf; color: #0b1826; }
.prefix.p-Tartışma, .prefix.p-Sohbet, .prefix.p-Forum, .prefix.p-Geri { background: #c59bf5; color: #1d0b33; }
.pageNavLinkGroup { font-size: 13px; }
.PageNav a { font: 700 12px/22px var(--font-hea); min-width: 24px; color: var(--txt) !important; background: #0b1420; border: 1px solid var(--line-hi); border-radius: 0; }
.PageNav a:hover { background: #16222f; border-color: var(--amber); color: #fff !important; }
.PageNav a.currentPage { color: #2a1500 !important; background: var(--amber); border-color: #ffd98c; }

/* ---- messages ---- */
.message { border-bottom: 1px solid var(--line); padding: 12px 0; }
.messageUserInfo { width: 150px; }
.messageUserBlock { background: linear-gradient(180deg, rgba(20, 34, 52, .9), rgba(9, 15, 25, .9)); border: 1px solid var(--line); border-radius: 0; }
.messageUserBlock .avatarHolder img.av { border-color: var(--line-hi); border-radius: 0; }
.messageUserBlock .username { font: 700 15px var(--font); color: var(--white); }
.messageUserBlock .userTitle { font-size: 12.5px; color: var(--txt-dim); }
.messageUserBlock .arrow { border-left-color: var(--line); }
.messageUserBlock .arrow span { border-left-color: #0f1a29; }
.userBanner { font: 700 10px/17px var(--font-hea); letter-spacing: 1px; text-transform: uppercase; margin: 6px -7px 0; padding: 1px 6px; border-radius: 0; box-shadow: none; }
.userBanner.bannerStaff { color: #2a1500; background: linear-gradient(180deg, #ffcf6d 0%, #ff9c2a 60%, #e07d16 100%); border: 1px solid #ffd98c; text-shadow: 0 1px 0 rgba(255, 235, 190, .5); }
.userBanner.bannerClan { color: var(--cyan); background: rgba(67, 211, 255, .08); border: 1px solid rgba(67, 211, 255, .45); font-weight: 700; }
.extraUserInfo { font-size: 12.5px; border-top-color: var(--line); }
.messageInfo { background: rgba(9, 15, 25, .78); border: 1px solid var(--line); border-radius: 0; padding: 14px 18px; margin-left: 18px; }
.messageText { font-size: 16px; line-height: 1.55; color: #d3dfeb; letter-spacing: .1px; }
.messageText a { text-decoration: underline; text-decoration-color: rgba(67, 211, 255, .4); text-underline-offset: 2px; }
.messageText img { vertical-align: middle; margin: 4px 6px 4px 0; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .6)); }
.messageText h4.bbH { font: 700 18px/1.25 var(--font-hea); letter-spacing: .8px; color: var(--amber); margin: 20px 0 8px; padding: 0 0 6px 12px; border-bottom: 1px solid var(--line); position: relative; }
.messageText h4.bbH::before { content: ''; position: absolute; left: 0; top: 3px; width: 3px; height: 15px; background: var(--amber); box-shadow: 0 0 8px rgba(255, 178, 62, .8); }
.messageText > h4.bbH:first-child { margin-top: 2px; }
.messageText ul.bbList, .messageText ol.bbList { margin: 8px 0 10px 24px; }
.messageText ul.bbList { list-style: none; }
.messageText ul.bbList > li { position: relative; padding-left: 4px; margin: 4px 0; }
.messageText ul.bbList > li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 5px; height: 5px; background: var(--amber); transform: rotate(45deg); }
.messageText ol.bbList > li { margin: 5px 0; padding-left: 4px; }
.messageText ol.bbList > li::marker { color: var(--amber); font: 700 14px var(--font-hea); }
.messageText .bbCodeQuote { border-left: 3px solid var(--cyan); background: rgba(20, 44, 66, .45); border-radius: 0; margin: 10px 0; }
.messageText .bbCodeQuote .attribution { background: rgba(20, 44, 66, .8); color: var(--cyan); font: 700 11px var(--font-hea); letter-spacing: 1px; text-transform: uppercase; }
.messageText .bbCodeQuote .quote { font-size: 15px; padding: 10px 14px; }
.messageText .bbCodeCode { background: #060b12; border-color: var(--line); border-radius: 0; }
.messageText .bbCodeSpoiler .spoilerBody { border-color: var(--line-hi); border-radius: 0; }
.bbHr { border: 0; height: 1px; margin: 16px 0; background: linear-gradient(90deg, var(--amber), rgba(255, 178, 62, 0) 70%); }
/* the tables of the guides: [table] */
.bbTableWrap { margin: 10px 0 14px; overflow-x: auto; border: 1px solid var(--line); background: rgba(4, 7, 13, .45); -webkit-overflow-scrolling: touch; }
.bbTable { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.35; }
.bbTable th { font: 700 11px var(--font-hea); letter-spacing: 1.1px; text-transform: uppercase; text-align: left; color: #dbe9f6; white-space: nowrap; padding: 8px 10px; background: linear-gradient(90deg, #223a56, #121e2e); border-bottom: 1px solid var(--amber); }
.bbTable td { padding: 6px 10px; border-bottom: 1px solid rgba(31, 51, 71, .7); vertical-align: top; }
.bbTable tr:last-child td { border-bottom: 0; }
.bbTable tbody tr:nth-child(even) td { background: rgba(20, 34, 52, .35); }
.bbTable tbody tr:hover td { background: rgba(255, 178, 62, .07); }
.bbTable td:first-child { white-space: nowrap; }
.editDate { font-size: 12.5px; color: var(--txt-dim); }
.signature { border-top: 1px dashed var(--line); font-size: 13px; color: var(--txt-dim); }
.messageMeta { font-size: 12.5px; border-top: 1px solid var(--line); color: var(--txt-dim); }
.messageMeta a.control { color: var(--cyan); }
.likesSummary { font-size: 12.5px; background: rgba(20, 44, 66, .45); border-radius: 0; border-left: 2px solid var(--cyan); }
.message.highlight .messageInfo { border-color: var(--amber); box-shadow: 0 0 10px rgba(255, 178, 62, .35); }
.lockedNotice { border-radius: 0; background: rgba(90, 20, 14, .45); border-color: #8a3a2a; font-size: 13.5px; }
.blockedNote { color: var(--txt-dim); }

/* ---- members, profile, alerts, search, calendar ---- */
.memberList li, .alertList li, .searchResults li, .calendar .eventRow { background: rgba(9, 15, 25, .72); border-bottom-color: var(--line); }
.memberList .extra, .searchResults .meta, .profilePost .meta { font-size: 12.5px; color: var(--txt-dim); }
.searchResults .snippet { font-size: 13.5px; color: var(--txt); }
.alertList li.new { background: rgba(255, 178, 62, .09); box-shadow: inset 2px 0 0 var(--amber); }
.profilePage .mast .avatarScaler img { border-color: var(--line-hi); border-radius: 0; }
.profilePage h1.username { font: 700 26px var(--font-hea); color: var(--white); }
.profilePage .userBlurb { color: var(--txt-dim); }
.profilePost { border-bottom-color: var(--line); }
.tabs { border-bottom-color: var(--line-hi); }
.tabs a { font: 700 11.5px var(--font-hea); letter-spacing: 1px; text-transform: uppercase; color: var(--txt) !important; background: #0b1420; border: 1px solid var(--line-hi); border-radius: 0; padding: 6px 14px; }
.tabs a.active { background: #16222f; border-color: var(--amber); border-bottom-color: #16222f; color: #fff !important; }
.calendar .day { background: #0b1420; border: 1px solid var(--line-hi); border-radius: 0; }
.calendar .day b { color: var(--amber); font-family: var(--font-hea); }
.calendar .eventRow h3 { color: var(--amber); font: 700 16px var(--font); }

/* ---- footer, overlay ---- */
.footer .pageContent { background: rgba(9, 15, 25, .93); border: 1px solid var(--line); border-top: 0; border-radius: 0; font-size: 13px; }
.footer a, .footer a:visited { color: var(--txt); padding: 7px 8px; }
.footer a:hover { color: var(--amber); text-decoration: none; }
.footerLegal .pageContent { font-size: 12.5px; padding: 10px 5px 22px; color: var(--txt-dim); }
.footerLegal .pageContent a { color: var(--txt); }
.footerLegal .copyright { color: var(--txt-dim); }
.xenOverlay { background: rgba(2, 4, 8, .72); }
.xenOverlay .box { background: #0a111c; border: 1px solid var(--line-hi); border-radius: 0; }
.xenOverlay h2 { font: 700 13px var(--font-hea); letter-spacing: 1.4px; text-transform: uppercase; background: linear-gradient(90deg, rgba(34, 58, 86, .9), rgba(14, 24, 38, .9)); border-bottom: 1px solid #02050a; }
.xenOverlay .foot { background: rgba(14, 24, 38, .7); }

@media (max-width: 800px) {
  #logoBlock .pageContent { height: 110px; }
  #logo .oo-emblem { width: 46px; height: 46px; }
  #logo .oo-logo { font-size: 36px; letter-spacing: 2px; }
  #logo .oo-sub { font-size: 10px; letter-spacing: 3px; margin-bottom: 4px; }
  .navTabs { font-size: 12px; letter-spacing: .8px; padding: 0 4px; }
}
@media (max-width: 610px) {
  body { font-size: 14.5px; }
  .pageWidth { padding: 0 6px; }
  #content .pageContent { padding: 10px 10px 14px; }
  .titleBar h1 { font-size: 19px; }
  .navTabs { font-size: 11px; letter-spacing: .4px; }
  .tabLinks a { font-size: 12.5px; }
  .nodeLastPost { border: 0; height: auto; }
  .nodeText .nodeTitle { font-size: 15.5px; }
  .discussionListItem .title { font-size: 15px; }
  .messageUserInfo { width: auto; }
  .messageInfo { margin: 6px 0 0; padding: 12px; }
  .messageText img[style] { max-width: 76px; height: auto; margin: 2px 4px 2px 0; }
  .userBanner { white-space: nowrap; }
  .messageText { font-size: 15.5px; }
  .messageText h4.bbH { font-size: 16.5px; }
  .messageUserBlock .userText { padding: 6px 8px; }
  .userBanner { display: inline-block; margin: 4px 0 0; }
  .bbTable { font-size: 13.5px; }
  .bbTable th { font-size: 10px; padding: 7px 8px; }
  .bbTable td { padding: 6px 8px; }
  .bbTable td:first-child { white-space: normal; }
}

#logo .oo-logo-img { height: 66px; width: auto; }
@media (max-width: 700px) { #logo .oo-logo-img { height: 38px; } }
/* social links in the footer */
.footerLegal .oo-social { margin: 2px auto 10px; }
.footerLegal .pageContent .oo-social a { margin: 0; padding: 0; color: #a9c6e2; }
.footerLegal .pageContent .oo-social a:hover { color: #fff; }