/* RustoMania — top menu, one look on every page.
   Markup: templates/_rm_nav.tpl, included by battle_rm, account_rm, admin_rm
   and errordisplay. The first two sit inside rm.css's header.header, so the
   "rmn" names stay clear of rm.css and nothing here depends on it. */
.rmn{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;gap:8px;margin:0;padding:0}
.rmn .rmn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:40px;padding:0 14px;margin:0;
   border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);
   font:500 15px/1 "Oswald",sans-serif;letter-spacing:.03em;text-transform:none;white-space:nowrap;text-decoration:none;color:#dfe6f5;
   transition:background-color .15s,border-color .15s,color .15s}
.rmn .rmn-btn svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8e9cc0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s,fill .15s}
.rmn .rmn-btn svg.rmn-fill{fill:#8e9cc0;stroke:none}
.rmn .rmn-btn:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);text-decoration:none}
.rmn .rmn-btn:hover svg{stroke:#fff}
.rmn .rmn-btn:hover svg.rmn-fill{fill:#fff;stroke:none}

/* current page */
.rmn .rmn-btn.rmn-on{color:#fff;background:rgba(205,65,43,.18);border-color:rgba(205,65,43,.65)}
.rmn .rmn-btn.rmn-on svg{stroke:#ff8256}

/* the one action: "Войти через Steam" for guests */
.rmn .rmn-btn.rmn-cta{color:#fff;background:#cd412b;border-color:#cd412b;box-shadow:0 6px 20px rgba(205,65,43,.3)}
.rmn .rmn-btn.rmn-cta svg{stroke:#fff}
.rmn .rmn-btn.rmn-cta:hover{background:#e0533c;border-color:#e0533c}

/* narrow screens: secondary items first, then everything but the current
   page and the sign-in button, shrink to square icon buttons */
@media (max-width:900px){
   .rmn .rmn-sec{width:40px;padding:0}
   .rmn .rmn-sec .rmn-t{display:none}
}
@media (max-width:600px){
   .rmn{gap:6px}
   .rmn .rmn-btn:not(.rmn-on):not(.rmn-cta){width:40px;padding:0}
   .rmn .rmn-btn:not(.rmn-on):not(.rmn-cta) .rmn-t,.rmn .rmn-long{display:none}
}