/* Reforger Base BETA 1 – all styles scoped to the registered WoltLab page. */
body.pageReforgerBase { background: #0d1415; overflow-x: hidden; }
body.pageReforgerBase .pageHeaderContainer, body.pageReforgerBase .pageNavigation, body.pageReforgerBase .contentHeader { display: none !important; }
body.pageReforgerBase .pageFooter { display: none !important; }
body.pageReforgerBase .main, body.pageReforgerBase .content, body.pageReforgerBase .contentContainer { padding-top: 0 !important; padding-bottom: 0 !important; background: transparent; }
body.pageReforgerBase .content { max-width: none !important; }
.rbHub, .rbHub * { box-sizing: border-box; }
.rbHub { --rb-amber:#e9af50; --rb-bg:#101718; --rb-line:#354042; color: #edf0ec; font: 400 16px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif; width:100vw; position:relative; left:50%; margin-left:-50vw; background:#101718; min-height:100vh; }
.rbHub a { color: inherit; text-decoration:none; }
.rbHub a:hover { color:var(--rb-amber); }
.rbWrap { width:min(1440px, calc(100% - 72px)); margin:0 auto; }
.rbBar { background:rgba(9,13,14,.97); border-bottom:1px solid #3a4140; position:relative; z-index:10; }
.rbBarInner { min-height:71px; display:flex; align-items:center; gap:26px; }
.rbBrand { display:flex; gap:12px; align-items:center; font-size:19px; font-weight:1000; letter-spacing:.03em; color:#fff !important; white-space:nowrap; line-height:1; }
.rbBrand b,.rbHero h1 em { color:var(--rb-amber); font-style:normal; }
.rbBrand small { display:block; font-size:9px; font-weight:600; letter-spacing:.22em; color:#96a2a3; padding-top:6px; }
.rbEmblem { display:grid;place-items:center; font-size:17px; color:#141d1e; background:var(--rb-amber); width:41px;height:36px;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%); }
.rbDesktopNav { display:flex;gap:24px;align-items:center;margin-left:auto; }
.rbDesktopNav a { font-size:12px; letter-spacing:.055em; font-weight:900; color:#d9dfdc; }
.rbDesktopNav a[aria-current],.rbDesktopNav a:hover { color:var(--rb-amber); }
.rbAccount { margin-left:auto; display:flex;align-items:center;gap:15px; white-space:nowrap; }
.rbUsername,.rbLogin { font-size:12px; font-weight:700; color:#cfd6d2 !important; }
.rbJoin { font-size:11px; font-weight:900; background:#2d2619;border:1px solid #8e6b35; padding:12px 14px; color:var(--rb-amber) !important; }
.rbMobileMenu { display:none; position:relative; }
.rbHero { height: min(530px, 57vw); min-height:390px; position:relative; overflow:hidden; background:linear-gradient(115deg,#101919,#33433b); }
.rbHeroMedia { position:absolute; inset:0; width:100%;height:100%; object-fit:cover; object-position:center 53%; }
.rbHeroShade { position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,10,.88) 2%,rgba(5,9,10,.59) 34%,rgba(5,9,10,.12) 80%),linear-gradient(0deg,rgba(6,10,10,.48),transparent 55%); }
.rbHeroContent { position:relative;z-index:1;height:100%;display:flex; flex-direction:column;align-items:flex-start;justify-content:center; }
.rbEyebrow { color:var(--rb-amber); font-size:11px;letter-spacing:.19em;font-weight:900; }
.rbHero h1 { font-family:Impact,'Arial Narrow',Arial,sans-serif; letter-spacing:.022em; font-weight:900; font-size:clamp(52px,6.5vw,106px);line-height:1; margin:13px 0; color:#f9faf7; text-shadow:0 2px 15px #161e20; }
.rbHero p { max-width:640px; font-size:clamp(15px,1.5vw,19px); color:#dee5e1;line-height:1.65; }
.rbActions {display:flex;flex-wrap:wrap;gap:12px;margin-top:23px;}
.rbButton {display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:11px 23px;font-weight:900;font-size:12px;letter-spacing:.035em;}
.rbButtonGold { background:var(--rb-amber);color:#171b18 !important; border:1px solid var(--rb-amber); }
.rbButtonGold:hover {background:#f7cc7d; color:#171b18 !important;}
.rbButtonOutline {background:rgba(13,21,23,.65);border:1px solid #b1bbb8;color:#fff !important;}
.rbButtonOutline:hover {border-color:var(--rb-amber);color:var(--rb-amber) !important;}
.rbGoldRule {background:var(--rb-amber);height:4px;box-shadow:0 0 18px #d69c48;position:relative;}
.rbGoldRule span{position:absolute;top:-14px;left:50%;color:#191c1c;background:var(--rb-amber);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:48px;height:30px;display:grid;place-items:center;}
.rbBody { padding:44px 0 65px;background:radial-gradient(circle at 10% 12%,rgba(53,84,74,.15),transparent 30%),repeating-radial-gradient(ellipse at 85% 50%,transparent 0px,transparent 21px,rgba(117,143,123,.045) 22px,transparent 23px),#111819; }
.rbWelcome { display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:center; margin-bottom:35px; }
.rbWelcome h2,.rbSectionLead h2 {font-size:clamp(22px,2.6vw,32px); line-height:1.15;font-weight:1000; margin:10px 0;color:#f6f7f5; }
.rbWelcome p {color:#bdc8c5; max-width:670px; margin:0; }
.rbFeatureQuick {display:grid;grid-template-columns:repeat(4,1fr); }
.rbFeatureQuick span {display:flex; flex-direction:column; align-items:center;justify-content:center;font-size:27px;color:#aabbb4;text-align:center; min-height:100px;border-left:1px solid #354043;}
.rbFeatureQuick b {font-size:11px;color:#f0f2ef; margin:8px 0 1px; }
.rbFeatureQuick small {font-size:11px;color:#adbab4;}
.rbGridCards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.rbCard { min-height:244px;position:relative;overflow:hidden;border:1px solid #364345; background:#344140;display:block; }
.rbCard img { width:100%;height:100%;position:absolute;inset:0;object-fit:cover; transition:transform .2s; }
.rbCard:hover img { transform:scale(1.035); }
.rbCardShade {position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,9,10,.98),rgba(4,9,10,.63) 40%,rgba(4,9,10,0) 85%);}
.rbCardCopy {position:absolute;bottom:16px;left:16px;right:16px;display:flex;flex-direction:column;gap:6px;color:#fff;}
.rbCardTag {font-size:11px;color:var(--rb-amber);font-weight:900;letter-spacing:.09em;}
.rbCardCopy strong {font-size:20px;line-height:1.15;font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.03em;}
.rbCardCopy small {font-size:12px;color:#ced7d2;line-height:1.4;padding-right:12px;}
.rbCardArrow {position:absolute;right:0;bottom:0;color:#fff;font-size:24px;}
.rbBottomGrid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;}
.rbPanel {border:1px solid #344143;background:rgba(8,14,15,.74);padding:22px;}
.rbPanelHead{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #334040;padding-bottom:13px;}
.rbPanelHead h3 {font-size:13px;font-weight:900;letter-spacing:.06em;color:#f0efeb;margin:0;}
.rbPanelHead a,.rbInlineLink {font-size:11px;font-weight:800;color:var(--rb-amber) !important;}
.rbPanel p {color:#b4c1bd;font-size:14px;line-height:1.7;}
.rbMuted {font-size:12px !important;}
.rbMuted a{color:var(--rb-amber);}
.rbFooter{background:#080e0f;border-top:1px solid #3d413b;padding:22px 0 30px;}
.rbFooterInner{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#a4aaa8;letter-spacing:.035em;}
.rbFooterInner a {color:#e7b561;}
.rbLegal {font-size:10px;color:#798381;margin-top:14px;line-height:1.6;}
.rbSubHero{padding:80px 0 72px;background:linear-gradient(105deg,rgba(8,15,16,.97),rgba(7,13,14,.7)),url('https://reforger.armaplatform.com/content/screenshots/version1.0/harbor-cranes.jpg') center / cover; border-bottom:4px solid var(--rb-amber);}
.rbSubHero h1{font:900 clamp(42px,5vw,65px)/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.025em;color:#fff;margin:13px 0;}
.rbSubHero p {color:#bac7c1;max-width:800px;}
.rbSubBody {min-height:420px;}
.rbSectionLead{padding:28px;max-width:880px;}
.rbSectionLead p {font-size:15px;max-width:720px;}
.rbSectionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:880px;margin-top:16px;}
.rbInfoCard {border:1px solid #354345;background:rgba(31,43,43,.65);padding:20px;display:flex;flex-direction:column;gap:8px;}
.rbInfoCard strong {font-size:15px;font-weight:900;}
.rbInfoCard small {color:#b2bfba;font-size:13px;}
@media(max-width:1240px){.rbDesktopNav{gap:13px}.rbDesktopNav a{font-size:11px}.rbAccount{gap:8px}.rbJoin{font-size:10px}.rbWelcome{grid-template-columns:1fr;gap:25px}.rbWrap{width:min(1440px,calc(100% - 45px))}}
@media(max-width:930px){.rbDesktopNav,.rbAccount{display:none}.rbMobileMenu{display:block;margin-left:auto}.rbMobileMenu summary{list-style:none;cursor:pointer;font-size:12px;font-weight:900;color:var(--rb-amber);padding:12px 0}.rbMobileMenu nav{position:absolute;z-index:30;right:0;top:45px;width:min(340px,85vw);background:#0e1718;border:1px solid #55605d;box-shadow:0 18px 45px #0009;padding:12px;display:flex;flex-direction:column}.rbMobileMenu nav a{padding:9px 12px;font-size:12px;font-weight:800;border-bottom:1px solid #253132}.rbGridCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rbWrap{width:calc(100% - 28px)}.rbBarInner{min-height:60px}.rbBrand{font-size:15px}.rbEmblem{width:33px;height:31px;font-size:14px}.rbBrand small{font-size:7px}.rbHero{min-height:445px;height:auto}.rbHeroContent{min-height:445px;padding:28px 0}.rbHero h1{font-size:51px}.rbHero p{font-size:15px}.rbFeatureQuick{grid-template-columns:repeat(2,1fr)}.rbFeatureQuick span{border:1px solid #263334;min-height:100px}.rbGridCards,.rbBottomGrid,.rbSectionGrid{grid-template-columns:1fr}.rbCard{min-height:230px}.rbWelcome h2{font-size:25px}.rbSubHero{padding:55px 0}.rbBody{padding:26px 0}.rbButton{padding:10px 14px}}

/* Reforger Base Discord invitation (Beta 2) */
.rbButtonDiscord { background:#202b32; border:1px solid #82959c; color:#f8faf7 !important; }
.rbButtonDiscord:hover { background:#364450; border-color:var(--rb-amber); color:var(--rb-amber) !important; }
.rbDiscordBanner { margin-top:22px; padding:24px 28px; background:linear-gradient(110deg,rgba(38,49,49,.92),rgba(16,23,24,.94)); border:1px solid #68735c; border-left:4px solid var(--rb-amber); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.rbDiscordBannerCopy { max-width:700px; }
.rbDiscordBanner h2 { color:#f4f4ef; margin:9px 0 5px; font-family:Impact,'Arial Narrow',Arial,sans-serif; font-size:clamp(21px,2.5vw,31px); letter-spacing:.025em; }
.rbDiscordBanner p { color:#bfcbc4; margin:0; font-size:14px; line-height:1.65; }
.rbDiscordBannerLink { flex-shrink:0; }
.rbMobileMenu .rbMobileDiscord { color:var(--rb-amber); }
@media(max-width:700px){.rbDiscordBanner{flex-direction:column;align-items:stretch;padding:20px 18px;}.rbDiscordBannerLink{width:100%;}}

/* Beta 3: native WoltLab forum topics, permission-scoped */
.rbRecentTopics{list-style:none;padding:0;margin:18px 0 20px;display:flex;flex-direction:column;gap:0;}
.rbRecentTopics li{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid #303c3a;padding:11px 0;min-width:0;}
.rbRecentTopics li:first-child{padding-top:0;}
.rbRecentTopics a{font-size:14px;font-weight:750;color:#f2f2ee;overflow-wrap:anywhere;}
.rbRecentTopics a:hover{color:var(--rb-amber);}
.rbRecentTopics small{font-size:11px;color:#a6b5ad;}
.rbRecentFull{margin-top:20px;max-width:880px;}
.rbForumEmpty{max-width:880px;font-size:13px;color:#bdc8c4;margin-top:16px;}