/* OldOrbit TR forum: colours and metrics of the 2016 board-tr XenForo style */
* { box-sizing: border-box; }
html { font-family: Verdana, Helvetica, Arial, sans-serif; background: #000 url('/forum/img/background.jpg') no-repeat center top; background-attachment: fixed; overflow-y: scroll; }
body { margin: 0; font: 13px/1.28 Verdana, Helvetica, Arial, sans-serif; color: #fffeff; word-wrap: break-word; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
h1, h2, h3, h4, dl, dt, dd, ol, ul, li, p, blockquote, form, fieldset { margin: 0; padding: 0; font-weight: normal; font-size: 100%; }
ol, ul { list-style: none; }
a:link, a:visited { color: #5accfe; text-decoration: none; }
a[href]:hover { text-decoration: underline; }
abbr[title] { text-decoration: none; border: 0; cursor: default; }
button { font-family: inherit; }
.hidden { display: none !important; }
.muted, a.muted { color: #5accfe; }
.dimmed { color: #9b9b9b; }
.faint, a.faint { color: #fffeff !important; }

.pageWidth { max-width: 1250px; margin: 0 auto; padding: 0 5px; }

/* ------------------------------------------------ login bar (drops down from the top like XenForo's) */
#loginBar { color: #fffeff; background: rgba(39, 76, 102, .9); border-bottom: 1px solid #6aa7c6; position: relative; z-index: 5; }
#loginBar .pageContent { position: relative; padding-top: 5px; min-height: 5px; }
#loginBar form { display: none; max-width: 520px; margin: 0 auto; padding: 10px 0 14px; line-height: 20px; }
#loginBar.open form { display: block; }
#loginBar .ctrlUnit { display: flex; gap: 10px; margin: 6px 0; align-items: flex-start; }
#loginBar .ctrlUnit > dt { width: 200px; text-align: right; padding-top: 4px; }
#loginBar .ctrlUnit > dd { flex: 1; }
#loginBar .textCtrl { width: 100%; color: #fffeff; background: #274c66; border: 1px solid #6aa7c6; border-radius: 4px; padding: 4px 6px; font: bold 16px Calibri, 'Trebuchet MS', Verdana, sans-serif; outline: 0; }
#loginBar .textCtrl:focus { background: #000; }
#loginBar label { cursor: pointer; }
#loginBar .lostPassword, #loginBar .rememberPassword { font-size: 11px; }
#loginBar .lostPassword a, #loginBar a.regLink { color: #fee449; }
#loginBar .err { color: #ff8b8b; font-size: 12px; min-height: 16px; }
#loginBarHandle { position: absolute; right: 0; bottom: -20px; margin-right: 20px; padding: 0 10px; font-size: 11px; line-height: 20px; color: #fffeff !important; background: rgba(39, 76, 102, .9); border-radius: 0 0 10px 10px; box-shadow: 0 2px 5px rgba(39, 76, 102, .9); cursor: pointer; }
#loginBarHandle:hover { text-decoration: none; color: #fee449 !important; }

/* ------------------------------------------------ header: centred logo, navigation tabs */
#logoBlock .pageContent { height: 221px; display: flex; align-items: center; justify-content: center; }
@font-face { font-family: 'EurostileTHea'; src: url('/fonts/EurostileTHea.ttf?v=2') format('truetype'); }
/* the site's OLDORBIT wordmark: orbit mark + Eurostile lettering */
#logo { display: flex; align-items: center; gap: 16px; text-decoration: none !important; }
#logo .oo-emblem { width: 84px; height: 84px; background: url('/icons/mark-128.png?v=2') center / contain no-repeat; filter: drop-shadow(0 0 14px rgba(98, 192, 255, .35)); }
#logo .oo-logo { font: italic 68px/1 'EurostileTHea', 'Trebuchet MS', sans-serif; letter-spacing: 2px;
  background: linear-gradient(180deg, #fff 0%, #d7e0e8 40%, #6f7f8f 52%, #e6edf3 70%, #8a99a8 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding: 0 .16em 0 .06em; margin: 0 -.16em 0 -.06em;
  filter: drop-shadow(0 3px 0 #06090d) drop-shadow(0 0 18px rgba(98, 192, 255, .3)); transition: filter .15s; }
#logo:hover .oo-logo { filter: brightness(1.12) drop-shadow(0 3px 0 #06090d) drop-shadow(0 0 20px rgba(110, 190, 255, .6)); }
#navigation .pageContent { position: relative; height: 72px; }
.navTabs { font-size: 16px; background: rgba(22, 36, 45, .8); padding: 0 25px; height: 37px; display: flex; justify-content: space-between; position: relative; }
.navTabs ul { display: flex; }
.navTab { position: static; white-space: nowrap; }
.navLink { display: block; height: 35px; line-height: 35px; padding: 0 15px; color: #fffeff !important; text-align: center; position: relative; cursor: pointer; }
.visitorTabs .navLink { padding: 0 10px; }
.navLink:hover { text-decoration: none !important; }
.navTab:not(.selected):hover { background-color: #274c66; }
.navTab.selected > .navLink { color: #5accfe !important; background: #274c66; margin-top: 1px; padding-top: 2px; border: 1px solid #274c66; border-bottom: none; border-radius: 3px 3px 0 0; height: 36px; }
.navTab .tabLinks { display: none; }
.navTab.selected .tabLinks { display: flex; position: absolute; left: 0; top: 37px; width: 100%; height: 35px; background: #274c66; padding-left: 8px; align-items: center; }
.tabLinks a { font-size: 14px; color: #fffeff !important; padding: 1px 10px; line-height: 29px; border: 1px solid transparent; border-radius: 2px; }
.tabLinks a:hover { text-decoration: none !important; border-color: #5accfe; padding: 1px 10px; }
.tabLinks .quickSearch { margin-left: auto; margin-right: 8px; display: flex; gap: 4px; }
.tabLinks .quickSearch input { width: 220px; font: 12px Calibri, 'Trebuchet MS', Verdana, sans-serif; padding: 4px 6px; border-radius: 3px; border: 1px solid #6aa7c6; background: #16242d; color: #fffeff; outline: 0; }
.navLink .itemCount { font-weight: bold; font-size: 9px; color: #fff; background: #e03030; padding: 0 2px; border-radius: 2px; position: absolute; right: 2px; top: -6px; line-height: 16px; min-width: 12px; text-align: center; }
.navLink .itemCount.Zero { display: none; }
.navTab.account .navLink { font-weight: bold; display: flex; align-items: center; gap: 6px; }
.navTab.account .navLink img { width: 22px; height: 22px; border-radius: 2px; border: 1px solid #2b3d48; }
.navTab.account { position: relative; }
.navPopup { display: none; position: absolute; right: 0; top: 36px; z-index: 20; width: 260px; background: #16242d; border: 1px solid #274c66; border-radius: 0 0 5px 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, .6); font-size: 12px; }
.navTab.open .navPopup { display: block; }
.navPopup .menuHeader { padding: 10px; display: flex; gap: 10px; border-bottom: 1px solid #274c66; background: rgba(39, 76, 102, .45); }
.navPopup .menuHeader img { width: 48px; height: 52px; border: 1px solid #2b3d48; border-radius: 2px; }
.navPopup .menuHeader h3 { font-size: 15px; font-weight: bold; }
.navPopup ul a { display: block; padding: 6px 12px; color: #fffeff !important; }
.navPopup ul a:hover { background: #274c66; text-decoration: none !important; }

/* ------------------------------------------------ content */
#content .pageContent { background: rgba(22, 36, 45, .8); padding: 10px 20px; overflow: hidden; }
.mainContainer { float: left; width: 100%; margin-right: -260px; }
.mainContent { margin-right: 260px; min-height: 300px; }
.noSidebar .mainContainer { float: none; margin-right: 0; }
.noSidebar .mainContent { margin-right: 0; }
.noSidebar .sidebar { display: none; }

.breadBoxTop, .breadBoxBottom { padding: 10px 0; overflow: hidden; clear: both; }
.breadcrumb { display: flex; align-items: center; height: 26px; overflow: hidden; border: 0; min-width: 0; }
.crumbs { display: flex; align-items: center; }
.boardTitle { display: none; }
.crust { display: flex; align-items: center; }
.crumb { display: block; height: 24px; line-height: 24px; color: #fffeff !important; background: #16242d; padding: 0 10px 0 18px; margin-bottom: -1px; border-bottom: 1px solid #5accfe; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crust:first-child .crumb { padding-left: 10px; border-radius: 5px 0 0 5px; }
.crust:last-child .crumb { font-weight: bold; }
.crust:hover .crumb { background: #274c66; text-decoration: none !important; }
.crust .arrow { width: 0; height: 0; border: 12px solid transparent; border-left: 8px solid #16242d; border-right: 0; margin-right: -8px; position: relative; z-index: 1; }
.crust:hover .arrow { border-left-color: #274c66; }
.jumpMenuTrigger { width: 24px; height: 24px; margin-right: 6px; background: #16242d url('/forum/img/xenforo-ui-sprite.png') no-repeat -32px -32px; border-radius: 5px; flex: none; display: none; }

.titleBar { margin-bottom: 10px; overflow: hidden; }
.titleBar h1 { font-size: 18pt; overflow: hidden; }
.titleBar h1 .prefix { font-size: 60%; vertical-align: middle; }
.titleBar p#pageDescription { font-size: 11px; color: #5accfe; margin-top: 2px; }
.titleBar .topCtrl { float: right; margin-left: 5px; }
.gotogame { float: left; margin: 20px 35px 10px 0; font-size: 15px; line-height: 1.5; }
.gotogame a { color: #fee449 !important; font-weight: bold; }

.sectionMain { background: rgba(22, 36, 45, .8); padding: 10px; margin: 10px auto; }
.primaryContent { background: rgba(22, 36, 45, .8); padding: 10px; border-bottom: 1px solid #1b2d38; }
.secondaryContent { background: rgba(22, 36, 45, .8); padding: 10px; border-bottom: 1px solid #274c66; }
.sectionFooter { overflow: hidden; font-size: 11px; color: #6aa7c6; background: #274c66; padding: 4px 10px; line-height: 16px; }
.sectionFooter a { color: #6aa7c6; }
.sectionHeader, .subHeading { font-size: 11px; color: #fffeff; background: #274c66; padding: 5px 10px; margin: 0; }
.textHeading { font-weight: bold; color: #fee449; font-size: 14px; padding-bottom: 2px; margin: 15px 0 8px; border-bottom: 1px solid #274c66; }

/* ------------------------------------------------ buttons & form controls */
.button { display: inline-block; font: 12px/23px Calibri, 'Trebuchet MS', Verdana, sans-serif; color: #000 !important; background: #dcdceb linear-gradient(#fff, #dcdceb); padding: 0 8px; height: 23px; border: 1px solid #c8c8d7; border-top-color: #eaeaf7; border-bottom-color: #b3b3bd; border-radius: 7px; cursor: pointer; text-align: center; white-space: nowrap; outline: none; }
.button:hover { background: #ffffc8; border-color: #ffffc8; border-top-color: #fff; border-bottom-color: #bebeaa; text-decoration: none !important; }
.button:active { background: #9999a3; }
.button.primary { font-weight: bold; background: #fffeff linear-gradient(#fff, #e3e3ef); }
.button.smallButton { font-size: 11px; line-height: 19px; height: 21px; padding: 0 4px; border-radius: 5px; }
.button[disabled] { opacity: .5; cursor: default; }
.callToAction { display: inline-block; padding: 2px; border: 1px solid #fffeff; border-radius: 6px; background: #fffeff; box-shadow: 0 2px 5px rgba(0, 0, 0, .4); line-height: 20px; cursor: pointer; }
.callToAction span { display: block; font: bold 12px Calibri, 'Trebuchet MS', Verdana, sans-serif; color: #fffeff; background: #6aa7c6 linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,0)); padding: 4px 14px; border-radius: 5px; }
.callToAction:hover { text-decoration: none !important; }
.callToAction:hover span { background: #16242d; }
.textCtrl { font: 13px Calibri, 'Trebuchet MS', Verdana, sans-serif; color: #274c66; background: #fffeff; padding: 4px 5px; border: 1px solid #6aa7c6; border-radius: 4px; outline: 0; }
.textCtrl:focus { background: #ffffef; border-color: #274c66; }
textarea.textCtrl { width: 100%; min-height: 150px; resize: vertical; line-height: 1.4; font-family: Verdana, Helvetica, Arial, sans-serif; }
.xenForm { max-width: 900px; margin: 10px auto; }
.xenForm .ctrlUnit { display: flex; gap: 10px; padding: 8px 10px; }
.xenForm .ctrlUnit > dt { width: 170px; text-align: right; padding-top: 5px; flex: none; }
.xenForm .ctrlUnit > dd { flex: 1; min-width: 0; }
.xenForm .ctrlUnit .hint { font-size: 11px; color: #6aa7c6; margin-top: 3px; }
.submitUnit { padding: 10px; text-align: center; background: rgba(39, 76, 102, .5); }
.errorPanel { background: #3a1010; border: 1px solid #a33; color: #ffd0d0; padding: 8px 10px; border-radius: 5px; margin: 10px 0; }
.infoPanel { background: rgba(39, 76, 102, .6); border: 1px solid #5accfe; padding: 8px 10px; border-radius: 5px; margin: 10px 0; }
.loading { padding: 40px; text-align: center; color: #6aa7c6; }

/* ------------------------------------------------ BBCode editor */
.editor { border: 1px solid #6aa7c6; border-radius: 4px; background: #fffeff; overflow: hidden; }
.editor .toolbar { display: flex; flex-wrap: wrap; gap: 2px; padding: 3px; background: linear-gradient(#e7eef3, #c8d6e0); border-bottom: 1px solid #a9bfcf; }
.editor .toolbar button { min-width: 26px; height: 24px; border: 1px solid transparent; background: transparent; color: #16242d; border-radius: 3px; cursor: pointer; font-size: 12px; padding: 0 5px; }
.editor .toolbar button:hover { border-color: #6aa7c6; background: #fff; }
.editor .toolbar .sep { width: 1px; background: #a9bfcf; margin: 2px 3px; }
.editor .toolbar select { height: 24px; font-size: 11px; border: 1px solid #a9bfcf; border-radius: 3px; }
.editor textarea { border: 0; border-radius: 0; min-height: 180px; display: block; }
.editor textarea:focus { background: #fffeff; }
.previewBox { margin-top: 8px; }

/* ------------------------------------------------ node list (forum index) */
.nodeList .node.level_1 { margin-bottom: 20px; }
.nodeList .node.level_1:last-child { margin-bottom: 0; }
.nodeList .categoryStrip { color: #fffeff; background: rgba(22, 36, 45, .8) url('/forum/img/category_titel_bg.png') no-repeat center; background-size: 100% 100%; padding: 5px 10px; border-radius: 2px; min-height: 48px; overflow: hidden; }
.catImage { float: left; width: 32px; height: 32px; margin: 4px 5px -2px 1px; }
.nodeList .categoryStrip .nodeTitle { font-size: 14pt; color: #fee449; padding-top: 8px; padding-left: 55px; }
.nodeList .categoryStrip .nodeTitle a { color: #fee449 !important; }
.nodeInfo { position: relative; overflow: hidden; background: rgba(22, 36, 45, .8); border-bottom: 1px solid #1b2d38; }
.nodeIcon { float: left; width: 36px; height: 36px; margin: 10px 0 10px 10px; background: url('/forum/img/node_read.png') no-repeat 0 0; }
.unread .nodeIcon { background-image: url('/forum/img/node_unread.png'); }
.nodeText { padding-left: 25px; margin: 10px 270px 10px 56px; }
.nodeText .nodeTitle { font-size: 12pt; }
.unread .nodeText .nodeTitle { font-weight: bold; }
.nodeDescription { font-size: 11px; color: #9fc4da; margin-top: 1px; }
.nodeStats { font-size: 11px; margin-top: 2px; overflow: hidden; }
.nodeStats dl { float: left; margin-right: 6px; }
.pairsInline dt, .pairsInline dd { display: inline; }
.pairsInline dt, .pairsJustified dt { color: #5accfe; }
.subForumList { overflow: hidden; margin: -5px 0 10px 56px; }
.subForumList li { float: left; width: 46%; margin: 2px 0 2px 2%; }
.subForumList .nodeTitle { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url('/forum/img/subforum_icon_dot.png') no-repeat left center; padding: 0 0 2px 15px; margin-left: 25px; }
.subForumList .unread .nodeTitle { font-weight: bold; }
.nodeLastPost { position: absolute; top: 0; right: 0; margin: 10px; padding: 3px 10px; width: 210px; height: 34px; font-size: 11px; line-height: 14px; white-space: nowrap; overflow: hidden; border-left: 1px solid #1b374b; }
.nodeLastPost .lastThreadTitle { display: block; overflow: hidden; text-overflow: ellipsis; }
.nodeLastPost .lastThreadMeta { display: block; }
.nodeLastPost .noMessages { line-height: 28px; color: #9b9b9b; }
.nodeControls { position: absolute; top: 0; right: 241px; margin: 20px 0; }
.tinyIcon { display: block; width: 14px; height: 14px; margin: 1px 4px; background: url('/forum/img/xenforo-ui-sprite.png') no-repeat -112px -16px; opacity: .25; overflow: hidden; text-indent: 9999px; }
.nodeInfo:hover .tinyIcon { opacity: 1; }

/* ------------------------------------------------ sidebar */
.sidebar { float: right; width: 250px; font-size: 11px; }
.sidebar .section { margin: 0 0 10px; }
.sidebar .secondaryContent { background: rgba(30, 53, 68, .8); border: 2px solid #2b3d48; border-radius: 2px; }
.sidebar h3 { color: #fffeff !important; font: bold 12px/14px Arial, sans-serif; border-bottom: 1px solid rgba(22, 36, 45, .8); padding-bottom: 4px; margin-bottom: 6px; }
.sidebar h3 a { color: #fffeff !important; }
.sidebar .username, .sidebar .pairsJustified dd { color: #5accfe !important; }
.pairsJustified { line-height: 1.5; }
.pairsJustified dl { overflow: hidden; }
.pairsJustified dt { float: left; margin-right: 5px; }
.pairsJustified dd { float: right; text-align: right; }
.sidebar .pairsJustified dt { color: #fffeff; }
.visitorPanel { overflow: hidden; }
.visitorPanel .avatar { float: left; margin-right: 6px; }
.visitorPanel .avatar img { width: 96px; height: 104px; border: 1px solid #2b3d48; border-radius: 2px; }
.visitorPanel h2 { font-weight: bold; font-size: 11pt; }
.visitorPanel .stats { margin-top: 4px; }
.userList { line-height: 1.6; }
.userList .listInline li { display: inline; }
.userList .footnote { margin-top: 5px; color: #fffeff; }
.newPosts li, .sidebarList li { overflow: hidden; margin: 6px 0; }
.newPosts .avatar, .sidebarList .avatar { float: left; margin-right: 6px; }
.newPosts .avatar img, .sidebarList .avatar img { width: 32px; height: 35px; border: 1px solid #2b3d48; border-radius: 2px; }
.newPosts .title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.newPosts .muted, .newPosts .forumLink { font-size: 10px; }
.eventList li { padding: 3px 0 3px 14px; background: url('/forum/img/subforum_icon_dot.png') no-repeat left center; }
.eventList .live { color: #7df06d; font-weight: bold; }

/* ------------------------------------------------ thread list */
.discussionList { padding: 0; }
.sectionHeaders { display: flex; font-size: 11px; background: #274c66; }
.sectionHeaders > * { padding: 4px 10px; color: #fffeff; }
.sectionHeaders .posterAvatar { width: 60px; }
.sectionHeaders .main { flex: 1; }
.sectionHeaders .stats { width: 130px; text-align: center; }
.sectionHeaders .lastPost { width: 180px; text-align: right; }
.discussionListItem { display: flex; background: rgba(22, 36, 45, .8); border-bottom: 1px solid #1b2d38; min-height: 60px; }
.discussionListItem.sticky { background: rgba(39, 76, 102, .35); }
.discussionListItem .listBlock { padding: 8px 10px; }
.discussionListItem .posterAvatar { width: 60px; padding-right: 0; position: relative; }
.discussionListItem .posterAvatar img { width: 44px; height: 48px; border: 1px solid #2b3d48; border-radius: 2px; }
.discussionListItem .main { flex: 1; min-width: 0; }
.discussionListItem .titleText { background: url('/forum/img/category_titel_bg.png') no-repeat bottom; background-size: 100% 12px; padding-bottom: 4px; }
.discussionListItem .title { font-size: 13px; }
.discussionListItem .title a { color: #fee449 !important; }
.discussionListItem.unread .title a { font-weight: bold; }
.discussionListItem .secondRow { font-size: 11px; margin-top: 3px; }
.discussionListItem .iconKey { float: right; display: flex; gap: 3px; }
.iconKey span { display: block; width: 16px; height: 16px; background: url('/forum/img/xenforo-ui-sprite.png') no-repeat; overflow: hidden; text-indent: -999px; }
.iconKey .sticky { background-position: 0 -16px; }
.iconKey .locked { background-position: -16px -16px; }
.iconKey .watched { background-position: -144px -16px; }
.discussionListItem .stats { width: 130px; font-size: 11px; background: rgba(22, 36, 45, .8); display: flex; flex-direction: column; justify-content: center; }
.discussionListItem .stats .minor { color: #9fc4da; }
.discussionListItem .lastPost { width: 180px; text-align: right; font-size: 11px; display: flex; flex-direction: column; justify-content: center; }
.discussionListItem .lastPost .dateTime { color: #fffeff; }
.discussionListItem .noticeRow { font-size: 11px; color: #9b9b9b; }
.prefix { display: inline-block; font-size: 80%; line-height: 16px; padding: 0 6px; margin-right: 4px; border-radius: 3px; color: #16242d; background: #5accfe; font-weight: bold; vertical-align: 1px; }
.prefix.p-Duyuru { background: #fee449; }
.prefix.p-Güncelleme { background: #7df06d; }
.prefix.p-Etkinlik { background: #ff9b3d; }
.prefix.p-Soru { background: #9fc4da; }
.prefix.p-Çözüldü { background: #4ec04e; color: #fff; }
.prefix.p-Geri { background: #d58cf5; }
.subForums { margin-bottom: 12px; }
.pageNavLinkGroup { display: flex; justify-content: space-between; align-items: center; font-size: 11px; margin: 10px 0; gap: 10px; flex-wrap: wrap; }
.linkGroup { display: flex; gap: 10px; align-items: center; margin-left: auto; }
.PageNav { display: flex; gap: 3px; align-items: center; }
.PageNav .pageNavHeader { margin-right: 3px; }
.PageNav a { display: block; min-width: 21px; padding: 0 4px; line-height: 19px; text-align: center; color: #fffeff !important; background: #274c66; border: 1px solid #274c66; border-radius: 3px; cursor: pointer; }
.PageNav a:hover { background: rgba(22, 36, 45, .8); text-decoration: none !important; }
.PageNav a.currentPage { color: #16242d !important; background: #6aa7c6; border-color: #16242d; }

/* ------------------------------------------------ messages */
.threadInfo { font-size: 11px; color: #5accfe; margin-top: 2px; }
.messageList { margin-top: 5px; }
.message { display: flex; padding: 10px 0; border-bottom: 1px solid #274c66; }
.message:last-child { border-bottom: none; }
.messageUserInfo { width: 144px; flex: none; }
.messageUserBlock { position: relative; background: rgba(30, 53, 68, .8); border: 1px solid #2b3d48; border-radius: 4px; text-align: center; }
.messageUserBlock .avatarHolder { padding: 10px; position: relative; }
.messageUserBlock .avatarHolder img.av { width: 110px; height: 120px; border: 1px solid #2b3d48; border-radius: 2px; display: block; margin: 0 auto; }
.messageUserBlock .avatarHolder .company { position: absolute; left: 14px; bottom: 14px; width: 30px; height: auto; filter: drop-shadow(0 0 2px #000); }
.messageUserBlock .avatarHolder .rankIcon { position: absolute; right: 14px; bottom: 14px; filter: drop-shadow(0 0 2px #000); }
.messageUserBlock .userText { padding: 0 6px 6px; }
.messageUserBlock .username { font-weight: bold; font-size: 12px; display: block; word-break: break-word; }
.messageUserBlock .userTitle { display: block; font-size: 11px; font-style: normal; color: #9fc4da; margin-top: 2px; }
.userBanner { display: block; font-size: 11px; margin: 4px -7px 0; padding: 1px 5px; border-radius: 0 0 3px 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); font-style: normal; font-weight: bold; }
.userBanner.bannerStaff { color: #fff; background: #b8231e; border: 1px solid #e05a55; }
.userBanner.bannerClan { color: #fee449; background: #274c66; border: 1px solid #5accfe; font-weight: normal; }
.extraUserInfo { font-size: 11px; text-align: left; padding: 5px 8px; border-top: 1px solid #2b3d48; }
.extraUserInfo dl { overflow: hidden; }
.extraUserInfo dt { float: left; color: #5accfe; }
.extraUserInfo dd { float: right; }
.messageUserBlock .arrow { position: absolute; top: 20px; right: -10px; width: 0; height: 0; border: 10px solid transparent; border-right: none; border-left-color: #2b3d48; }
.messageUserBlock .arrow span { position: absolute; top: -9px; left: -10px; border: 9px solid transparent; border-right: none; border-left-color: #1e3544; }
.messageInfo { flex: 1; min-width: 0; margin-left: 16px; padding: 10px 12px; background: rgba(22, 36, 45, .8); border: 1px solid #1b2d38; border-radius: 4px; display: flex; flex-direction: column; }
.messageContent { flex: 1; }
.messageText { font-size: 11pt; line-height: 1.4; }
.messageText img { max-width: 100%; }
.messageText .bbCodeQuote { margin: 8px 0; border-left: 3px solid #5accfe; background: rgba(39, 76, 102, .4); border-radius: 0 4px 4px 0; }
.messageText .bbCodeQuote .attribution { font-size: 11px; font-weight: bold; padding: 4px 8px; background: rgba(39, 76, 102, .7); color: #5accfe; }
.messageText .bbCodeQuote .quote { padding: 6px 10px; font-size: 10pt; }
.messageText .bbCodeCode { margin: 8px 0; background: #0b141a; border: 1px solid #274c66; border-radius: 4px; padding: 8px; font: 12px Consolas, monospace; white-space: pre-wrap; color: #cfe7f5; }
.messageText .bbCodeSpoiler { margin: 8px 0; }
.messageText .bbCodeSpoiler .spoilerBody { display: none; margin-top: 4px; padding: 6px 10px; border: 1px dashed #5accfe; border-radius: 4px; }
.messageText .bbCodeSpoiler.open .spoilerBody { display: block; }
.messageText ul.bbList { list-style: disc; margin: 6px 0 6px 25px; }
.messageText ol.bbList { list-style: decimal; margin: 6px 0 6px 25px; }
.messageText h4.bbH { font-size: 14pt; color: #fee449; margin: 6px 0; }
.editDate { font-size: 11px; color: #9b9b9b; margin-top: 10px; font-style: italic; }
.signature { margin-top: 12px; padding-top: 6px; border-top: 1px dashed #274c66; font-size: 11px; color: #9fc4da; }
.messageMeta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; font-size: 11px; margin-top: 12px; padding-top: 6px; border-top: 1px solid #1b374b; }
.messageMeta .item { margin-right: 8px; }
.messageMeta a.control { color: #5accfe; cursor: pointer; }
.messageMeta .publicControls .item { margin: 0 0 0 10px; }
.likesSummary { font-size: 11px; margin-top: 6px; padding: 4px 8px; background: rgba(39, 76, 102, .45); border-radius: 3px; }
.likesSummary .LikeText::before { content: '👍 '; }
.message.deleted { opacity: .5; }
.message.highlight .messageInfo { border-color: #fee449; box-shadow: 0 0 8px rgba(254, 228, 73, .35); }
.quickReply { margin-top: 10px; }
.quickReply .submitUnit { text-align: left; background: none; padding: 8px 0 0; display: flex; gap: 8px; align-items: center; }
.threadTools { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.threadTools select { font-size: 11px; }
.lockedNotice { padding: 8px 10px; background: rgba(90, 30, 30, .6); border: 1px solid #7a3a3a; border-radius: 4px; margin: 10px 0; font-size: 12px; }

/* ------------------------------------------------ members, profile, alerts, search */
.memberGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.memberList li { display: flex; gap: 8px; align-items: center; padding: 6px 8px; border-bottom: 1px solid #1b2d38; background: rgba(22, 36, 45, .6); }
.memberList img.av { width: 32px; height: 35px; border: 1px solid #2b3d48; border-radius: 2px; }
.memberList .username { font-weight: bold; }
.memberList .extra { margin-left: auto; font-size: 11px; color: #9fc4da; text-align: right; }
.profilePage { display: flex; gap: 16px; }
.profilePage .mast { width: 220px; flex: none; }
.profilePage .mast .avatarScaler img { width: 192px; height: 210px; border: 1px solid #2b3d48; border-radius: 3px; display: block; margin: 0 auto; }
.profilePage .mast .section { margin-top: 10px; }
.profilePage .mainProfileColumn { flex: 1; min-width: 0; }
.profilePage h1.username { font-size: 20pt; font-weight: bold; }
.profilePage .userBlurb { color: #9fc4da; margin: 4px 0 10px; }
.tabs { display: flex; gap: 0; border-bottom: 1px solid #274c66; margin: 10px 0; }
.tabs a { padding: 4px 12px; color: #fffeff !important; background: #274c66; border: 1px solid #274c66; margin-right: -1px; margin-bottom: -1px; border-radius: 5px 5px 0 0; cursor: pointer; font-size: 12px; }
.tabs a.active { background: rgba(22, 36, 45, .95); border-bottom-color: rgba(22, 36, 45, .95); }
.tabs a:hover { text-decoration: none !important; }
.profilePost { display: flex; gap: 8px; padding: 8px; border-bottom: 1px solid #1b2d38; }
.profilePost img.av { width: 44px; height: 48px; border: 1px solid #2b3d48; border-radius: 2px; }
.profilePost .body { flex: 1; min-width: 0; }
.profilePost .meta { font-size: 11px; margin-top: 4px; color: #9b9b9b; }
.alertList li, .searchResults li { display: flex; gap: 8px; padding: 8px; border-bottom: 1px solid #1b2d38; background: rgba(22, 36, 45, .6); }
.alertList img.av, .searchResults img.av { width: 32px; height: 35px; border: 1px solid #2b3d48; border-radius: 2px; }
.alertList li.new { background: rgba(39, 76, 102, .55); }
.searchResults .snippet { font-size: 11px; color: #cfdde6; margin-top: 3px; }
.searchResults .meta { font-size: 11px; color: #9b9b9b; margin-top: 3px; }
.calendar .eventRow { display: flex; gap: 12px; padding: 10px; border-bottom: 1px solid #1b2d38; background: rgba(22, 36, 45, .6); align-items: center; }
.calendar .day { width: 60px; text-align: center; background: #274c66; border-radius: 4px; padding: 4px; flex: none; }
.calendar .day b { display: block; font-size: 18px; color: #fee449; }
.calendar .eventRow h3 { font-weight: bold; color: #fee449; }

/* ------------------------------------------------ footer */
.footer .pageContent { display: flex; justify-content: space-between; font-size: 11px; background: #16242d; border-radius: 0 0 5px 5px; overflow: hidden; }
.footer a, .footer a:visited { color: #fffeff; padding: 5px; display: block; }
.footer a:hover { color: #5accfe; }
.footer .choosers { display: flex; padding-left: 5px; }
.footer .choosers dt { display: none; }
.footerLinks { display: flex; padding-right: 5px; }
.footerLinks a.topLink { padding: 5px 8px; }
.footerLegal .pageContent { font-size: 11px; padding: 5px 5px 15px; text-align: center; }
.footerLegal .pageContent a { color: #fffeff; margin: 0 4px; }
.footerLegal .copyright { color: #9fc4da; margin-top: 4px; }

/* ------------------------------------------------ overlay */
.xenOverlay { position: fixed; inset: 0; z-index: 50; background: rgba(0, 0, 0, .6); display: flex; align-items: center; justify-content: center; padding: 16px; }
.xenOverlay .box { width: 100%; max-width: 480px; background: #16242d; border: 1px solid #5accfe; border-radius: 6px; box-shadow: 0 0 25px rgba(0, 0, 0, .8); overflow: hidden; }
.xenOverlay h2 { background: #274c66; padding: 8px 12px; font-size: 15px; font-weight: bold; }
.xenOverlay .body { padding: 12px; }
.xenOverlay .foot { padding: 8px 12px; text-align: right; background: rgba(39, 76, 102, .45); display: flex; gap: 6px; justify-content: flex-end; }

@media (max-width: 800px) {
  .mainContainer { float: none; margin-right: 0; }
  .mainContent { margin-right: 0; }
  .sidebar { float: none; width: auto; margin-top: 15px; }
  .navTabs { padding: 0 5px; font-size: 14px; }
  .navLink { padding: 0 8px; }
  .tabLinks .quickSearch input { width: 120px; }
  #logoBlock .pageContent { height: 150px; }
  #logo .oo-emblem { width: 52px; height: 52px; }
  #logo .oo-logo { font-size: 40px; }
}
@media (max-width: 610px) {
  #content .pageContent { padding: 10px 8px; }
  .nodeText { margin-right: 0; }
  .nodeLastPost { position: static; width: auto; height: auto; border: none; padding: 0; margin: -8px 0 10px 56px; }
  .nodeLastPost .lastThreadTitle { display: none; }
  .nodeControls, .subForumList, .nodeDescription { display: none; }
  .discussionListItem .stats, .sectionHeaders .stats { display: none; }
  .discussionListItem .lastPost, .sectionHeaders .lastPost { width: 110px; }
  .message { flex-direction: column; }
  .messageUserInfo { width: auto; }
  .messageUserBlock { display: flex; align-items: center; text-align: left; }
  .messageUserBlock .avatarHolder img.av { width: 44px; height: 48px; }
  .messageUserBlock .avatarHolder .company, .messageUserBlock .avatarHolder .rankIcon, .messageUserBlock .arrow, .extraUserInfo { display: none; }
  .messageInfo { margin: 6px 0 0; }
  .memberGrid { grid-template-columns: 1fr; }
  .profilePage { flex-direction: column; }
  .profilePage .mast { width: auto; }
  .xenForm .ctrlUnit { flex-direction: column; gap: 4px; }
  .xenForm .ctrlUnit > dt { width: auto; text-align: left; }
  #loginBar .ctrlUnit { flex-direction: column; gap: 2px; }
  #loginBar .ctrlUnit > dt { width: auto; text-align: left; }
  .visitorTabs .navLink.inbox, .visitorTabs .navLink.alerts span.lbl, #nav-login .long, #mark-read, .tabLinks .quickSearch .button { display: none; }
  .visitorTabs .navLink.alerts .lbl-short::before { content: '🔔'; }
  #navigation .pageContent { overflow: hidden; }
  .navTabs { padding: 0; font-size: 13px; }
  .navLink, .visitorTabs .navLink { padding: 0 7px; }
  .navTab.account .navLink .accountUsername { display: none; }
  .tabLinks a { font-size: 12px; padding: 1px 6px; }
  .tabLinks .quickSearch input { width: 90px; }
  .crumb { max-width: 110px; padding: 0 6px 0 14px; font-size: 12px; }
  .breadcrumb, .crumbs { max-width: 100%; }
  #loginBarHandle { display: none; }
}