/* Revolution public homepage v4: compact horizontal bars. */
.rg-nav-stats{display:flex;margin-left:auto;height:100%;border-inline:1px solid #173f52}.rg-nav-stats>div{position:relative;display:flex;min-width:116px;padding:0 16px;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #173f52}.rg-nav-stats>div:last-child{border:0}.rg-nav-stats strong{color:#e9f9ff;font:700 17px Georgia}.rg-nav-stats small{margin-top:2px;color:#5c8799;font-size:7px;font-weight:900;letter-spacing:1px}.rg-nav-stats .online strong{color:#7cff95}.rg-nav-stats .online:before{content:"";position:absolute;left:12px;width:6px;height:6px;border-radius:50%;background:#63ff8a;box-shadow:0 0 9px #35ff62;animation:pulse 1.5s infinite}
.rg-nav-social{display:flex;gap:6px}.rg-nav-social :is(span,a){display:flex;align-items:center;justify-content:center;gap:7px;min-width:104px;height:36px;padding:0 11px;color:#8ad7ef;border:1px solid #28627c;background:#061a27;font-size:9px;font-weight:900;letter-spacing:1px;text-decoration:none}.rg-nav-social a{cursor:pointer}.rg-nav-social :is(span,a) i{display:grid;place-items:center;width:20px;height:20px;color:#e3f8ff;border:1px solid #32738e;font:bold 13px Arial;font-style:normal}.rg-nav-social .custom-social-discord{border-color:#52639b;color:#aebcff}.rg-nav-social .custom-social-discord i{border-color:#687bb9}
main{padding:42px 0 24px}.rg-beta-wrap{height:36px;display:flex;align-items:flex-end;padding-left:18px}.rg-beta{align-self:auto;display:inline-flex;align-items:center;gap:9px;padding:8px 13px;color:#ffe062;border:1px solid #b68b22;border-bottom:0;background:#2a1d05ed;font-size:11px;font-weight:900;letter-spacing:1.6px;box-shadow:0 -4px 16px #f7c72a12}.rg-beta i{width:8px;height:8px;border-radius:50%;background:#63ff8a;box-shadow:0 0 12px #35ff62;animation:pulse 1.5s infinite}
.rg-command{display:block;min-height:0;border-top:2px solid #d6aa29;background:linear-gradient(100deg,#04131ff2,#061b29e9 65%,#03101af4);overflow:hidden}.rg-entry{display:grid;grid-template-columns:1.12fr 1fr auto;align-items:center;gap:28px;padding:28px 34px 0}.rg-title{margin:0}.rg-title h1{font-size:clamp(39px,4vw,62px)}.rg-lead{margin:0;max-width:480px;font-size:13px}.rg-actions{margin:0;display:flex;gap:8px}.rg-actions button{white-space:nowrap}.rg-settings{grid-column:1/-1;width:auto;height:58px;margin:0 -34px;margin-top:2px;grid-template-columns:1.3fr repeat(3,1fr);border-top:1px solid #1d4e64;border-bottom:0;background:#020d15c7}.rg-settings>div{min-height:58px;height:58px;padding:4px 14px;display:grid;grid-template-rows:1fr 1fr;align-items:center}.rg-settings .rg-setting-pair{display:flex;flex-direction:column;justify-content:center}.rg-settings .rg-setting-pair small,.rg-settings .rg-setting-pair strong{line-height:1;margin-top:0}.rg-settings .rg-setting-pair .active{position:static}.rg-ranking,.rg-ranks{display:none!important}
.rg-flags{display:flex;min-height:50px;align-items:center;gap:13px;margin-top:9px;padding:7px 13px;border:1px solid #1b4d64;background:#03111be8}.rg-flags-label{display:flex;align-items:center;gap:7px;min-width:auto;color:#ffd245;font-size:17px}.rg-flags-label b{color:#75a8bc;font-size:8px;letter-spacing:1.5px}.rg-flags>div{display:flex;flex:1;align-items:center;justify-content:space-between;gap:4px;margin:0!important;flex-wrap:nowrap}.rg-flags a{display:grid;place-items:center;width:31px;height:27px;border:1px solid transparent;filter:saturate(.85);transition:.2s}.rg-flags a:hover,.rg-flags a.active{border-color:#52d8ff;background:#0b2b3b;filter:saturate(1.2);transform:translateY(-1px)}.rg-flags a span{font-size:19px}
footer{min-height:62px;margin-top:26px;padding:10px max(22px,calc((100vw - 1440px)/2));gap:22px}footer .rg-mark{width:30px;height:30px;font-size:19px}footer .rg-brand{font-size:10px}footer p{font-size:8px}footer nav{font-size:9px}.rg-social{display:none}
@media(max-width:1120px){.rg-nav-stats>div{min-width:96px}.rg-nav-social :is(span,a){min-width:82px;padding-inline:7px}.rg-entry{grid-template-columns:1fr 1fr}.rg-actions{grid-column:2}.rg-lead{grid-column:1;grid-row:2}.rg-settings{grid-row:3}.rg-flags>div{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:850px){.rg-nav-stats{margin-left:auto}.rg-nav-social :is(span,a){min-width:36px;width:36px;font-size:0;padding:0}.rg-top-language{margin-left:0}.rg-entry{grid-template-columns:1fr auto;gap:20px}.rg-title{grid-column:1}.rg-lead{grid-column:1/-1;grid-row:2}.rg-actions{grid-column:2;grid-row:1;flex-direction:column}.rg-settings{grid-column:1/-1;grid-row:3}.rg-flags>div{flex-wrap:wrap}footer{margin-top:20px}}
@media(max-width:620px){main{padding-top:23px}.rg-nav-stats>div{min-width:62px;padding-inline:5px}.rg-nav-stats strong{font-size:14px}.rg-nav-stats small{font-size:6px}.rg-nav-stats .online:before{left:4px}.rg-nav-social :is(span,a){min-width:68px;width:auto;padding-inline:5px;gap:4px;font-size:7px}.rg-entry{display:flex;flex-direction:column;align-items:stretch;padding:23px 18px 0;gap:17px}.rg-title{align-self:flex-start}.rg-lead{max-width:none}.rg-actions{flex-direction:column}.rg-settings{width:auto;margin:2px -18px 0;grid-template-columns:1fr 1fr}.rg-settings>div:nth-child(even){border-right:0}.rg-settings>div:nth-child(-n+4){border-bottom:1px solid #1d4e64}.rg-beta-wrap{padding-left:8px}.rg-flags{align-items:flex-start}.rg-flags>div{justify-content:flex-start}.rg-flags-label b{display:none}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-block:9px}footer p{display:none}}
@media(max-width:430px){.rg-brand>span:last-child{display:none}.rg-nav{gap:5px}.rg-nav-stats{margin-left:0}.rg-nav-social :is(span,a){min-width:56px;font-size:6px}.rg-nav-social :is(span,a) i{width:16px;height:16px}.rg-top-language{margin-left:auto}.rg-title .rg-mark{display:none!important}.rg-title h1{font-size:38px}.rg-beta{font-size:9px}.rg-flags a{width:29px}footer .rg-brand>span:last-child{display:flex}}

/* Requested footer position and graphical flag sprite. */
html{min-height:100%}body{display:flex;min-height:100vh;flex-direction:column}
.rg-flags .rg-flag{display:block;width:32px;height:18px;background-image:url('/img/flags/revolution-language-flags.svg');background-repeat:no-repeat;background-position:var(--flag-x) var(--flag-y);filter:drop-shadow(0 1px 1px #000)}
.rg-top-language .rg-flag{display:block;flex:0 0 32px;width:32px;height:18px;background-image:url('/img/flags/revolution-language-flags.svg');background-repeat:no-repeat;background-position:var(--flag-x) var(--flag-y);filter:drop-shadow(0 1px 1px #000)}
footer{margin-top:auto!important;margin-bottom:20mm}

/* Shared portal account and social navigation. */
.rg-nav{gap:18px}.rg-nav-stats{margin:0;margin-inline-start:auto}.rg-nav-account{display:flex;align-items:center;flex-shrink:0;gap:8px;margin:0}.rg-nav-account form{margin:0}.rg-nav-account button{height:36px;padding:0 13px}.rg-account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold);font-weight:700;font-size:13px}.rg-game-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 25px;font-size:10px;font-weight:900;letter-spacing:1.3px;white-space:nowrap}.rg-nav button:focus-visible,.rg-game-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1120px){.rg-nav{gap:10px}.rg-nav-social a{min-width:36px;width:36px;padding:0;font-size:0}.rg-nav-account{grid-column:auto;grid-row:auto;flex-direction:row}}
@media(max-width:620px){.rg-nav{height:auto;min-height:108px;flex-wrap:wrap;padding:10px 14px;gap:10px}.rg-nav .rg-brand{order:0}.rg-nav-account{order:1;margin-inline-start:auto}.rg-nav-stats{order:2;margin:0;height:38px;flex:1}.rg-nav-stats>div{flex:1;min-width:62px}.rg-nav-social{order:3}.rg-nav-social a{min-width:32px;width:32px;height:32px;font-size:0;padding:0}.rg-nav-account button{padding:0 10px;font-size:9px}.rg-account-name{max-width:140px}}

/* Account controls are separated from community links. */
.rg-nav-account{border-inline-start:1px solid #28627c;padding-inline-start:18px}.rg-account-menu{position:relative}.rg-account-gear{list-style:none;display:grid;place-items:center;width:38px;height:36px;cursor:pointer;color:var(--cyan);border:1px solid #337a97;background:#062130}.rg-account-gear::-webkit-details-marker{display:none}.rg-account-gear:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.rg-account-dropdown{position:absolute;inset-inline-end:0;top:44px;width:210px;padding:6px;border:1px solid #337a97;background:#061622;box-shadow:0 8px 24px #0009;z-index:60}.rg-account-dropdown button{display:block;width:100%;text-align:start;border:0;background:transparent;letter-spacing:0;font-size:12px}.rg-account-dropdown button:hover,.rg-account-dropdown button:focus-visible{background:#12394b;color:#fff}.rg-account-dropdown form:last-child{border-top:1px solid #28627c;margin-top:4px;padding-top:4px}
@media(max-width:620px){.rg-nav-account{padding-inline-start:10px}.rg-nav-account{order:3;margin-inline-start:auto}.rg-nav-social{order:2}.rg-nav-stats{order:1}.rg-nav .rg-brand{order:0}}

.rg-saved-accounts{display:flex;flex-direction:column;gap:9px;margin:20px 0}.rg-saved-account{display:flex;gap:8px;align-items:stretch}.rg-saved-account form{margin:0}.rg-saved-account form:first-child{flex:1;min-width:0}.rg-saved-account button{margin:0!important;min-height:44px;width:100%;overflow-wrap:anywhere}.rg-saved-account .rg-forget-account{width:44px;padding:0;color:#ff7070;background:#30151a;border:1px solid #943e46;font-size:25px;box-shadow:none}.rg-saved-account .rg-forget-account:hover{background:#51202a;color:#fff}.rg-other-account summary{padding:10px 0;color:var(--cyan);cursor:pointer}.rg-other-account form{margin-top:12px}

/* Compact account picker: one short button and remove control per account. */
#loginModal .rg-modal-card{width:min(360px,calc(100% - 30px));padding:24px;max-height:calc(100dvh - 32px);overflow-y:auto}
#loginModal .rg-saved-accounts{width:fit-content;max-width:100%;gap:7px;margin:16px 0}
#loginModal .rg-saved-account{gap:6px;align-items:center}
#loginModal .rg-saved-account form:first-child{flex:1;min-width:0}
#loginModal .rg-saved-account button{height:auto;min-height:32px;padding:7px 12px;font-size:12px;line-height:16px}
#loginModal .rg-saved-account .rg-forget-account{width:32px;height:32px;min-height:32px;padding:0;font-size:21px;line-height:30px}
#loginModal #loginForm>button,#loginModal .rg-modal-card>form>button{align-self:flex-start;width:auto;min-width:96px;height:34px;padding:0 16px;font-size:12px}
#loginModal .rg-other-account summary{font-size:12px;padding:8px 0}

#loginModal .rg-add-account{display:block;width:auto;margin-top:14px;padding:6px 0;border:0;background:transparent;color:var(--cyan);font-size:12px;cursor:pointer}#accountCredentialsModal .rg-modal-card{width:min(360px,calc(100% - 30px));padding:24px}#accountCredentialsModal #loginForm>button{align-self:flex-start;width:auto;min-width:96px;height:34px;padding:0 16px;font-size:12px}

.rg-modal .rg-newsletter-consent{display:flex;align-items:flex-start;gap:8px;line-height:1.4}.rg-modal .rg-newsletter-consent input{width:16px;height:16px;flex:0 0 16px;margin:0}