/* FirestarMU newlevel2 remake, version 1 (fiery remake).
   Loaded after the template's own CSS. Effects only animate transform and opacity. */
:root{
  --rm-page:#0b0706;
  --rm-ink:#f3e7da;
  --rm-ink-2:#d7c4b2;
  --rm-ink-3:#a08a78;
  --rm-link:#ecc894;
  --rm-accent:#ff7a1a;
  --rm-accent-2:#ffb347;
  --rm-accent-ink:#2a1205;
  --rm-line:rgba(255,140,60,.16);
  --rm-line-strong:rgba(255,170,90,.38);
  --rm-panel:linear-gradient(180deg, rgba(22,11,8,.94) 0%, rgba(12,7,6,.96) 100%);
  --rm-panel-border:#3b1f14;
  --rm-panel-shadow:inset 0 0 36px rgba(255,80,10,.08), 0 14px 34px rgba(0,0,0,.45);
  --rm-row:rgba(255,255,255,.03);
  --rm-row-hover:rgba(255,122,26,.08);
  --rm-row-border:rgba(255,140,60,.18);
  --rm-tag-bg:rgba(255,122,26,.12);
  --rm-tag-border:rgba(255,122,26,.4);
  --rm-tag-ink:#ffd2a3;
  --rm-bar-track:rgba(255,255,255,.07);
  --rm-bar-fill:linear-gradient(90deg, #ff6a00, #ffc15a);
  --rm-good:#4be37a;
  --rm-good-bg:rgba(75,227,122,.1);
  --rm-good-ring:rgba(75,227,122,.3);
  --rm-bad:#ff6b5f;
  --rm-title:"Cinzel", "Times New Roman", serif;
  --rm-body:"Barlow", "Segoe UI", Arial, sans-serif;
}

/* ================= PAGE BACKGROUND ================= */
html{ background:var(--rm-page); }
body{ background:none; color:var(--rm-ink); }
.rm-bg{ position:absolute; top:0; left:0; right:0; z-index:-1; height:1100px; overflow:hidden; pointer-events:none; background:url(../images/remake/hero-inferno.jpg) center top / cover no-repeat; }
.rm-bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,7,6,.35) 0%, rgba(11,7,6,0) 16%, rgba(11,7,6,0) 38%, rgba(11,7,6,.78) 70%, var(--rm-page) 96%); }
.rm-embers{ position:absolute; inset:0; }
.rm-embers i{ position:absolute; left:var(--x); top:380px; width:5px; height:5px; border-radius:50%; background:radial-gradient(circle, #fff1c9 0%, #ffab3a 45%, rgba(255,90,0,0) 72%); opacity:0; animation:rmEmber var(--d) linear var(--delay) infinite; }
@keyframes rmEmber{
  0%{ opacity:0; transform:translate3d(0, 0, 0) scale(var(--s)); }
  15%{ opacity:.9; }
  70%{ opacity:.55; }
  100%{ opacity:0; transform:translate3d(var(--drift), -360px, 0) scale(var(--s)); }
}

/* ================= HEADER ================= */
.header.rm-header{ position:relative; height:560px; }
.rm-header .header-top-area{ display:none !important; } /* marquee hidden: delete this rule to show it again */
.rm-header .fsrv{ position:absolute; top:14px; left:10px; right:10px; margin:0; font-family:var(--rm-body); }
.rm-header .fsrv-panel{ width:360px; }
.rm-logo{ position:absolute; left:50%; top:262px; z-index:50; width:440px; transform:translate(-50%, -50%); }
.rm-logo img{ display:block; width:100%; height:auto; filter:drop-shadow(0 0 14px rgba(255,120,0,.75)) drop-shadow(0 0 34px rgba(255,60,0,.45)); }
.rm-logo::before{ content:""; position:absolute; left:50%; top:50%; z-index:-1; width:150%; height:170%; transform:translate(-50%, -50%); background:radial-gradient(closest-side, rgba(255,120,30,.34) 0%, transparent 100%); animation:rmHalo 6s ease-in-out infinite alternate; }
@keyframes rmHalo{ from{ opacity:.6; transform:translate(-50%, -50%) scale(.96); } to{ opacity:1; transform:translate(-50%, -50%) scale(1.04); } }
.rm-header #timer_div_title{ position:absolute; top:396px; left:0; right:0; z-index:40; font-size:18px; text-shadow:0 2px 8px rgba(0,0,0,.8); }
.rm-header #timer_div_time{ position:absolute; top:424px; left:50%; z-index:40; transform:translateX(-50%); }
/* while the grand opening timer shows, the logo moves up to make room for it */
.rm-header:has(#timer_div_time) .rm-logo{ top:200px; width:400px; }
.rm-header:has(#timer_div_time) #timer_div_title{ top:338px; }
.rm-header:has(#timer_div_time) #timer_div_time{ top:368px; }

.rm-menu{ position:absolute; left:0; right:0; bottom:14px; z-index:60; display:flex; justify-content:center; }
.rm-menu a{ position:relative; display:flex; flex-direction:column; align-items:center; gap:9px; padding:6px 19px 4px; color:#f0e2d2; font:600 12px/1 var(--rm-body); letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
.rm-menu a + a::before{ content:""; position:absolute; left:0; top:8px; bottom:4px; width:1px; background:linear-gradient(transparent, var(--rm-line-strong), transparent); }
.rm-menu i{ width:39px; height:39px; background:var(--icon) center / 39px no-repeat; transition:transform .25s ease; }
.rm-menu a:hover i, .rm-menu a:focus-visible i{ transform:translateY(-4px); }
.rm-menu a:hover, .rm-menu a:focus-visible{ color:var(--rm-accent-2); filter:none; }
.rm-menu a.is-hi{ color:#7be38f; }
.rm-knight{ position:absolute; right:140px; bottom:12px; z-index:55; width:150px; pointer-events:none; }
.rm-knight img{ display:block; width:100%; height:auto; animation:rmFloat 5s ease-in-out infinite alternate; }
.rm-knight::after{ content:""; position:absolute; left:8%; top:30%; z-index:-1; width:60%; height:60%; border-radius:50%; background:radial-gradient(closest-side, rgba(255,110,20,.55), transparent); animation:rmGlow 4s ease-in-out infinite alternate; }
@keyframes rmFloat{ from{ transform:translateY(0); } to{ transform:translateY(-5px); } }
@keyframes rmGlow{ from{ opacity:.45; } to{ opacity:1; } }
.rm-socials{ position:absolute; right:20px; bottom:42px; z-index:60; display:flex; gap:16px; }
.rm-socials a{ display:block; width:22px; height:22px; color:var(--rm-ink-2); }
.rm-socials a:hover{ color:var(--rm-accent-2); filter:none; }
.rm-socials svg{ display:block; width:100%; height:100%; fill:currentColor; }
.rm-fx-paused .rm-embers i,
.rm-fx-paused .rm-logo::before,
.rm-fx-paused .rm-knight img,
.rm-fx-paused .rm-knight::after{ animation-play-state:paused; }

/* ================= SIDEBARS AND BOXES ================= */
.sidebar{ background:none; box-shadow:none; margin-bottom:60px; font-family:var(--rm-body); }
.widget{ min-height:0; margin-bottom:34px; }
.widget-left, .widget-right{ background:var(--rm-panel); border:1px solid var(--rm-panel-border); border-radius:12px; box-shadow:var(--rm-panel-shadow); }
.widget-left .widget-title, .widget-right .widget-title{ font:700 15px/97px var(--rm-title); letter-spacing:.14em; color:#fff1e2; text-shadow:0 2px 6px rgba(0,0,0,.7); }

#login_form{ padding:0 20px 20px; }
#login_form .form-group{ width:100%; height:44px; border:1px solid #3d2418; border-radius:9px; background-color:#0a0605; background-position:left 15px center; color:var(--rm-ink-3); }
#login_form .form-group input{ width:100%; height:42px; padding:0 14px 0 40px; color:var(--rm-ink); font:500 13px/42px var(--rm-body); letter-spacing:.04em; text-align:left; text-transform:none; }
#login_form .form-group input::placeholder{ color:var(--rm-ink-3); letter-spacing:.08em; text-transform:uppercase; }
#login_form .form-group:focus-within{ border-color:var(--rm-accent); }
#login_form .form-group-button{ margin:12px 0 14px; }
#login_form .button-big{ width:100%; height:42px; border:1px solid #ffb35c; border-radius:9px; background:linear-gradient(180deg, #ff9a3c 0%, #e2560e 100%); box-shadow:0 6px 18px rgba(255,90,10,.3), inset 0 1px 0 rgba(255,255,255,.35); color:var(--rm-accent-ink) !important; font:700 13px/1 var(--rm-body); letter-spacing:.14em; text-shadow:none; }
#login_form .form-group-links, #login_form .form-group-links a{ color:var(--rm-ink-3); font:400 13px/1.4 var(--rm-body); }
#login_form .form-group-links a{ color:var(--rm-link); }

.rm-ql{ display:grid; gap:8px; padding:0 20px 20px; margin-top:-5px; }
.rm-ql a{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 12px; border:1px solid var(--rm-row-border); border-radius:9px; background:var(--rm-row); color:var(--rm-ink) !important; font:600 12.5px/1.2 var(--rm-body); letter-spacing:.06em; text-transform:uppercase; transition:border-color .2s ease, background-color .2s ease; }
.rm-ql small{ font:500 11px/1 var(--rm-body); letter-spacing:0; text-transform:none; color:var(--rm-ink-3); }
.rm-ql a:hover{ border-color:var(--rm-accent); background:var(--rm-row-hover); filter:none; }

/* register and download cards */
.rm-cta{ display:grid; gap:10px; margin:9px 0 34px; }
.rm-cta a{ position:relative; display:flex; flex-direction:column; justify-content:center; min-height:96px; padding:0 18px; overflow:hidden; border:1px solid var(--rm-panel-border); border-radius:12px; background:#000 right center / cover no-repeat; box-shadow:var(--rm-panel-shadow); color:#fff !important; text-decoration:none; }
.rm-cta a::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.15) 70%, transparent 100%); }
.rm-cta .rm-cta-reg{ background-image:url(../images/remake/cta-register.jpg); }
.rm-cta .rm-cta-dl{ background-image:url(../images/remake/cta-download.jpg); }
.rm-cta b, .rm-cta small{ position:relative; }
.rm-cta b{ font:700 19px/1.1 var(--rm-title); letter-spacing:.06em; text-transform:uppercase; text-shadow:0 2px 8px rgba(0,0,0,.6); }
.rm-cta small{ margin-top:4px; font:400 12.5px/1.3 var(--rm-body); opacity:.88; }

/* server status */
.rm-status-body{ padding:0 18px 18px; margin-top:-5px; }
.rm-st-total{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--rm-line); }
.rm-st-num{ margin:0 !important; line-height:1.2 !important; }
.rm-st-num b{ display:block; font:700 30px/1 var(--rm-title); color:#fff1e2; font-variant-numeric:tabular-nums; }
.rm-st-num small{ font-size:12px; color:var(--rm-ink-3); }
.rm-pill{ display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border-radius:999px; font:700 11px/1 var(--rm-body); letter-spacing:.1em; text-transform:uppercase; }
.rm-pill.is-on{ border:1px solid var(--rm-good-ring); background:var(--rm-good-bg); color:var(--rm-good); }
.rm-pill.is-off{ border:1px solid rgba(255,107,95,.35); background:rgba(255,107,95,.1); color:var(--rm-bad); }
.rm-dot{ display:inline-block; flex:none; width:8px; height:8px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.rm-st-server{ margin-top:13px; }
.rm-st-server + .rm-st-server{ padding-top:13px; border-top:1px solid var(--rm-line); }
.rm-st-head{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.rm-st-head strong{ font:600 14px/1.2 var(--rm-body); letter-spacing:.06em; text-transform:uppercase; color:var(--rm-ink); }
.rm-st-head span{ font-size:12.5px; color:var(--rm-ink-2); font-variant-numeric:tabular-nums; }
.rm-st-server.is-off .rm-st-head span{ color:var(--rm-bad); }
.rm-st-chips{ display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.rm-st-chips span{ padding:3px 8px; border:1px solid var(--rm-tag-border); border-radius:999px; background:var(--rm-tag-bg); color:var(--rm-tag-ink); font-size:11px; line-height:1.3; }
.rm-bar{ display:block; height:8px; margin-top:11px; overflow:hidden; border-radius:99px; background:var(--rm-bar-track); }
.rm-bar > span{ display:block; height:100%; border-radius:inherit; background:var(--rm-bar-fill); }
.rm-st-load{ display:flex; justify-content:space-between; margin-top:6px; font-size:12px; color:var(--rm-ink-3); font-variant-numeric:tabular-nums; }
.rm-st-gs{ display:grid; gap:9px; margin:13px 0 0 !important; padding:12px 0 0 !important; border-top:1px solid var(--rm-line); list-style:none; }
.rm-st-gs li{ display:grid; grid-template-columns:78px minmax(0, 1fr) 34px; align-items:center; gap:10px; font-size:12.5px; line-height:1.2; list-style:none; }
.rm-gs-name{ display:flex; align-items:center; gap:7px; min-width:0; overflow:hidden; color:var(--rm-ink-2); text-overflow:ellipsis; white-space:nowrap; }
.rm-gs-name .rm-dot{ width:6px; height:6px; color:var(--rm-good); box-shadow:none; }
.rm-st-gs .rm-bar{ height:5px; margin:0; }
.rm-st-gs b{ text-align:right; color:var(--rm-ink); font-variant-numeric:tabular-nums; }

/* hall of fame */
.rm-hof .hof-wrap{ display:grid; gap:12px; padding:0 18px 18px; margin-top:-5px; }
.rm-hof .hof-server-head{ font:700 11px/1 var(--rm-body); letter-spacing:.12em; text-transform:uppercase; color:var(--rm-ink-3); }
.rm-hof .hof-rows{ display:grid; gap:8px; margin:0 !important; padding:0 !important; list-style:none; }
.rm-hof .hof-row{ display:grid; grid-template-columns:38px minmax(0, 1fr); align-items:center; gap:11px; padding:9px 10px; border:1px solid var(--rm-row-border); border-radius:9px; background:var(--rm-row); list-style:none; }
.rm-hof .hof-ico{ display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,150,70,.4); border-radius:10px; background:radial-gradient(circle at 50% 35%, #4a1d0c, #170906); }
.rm-hof .hof-ico svg, .rm-hof .hof-castle-title svg{ width:19px; height:19px; fill:#ffc46b; }
.rm-hof .hof-txt{ min-width:0; }
.rm-hof .hof-label{ display:block; font:600 10.5px/1 var(--rm-body); letter-spacing:.12em; text-transform:uppercase; color:var(--rm-ink-3); }
.rm-hof .hof-result{ display:block; margin-top:5px; min-width:0; }
.rm-hof .hof-entry{ display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; }
.rm-hof .hof-name{ font:600 14.5px/1.15 var(--rm-body); letter-spacing:.03em; color:var(--rm-ink); overflow-wrap:anywhere; }
.rm-hof .hof-stats{ display:flex; flex-wrap:wrap; gap:4px; }
.rm-hof .hof-badge{ padding:2px 6px; border:1px solid var(--rm-row-border); border-radius:6px; background:rgba(0,0,0,.25); color:var(--rm-ink-3); font-size:10.5px; line-height:1.4; }
.rm-hof .hof-badge b{ color:var(--rm-ink-2); }
.rm-hof .hof-vip-tag{ padding:3px 7px; border-radius:6px; font:700 10px/1 var(--rm-body); letter-spacing:.06em; text-transform:uppercase; background:linear-gradient(180deg, #e9b98c, #a4673b); color:#2b1606; }
.rm-hof .hof-vip-tag.vip-silver{ background:linear-gradient(180deg, #f1f3f6, #a9b0ba); color:#20252c; }
.rm-hof .hof-vip-tag.vip-gold{ background:linear-gradient(180deg, #ffe08a, #d99a1e); color:#3a2300; }
.rm-hof .hof-empty{ color:var(--rm-ink-3); }
.rm-hof .hof-castle-box{ display:grid; gap:8px; margin-top:8px; padding:11px 12px; border:1px solid var(--rm-row-border); border-radius:9px; background:rgba(0,0,0,.25); }
.rm-hof .hof-castle-title{ display:flex; align-items:center; gap:8px; font:700 11px/1 var(--rm-body); letter-spacing:.12em; text-transform:uppercase; color:var(--rm-ink-2); }
.rm-hof .hof-castle-result{ display:grid; gap:7px; }
.rm-hof .hof-castle-line{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:12.5px; color:var(--rm-ink-2); }
.rm-hof .hof-castle-line b{ color:var(--rm-ink); }
.rm-hof .hof-castle-attacker{ padding:2px 7px; border:1px solid var(--rm-row-border); border-radius:6px; background:var(--rm-row); }
.rm-hof .hof-castle-label{ padding:3px 7px; border-radius:6px; font:700 9.5px/1 var(--rm-body); letter-spacing:.1em; text-transform:uppercase; }
.rm-hof .hof-castle-label.def{ border:1px solid rgba(255,190,0,.3); background:rgba(255,190,0,.14); color:#ffd970; }
.rm-hof .hof-castle-label.atk{ border:1px solid rgba(255,70,70,.3); background:rgba(255,70,70,.13); color:#ffb4b4; }
.rm-hof .hof-stage{ display:none; }

/* events (rows come from App.getEventTimes) */
.rm-events #events{ display:grid; gap:7px; padding:0 18px 18px; margin-top:-5px; }
.rm-events #events > div{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 11px; border:1px solid var(--rm-row-border); border-radius:9px; background:var(--rm-row); }
.rm-events #events span{ min-width:0; font:600 13px/1.2 var(--rm-body); letter-spacing:.03em; color:var(--rm-ink); }
.rm-events #events small{ flex:none; padding:3px 8px; border:1px solid var(--rm-tag-border); border-radius:999px; background:var(--rm-tag-bg); color:var(--rm-accent-2); font-size:12px; line-height:1.3; font-variant-numeric:tabular-nums; white-space:nowrap; }
.rm-events #events > div{ height:auto; margin:0; color:var(--rm-ink); transition:border-color .2s ease, background-color .2s ease; }
.rm-events #events > div::before{ content:none; display:none; }
.rm-events #events > div:hover{ margin:0; padding:10px 11px; border-color:var(--rm-accent); background:var(--rm-row-hover); box-shadow:none; }

/* logged in account panel, warm borders instead of blue */
.widget_account .ap-welcome{ border-bottom-color:var(--rm-line); }
.widget_account .ap-balance{ border-color:var(--rm-row-border); background:rgba(0,0,0,.25); }
.widget_account .ap-actions a{ border-color:var(--rm-row-border); background:var(--rm-row); }
.widget_account .ap-actions a:hover{ border-color:var(--rm-accent); background:var(--rm-row-hover); filter:none; }

/* ================= NEWS ================= */
.rm-news .rm-news-head{ display:flex; align-items:center; min-height:58px; padding:0 20px; border:1px solid var(--rm-panel-border); border-radius:12px; background:#120907 url(../images/content-title.jpg) center / cover; }
.rm-news .rm-news-head h1{ display:block; margin:0; font:700 22px/1 var(--rm-title); letter-spacing:.08em; text-transform:uppercase; color:#fff1e2; }
.rm-posts{ display:grid; gap:10px; margin-top:12px; }
.rm-post{ overflow:hidden; border:1px solid var(--rm-panel-border); border-radius:12px; background:var(--rm-panel); transition:border-color .3s ease; }
.rm-post.is-open{ border-color:rgba(255,140,60,.45); box-shadow:0 0 0 1px rgba(255,120,30,.12), 0 18px 40px rgba(0,0,0,.4); }
.rm-news .rm-post-h{ margin:0; padding:0; font:inherit; line-height:1.2; }
.rm-btn{ position:relative; z-index:auto; width:auto; height:auto; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:inherit !important; font:inherit; text-align:left; text-shadow:none; text-transform:none; cursor:pointer; }
.rm-btn:hover{ filter:none; }
.rm-btn:focus-visible{ outline:2px solid var(--rm-accent-2); outline-offset:2px; }
.rm-post-head{ display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-areas:"tag chev" "title chev" "meta chev"; align-items:center; gap:5px 14px; width:100%; padding:15px 18px; }
.rm-post-head:focus-visible{ outline-offset:-4px; }
.rm-post-head:hover .rm-post-title{ color:var(--rm-accent-2); }
.rm-post-tag{ grid-area:tag; justify-self:start; padding:3px 9px; border:1px solid var(--rm-tag-border); border-radius:999px; background:var(--rm-tag-bg); color:var(--rm-tag-ink); font:700 10.5px/1.3 var(--rm-body); letter-spacing:.1em; text-transform:uppercase; }
.rm-post-title{ grid-area:title; font:700 17px/1.25 var(--rm-title); color:#fff1e2; transition:color .2s ease; }
.rm-post.is-open .rm-post-title{ font-size:21px; }
.rm-post-meta{ grid-area:meta; font-size:12px; line-height:1.3; color:var(--rm-ink-3); }
.rm-post-chev{ grid-area:chev; position:relative; width:32px; height:32px; border:1px solid var(--rm-row-border); border-radius:50%; background:var(--rm-row); transition:transform .3s ease, border-color .3s ease; }
.rm-post-chev::before{ content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-6px 0 0 -4px; border-right:2px solid var(--rm-accent-2); border-bottom:2px solid var(--rm-accent-2); transform:rotate(45deg); }
.rm-post.is-open .rm-post-chev{ transform:rotate(180deg); border-color:var(--rm-accent); }
.rm-post-body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
.rm-post.is-open .rm-post-body{ grid-template-rows:1fr; }
.rm-post-inner{ min-height:0; overflow:hidden; visibility:hidden; transition:visibility 0s linear .35s; }
.rm-post.is-open .rm-post-inner{ visibility:visible; transition:none; }
.rm-news .rm-post-content{ padding:0 18px 4px; color:var(--rm-ink-2); font:400 14px/1.6 var(--rm-body); overflow-wrap:anywhere; }
.rm-news .rm-post-content p{ margin:0 0 10px; line-height:1.6; }
.rm-news .rm-post-content ul{ margin:0 0 10px; padding-left:20px; }
.rm-news .rm-post-content ul li{ line-height:1.6; margin-bottom:2px; }
.rm-news .rm-post-content strong, .rm-news .rm-post-content b{ color:var(--rm-ink); }
.rm-news .rm-post-content img{ max-width:100%; height:auto; border:0; vertical-align:middle; }
.rm-post-foot{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 16px; padding:6px 18px 16px; }
.rm-post-link{ color:var(--rm-link) !important; font:600 12px/1 var(--rm-body); letter-spacing:.08em; text-transform:uppercase; }
.rm-news .news-empty-state{ margin-top:12px; padding:20px; border:1px solid var(--rm-panel-border); border-radius:12px; background:var(--rm-panel); color:var(--rm-ink-3); }
.rm-news .news-pagination{ margin-top:16px; }

/* post images: thumbnails that open full size (home posts and the full article page) */
.rm-gallery{ display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:8px; margin:4px 0 14px; }
.rm-figure{ margin:4px 0 14px; }
.rm-zoom{ display:block; width:100%; overflow:hidden; border:1px solid var(--rm-row-border); border-radius:8px; background:var(--rm-row); cursor:zoom-in; }
.rm-zoom::after{ content:""; position:absolute; right:7px; bottom:7px; width:24px; height:24px; border-radius:7px; background:rgba(0,0,0,.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center / 15px no-repeat; }
.rm-gallery .rm-zoom{ aspect-ratio:3 / 2; }
.rm-gallery .rm-zoom img{ display:block; width:100%; height:100%; max-width:none; object-fit:cover; border:0; transition:transform .4s ease; }
.rm-figure .rm-zoom{ display:inline-block; width:auto; max-width:100%; }
.rm-figure .rm-zoom img{ display:block; width:auto; max-width:100%; max-height:170px; border:0; }
.rm-zoom:hover img{ transform:scale(1.05); }

.rm-lb{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:56px 16px 24px; background:rgba(4,3,3,.93); }
.rm-lb[hidden]{ display:none; }
.rm-lb figure{ display:grid; justify-items:center; gap:10px; max-width:min(1180px, 100%); margin:0; }
.rm-lb img{ display:block; max-width:100%; max-height:calc(100vh - 130px); border:0; border-radius:8px; box-shadow:0 24px 70px rgba(0,0,0,.75); }
.rm-lb figcaption{ color:#cdbfb2; font:400 13px/1 var(--rm-body); font-variant-numeric:tabular-nums; }
.rm-lb .rm-btn{ position:absolute; display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(255,255,255,.2); border-radius:12px; background:rgba(0,0,0,.55); color:#fff !important; font:400 28px/1 var(--rm-body); text-align:center; }
.rm-lb .rm-btn:hover{ background:var(--rm-accent); color:var(--rm-accent-ink) !important; }
.rm-lb-close{ top:12px; right:12px; }
.rm-lb-prev{ left:12px; top:50%; transform:translateY(-50%); }
.rm-lb-next{ right:12px; top:50%; transform:translateY(-50%); }

/* ================= FOOTER ================= */
.footer{ color:var(--rm-ink-3); }
.footer a{ color:var(--rm-link); }
.f-menu li a{ color:var(--rm-ink-3); font:500 12px/1 var(--rm-body); letter-spacing:.1em; }
.f-menu li a:hover{ color:var(--rm-accent-2); }
.f-menu li a:after{ background:var(--rm-line-strong); }
.copyright{ font:400 12px/1.7 var(--rm-body); color:var(--rm-ink-3); }

@media (prefers-reduced-motion: reduce){
  .rm-embers{ display:none; }
  .rm-logo::before, .rm-knight img, .rm-knight::after{ animation:none; }
  .rm-post-body, .rm-post-inner, .rm-post-chev, .rm-zoom img{ transition:none; }
}

/* ================= SERVER SWITCHER ================= */
    /* Marquee hidden: delete this rule to show it again */
#site-marquee{
display:none !important;
}

    /* ================= SERVER SWITCHER ================= */
.fsrv{
position:relative;
z-index:200;
height:58px;
margin-top:10px;
font-family:Tahoma, Arial, sans-serif;
}

.fsrv-pick{
position:relative;
width:360px;
}

.fsrv-btn{
position:relative;
z-index:auto;
width:auto;
height:auto;
margin:0;
padding:0;
border:0;
border-radius:0;
background:none;
box-shadow:none;
text-shadow:none;
text-align:left;
text-transform:none;
font:inherit;
color:inherit !important;
cursor:pointer;
}

.fsrv-btn:hover{
filter:none;
}

.fsrv-btn:focus-visible,
.fsrv-p-link:focus-visible{
outline:2px solid #ffb347;
outline-offset:2px;
}

.fsrv-trigger{
display:flex;
align-items:center;
gap:12px;
width:100%;
height:58px;
padding:0 14px 0 16px;
overflow:hidden;
border:1px solid rgba(255,140,60,.38);
border-radius:12px;
background:#140d0a;
box-shadow:0 12px 30px rgba(0,0,0,.45), inset 0 -2px 0 rgba(255,122,26,.85);
transition:border-color .2s ease, box-shadow .2s ease;
}

.fsrv-trigger:hover,
.fsrv.is-menu .fsrv-trigger{
border-color:rgba(255,150,60,.75);
box-shadow:0 12px 30px rgba(0,0,0,.45), inset 0 -2px 0 #ff8a1f, 0 0 22px rgba(255,110,20,.28);
}

.fsrv-trigger-art,
.fsrv-row-art{
position:absolute;
inset:0;
background-position:right center;
background-size:cover;
background-repeat:no-repeat;
}

.fsrv-trigger-art::after,
.fsrv-row-art::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg, #150e0b 0%, rgba(21,14,11,.92) 36%, rgba(21,14,11,.35) 72%, rgba(21,14,11,.12) 100%);
}

.fsrv-trigger-text{
position:relative;
min-width:0;
}

.fsrv-trigger-name,
.fsrv-row-title{
display:flex;
align-items:center;
gap:8px;
font-size:15px;
font-weight:bold;
line-height:1;
letter-spacing:.06em;
text-transform:uppercase;
color:#fff4e8;
white-space:nowrap;
text-shadow:0 2px 6px rgba(0,0,0,.6);
}

.fsrv-trigger-sub,
.fsrv-row-sub{
display:flex;
align-items:center;
gap:7px;
margin-top:7px;
font-size:12px;
line-height:1;
color:#dccbb9;
white-space:nowrap;
}

.fsrv-trigger-count{
color:#a8927d;
}

.fsrv-trigger-count::before{
content:"\2022";
margin:0 6px 0 2px;
color:#6d5a4a;
}

.fsrv-chev{
position:relative;
flex:none;
width:30px;
height:30px;
margin-left:auto;
border:1px solid rgba(255,255,255,.16);
border-radius:50%;
background:rgba(0,0,0,.5);
transition:transform .2s ease, background .2s ease;
}

.fsrv-chev::before{
content:"";
position:absolute;
left:50%;
top:50%;
width:7px;
height:7px;
margin:-6px 0 0 -4px;
border-right:2px solid #ffcf9a;
border-bottom:2px solid #ffcf9a;
transform:rotate(45deg);
}

.fsrv.is-menu .fsrv-chev{
transform:rotate(180deg);
background:rgba(255,122,26,.25);
}

.fsrv-tag{
padding:3px 6px;
border:1px solid rgba(255,255,255,.16);
border-radius:6px;
background:rgba(255,255,255,.1);
font-size:10px;
font-style:normal;
letter-spacing:.04em;
color:#fff;
text-shadow:none;
}

.fsrv-here{
padding:4px 8px;
border-radius:6px;
background:linear-gradient(180deg, #ffb04f 0%, #ff7a1a 100%);
font-size:10px;
letter-spacing:.04em;
color:#2a1205;
text-shadow:none;
box-shadow:0 3px 12px rgba(255,122,26,.45);
}

.fsrv-dot{
flex:none;
width:8px;
height:8px;
border-radius:50%;
background:#3be36b;
box-shadow:0 0 0 3px rgba(59,227,107,.16), 0 0 8px rgba(59,227,107,.85);
}

[data-state="beta"] .fsrv-dot{
background:#ffb020;
box-shadow:0 0 0 3px rgba(255,176,32,.16), 0 0 8px rgba(255,176,32,.75);
}

.fsrv-menu{
position:absolute;
top:calc(100% + 8px);
left:0;
width:100%;
padding:12px;
border:1px solid rgba(255,140,60,.3);
border-radius:14px;
background:linear-gradient(180deg, rgba(26,17,13,.97) 0%, rgba(12,9,8,.97) 100%);
box-shadow:0 24px 60px rgba(0,0,0,.7);
opacity:0;
visibility:hidden;
transform:translateY(-8px);
transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}

.fsrv.is-menu .fsrv-menu{
opacity:1;
visibility:visible;
transform:none;
transition:opacity .18s ease, transform .18s ease;
}

.fsrv-menu-head{
display:flex;
align-items:baseline;
justify-content:space-between;
padding:2px 4px 11px;
font-size:14px;
color:#f1e6da;
}

.fsrv-menu-head small{
font-size:12px;
color:#9d8b7a;
}

.fsrv-menu-head b{
color:#fff;
}

.fsrv-list{
display:grid;
gap:8px;
margin:0;
padding:0;
list-style:none;
}

.fsrv-row{
display:block;
width:100%;
height:64px;
padding:14px 14px 0;
overflow:hidden;
border:1px solid rgba(255,255,255,.08);
border-radius:12px;
background:#150e0b;
transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.fsrv-row-art{
opacity:.8;
transition:opacity .25s ease, transform .4s ease;
}

.fsrv-row-title,
.fsrv-row-sub{
position:relative;
}

.fsrv-row-title{
font-size:14px;
}

.fsrv-row:hover,
.fsrv-row:focus-visible{
border-color:rgba(255,140,60,.6);
transform:translateX(3px);
}

.fsrv-row:hover .fsrv-row-art,
.fsrv-row:focus-visible .fsrv-row-art{
opacity:1;
transform:scale(1.04);
}

.fsrv-item.is-home .fsrv-row{
border-color:rgba(255,150,50,.8);
box-shadow:0 0 18px rgba(255,110,20,.2);
}

.fsrv-item.is-active .fsrv-row{
box-shadow:inset 3px 0 0 #ff8a1f, 0 0 18px rgba(255,110,20,.25);
}

.fsrv-data{
display:none !important;
}

.fsrv-panel{
position:absolute;
top:0;
right:0;
width:400px;
overflow:hidden;
border:1px solid rgba(255,140,60,.3);
border-radius:14px;
background:linear-gradient(180deg, rgba(24,16,12,.96) 0%, rgba(12,9,8,.97) 100%);
box-shadow:0 24px 60px rgba(0,0,0,.6);
opacity:0;
visibility:hidden;
transform:translateX(28px);
transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}

.fsrv.is-panel .fsrv-panel{
opacity:1;
visibility:visible;
transform:none;
transition:opacity .25s ease, transform .25s ease;
}

.fsrv-close{
position:absolute;
top:12px;
right:12px;
z-index:2;
width:30px;
height:30px;
border:1px solid rgba(255,255,255,.16);
border-radius:9px;
background:rgba(0,0,0,.55);
font-size:18px;
line-height:28px;
text-align:center;
color:#fff !important;
}

.fsrv-close:hover{
background:rgba(255,122,26,.35);
}

.fsrv-panel-in.is-swap{
animation:fsrvSwap .32s ease;
}

@keyframes fsrvSwap{
from{ opacity:0; transform:translateX(14px); }
to{ opacity:1; transform:none; }
}

.fsrv-p-head{
position:relative;
min-height:84px;
padding:16px 56px 14px 18px;
border-bottom:1px solid rgba(255,140,60,.22);
background-image:linear-gradient(90deg, #160f0c 0%, rgba(22,15,12,.9) 42%, rgba(22,15,12,.25) 82%, rgba(22,15,12,.1) 100%), var(--fsrv-art, none);
background-position:0 0, right center;
background-size:auto, cover;
background-repeat:no-repeat;
}

.fsrv-p-head h3{
margin:0;
font-family:inherit;
font-size:17px;
font-weight:bold;
line-height:1.2;
letter-spacing:.05em;
text-transform:uppercase;
color:#fff4e8;
text-shadow:0 2px 8px rgba(0,0,0,.65);
}

.fsrv-panel .fsrv-p-status{
display:flex;
align-items:center;
gap:8px;
margin:10px 0 0;
font-size:12px;
color:#e5d6c6;
}

.fsrv-p-status strong{
color:#fff;
}

.fsrv-badge{
padding:3px 7px;
border-radius:6px;
background:#3be36b;
font-size:10px;
font-weight:bold;
letter-spacing:.06em;
text-transform:uppercase;
color:#062b12;
}

[data-state="beta"] .fsrv-badge{
background:#ffb020;
color:#2b1a02;
}

.fsrv-p-body{
padding:14px 18px 16px;
}

.fsrv-panel .fsrv-p-meta p{
margin:0 0 2px;
font-size:12.5px;
line-height:1.35;
color:#f3dcc0;
}

.fsrv-p-meta p::before{
content:"";
display:inline-block;
width:6px;
height:6px;
margin:0 9px 2px 1px;
background:#ff7a1a;
transform:rotate(45deg);
}

.fsrv-p-chips{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:9px;
}

.fsrv-p-chips span{
padding:4px 9px;
border:1px solid rgba(255,122,26,.38);
border-radius:999px;
background:rgba(255,122,26,.12);
font-size:11px;
color:#ffd9b0;
}

.fsrv-panel .fsrv-p-info{
margin:11px 0 0;
padding:10px 0 0;
border-top:1px solid rgba(255,255,255,.07);
list-style:none;
}

.fsrv-p-info li{
position:relative;
margin:0 0 2px;
padding-left:14px;
font-size:12px;
line-height:1.35;
color:#cdbfb1;
}

.fsrv-p-info li::before{
content:"";
position:absolute;
left:2px;
top:.55em;
width:5px;
height:5px;
border-radius:50%;
background:#ffb347;
}

.fsrv-p-more{
margin-top:10px;
padding-top:10px;
border-top:1px solid rgba(255,255,255,.07);
}

.fsrv-panel .fsrv-p-more h4{
display:block;
margin:0 0 4px;
font:700 12px/1.3 var(--rm-body);
letter-spacing:.08em;
text-transform:uppercase;
color:#ffd9b0;
}

.fsrv-panel .fsrv-p-more p{
margin:0 0 9px;
font-size:12px;
line-height:1.4;
color:#cdbfb1;
}

.fsrv-p-link{
display:inline-flex;
align-items:center;
gap:8px;
height:32px;
margin-top:12px;
padding:0 16px;
border-radius:9px;
background:linear-gradient(180deg, #ffb050 0%, #ff7a1a 100%);
box-shadow:0 6px 18px rgba(255,110,20,.35);
font-size:12px;
font-weight:bold;
letter-spacing:.06em;
text-transform:uppercase;
color:#2a1205 !important;
}

.fsrv-p-link:hover,
.fsrv-p-link:focus{
color:#2a1205 !important;
filter:brightness(1.08);
}

.fsrv-p-link::after{
content:"\203A";
font-size:17px;
line-height:1;
}

@media (max-width: 768px){
.fsrv-pick{ width:min(360px, calc(100vw - 20px)); }
.fsrv-panel{ top:66px; right:auto; left:0; width:min(400px, calc(100vw - 20px)); }
}

@media (prefers-reduced-motion: reduce){
.fsrv-trigger, .fsrv-chev, .fsrv-menu, .fsrv-row, .fsrv-row-art, .fsrv-panel{ transition:none; }
.fsrv-panel-in.is-swap{ animation:none; }
}

/* FirestarMU privacy: a hidden country flag shows the fire star */
.f16 .flag.fs-hidden{ background:url(../images/privacy-star.png) center / contain no-repeat !important; }

/* FirestarMU: the grand opening countdown sits exactly in the middle, under the logo */
.rm-header #timer_div_time{ display:flex; justify-content:center; gap:6px; width:auto !important; max-width:none !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; }
.rm-header #timer_div_time .timmer_inner_block{ float:none; flex:0 0 auto; }
.rm-header #timer_div_title{ left:0 !important; right:0 !important; width:auto !important; transform:none !important; text-align:center; }

/* FirestarMU: the knight stands still, white sparkles rise from the star in his hand (the header sparks keep flying) */
.rm-knight img, .rm-knight::after{ animation:none !important; }
.rm-star-fx{ position:absolute; left:31%; top:53%; width:0; height:0; z-index:2; }
.rm-star-fx::before{ content:""; position:absolute; left:-22px; top:-22px; width:44px; height:44px; border-radius:50%; background:radial-gradient(closest-side, rgba(255,240,200,.55), rgba(255,160,40,.18) 60%, transparent); animation:rmStarGlow 2.4s ease-in-out infinite alternate; }
.rm-star-fx i{ position:absolute; left:0; top:0; width:3px; height:3px; margin:-1.5px 0 0 -1.5px; border-radius:50%; background:#fff; box-shadow:0 0 6px 2px rgba(255,255,255,.85), 0 0 12px 3px rgba(255,200,120,.5); opacity:0; animation:rmSparkle 2.6s ease-out infinite; }
.rm-star-fx i:nth-child(1){ --sx:-14px; animation-delay:0s; }
.rm-star-fx i:nth-child(2){ --sx:10px; animation-delay:.26s; }
.rm-star-fx i:nth-child(3){ --sx:-4px; animation-delay:.52s; width:2px; height:2px; }
.rm-star-fx i:nth-child(4){ --sx:16px; animation-delay:.78s; }
.rm-star-fx i:nth-child(5){ --sx:-18px; animation-delay:1.04s; width:2px; height:2px; }
.rm-star-fx i:nth-child(6){ --sx:6px; animation-delay:1.3s; }
.rm-star-fx i:nth-child(7){ --sx:-9px; animation-delay:1.56s; }
.rm-star-fx i:nth-child(8){ --sx:13px; animation-delay:1.82s; width:2px; height:2px; }
.rm-star-fx i:nth-child(9){ --sx:-2px; animation-delay:2.08s; }
.rm-star-fx i:nth-child(10){ --sx:20px; animation-delay:2.34s; width:2px; height:2px; }
@keyframes rmSparkle{
  0%{ opacity:0; transform:translate(0, 0) scale(.6); }
  12%{ opacity:1; }
  60%{ opacity:.85; }
  100%{ opacity:0; transform:translate(var(--sx), -58px) scale(1.1); }
}
@keyframes rmStarGlow{ from{ opacity:.55; transform:scale(.92); } to{ opacity:1; transform:scale(1.08); } }
.rm-fx-paused .rm-star-fx i, .rm-fx-paused .rm-star-fx::before{ animation-play-state:paused; }
@media (prefers-reduced-motion: reduce){ .rm-star-fx i, .rm-star-fx::before{ animation:none; } }

/* FirestarMU: the NEWS bar gets the same fiery lava look as the side titles */
.rm-news .rm-news-head{
  border-color:rgba(255,90,40,.38);
  background:
    url(../images/lava.png) left center / auto 125% repeat-x,
    linear-gradient(180deg, rgba(140,24,8,.30) 0%, rgba(50,8,2,.55) 100%),
    #120907 url(../images/content-title.jpg) center / cover;
  box-shadow:inset 0 0 26px rgba(255,70,20,.28), var(--rm-panel-shadow);
}
.rm-news .rm-news-head h1{ text-shadow:0 0 12px rgba(255,90,20,.65), 0 2px 6px rgba(0,0,0,.8); }

/* FirestarMU: Facebook, TikTok and Instagram sit in the server banner, only the arrow opens the server list */
.fsrv-trigger{ cursor:default; }
.fsrv-socials{ position:relative; z-index:1; display:flex; gap:8px; margin-left:auto; margin-right:10px; }
.fsrv-socials a{ display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(0,0,0,.45); color:#ffcf9a !important; transition:background .2s ease, color .2s ease, box-shadow .2s ease; }
.fsrv-socials a:hover{ background:rgba(255,122,26,.35); color:#fff !important; box-shadow:0 0 12px rgba(255,110,20,.45); filter:none; }
.fsrv-socials svg{ display:block; width:15px; height:15px; fill:currentColor; }
.fsrv-trigger .fsrv-chev{ margin-left:0; cursor:pointer; }
.fsrv-trigger .fsrv-chev:hover{ background:rgba(255,122,26,.35); }