.nav.session-nav-loading{
  opacity:0;
}
.nav{
  transition:opacity .14s ease;
}
.session-nav-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.session-nav-actions .session-nav-btn{
  border:1px solid transparent;
  border-radius:6px;
  padding:11px 16px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:inherit;
  cursor:pointer;
  font-family:"DM Mono",monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}
.session-nav-actions .session-nav-home,
.session-nav-actions .session-nav-account,
.session-nav-actions .session-nav-support{
  background:rgba(0,229,255,.08);
  border-color:rgba(0,229,255,.34);
  color:var(--cyan,#00e5ff);
}
.session-nav-actions .session-nav-upgrade{
  background:linear-gradient(90deg,var(--gold,#ffc342),#ffe28a);
  border-color:rgba(255,195,66,.88);
  color:#171000;
  box-shadow:0 0 24px rgba(255,195,66,.24);
}
.session-nav-actions .session-nav-solver{
  background:var(--green,#29ff63);
  border-color:var(--green,#29ff63);
  color:#001805;
  box-shadow:0 0 24px rgba(41,255,99,.22);
}
.session-nav-actions .session-nav-btn:hover{
  text-decoration:none;
  transform:translateY(-1px);
}
@media (max-width:720px){
  .session-nav-actions{
    justify-content:flex-start;
  }
  .session-nav-actions .session-nav-btn{
    padding:10px 12px;
    min-height:40px;
    font-size:10px;
  }
}